@charset "utf-8";

body.bg{background:#fff;}
body.web.hover header{height:auto; transition:0.5s;}
body.hover #header_dim{display:block;opacity:.3;visibility:visible;z-index:999;}
body.hover #header{height:300px;}
#header{ box-sizing:border-box;height:105px;overflow:hidden;position:absolute;transition:0.5s all;width:100%;z-index:1000;}
body.hover #gnb_bg{height:300px;}
#gnb_bg{background-color:#fff;height:0px;left:0;position:absolute;top:97px;transition:all 0.5s; width:100%;}
body.web header nav{display:block !important;}
header{box-sizing:border-box;height:105px;margin:0 auto;max-width:1160px;padding-top:30px;position:relative;transition:.5s;}
header h1{left:0px;position:absolute;top:20px;z-index:10;}
header h1 a{background:url('./common/img/main_logo_m_2.png') no-repeat;background-size:auto 100%;display:block;font-size:0;height:51px;width:297px;}
header h2{display:none;position:absolute;}
header h2 a{background:url('./common/img/main_logo_m_1.png') no-repeat;background-size:auto 100%;display:block;font-size:0;height:43px;width:100px;}
header #btn_menu,
header #btn_close{display:none;}
header fieldset{position:absolute;right:20px;top:8px;}
header fieldset > button{background:#fff url(../img/btn/search.png) no-repeat center;display:inline-block;font-size:0;height:38px;position:relative;width:38px;z-index:1;}
header fieldset p{background:#00a0e3;box-sizing:border-box;opacity:0;padding-right:38px;position:absolute;right:38px;top:0;transform:translateX(-50%);visibility:hidden;width:273px;}
header fieldset p .txt{background:#fff;border:2px solid #00a0e3;height:38px;line-height:38px;width:100%;}
header fieldset p button{background:url(../img/btn/search2.png) no-repeat center;display:block;font-size:0;height:38px;position:absolute;right:0;top:0;width:38px;}
header fieldset.open > button{background-image:url(../img/btn/close.png);}
header fieldset.open p{opacity:1;transform:translate(0);visibility:visible;}
header .side_menu{font-size:0;position:absolute;right:10px;top:62px;}
header .side_menu a{color:#595a5b;display:inline-block;font-family:'Raleway', sans-serif;font-size:17px;font-weight:500;height:30px;letter-spacing:-1px;line-height:30px;padding:0 20px;}
header .side_menu a + a{background:url(../img/bg/line.png) no-repeat 0 center;}
header .side_util{font-size:0;position:absolute;right:110px;top:25px;}
header .side_util a{color:#888;display:inline-block;font-size:13px;height:23px;line-height:23px;padding:0 10px;vertical-align:top;}
header .side_util > a + a{background:url(../img/bg/line.png) no-repeat 0 center;}
header .side_sns{font-size:0;position:absolute;right:20px;top:25px;}
header .side_sns a{background:url(../img/common/sns1.png) no-repeat;display:inline-block;font-size:0;height:23px;line-height:23px;margin-left:3px;width:23px;}
header .side_sns a:nth-child(2){background-image:url(../img/common/sns2.png);}
header .side_sns a:nth-child(3){background-image:url(../img/common/sns3.png);}
.web header .side_sns a:hover{background-image:url(../img/common/sns1_on.png);}
.web header .side_sns a:nth-child(2):hover{background-image:url(../img/common/sns2_on.png);}
.web header .side_sns a:nth-child(3):hover{background-image:url(../img/common/sns3_on.png);}
#header_dim{background:#000;display:none;height:100%;left:0;opacity:0;position:absolute;top:100px;transition:.3s;width:100%;}
#gnb > li .hover_line{height:4px;margin-bottom:20px;margin-top:-20px;position:absolute;top:77px;width:100%;}
#gnb > li:hover .hover_line{background:linear-gradient(to right, rgba(247,127,55,1) 0%,rgba(247,127,55,1) 100%);background:-moz-linear-gradient(left, rgba(247,127,55,1) 0%, rgba(247,127,55,1) 100%);background:rgb(247,127,55);background:-webkit-linear-gradient(left, rgba(247,127,55,1) 0%,rgba(247,127,55,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c63c1', endColorstr='#0fa38a',GradientType=1 );}
header nav .depth2_full{background-color:red;height:100%;width:100%;}
#gnb{font-size:0;margin-left:170px;margin-top:10px;position:relative;text-align:right;}
#gnb > li{display:inline-block;padding:0 0px 0 0;text-align:left;vertical-align:top;width:calc(20% - 28px);}
#gnb > li:hover{position:relative;}
#gnb > li:last-child{width:140px;}
#gnb > li > a {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    font-weight: bold;
    height: 34px;
    letter-spacing: 0px;
    letter-spacing: -2px;
    overflow: hidden;
    position: relative;
    transition: .3s;
    text-shadow: 1px 1px #000;
}
#gnb > li > a:before{background:#fff;bottom:0px;content:'';display:block;height:2px;left:0;position:absolute;transition:.5s;width:0%;}
#gnb > li > a[target=_blank]:after{display:none;}
.web #gnb > li:hover > a,
.web #gnb > li > a:focus,
.web #gnb > li > a.on{}
.web #gnb > li:hover > a:before,
.web #gnb > li > a:focus:before,
.web #gnb > li > a.on:before{width:100%;}
.web #gnb > li.hover > ul{display:block;}
body.hover #gnb > li > ul{}
#gnb > li > ul{box-sizing:border-box;margin-top:35px;overflow:hidden;padding-left:37px;width:100%;}
#gnb > li > ul > li{box-sizing:border-box;height:auto;padding:0px 20px 10px 0px;position:relative;text-align:left;width:100%;}
#gnb > li > ul > li:before{background-color:#8594ad;border-radius:50%;content:"";display:block;height:5px;margin-left:-10px;position:absolute;top:10px;width:5px;}
#gnb > li > ul > li > a{color:#3f3f3f;display:block;font-size:16px;font-weight:bold;letter-spacing:0;line-height:20px;}
#gnb > li > ul > li > a:hover{color:#f77f37;}
#gnb > li > ul > li{font-size:0;}
#gnb ul ul{padding-top:5px;vertical-align:top;}
#gnb ul ul + ul{margin-left:35px;}
#gnb ul ul a{color:#666;display:block;font-size:15px;letter-spacing:-1.5px;padding:1px 0;}
#gnb ul ul a:hover{color:#f77f37;text-decoration:underline;}
#gnb a[target=_blank]:after{background:url(../img/icon/window.png) no-repeat;background-size:100% auto;content:'';display:inline-block;height:14px;margin-left:10px;width:14px;}
#gnb a[target=_blank]:hover:after{background-image:url(../img/icon/window2.png);}
#gnb > li{ text-align: center; }
#gnb > li .top{overflow:auto;text-align:right;width:100%;}
#gnb > li .top img{float:left;margin-right:5px;margin-top:3px;vertical-align:middle;}
#gnb > li .top a{color:#fff;float:right;font-size:15px;margin:0 5px 0 10px;padding-top:10px;text-align:right;vertical-align:middle;}
#gnb > li .search{float:left;height:auto;margin-top:-6px;width:100%;}
#gnb > li .search .green_window{background:none;border-bottom:1px solid #81cdc2;display:inline-block;float:left;height:34px;opacity:1;position:relative;width:100%;z-index:111;}
#gnb > li .search .green_window label{cursor:text;display:block;font-size:0;height:100%;position:absolute;width:100%;}
#gnb > li .search .input_text{background:no-repeat;border:0;box-sizing:border-box;color:#fff;float:left;font-size:16px !important;height:100%;line-height:21px;opacity:1;padding:5px 0 5px 0;padding-right:25px;width:100%;z-index:111;}
#gnb > li .search .sch_smit{background-image:url(/common/img/icon/sch.png);background-repeat:no-repeat;border:0;border-radius:1px;color:white;cursor:pointer;float:right;font-weight:bold;height:20px;margin:0;margin-left:-20px;margin-top:5px;position:relative;text-indent:-9999px;vertical-align:middle;width:20px;z-index:999;}
header > .m_sch_button{background-image:url(/common/img/sch_m.png);background-repeat:no-repeat;display:block;display:none;float:right;height:27px;position:absolute;right:66px;text-indent:-9999px;top:34px;width:36px;}
header .m_shc{background-color:#0a4e9a;display:none;height:100px;left:0;padding:0 20px 0 20px;position:absolute;width:calc(100% - 40px);z-index:9999;}
header .m_shc.on{display:block;}
header .m_shc .search{margin-top:20px;}
header .m_shc .search .green_btn{background-image:url(/common/img/icon/m_sch_bg.png);background-repeat:no-repeat;display:inline-block;height:59px;width:62px;z-index:111;}
header .m_shc .search .green_window{background:#fff;display:inline-block;float:left;height:59px;width:calc(100% - 122px);z-index:111;}
header .m_shc .search .green_window label{position:absolute;text-indent:-9999px;}
header .m_shc .search .input_text{background:no-repeat;border:0;float:left;font-family:'Malgun Gothic';font-size:16px;font-weight:bold;height:60px;line-height:21px;opacity:1;padding:0 10px 0 10px;width:calc(100% - 20px);z-index:111;}
header .m_shc .search .sch_smit{background-image:url(/common/img/icon/m_sch_pop.png);background-position:50% 40%;background-repeat:no-repeat;border:0;border-radius:1px;color:white;cursor:pointer;float:right;font-size:0;font-weight:bold;height:100%;margin:0;margin-top:5px;position:relative;text-indent:-999px;vertical-align:middle;width:100%;z-index:999;}
header .m_shc .search .sch_closed{background-image:url(/common/img/icon/m_sch_pop_closed.png);background-position:50% 40%;background-repeat:no-repeat;border:0;border-radius:1px;color:white;cursor:pointer;float:right;font-weight:bold;height:60px;margin:0;margin-top:5px;position:relative;text-indent:-9999px;vertical-align:middle;width:60px;z-index:999;}
header > .main_logo{display:none;}
header > .main_logo.active{display:block;}
header > .sub_logo.menu_none{display:none;}
header > .sub_logo h1{left:24px;margin-left:0;}

@media screen and (min-width:1024px) and (max-width:1160px) {
    header {
        margin: 0 24px 0 24px;
    }
    #gnb > li > a{font-size: 16px;}
    #gnb > li > ul > li > a{font-size: 13px;}
}

@media screen and (min-width:1px) and (max-width:1023px) {
    #gnb > li > a{
        text-shadow:none;
    }
    .br_1{display:block;}
    body.gnb_on header nav{height:auto;}
    header > .m_sch_button{display:block;}
    body.gnb_on #gnb_dim{opacity:.5;visibility:visible;}
    body.gnb_on #header_dim{display:block;opacity:0.5;visibility:visible;z-index:899;}
    #header{background-position:0 84px;overflow:visible;}
    header{height:100px;padding-top:0;}
    header h1{left:50%;margin-left:-148.5px;top:15px;}
    header h1 a{}
    header h2{display:block;left:20px;top:25px;}
    header #btn_menu{background:url(./common/img/menu_m.png) no-repeat center;background-size:100% auto;display:block;font-size:0;height:27px;position:absolute;right:20px;top:34px;width:36px;}
    body.gnb_on header #btn_menu{background:url(./common/img/menu_m_closed.png) no-repeat center;}
    header #btn_close{background:url(../img/m/btn/close2.png) no-repeat center;background-size:80% auto;display:block;font-size:0;height:50px;position:absolute;right:20px;top:17px;width:50px;}
    header nav{background-color:#fff;box-sizing:border-box;display:none;padding-top:0px;position:absolute;right:0;top:70px;width:100%;z-index:25;}
    header .side_menu{display:none;}
    header .side_util{background:#00a1e5;box-sizing:border-box;height:85px;padding-left:15px;right:0;top:0;width:100%;}
    header .side_util a.sitemap{display:None;}
    header .side_util a{background:None !important;border:1px solid #fff;color:#fff;font-size:23px;height:49px;line-height:49px;margin:15px 0 0 10px;padding:0;text-align:center;width:119px;}
    header .side_sns{bottom:30px;left:30px;right:auto;top:auto;}
    header .side_sns a{background:url(../img/m/common/sns1.png) no-repeat;background-size:100% auto;height:40px;width:40px;}
    header .side_sns a + a{margin-left:5px;}
    header .side_sns a:nth-child(2){background-image:url(../img/m/common/sns2.png);}
    header .side_sns a:nth-child(3){background-image:url(../img/m/common/sns3.png);}
    header fieldset{right:80px;top:17px;}
    header fieldset > button{background:url(../img/m/btn/search.png) no-repeat center;background-size:60% auto;font-size:0;height:50px;width:50px;z-index:1;}
    header fieldset.open > button{background-image:url(../img/m/btn/close.png);}
    header fieldset p{right:50px;top:5px;}
    #gnb{box-sizing:border-box;height:100%;margin-left:0;margin-top:0px;padding-top:0px;position:relative;text-align:left;}
    #gnb > li{border-bottom:1px solid #e0e1e3;display:block;margin-left:0px;padding-left:0px;position:relative;width:100% !important;}
    #gnb > li:before{background-image:url(/common/img/icon/m_plus.png);background-position:50% 50%;background-repeat:no-repeat;content:'';float:right;height:58.5px;margin-bottom:-15px;position:absolute;right:0;top:0px;transition:0.3s;width:61px;}
    #gnb > li.on:before{background-image:url(/common/img/icon/m_minus.png);content:'';z-index:1;}
    /* #gnb > li:last-child{display:none;} */
    #gnb > li > a{color:#333; text-align: left; display:block;height:auto;padding:15px 20px;width:100%;}
    #gnb > li > a span{background:url('../img/m_nav_plus_btn.png') no-repeat; width:13px; height:13px; float:right; margin-top:10px;}
    #gnb > li.on > a span{background:url('../img/m_nav_minus_btn.png') no-repeat; width:13px; height:13px; float:right; margin-top:13px;}
    #gnb > li.on > a{background-color:#f37021;color:#fff;}
    #gnb > li.on > a{background-color:#f37021;color:#fff;}
    #gnb > li > a.on + ul{}
    #gnb > li > ul{box-sizing:border-box;display:none;height:100%;margin-left:0;margin-top:0px;overflow:auto;padding:0px;top:0;width:100%;}
    #gnb > li > ul > li{float:none;height:auto;padding:0 0px;position:relative;width:100%;}
    #gnb > li > ul > li > a{box-sizing:border-box;color:#777;display:block;font-size:18px;font-weight:bold;font-weight:Normal;padding:7px 20px;position:relative;width:100%;}
    #gnb > li > ul > li.child > a{padding-right:20px;}
    #gnb > li > ul > li.child > a:after{}
    #gnb > li > ul > li:before{background:#00a1e5;content:'';height:30px;left:0;position:absolute;top:15px;transition:.3s;width:0;}
    #gnb > li > ul > li.on:before{width:5px;}
    #gnb > li > ul > li.on > a{border-color:#fff;color:#000;font-weight:600;}
    #gnb > li > ul > li.child.on > a:after{background-image:url(../img/m/bg/lnb_arrow_on.png);}
    #gnb ul ul{border-bottom:1px solid #e0e1e3;border-top:1px solid #e0e1e3;display:block;margin:0 20px 10px;padding:10px 0px;}
    #gnb ul ul a.on{color:#000;}
    #gnb ul ul a:before{content:"ㆍ";display:inline-block;}
    #gnb .edu ul + ul{background:#fff;margin-top:-31px;}
    #gnb_bg{display:none;}
    #gnb > li .hover_line{display:none;}
}






@media screen and (min-width:361px) and (max-width:767px) {
    body.search_on #header_dim{opacity:.5;visibility:visible;}
    #header{background-position:0 54px;}
    header{height:65px;}
    #header{height:65px;}
    header h1{left:33%;margin-left:-80px;margin-top:0.47em;top:2px;}
    header h1 a{background-size:100% 100%; width:240px; height:42px;}
    header h2{left:12px;top:18px;}
    header h2 a{background-size:70px;width:70px;}
    header #btn_menu{background-size:100% auto;height:65px;right:12px;top:0;width:27px;}
    body.gnb_on header #btn_menu{background:url(./common/img/menu_m_closed.png) no-repeat center;background-size:80% auto;}
    header #btn_close{background-size:40% auto;height:55px;right:0;top:0;width:55px;}
    header fieldset{position:static;}
    header fieldset > button{background-size:45% auto;height:55px;position:absolute;right:45px;top:0;}
    header fieldset p{background:#fff;box-sizing:border-box;padding:0 15px 15px;right:0;top:54px;transform:translateY(-10px);width:100%;}
    header fieldset p button{background:#00a0e3 url(../img/m/btn/search2.png) no-repeat center;background-size:50% auto;right:15px;}
    header .side_util{height:55px;padding-left:10px;}
    header .side_util a{font-size:16px;height:28px;line-height:30px;margin:12px 0 0 5px;width:75px;width:auto;}
    header .side_sns{bottom:20px;left:12px;}
    header .side_sns a{height:28px;width:28px;}
    header nav{padding-top:0px;top:65px;}
    #gnb > li{padding:0;}
    #gnb > li::before{background-size:15px;height:46.5px;width:46.5px;}
    #gnb > li > a{font-size:17px;padding:10px 12px;text-decoration:none;}
    #gnb > li > ul > li:before{height:20px;top:11px;}
    #gnb > li > ul > li > a{font-size:16px;padding:7px 12px;}
    #gnb > li > ul > li.child > a{padding-right:12px;}
    #gnb > li > ul > li.child > a:after{width:12px;}
    #gnb ul ul{margin:0 12px 0 12px;padding:10px 0 10px 0;}
    #gnb ul ul a{color:#000;padding:2px 0;}
    #gnb ul ul a::before{vertical-align:1px;}
    #gnb a[target=_blank]:after{height:10px;margin-left:5px;width:10px;}
    #gnb .edu ul + ul{background:#fff;margin-top:-15px;}
    header .m_sch_button{background-size:21px;display:block;height:27px;right:50px;text-indent:-9999px;top:21px;width:24px;}
    header .m_shc{height:65px;top:0;}
    header .m_shc .search{margin-top:17px;}
    header .m_shc .search .green_btn{height:30px;width:30px;}
    header .m_shc .search .green_window{height:30px;width:calc(100% - 60px);}
    header .m_shc .search .input_text{height:30px;}
    header .m_shc .search .sch_smit{background-position:50% 12%;background-size:16px;height:30px;}
    header .m_shc .search .sch_closed{background-position:50% 50%;background-size:16px;height:30px;margin-top:0;width:30px;}
    header > .sub_logo h1{left:12px;margin-left:0;}
}




@media screen and (min-width:1px) and (max-width:360px) {
    body.search_on #header_dim{opacity:.5;visibility:visible;}
    #header{background-position:0 54px;}
    header{height:65px;}
    #header{height:65px;}
    header h1{left:50%;margin-left:-74.5px;margin-top:1em;top:2px;}
    header h1 a{background-size:100% 100%; width:149px; height:26px;}
    header h2{left:12px;top:18px;}
    header h2 a{background-size:70px;width:70px;}
    header #btn_menu{background-size:100% auto;height:65px;right:12px;top:0;width:27px;}
    body.gnb_on header #btn_menu{background:url(./common/img/menu_m_closed.png) no-repeat center;background-size:80% auto;}
    header #btn_close{background-size:40% auto;height:55px;right:0;top:0;width:55px;}
    header fieldset{position:static;}
    header fieldset > button{background-size:45% auto;height:55px;position:absolute;right:45px;top:0;}
    header fieldset p{background:#fff;box-sizing:border-box;padding:0 15px 15px;right:0;top:54px;transform:translateY(-10px);width:100%;}
    header fieldset p button{background:#00a0e3 url(../img/m/btn/search2.png) no-repeat center;background-size:50% auto;right:15px;}
    header .side_util{height:55px;padding-left:10px;}
    header .side_util a{font-size:16px;height:28px;line-height:30px;margin:12px 0 0 5px;width:75px;width:auto;}
    header .side_sns{bottom:20px;left:12px;}
    header .side_sns a{height:28px;width:28px;}
    header nav{padding-top:0px;top:55px;}
    #gnb > li{padding:0;}
    #gnb > li::before{background-size:15px;height:46.5px;width:46.5px;}
    #gnb > li > a{font-size:17px;padding:10px 12px;text-decoration:none;}
    #gnb > li > ul > li:before{height:20px;top:11px;}
    #gnb > li > ul > li > a{font-size:16px;padding:7px 12px;}
    #gnb > li > ul > li.child > a{padding-right:12px;}
    #gnb > li > ul > li.child > a:after{width:12px;}
    #gnb ul ul{margin:0 12px 0 12px;padding:10px 0 10px 0;}
    #gnb ul ul a{color:#000;padding:2px 0;}
    #gnb ul ul a::before{vertical-align:1px;}
    #gnb a[target=_blank]:after{height:10px;margin-left:5px;width:10px;}
    #gnb .edu ul + ul{background:#fff;margin-top:-15px;}
    header .m_sch_button{background-size:21px;display:block;height:27px;right:50px;text-indent:-9999px;top:21px;width:24px;}
    header .m_shc{height:65px;top:0;}
    header .m_shc .search{margin-top:17px;}
    header .m_shc .search .green_btn{height:30px;width:30px;}
    header .m_shc .search .green_window{height:30px;width:calc(100% - 60px);}
    header .m_shc .search .input_text{height:30px;}
    header .m_shc .search .sch_smit{background-position:50% 12%;background-size:16px;height:30px;}
    header .m_shc .search .sch_closed{background-position:50% 50%;background-size:16px;height:30px;margin-top:0;width:30px;}
    header > .sub_logo h1{left:12px;margin-left:0;}

}