@charset "utf-8";
/*@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NanumGothicRegular.eot),
        url(fonts/NanumGothicRegular.eot?#iefix) format('embedded-opentype'),
        url(fonts/NanumGothicRegular.woff2) format('woff2'),
        url(fonts/NanumGothicRegular.woff) format('woff'),
        url(fonts/NanumGothicRegular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NanumGothicBold.eot),
        url(fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
        url(fonts/NanumGothicBold.woff2) format('woff2'),
        url(fonts/NanumGothicBold.woff) format('woff'),
        url(fonts/NanumGothicBold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(fonts/NanumGothicExtraBold.eot),
       url(fonts/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumGothicExtraBold.woff2) format('woff2'),
       url(fonts/NanumGothicExtraBold.woff) format('woff'),
       url(fonts/NanumGothicExtraBold.ttf) format('truetype');
}


body {width:100%;height:100%;font-family: 'NanumGothic', serif; color:#686868;margin:0;padding:0;}
		a:link     {color:#5f5f5f; text-decoration: none ;}
		a:visited {color:#5f5f5f; text-decoration: none ;}
		a:hover  {color:#0d5d96;}
		
		td {font-family: 'NanumGothic', serif;font-size: 9pt; text-decoration:none; line-height:12pt; color:#686868; line-height:24px;}
		


@font-face{
    font-family:NanumGothic;
    weight:300;
    src:url(../font/nanumgothic.eot);
    src:local('¡Ø'), url(../font/nanumgothic.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    weight:600;
    src:url(../font/nanumgothic-Bold.eot);
    src:local('¡Ø'), url(../font/nanumgothic-Bold.woff) format('woff');
}
*/


div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin:0;padding:0;}
ul, ol, li {list-style:none}
Img, table			   	 		{border: 0px none;font-size:12px; margin:0; padding:0;}

.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}

html,body {
	width:100%
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#e0e0e0;
	scrollbar-shadow-color:#e0e0e0;
	scrollbar-darkshadow-color:#fff;
	scrollbar-arrow-color:#bdbdbd;
	scrollbar-track-color:#f7f7f7;
}


/* header */
#layout {position:relative; width:100%; height:100px; background:url(../img/top_bg.gif) center top;}
#header {position:absolute; width:1200px; left:50%; margin-left:-600px; z-index:100; overflow:hidden;}
#header #txt {position:absolute; top:30px; left:610px;z-index:1000;}
#header #badge {position:absolute; top:13px; left:300px;z-index:1000;}
#header #s_badge {position:absolute; top:0px;right:35px; height:30px;}
#header #logo {position:absolute; top:17px; left:0px;}
#header #button {position:absolute; top:64px; right:0px; width:177px; height:31px; z-index:1000;background:url(../img/m_r.png) no-repeat; right top;}
#header #button li{float:left; margin-right:2px; padding:7px 0 0 13px;}

#header #menu {clear:both;padding-top:64px;}
#header #menu ul {*zoom:1; float:right; position:relative; padding-right:177px;}
#header #menu ul:after {content:" "; display:block; clear:both;}
#header #menu ul li {float:left; padding-right:0px; height:42px; }
#header #menu ul li a {position:relative; display:inline-block; height:34px; overflow:hidden;}
#header #menu ul li a img {position:relative; top:0; vertical-align:top; }



#header #gnb {position:relative; width:100%;top:-36px;}
#header #gnb ul { width:100%; height:65px; font-size:0;}
#header #gnb ul li {float:left; }
#header #gnb ul li a {position:relative; display:inline-block; height:53px;overflow:hidden;}
#header #gnb ul li a img {position:relative;  vertical-align:top; }
#header #gnb ul li.active a img {top:-53px;}



/* Layout > ÇØ´õ */
#m_header{z-index:600; position:relative; background:#000;}



/* Layout > GNB */
#m_header .gnbWrap{width:100%; padding:0 0 3px; }
#m_header .gnbWrap .gnbInner{width:1202px; margin:0 auto;}

#gnb{*zoom:1; }
#gnb:after{content:""; display:block; clear:both;}
#gnb img{vertical-align:middle;}

