@charset "utf-8";

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;}
body{font:13px/1.5 Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#767676;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:5px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;}
select{max-width:100%;border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Layout */
body{}
#wrap{}
#header{background:#f8f9fa;}
#header img{vertical-align:top}
#header h1{width:277px; padding:25px 0 25px 3px; float:left; position:relative; z-index:2; background:#f8f9fa;}
#header .body{width:960px; margin:0 auto; position:relative; z-index:2;}
#header .body:after{content:''; display:block; clear:both;}
#header .gnb{width:650px; height:29px; padding:16px 30px 0 0; float:right; text-align:right; overflow:hidden; border-bottom:1px solid #ddd;}
#header .gnb li{padding:0 10px; display:inline;}
#header .lnbWrap{width:100%; height:53px; position:absolute; left:0; top:45px; background:#fff url('../image/lnb_bg.png') top repeat-x; overflow:hidden; border-bottom:1px solid #f3f4f4; border-left:1px solid #f3f4f4; border-bottom:1px solid #eee; border-right:1px solid #f8f9fa;}
#header .lnbWrap .lnb_visual{width:310px; margin-top:55px; float:left;}
#header .lnbWrap .inner{margin-right:30px; display:table; float:right; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
#header .lnb{display:table-row;}
#header .lnb>li{display:table-cell;}
#header .lnb>li>a{height:35px; padding:20px 45px 0; display:inline-block; position:relative;}
#header .lnb>li>a>span{width:0%; content:''; display:block; position:absolute; left:50%; top:-1px; border-top:3px solid #34559b;}
#header .lnb>li.active>a>span{width:52%; left:24%;}
#header .lnb li ul{padding:30px 0 0;}
#header .lnb li ul li{margin:0 0 9px 45px;}
#header .lnb li ul li a{height:15px; display:block; text-align:left; overflow:hidden;}
#header .lnb li ul li a:hover img,#header .lnb li ul li.active a img{margin-top:-15px;}

#header .lnb li ul li ul{padding:10px 0 0;}
#header .lnb li ul li ul li{margin:0 0 4px;}

#container{}
#contents{}

#footer{background:#4c505c;}
#footer img{vertical-align:top;}
#footer .body{width:940px; padding:26px 0 26px; margin:0 auto;}
#footer .body:after{content:''; display:block; clear:both;}
#footer .f_logo{margin-right:44px; float:left;}
#footer .f_cont{float:left;}
#footer .fnb{overflow:hidden;}
#footer .fnb li{padding:0 9px; float:left; background:url('../image/fnb_part.png') left 3px no-repeat;}
#footer .fnb li:first-child{padding-left:0; background:none;}
#footer .address{margin-top:5px; margin-bottom:9px;}
#footer .familySite{float:right; position:relative;}
#footer .familySite select{height:16px; padding:7px 3px 7px 0; border:1px solid #e2e2e2; font-size:12px; color:#646464;
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* main */
.main_visual{height:446px; position:relative; z-index:0;}
.main_visual .controller{margin-left:-470px; position:absolute; left:50%; bottom:55px; z-index:1;}
.main_visual .controller li{margin-right:6px; float:left;}
.main_visual .controller li a{width:12px; height:12px; display:block; background:#ababab; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
.mvList{}
.mvList li{width:100%; height:446px; position:absolute; left:0; top:0; background-position:center top; background-repeat:no-repeat; z-index:0; display:none}
.mvList li.ver1{background-image:url('../image/main/mv01.jpg');}
.mvList li.ver2{background-image:url('../image/main/mv02.jpg');}
.mvList li.ver3{background-image:url('../image/main/mv03.jpg');}
.mvList li.ver4{background-image:url('../image/main/mv04.jpg');}
.mvList li:first-child{display:block; z-index:1;}

.m_contBody{}
.m_contBody .main_top{padding:58px 0;}
.m_contBody .main_top h2{margin-bottom:22px;}
.m_contBody .main_top .body{width:940px; margin:0 auto;}
.m_contBody .main_top .body:after{content:''; display:block; clear:both;}
.m_login{width:231px; float:left;}
.m_login .logForm{position:relative;}
.m_login .logForm span{width:166px; display:block; font-size:12px; color:#7d7d7d}
.m_login .logForm input[type="text"]{width:165px; height:28px; padding:0; border:1px solid #ececec; border-right:0;}
.m_login .logForm input[type="password"]{width:165px; height:28px; padding:0; border:1px solid #ececec; border-right:0; border-top:0;}
.m_login .logForm .log_btn{display:inline-block; position:absolute; right:0; top:0; font-size:0; line-height:0;}
.m_login .logForm .log_btn em{width:65px; height:30px; padding-top:29px; display:block; text-align:center; font-size:12px; color:#fff; background:#23498b;}
.m_login .tool{padding:10px 0 13px; font-size:11px; color:#555;}
.m_login .tool label{margin-right:13px;}
.m_login .tool input[type="checkbox"]{vertical-align:-3px;}
.m_login .btns{font-size:0;}
.m_login .btns span{display:inline-block;}
.m_login .btns span.ver1{margin-bottom:5px;}
.m_login .btns span.ver2{margin-bottom:14px;}
.m_login .btns span.ver3 a:first-child{border-right:1px solid #fff;}

.m_loging{width:231px; float:left;}
.m_loging h2{}
.m_loging .cont{padding:28px 0 0 0; border-top:1px solid #23498b; background:url('../image/main/m_loging_bg.png') center top no-repeat}
.m_loging .cont .box{width:208px; height:82px; margin:0 auto 28px; background:url('../image/main/m_loging_box.png') center top no-repeat; font-size:11px;}
.m_loging .cont .box strong{height:17px; padding-top:5px; display:block; text-align:center; font-weight:100; color:#fff;}
.m_loging .cont .box .message{padding:10px 0 10px 10px; line-height:18px; color:#555;}
.m_loging .cont .box .message em{font-weight:bold; color:#23498b;}
.m_loging .btns{font-size:0;}
.m_loging .btns span{display:inline-block;}
.m_loging .btns span.ver2{margin-bottom:14px;}
.m_loging .btns span.ver3 a:first-child{border-right:1px solid #fff;}


.m_contBody .main_top .m_curriculum h2{margin-left:60px;}
.m_curriculum{width:709px; float:left;}
.m_curriculum ul{padding:1px 0 0 46px; overflow:hidden}
.m_curriculum ul li{margin-left:22px; float:left}
.m_curriculum ul li:first-child{margin-left:0;}

.m_contBody .main_bottom{padding:40px 0; background:#f8f9fa;}
.m_contBody .main_bottom .body{width:960px; margin:0 auto;}
.m_contBody .main_bottom .body:after{content:''; display:block; clear:both;}
.m_contBody .main_bottom .article{width:476px; margin-bottom:10px; float:left;}
.m_contBody .main_bottom .article.ver2{float:right}

.m_bbs{height:260px; border:1px solid #ddd; background:#fff; position:relative;}
.m_bbs .tab{}
.m_bbs .tab ul{overflow:hidden}
.m_bbs .tab ul li{float:left; border-right:1px solid #ddd;}
.m_bbs .tab ul li a{height:45px; display:block; overflow:hidden}
.m_bbs .tab ul li.active img{margin-top:-45px;}
.m_bbs .more{position:absolute; right:0; top:0;}
.m_bbs #tab01{display:block;}
.m_bbs .tabCont{padding:15px 24px; display:none}
.m_bbs_widgets{}
.m_bbs_widgets li{padding:4px 0; overflow:hidden; font-size:12px; letter-spacing:-.5px}
.m_bbs_widgets li.no_data{padding-top:80px; text-align:center; font-size:13px; color:#555}
.m_bbs_widgets .subject{width:345px; padding:0 0 0 10px; float:left; color:#767676; background:url('../image/main/bullet.png') left center no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.m_bbs_widgets .date{float:right; color:#999;}

.m_partners{width:958px; height:88px; float:left; border:1px solid #ddd; background:#fff; position:relative;}
.m_partners .inner{width:896px; height:88px; margin:0 auto; overflow:hidden; position:relative;}
.m_partners ul{width:1000%; overflow:hidden; position:absolute; left:0; top:0;}
.m_partners ul li{width:224px; float:left}
.m_partners .nav a{margin-top:-9px; position:absolute; top:50%;}
.m_partners .nav a.prv{left:19px;}
.m_partners .nav a.next{right:19px;}


/* sub */
#contents .contents{width:960px; padding:0 0 50px 0; margin:0 auto;}
#contents .contents:after{content:''; display:block; clear:both}
#contents .visual{height:160px; background-position:center top; background-repeat; font-size:0; line-height:0; text-indent:-9999px; margin-bottom:50px;}
#contents .visual.ver1{background-image:url('../image/sub/sub_visual01.jpg');}
#contents .visual.ver2{background-image:url('../image/sub/sub_visual02.jpg');}
#contents .visual.ver3{background-image:url('../image/sub/sub_visual03.jpg');}
#contents .visual.ver4{background-image:url('../image/sub/sub_visual04.jpg');}

.snb{width:210px; margin-right:40px; float:left;}
.snb h2{padding:3px 0 30px 18px;}
.snb ul{border-top:1px solid #ececec;}
.snb ul li{}
.snb ul li a{height:34px; display:block; overflow:hidden;}
.snb ul li.active a img{margin-top:-34px;}

.snb+.contBody{width:710px; float:left;}
.contBody{width:100%;}
.contBody h3{}
.location{margin:-22px 0 35px; font-size:12px; color:#767676; text-align:right;}
.location a{color:#767676; text-decoration:none;}
.location a:first-child{width:13px; height:12px; display:inline-block; background:url('../image/sub/ico_home.png') no-repeat; font-size:0; vertical-align:10px; text-indent:-9999px;}
.location a.current{margin-right:0; font-weight:bold; color:#003c73;}
.location a{margin:0 2px;}

.subTitleA{margin-bottom:10px;}

.aboutWrap{}
.about_intro{margin-bottom:60px;}

.ourTeachersWrap .section{margin-bottom:46px;}
.educationWrap{}
.educationWrap .section{margin-bottom:65px; position:relative;}
.educationWrap h4{margin-bottom:20px;}
.educationWrap .section .btn{position:absolute; right:0; top:-4px;}


/* quick */
#quickMenu{width:102px; height:100%; background:#fff; border-left:1px solid #eee; position:fixed; right:0; top:0;}
#quickMenu h2{}
#quickMenu ul{}
#quickMenu ul li{}
#quickMenu ul li a{width:100%; display:block; overflow:hidden;}


/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:5px;top:8px;}
.layerpop .btn_wrap .close{position:static;}

/* common */
.placeholder{position:relative;}
.placeholder label{width:100% !important; min-width:none !important; margin:0 !important; font-weight:100 !important; line-height:28px !important; position:absolute; left:10px; top:0;}