@charset "euc-kr";
/* CSS Document */


.containert {width: 100%;padding: 0;margin: 0 auto; min-width:1200px; overflow-y:auto;height:573px; display:block; position:relative }
.folio_block {
	position: absolute;
	left: 0; top: 0;
	margin: 0; width:100%
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative; width:100%
}
/*--Window/Masking Styles--*/
.window {
	height:573px;	 overflow:hidden;  width:100%;; text-align:center;
	position: relative; min-width:1120px
}
.image_reel {position: absolute; top: 0; left: 0; height:573px; width:100%; overflow:hidden}
.image_reel a{height:573px; width:100%; display:block; padding:0; margin:0}
.image_reel img { display:block; text-align:center ; margin:auto}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 385px; left:50%; margin-left:-80px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	text-decoration: none;
	color: #222; background:#fff; height:22px; width:22px; display:inline-block; padding:0; font-size:11px; border-radius:12px; -moz-border-radius:12px; border:1px solid #333; line-height:20px
}
.paging a.active {
	font-weight: bold; 
	background: #333; 
	border: 1px solid #000;
	-moz-border-radius: 12px;
	-khtml-border-radius:12px;
	-webkit-border-radius:12px;
	color:#fff
}
.paging a:hover {font-weight: bold;}
.middle_box1{display:block; position:relative; margin:0 auto;width:1200px; height:200px}
.middle_box1con{width:1142px; padding:20px 0 20px 20px; position:absolute; top:-140px; left:0; background:url(/main/img/middle_boxbg.png) repeat top left;}
.middle_box1con img{border:0; margin:0; padding:0; float:left; margin-right:10px}


.middle_box1_right{ position:fixed; background:url(/main/img/middle_boxbg.png) repeat top left; width:150px; height:700px;top:140px; right:10px; text-align:center; z-index:10; padding-top:10px; display:block}
.middle_box1_left{ position:fixed; width:150px; height:575px;top:140px; left:2px; text-align:center; z-index:10; display:block}


.middle_box2{width:100%; position:relative; text-align:center; height:413px; background:#f8f8f8 url(/main/img/bg_nanum.jpg) no-repeat center top; overflow:hidden; margin-bottom:50px}
.middle_comm{width:1160px; display:block; margin:0 auto}
.middle_comm img{display:inline-block; margin:0; padding:0; float:left}

.middle_box3{width:1152px; margin:0 auto; display:block; margin-bottom:50px}
.middle_box3 div{float:left; display:block; width:}
.box_conns img, a{border:0}

.middle_box4{height:437px; background:#cdcdc5; width:100%; display:block; margin-top:50px}
.middle_box4 .maxtitle{width:1160px; display:block; margin:0 auto;  padding:50px 0 30px 0; }
.class_go{width:1160px; display:block; margin:0 auto}
.class_go div{float:left; display:block}

.notices{width:548px; height:272px; background:#f9f9f9; border:1px solid #dddddd; overflow:hidden; float:left;}
.notices ul{ list-style:none; padding:0; margin:0; display:block}
.notices li{list-style:none; border:none; padding:0; margin:0; float:left; display:block}
.notice_list {margin-top:20px;  float:left; display:block; width:100%}
.notice_list ul{ list-style:circle; width:100%;  display:block; float:left}
.notice_list li{ list-style:circle; width:520px;  margin:0; padding:0 ; white-space:nowrap; overflow:hidden;  float:left;display:block; position:relative; margin-left:25px}
.notice_list li a{text-decoration:none; font-size:15px; letter-spacing:-1px; color:#333; display:block; line-height:30px;  }
.notice_list li span{display:block; width:100px; letter-spacing:-1px; font-size:15px; color:#555; text-align:right; position:absolute; bottom:0; right:30px}
#notice_tab2{display:none}

.middle_box3 .wr_after{display:block; float:right; margin-right:48px; width:274px; height:554px; background:url(/main/img/scr_04.jpg) no-repeat top left; overflow:hidden; display:block}
.middle_box3 .wr_after dl{list-style:none; padding:0; margin:0; width:227px; margin-left:25px; overflow:hidden; height:132px; overflow:hidden; margin-top:10px }
.middle_box3 .wr_after dt{font-weight:bold; font-size:15px; padding:0; margin:0;; letter-spacing:-1px }
.middle_box3 .wr_after dt a{ text-decoration:none; color:#000; letter-spacing:-1px; line-height:28px}
.middle_box3 .wr_after dd{ font-size:12px; line-height:16px; padding:0; margin:0; color:#333}


.notice_list2 {margin-top:20px;  float:left; display:block }
.notice_list2 ul{ list-style:none; width:100%}
.notice_list2 li{ list-style:circle; width:90%; padding-left:9%; }
.notice_list2 li a{text-decoration:none; font-size:15px; letter-spacing:-1px; color:#09C; display:block; width:470px; float:left; line-height:30px }
.notice_list2 li span{display:block; float:left; width:470px; font-size:12px; color:#555; margin-bottom:10px}


 a:link { text-decoration: none;}
 a:visited {text-decoration: none;}
 a:hover {text-decoration: none;}
.old_page{display:none}
.old_page_footer{height:1px; visibility:hidden; overflow:hidden}


.mo_m1{ width:100%; display:block; position:relative; text-align:center; z-index:1; margin-top:-60px}
.mo_m1 .mo_quick{margin:0 auto; display:block; max-width:720px}
.mo_quick img{ display:block; margin:0; padding:0; float:left; width:33.33%; }


.mo_m2{ width:100%; display:block; position:relative; text-align:center; margin-top:30px}
.mo_quick2{margin:0 auto; display:block; max-width:720px; overflow:hidden}
.mo_quick2 img{ display:block; margin:0; padding:0; float:left; max-width:100%}

.mo_quick2 ul{display:block; width:100%;max-width:720px; padding:0; margin:0; overflow:hidden}
.mo_quick2 li{display:block; line-height:34px; font-size:1.1em; float:left; width:100%; text-align:left; background:#f9f9f9; padding:0; margin:0; padding-left:15px; overflow:hidden; white-space:nowrap}
.mo_quick2 li a{text-decoration:none; color:#000;}

.mo_m3{ width:100%; display:block; position:relative; text-align:center; margin-top:30px}
.mo_m3 img{max-width:720px}
.mo_quick3{margin:0 auto; display:block; max-width:720px;overflow:hidden}
.mo_quick3 a{display:block; float:left;; width:33.333%; }
.mo_quick3 img{ display:block; margin:0; padding:0; float:left;max-width:100% }
.rolling_pc{width:545px; height:271px; float:left; display:block; position:relative; margin-right:10px; background:url(/main/img/middle_pic1_1.jpg) no-repeat top left}

@media (max-width:1300px) {
	.middle_box1_right{display:none}
.middle_box1_left{display:none}
}
@media (max-width:950px) {
.nwe_page{display:none}
.old_page{display:block}
.old_page_footer{height:auto; overflow:visible; visibility:visible}
.rolling_pc{display:none}
.middle_box1_right{display:none}
.middle_box1_left{display:none}

}