#gnb ul{*zoom:1;}
#gnb ul:after{content:''; display:block; clear:both;  }
#gnb > li{float:left; width:198px; height:40px; color: #fff; cursor:pointer; border:0; text-align:center; border-right:2px solid #333;}
#gnb > li.selected,
#gnb > li:hover{background:#1b1b1b;}
#gnb > li:hover a{color:#0ab4ec;}

#gnb > li a{ font-weight:bold; font-size:16px; line-height:40px; letter-spacing:-0.5px; color: #fff; text-decoration:none; font-family:"µ¸¿ò","dotum";}
#gnb > li.selected a,
#gnb > li a:hover{color:#00a3ef;}

#gnb  li.main_menu{position:relative; }
#gnb  li.main_menu_first{position:relative;  border-left:2px solid #333;}
#gnb .subMenu{display:none; z-index:50; position:absolute; left:0px; top:40px; width:198px; padding:17px 2px 25px 0; border-top:3px solid #000; background:#1b1b1b;}
#gnb .subMenu li{float:none; height:auto; line-height:1em;}
#gnb .subMenu li:first-child{margin:0;}
#gnb .subMenu li a{display:block; padding:7px 0; font-size:13px; line-height:1.3em; color:#cccccc; letter-spacing:0; text-align:center;}
#gnb .subMenu li.selected a,
#gnb .subMenu li a:hover{color:#0ab4ec; background:#000; transition:background-color 300ms linear}


#lnbmenu{position:relative; float:left; width:199px; *z-index:1; border:3px solid #f0b7a5; z-index:100;}
#lnbmenu .lnbTit{margin:0 0 5px 0; padding:20px;background:#c4380c;text-align:center;}
#lnbmenu .lnb li{border-bottom:1px solid #e9e7f2;padding:10px 0 10px 25px; text-align:left;}


.main_slide {position:relative; width:100%; height:230px;}
.main_slide .slideshow {width:395px; height:230px;}
.main_slide .slideshow li {position:relative; width:395px; height:230px;}
.main_slide .slideshow li.s1 
.main_slide .slideshow li.s2 
.main_slide .slideshow li.s3 
.main_slide .slideshow li.s4 
.main_slide .slideshow li.s5 
.main_slide .slideshow li .m_txt {position:absolute; left:0%; }
.main_slide .slideshow li.s4 .m_txt {top:0px;}
.slidetxt {width:100%; height:230px;}
.slidetxt li {position:relative; width:100%; height:560px;}
.main_slide .slideshow li .txt {position:absolute; left:830px; top:22px;}
.main_slide .slideshow li .txt2 {position:absolute; left:900px; top:22px;}

.main_slide .prev {position:absolute; top:175px; left:50%; margin:0 0 0 -450px; width:200px; height:116px; background:url("../img/prev_bt.png") 0 50% no-repeat; z-index:99999;}
.main_slide .next {position:absolute; top:175px; left:50%; margin:0 0 0 250px; width:200px; height:116px; background:url("../img/next_bt.png") 100% 50% no-repeat; z-index:99999;}

.main_slide .pagination {position:absolute; top:200px;  z-index:99999; padding-left:15px;}
.main_slide .pagination li {float:left; width:14px; height:14px; margin-left:7px;cursor:pointer; overflow:hidden;}
.main_slide .pagination li .on {display:none;}
.main_slide .pagination li .off {display:block;}
.main_slide .pagination li.current .on {display:block;}
.main_slide .pagination li.current .off {display:none;}



.main_slide2 {position:relative; width:100%; height:230px;}
.main_slide2 .slideshow {width:395px; height:230px;}
.main_slide2 .slideshow li {position:relative; width:395px; height:230px;}
.main_slide2 .slideshow li.s 
.main_slide2 .slideshow li .m_txt {position:absolute;}
.main_slide2 .pagination2 {position:absolute; top:200px;  z-index:99999; padding-left:15px;}
.main_slide2 .pagination2 li {float:left; width:14px; height:14px; margin-left:7px;cursor:pointer; overflow:hidden;}
.main_slide2 .pagination2 li .on {display:none;}
.main_slide2 .pagination2 li .off {display:block;}
.main_slide2 .pagination2 li.current .on {display:block;}
.main_slide2 .pagination2 li.current .off {display:none;}

