@charset "utf-8";

.layout{width:100%;}

#top_layout{height: 115px;border-top:15px solid #35377b;}
#top_layout .top_wrap.tmp_a{max-width:1280px;}
#top_layout .top_wrap.tmp_a #logo{width: 210px;height: 35px;margin-top: 34px;background:url(/images/edu/common/logo.png);}
#top_layout .top_wrap.tmp_a .utile_wrap{width: auto;height: 100px;background:none;}
#top_layout.on .top_wrap.tmp_a .utile_wrap{background: none;}
#top_layout .top_wrap.tmp_a .utile_wrap li > a{line-height: 100px;color:#aeaeae;}
#top_layout .top_wrap.tmp_a .utile_wrap li.home > a:before{display:inline-block;width:17px;height:16px;margin-right:8px;background:url(/images/edu/common/util_icon.png);content:'';vertical-align:middle}
#top_layout .top_wrap.tmp_a .utile_wrap li.pc a{padding-top:26px}
#top_layout .top_wrap.tmp_a .utile_wrap li.pc{margin-left:80px}
#top_layout .top_wrap.tmp_a .utile_wrap li.pc span{width:49px;height:49px;background: url(/images/edu/common/util_icon.png) -71px 0;}
#top_layout .top_wrap .utile_wrap li.login .box {right: -83px;}
#top_layout .top_wrap .utile_wrap li.login .box .member-time .time {color:#383754;;}
#top_layout .top_wrap .utile_wrap li.login .box >button {background:#383754;; color:#fff;}


/* 상단오픈팝업 시작 */
#op_layout{position:relative;height:0;text-align:center;background: #35377b;}
#op_layout.on{height: 140px;}
#op_layout .op_wrap{display:inline-block;overflow:hidden;position:relative;width: 100%;height:100%;}
#op_layout .op_wrap .sliderBox{display:inline-block;overflow:hidden;width: 1280px;height:100%;}
#op_layout.on .op_wrap .sliderBox{min-height: 140px;padding: 0 30px 0 165px;}
#op_layout .op_wrap .sliderBox ul{overflow: hidden !important;position:relative;width: 600px !important;height:100%;margin: 0 auto;}
#op_layout .op_wrap .sliderBox ul:after{display:block;overflow:hidden;clear:both;content:'';}
#op_layout .op_wrap .sliderBox ul li{float: left !important;position: absolute;width: 100%;left: 0;height:100%;}
#op_layout .op_wrap .sliderBox ul li a{display:inline-block;position:relative;width:100%;height:100%;}
#op_layout .op_wrap .sliderBox ul li a:after{display:inline-block;height:94%;vertical-align:middle;content:'';}
#op_layout .op_wrap .sliderBox ul li a .box{display:inline-block;position:absolute;top:50%;left:0;width:100%;padding: 0 0 0 110px;vertical-align:middle;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align: left;}
#op_layout .op_wrap .sliderBox ul li a .box .icon{display: block;position: absolute;left: 0;top: 50%;width: 82px;height: 82px;transform: translate(0px, -50%);background: url(/images/edu/common/popzone_icon.png);background-size:100%;}
#op_layout .op_wrap .sliderBox ul li a .box .icon img{width:100%}
#op_layout .op_wrap .sliderBox ul li a .box .type1{background-position:0 0}
#op_layout .op_wrap .sliderBox ul li a .box .type2{background-position:-84px 0}
#op_layout .op_wrap .sliderBox ul li a .box .copy{display: block;color: #fff;}
#op_layout .op_wrap .sliderBox ul li a .box .copy .tit{display: block;margin-bottom: 5px;font-size: 18px;line-height: 1.2;}
#op_layout .op_wrap .sliderBox ul li a .box .copy .txt{dihhfffblock;font-size: 14px;color: rgba(255,255,255,0.7);line-height: 1.2;}
#op_layout .op_wrap .controlBox{position:absolute;bottom: 60px;left: 50%;right: 0;max-width: 1280px;height:20px;margin-left: -640px;text-align: left;}
#op_layout .op_wrap .controlBox .pageCount{display:none;}
#op_layout .op_wrap .controlBox .paging{display: inline-block;margin-left: 50px;vertical-align: middle;}
#op_layout .op_wrap .controlBox .paging button{display:inline-block;width: 8px;height: 8px;margin: 0 5px;padding: 0;background: #fff;border-radius: 50%;border: 0;font-size:0;text-indent:-9999px;}
#op_layout .op_wrap .controlBox .paging button.on{position: relative;background: #f8d016;}
#op_layout .op_wrap .controlBox > button{display:inline-block;background: none;padding: 0;font-size:0;text-indent:-9999px;}
#op_layout .op_wrap .controlBox > button.btn_stop,
#op_layout .op_wrap .controlBox > button.btn_play{display: inline-block;position: relative;width: 6px;height: 9px;margin-left: 5px;border: 0;vertical-align: middle;}
#op_layout .op_wrap .controlBox > button.btn_stop:before{content:'';position:absolute;top: 1px;left: 2px;right: 0;display:block;width: 2px;height: calc(100%);box-shadow: -2px 0 #fff, 2px 0 #fff;}
#op_layout .op_wrap .controlBox > button.btn_play:before{content:'';position:absolute;top: 0;left: 0;right:20px;display:block;width: 0;height: 0;border-width: 5px 0 5px 5px;border-style: solid;border-color: transparent transparent transparent #fff;}
#op_layout .op_wrap .controlBox > button.btn_prev,
#op_layout .op_wrap .controlBox > button.btn_next{overflow: hidden;position: absolute;top: -7px;width: 25px;height: 46px;border:0;}
#op_layout .op_wrap .controlBox > button.btn_prev{left: 0;}
#op_layout .op_wrap .controlBox > button.btn_next{right: 0;}
#op_layout .op_wrap .controlBox > button.btn_prev:before,
#op_layout .op_wrap .controlBox > button.btn_next:before{position: absolute;display: block;top: 10px;width: 20px;height: 20px;border: 2px solid #fff;border-width: 2px 2px 0 0;font-size: 0;content:'';}
#op_layout .op_wrap .controlBox > button.btn_prev:before{right: -10px;transform: rotate(225deg);-webkit-transform: rotate(225deg);}
#op_layout .op_wrap .controlBox > button.btn_next:before{left: -10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

