@charset "euc-kr";

@import url(base.css);
@import url(menu2.css);

/* skipnavigation À¥¿ÍÄ¡¿ë*/
#skipnavigation {position:absolute;z-index:9999;}
#skipnavigation h2 {text-indent: -2000px;}
.sknavi{ position:absolute;	top:-500px;}

.sknavi:focus, .sknavi:active{
	top:0px;left:0;
	display:block;
	border:solid 10px #ccc; 
	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%; 
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}

/* Layout */

.defaultwidth {position:relative; width:1100px; margin:0 auto !important; border:0px solid #F00;}
#wrap {clear:both;position:relative;width:100%;  border:0px solid #F00;}
#wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

#header_wrap {position:relative; z-index:1003; width:100%; height:230px; background:url(../img/headerbg.png) repeat-x;border:0px solid #000;} 
.fav {position: absolute; left: 1px; top: 25px;}
.goipsi {position: absolute; left: 75px; top: 25px;}
.gosns {position: absolute; left: 198px; top: 19px;}
.gosns ul {list-style:none;}
.gosns ul li {float:left; padding:0 2px 0 0;}
.snss {float:left;padding:8px 0 0 2px;}
.toplogo { position: absolute; left: 0px; top: 65px; }
.searchbox {position: absolute; left: 2px; top: 153px; width:224px; height:26px; border:0px solid #000;  background:url(../img/search_box.png) no-repeat;}
.searchbox input[type=text]{ border:none !important; background:transparent; width:128px; padding:0 ; float:left; margin:7px 5px;}
.searchbox input[type=image] {border:none !important;background:transparent; padding:0; margin:0px 2px 0 0 ; float:right; width:30px; height:25px;  }

.gm {position: absolute; right: 0px; top: 23px;/*border:1px solid #000;*/}
.gm ul {padding:0; margin:0;}
.gm ul li {float:left; padding:0 12px; font-size:0.93em; background:url(../../images/abank/common/gmline.gif) no-repeat 100% 0 !important ;}
.gm ul li.ll {background:none !important ; padding:0 0 0 11px; }
.gm ul li a {color:#444;}
.slg {position: absolute; left: 290px; top: 65px;}
.topbanner {position: absolute; right: 12px; top: 58px; width:225px; height:69px; z-index:2; overflow:hidden;}
	.topbanner .slides_container div { width:225px;height:144px;display:block;  z-index:3; }
	.topbanner .next,
	.topbanner .prev {	position:absolute;	bottom:2px;	width:14px;	height:14px;	display:block !important;	z-index:102;	right:13px;}
	.topbanner .next {	right:0px;}

.topquick { position: absolute; right: 0px; top:128px; }
.topquick h3 {position: absolute; left: 29px; top: 10px; }
.topquick ul { padding:0 0 10px; width:230px;}
.topquick ul li { width:110px; text-align:center; float:left; font-size:0.93em; padding:7px 0; background:url(../img/topquickbg.png) no-repeat 0 50%; border-left:solid 1px #fff; }
.topquick ul li.upl {border-bottom:solid 1px #fff; }
.topquick ul li a {color:#fff;}
.topquick ul li a:hover {font-weight:bold; letter-spacing:-1px; color:#fff;}


#body_wrap {position:relative;padding: 0 0; width:100%; margin: 0 auto; margin-top:295px;height:173px;z-index:1003; overflow:hidden; background-color:#fffffff;filter:alpha(opacity=100); opacity:0.8; -moz-opacity:0.5 ;
}
#body_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.body_c { background:url(../images/body_contentline.jpg) no-repeat top center !important; padding: 0 0; height:126px;}

.bodybanner {float:left;position:relative;width:273px; height:146px; padding:8px;margin-top:5px;  left: 0px; overflow:hidden;/*border:1px solid #000;*/z-index:1013;}
	.bodybanner .slides_container div { width:263px;height:147px;display:block;  z-index:3; }
	.bodybanner .next,
	.bodybanner .prev {	position:absolute;	bottom:2px;	width:14px;	height:14px;	display:block !important;	z-index:102;	right:13px;}
	.bodybanner .next {	right:0px;}


.bodyquick { float:right; }
.bodyquick h3 {position: absolute; left: 29px; top: 10px; }
.bodyquick ul {position: absolute; left: 12px; top: 42px; padding:0 0 15px; font-weight:normal; width:330px;}
.bodyquick ul li { float:left; font-size:0.93em; width:88px; padding:2px 8px 0; background:url(../img/bul_quick.png) no-repeat 0 50%; }
.bodyquick ul li a {color:#c3edf0;}
.bodyquick ul li a:hover {font-weight:bold; letter-spacing:-1px; color:#fff;}

.bodyquick1 {float:right;margin:5px 0px 0px; width:335px;  background:url(../img/etc_btnbg.png); /*background:url(/new/img/quickmenubg2.png) no-repeat 0 50%;*/}
.bodyquick1 ul { padding:15px 0px 15px 0px; font-weight:normal; width:230px;}
.bodyquick1 ul li { float:left; font-size:0.93em; width:83px; padding:2px 8px 0; }
.bodyquick1 ul li a {color:#c3edf0;}
.bodyquick1 ul li a:hover {font-weight:bold; letter-spacing:-1px; color:#fff;}


.dsut { position: absolute; left: 512px; top: 20px; }

.etcquick {float:left;margin-top:5px;}
.etcquick ul {padding:0; font-weight:normal;}
.etcquick ul li { font-size:0.93em; width:110px; padding:8px 20px 7px; background:url(../img/etc_btnbg.png) no-repeat;letter-spacing:-1px; }
.etcquick ul li a {color:#fff;}
.etcquick ul li a:hover {font-weight:bold;}



.board { position: absolute; left: 0px; top: 410px; font-size:0.93em;}
.board dl {padding:0; margin:0; width:350px;font-weight:bold; }
.board dt {float:left; width:33px; height:23px; padding:5px 18px 0 ; background:url(../img/boardtitlebg.png) no-repeat; color:#fff; }
.board dt a{ color:#fff;}
.board dd { padding:5px 0 0; height:15px; overflow:hidden;}
.board dd a{ color:#505050;}
.bd1 {position: absolute; left: 0px; top:0;width:350px;}
.bd1 .slides_container div { width:350px;height:14px;display:block;  z-index:3; }
	
.bd2 {position: absolute; left: 375px; top:0;width:350px;}
.bd3 {position: absolute; left: 750px; top:0;width:350px;}


.boardnew { float:left;margin:5px; 0 0 200px; padding:0px;  width:310px;height:160px; font-size:0.93em;background:url(../img/board_bg.png) no-repeat;background-color:#FFF;border-radius:14px;}
.title {width:270px;margin-left:-10px;}
.txt {margin-left:5px;margin-top:8px;}
.effect { margin:0px; padding:0px; padding-left:5px; }
.normal { margin:0px; padding:0px; }

#footer_wrap_line { position:relative; height:22px; background:url(../img/footerbg_2.gif) repeat-x; z-index:1003;}
#footer_wrap { position:relative; height:55px; z-index:1003;} /* height:155px; background:url(../img/footerbg.gif) repeat-x; */
.fm { background:url(../img/footercontentbg.png) no-repeat; height:31px; }
.fm h3 {display:none;}
.fm ul {padding:10px 0 0; font-weight:normal;}
.fm ul li {float:left; padding:0 14px; font-size:0.93em;  background:url(../img/fmline.gif) no-repeat 0 0 !important;}
.fm ul li.ff {background:none !important;}
.fm ul li a {color:#444;}
.footlogo { position: absolute; left: 0px; top: 46px; } /* top:76px; */
.addr {position: absolute; color:#646464; left: 182px; top: 47px;} /* top: 87px; */
.copyright {position: absolute; font-weight:bold; color:#646464; left: 182px; top: 81px;} /* top : 107px; */
.familysite {position: absolute; right: 0px; top: 57px; } /* top: 87px; */
.familysite h3 {display:none;}
.familysite ul {padding:0; font-weight:normal;}
.familysite ul li {float:left; padding:0 8px 0 0;}

.cleardiv{ clear:both; content:""; display:block;}

#mvis { display:block; height:938px; width:100%; position: absolute; left: 0px; top: 0px; text-align:center; overflow:hidden; z-index:5;}	
#mvis .slides_container div  {	width:99.9% !important;	height:938px !important; }

.pagination {	position: absolute; top:15px;right:15px; z-index:1004 !important;}
.pagination li {	float:left;	margin:0 3px;	list-style:none;}
.pagination li a {	display:block;	width:8px;	height:0;	padding-top:8px;	background-image:url(../img/pagination.png);	background-position:0 0;	float:left;	overflow:hidden;}
.pagination li.current a {	background-position:0 -12px;}