.main_slide3 {position:relative; width:100%; height:230px;}
.main_slide3 .slideshow {width:395px; height:230px;}
.main_slide3 .slideshow li {position:relative; width:395px; height:230px;}
.main_slide3 .slideshow li.s 
.main_slide3 .slideshow li .m_txt {position:absolute;}
.main_slide3 .pagination3 {position:absolute; top:200px;  z-index:99999; padding-left:15px;}
.main_slide3 .pagination3 li {float:left; width:14px; height:14px; margin-left:7px;cursor:pointer; overflow:hidden;}
.main_slide3 .pagination3 li .on {display:none;}
.main_slide3 .pagination3 li .off {display:block;}
.main_slide3 .pagination3 li.current .on {display:block;}
.main_slide3 .pagination3 li.current .off {display:none;}

.main_slide4 {position:relative; width:100%; height:230px;}
.main_slide4 .slideshow {width:395px; height:230px;}
.main_slide4 .slideshow li {position:relative; width:395px; height:230px;}
.main_slide4 .slideshow li.s 
.main_slide4 .slideshow li .m_txt {position:absolute;}
.main_slide4 .pagination4 {position:absolute; top:200px;  z-index:99999; padding-left:15px;}
.main_slide4 .pagination4 li {float:left; width:14px; height:14px; margin-left:7px;cursor:pointer; overflow:hidden;}
.main_slide4 .pagination4 li .on {display:none;}
.main_slide4 .pagination4 li .off {display:block;}
.main_slide4 .pagination4 li.current .on {display:block;}
.main_slide4 .pagination4 li.current .off {display:none;}




/* ¸ÞÀÎ ºñÁÖ¾ó */
#container {width:100%; height:457px; position:relative; background:#d4d4d4;}
.bxslider_container {top:0px;}
#content_inner {width: 1019px;position: relative; }
#slides1 {overflow: hidden;}
.slides1_wrap .prev {position: absolute;left: 21px;top: 203px;outline: 0; }
.slides1_wrap .next {position: absolute;right: 21px;top: 203px;outline: 0;}




#teacher{width:280px; overflow:auto;}
#teacher ul li{float:left;}
#teacher ul li img { top:0; vertical-align:top; }

#teacher2{width:280px; overflow:auto;}
#teacher2 ul li{float:left;}
#teacher2 ul li img { top:0; vertical-align:top; }

#teacher3{width:280px; overflow:auto;}
#teacher3 ul li{float:left;}
#teacher3 ul li img { top:0; vertical-align:top; }



#header2 {position:absolute; width:1200px; height:0px; left:50%; margin-left:-600px; z-index:100; overflow:hidden;}
#ss_badge {position:absolute; top:420px;right:95px;}
#ss_badge3 {position:absolute; top:290px;right:95px;}



#info{position:relative; width:916px;background:url(../img/sub/info_bg.jpg) no-repeat center top;overflow:auto;}
#info .pic li{float:left;}
#info .con{text-align:left; margin-left:0px; }
#info .con li{padding:20px;}
#info .con bt{padding:-50px;}
#info .play {text-align:left; margin-left:10px; padding-top:30px;}
#info .play li{padding:0px;margin-left:286px;}
#info .play2 li{padding:10px;}
#info .play3 {margin-left:50px; padding-top:30px;}
#info .play3 li{padding:10px;margin-left:286px;}
#info ul li img { top:0; vertical-align:top; }

#t_info{position:relative; width:916px;}
#t_info ul li{float:left;margin-bottom:2px;}


/* tab */
.tabs {
	width:693px;
}

.tabMenu li {
	float:left;
	position:relative;
	display:block;
	width:163x;
	height:17px;
	padding-top:8px;
	margin-right:3px;
	margin-bottom:3px;
	border:1px solid #ddd;
	text-align:center;
	line-height:19px;
}

.tabMenu li a {
	display:block;
	width:163px;
	padding:2px;
	margin-top:-8px;
	color:#888;
	border-bottom:0;
}
.tabMenu li.active a {
	width:163px;
	height:21px;
	color:#fff;
	background:#ffb902;
	font-weight:bold;
}