#op_layout .btn_close{position:absolute;bottom: 0;right: 12px;}
#op_layout .btn_close:before{display:inline-block;height:35px;vertical-align:middle;content:'';}
#op_layout .btn_close .never{display:inline-block;vertical-align:middle;}
#op_layout .btn_close .never #never_op{display:inline-block;vertical-align:middle;}
#op_layout .btn_close .never label{display:inline-block;color:#fff;font-weight:200;vertical-align:middle;}
#op_layout .btn_close a{display:inline-block;position:relative;width: 27px;height: 27px;margin:0 0 0 10px;border-radius:50%;font-size: 0;text-indent: -9999px;vertical-align: middle;}
#op_layout .btn_close a:before,
#op_layout .btn_close a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transform:rotate(45deg)}
#op_layout .btn_close a:before {width: 100%;height: 1px;background: #fff;}
#op_layout .btn_close a:after {width: 1px;height: 100%;background: #fff;}

#op_layout .btn_open{position:absolute;bottom: -89px;right: 50%;width:49px;height:49px;margin-right: -552px;background: url(/images/edu/common/util_icon.png) -20px 0;border-radius: 50%;color: #fff;font-size: 0;/* line-height: 3; *//* text-align: center; */z-index: 1000;}
#op_layout .btn_open .bg,
#op_layout .btn_open a{display:inline-block;width:100%;height:100%;padding:8px 0;}
#op_layout .btn_open .bg{display:none;}
#op_layout .btn_open .bg span,
#op_layout .btn_open a span{display:block;font-size: 0;}
#op_layout .btn_open .bg b,
#op_layout .btn_open a b{display:inline-block;width:24px;height:12px;background:url("/images/kor/common/common_ir.png") no-repeat -349px 0;}
#op_layout.on .btn_open .bg{display:inline-block;}
#op_layout.on .btn_open a{display:none;}
#op_layout .btn_open .badge{display:inline-block;position:absolute;top:-5px;right:-5px;width:20px;height:20px;padding: 0;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;}
/* 상단오픈팝업 끝 */


#gnb{height:100px;}
#gnb_layout{height: 100px;min-height: 100px;}
#top_layout + .gnb_bg{position: absolute;top: 255px;}
#gnb_layout.open:before{top:100px;}
#gnb_layout.open:after{top:100px;}
#gnb_layout .depth1_ul>li>a{border:0}
#gnb_layout .depth1_ul>li>a span{line-height:100px}
#gnb_layout .depth1_ul > li .item {min-height: 300px;}
#gnb_layout .depth1_ul > li .item .gnb-depth {margin:0;}
#gnb_layout .depth1_ul > li .item .gnb-depth,
#gnb_layout .depth1_ul > li .item .depth2_ul {min-height: 300px;}
#gnb_layout .depth1_ul > li .item .gnb-depth:before,
#gnb_layout .depth1_ul > li .item .depth2_ul:before,
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul {}
#gnb_layout .depth1_ul > li .item .depth2_ul > li {width: 22%;height: 101%;padding: 0;margin: 0 0 20px 3%;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative; margin:0 0 10px; }
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:after {left:auto; top:14px; right:10px; width:17px; height:17px; border-radius:50%; background:#fff url(/images/kor/common/gnb_ov.png)no-repeat; background-position:-19px -1px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on:after {border-radius:50%; background:#ef292f url(/images/kor/common/gnb_ov.png)no-repeat ;background-position:-1px -1px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display:block; padding:0 15px; border:1px solid #ccc; font-size:14px; color:#333; line-height:44px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span {border:1px solid #ef292f;color:#ef292f;}
#gnb_layout .depth3_ul {display:block;}
#gnb_layout .depth3_ul > li {position:relative; padding-left:25px;margin:5px 0;}
#gnb_layout .depth3_ul > li:after {display:block; position:absolute; left:15px; top:10px; width:3px; height:3px; background:#aeaeaf; content:'';}
#gnb_layout .depth3_ul > li > a {display:block;}
#gnb_layout .depth3_ul > li > a span{display:block; color:#6c6d6f; font-size:14px;}
#gnb_layout .depth3_ul > li > a:hover span,
#gnb_layout .depth3_ul > li > a:focus span {text-decoration:underline;}

#mobile-menu .modal-dialog .modal-content{padding-top: 65px;border-top:15px solid #35377b;}
#mobile-menu .modal-dialog .modal-content .topUtile{top: 15px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul{display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.logo{width:48px;height:27px;margin-top: 21px;background:url(/images/edu/common/mbgnb_ir.png);font-size: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.logo a{font-size:0}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n1{position:absolute;right: 45px;top: 13px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n1 a{width:31px;height:31px;border-radius:50%;background:#43457d}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n1 a span{position: absolute;top: 50%;left: 50%;width:17px;height:16px;margin: 0;transform: translate(-50%, -50%);background:url(/images/edu/common/mbgnb_ir.png) -51px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{background:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li{border-bottom:1px solid #ddd;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{position: relative;background:none;color: #2e2e2e;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov{background:url(/images/edu/common/mbgnb_bg.png);background-size:cover;color:#fff;font-weight:bold;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {right:22px; width: 12px;height: 2px;background: #424242;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {right:27px;width: 2px;height: 12px;background: #424242;border: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before{background:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul{padding: 10px 35px;background:#eeeff4;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a{padding: 9px 0 9px 10px;background:none;border:0;color: #2e2e2e;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before{left:0;right: auto;width:3px;height:3px;background:#333;border-radius: 50%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span{padding:0}
#mobile-menu .mobile-close{right: 13px;top: -52px;left: auto;width:31px;height:31px;background:#636875;border-radius:50%;}
#mobile-menu .mobile-close span{width:31px;height:31px;}
#mobile-menu .mobile-close span:before{width: 15px;}
#mobile-menu .mobile-close span:after{height:15px;}

#svisual_layout .svisual_wrap .topImage1{background-image: url(/images/edu/common/svisual_img01.png)}
#svisual_layout .svisual_wrap .topImage2{background-image: url(/images/edu/common/svisual_img02.png)}
#svisual_layout .svisual_wrap .topImage3{background-image: url(/images/edu/common/svisual_img03.png)}
#svisual_layout .svisual_wrap .topImage4{background-image: url(/images/edu/common/svisual_img04.png)}
#svisual_layout .svisual_wrap .subvisual-layout{padding-top:70px}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title{width: 328px;height: 95px;margin:0 auto;background-image: url(/images/edu/common/svisual_tit.png);font-size: 0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title:after{display:none;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text{text-shadow: 1px 1px 5px rgba(0,0,0,0.35);}

.lnb_wrap{display:none;}
.contents_wrap{float:none;width:100%;padding: 0 40px;}
#location{margin:50px 0 30px;border:0;text-align:center;}
#location .page__title{font-size:30px;padding: 0;}
#location .utile_wrap{position:relative;margin-top:20px}

#foot_layout{position:relative;background:#333848;}
#foot_layout:before{position:absolute;left:0;right:0;height:61px;background:#474c5a;content:'';}
#foot_layout .layout{max-width:1280px}
#foot_layout .footer-info{padding: 20px 0 70px;}
#foot_layout .footer-info address{padding-right: 260px;color:#fff;}
#foot_layout .footer-info .logo{display:block;position:absolute;right:0;top: 85px;width:236px;height:35px;background:url(/images/edu/common/foot_logo.png);font-size:0;}
#foot_layout .footer-info .utile_wrap{margin-bottom:50px}
#foot_layout .footer-info .utile_wrap li:after{top: 6px;width:1px;height:11px;background:#fff;}

@media (max-width: 1279px){
    .layout{width: 100%;padding:0 20px;}

    #op_layout .btn_open{bottom: -75px;right: 87px;margin:0;}
    .modal-open #op_layout .btn_open{z-index:9}
    #op_layout.on .op_wrap .sliderBox{width: 100%;padding:0 65px 0 175px;}
    #op_layout .op_wrap .sliderBox ul{width:100% !important;}
    #op_layout .op_wrap .controlBox{left:0;margin: 0}
    #op_layout .op_wrap .controlBox > button.btn_prev{left: 26px;}
    #op_layout .op_wrap .controlBox > button.btn_next{right: 26px;}
    #op_layout .op_wrap .controlBox .paging{margin-left: 65px;}

    #top_layout{height: 100px;border:0;}
    #top_layout .top_wrap.tmp_a #logo{margin-left:0}
    #top_layout .top_wrap.tmp_a .utile_wrap li.box.mo{top: 26px;right: 20px;width: 49px;height: 49px;}
    #top_layout .top_wrap.tmp_a .utile_wrap li.box.mo button{background:none;}
    #top_layout .top_wrap.tmp_a .utile_wrap li.box.mo button .allmenu{width: 49px;height: 49px;background:url(/images/edu/common/util_icon.png) -71px 0;}

    #location .utile_wrap .print_wrap > li.n1{display: none;}

    .contents_wrap{padding:0}
}
@media (max-width:1023px){
    #op_layout .op_wrap .sliderBox ul li{width: 100% !important;}

    #foot_layout .footer-info{text-align:center;}
    #foot_layout .footer-info .logo{position:static;margin:0 auto 20px;}
    #foot_layout .footer-info address{padding-right: 0px;}
}
@media (max-width:767px){
    #op_layout .btn_open{bottom: -49px;right: 55px;width:31px;height:31px;background-size: 261%;background-position: -11px 0;}
    #op_layout .btn_open .badge{top: -2px;right: 0;width:12px;height:12px;font-size:7px;line-height:12px;}
    #op_layout.on .op_wrap .sliderBox{padding:0 14px}
    #op_layout .op_wrap .sliderBox ul li a .box{padding-left:75px}
    #op_layout .op_wrap .sliderBox ul li a .box .icon{width:64px;height:64px;background-size: 208%;}
    #op_layout .op_wrap .sliderBox ul li a .box .type2{background-position: -66px 0;}
    #op_layout .op_wrap .sliderBox ul li a .box .copy .tit{overflow: hidden;font-size:14px;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
    #op_layout .op_wrap .sliderBox ul li a .box .copy .txt{overflow: hidden;height: 35px;text-overflow: ellipsis;}
    #op_layout .btn_close .never label{font-size:13px;}
    #op_layout .op_wrap .controlBox{bottom:20px}
    #op_layout .op_wrap .controlBox .paging{margin-left:20px;}
    #op_layout .op_wrap .controlBox > button.btn_prev,#op_layout .op_wrap .controlBox > button.btn_next{display:none;}

    #top_layout{height:65px}
    #top_layout .top_wrap.tmp_a #logo{width:194px;height:27px;margin-top: 21px;background-size:100%;}
    #top_layout .top_wrap.tmp_a .utile_wrap li.box.mo{top: 18px;right: 13px;width:31px;height:31px;}
    #top_layout .top_wrap.tmp_a .utile_wrap li.box.mo button .allmenu{width:31px;height:31px;background-size: 260%;background-position: -44px 0;}

    #foot_layout:before{height:107px}
    #foot_layout .footer-info{padding: 9px 0 20px;}
    #foot_layout .footer-info .utile_wrap{margin-bottom: 25px;}
    #foot_layout .footer-info .utile_wrap li{float:left;width: calc(50% - 2.5px);margin: 0 5px 5px 0;border:1px solid rgba(255,255,255,0.5);}
    #foot_layout .footer-info .utile_wrap li:nth-child(2n){margin-right:0}
    #foot_layout .footer-info .utile_wrap li:after{display:none;}
    #foot_layout .footer-info .utile_wrap li a{padding: 9px 0;}
    #foot_layout .footer-info .logo{width:169px;height:25px;margin-bottom: 10px;background-size:100%;}
}