@charset "UTF-8";

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size:16px;}
.wrapper {position:relative; z-index:1; min-height:100%;}
.container {position:relative; z-index:1; max-width:1280px; margin:0 auto;}
.contents {padding-bottom:238px;}
.fc_point1 {color: #000;}
.fc_point2 {color: #000;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}


/* header_popup */
.header_popup {display: none; position: relative; width: 100%; height: 155px; background-color: #1a3d5b; overflow: hidden;}

.header_popup.no_header_popup { height: 0;}
.header_popup.no_header_popup {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.h_popup_box {padding: 20px 0 30px; text-align: center;}
.h_popup_box h1 {margin-bottom: 15px; font-size: 1.688em; color: #fff; font-weight: 500;}
.h_popup_box h1 span {color: #01a0e2;}
.h_popup_sub_tit_box {width: 100%; max-width: 850px; margin: 0 auto 15px;}
.h_popup_sub_tit_box p {float: left; width: 50%; padding-left: 15px; background: url('/template/cms/user/image/common/header_popup_dot.png') left 5px center no-repeat; font-weight: 300; color: #fff;  text-align: left;	}
.h_popup_sub_tit_box p strong {font-weight: 350;}

.h_popup_btn_wrap {width: 100%; max-width: 320px; min-height: 30px; margin: 0 auto; overflow: hidden;}
.h_popup_btn_wrap > a {float: left; display: block; width: 150px; height: 30px; line-height: 28px; border: 1px solid #01a0e2; color: #fff; text-align: center; font-size: 13px; font-weight: 300;}
.h_popup_btn_wrap > a:nth-child(1) {margin-right: 10px;}
.h_popup_btn_wrap > a:hover {background: #01a0e2;}

.popup_btn_wrap {position: absolute; right: 0; bottom: 20px; color: #fff; font-size: 0.933em; font-weight: 300;}
.popup_btn_wrap .pop_form {float: left; margin-right: 10px; }
.popup_btn_wrap > a {float: left; border: 1px solid #fff; padding: 0 8px; color: #fff; font-weight: 300;}
.popup_btn_wrap .chk_each .vchkbox {background-color: inherit;}
/* header */
.header {position:relative; z-index:9999; padding-top:30px; background-color:#FFF; border-bottom:1px solid #dedede;}
.gnb_header { top:-100px; background-color:#FFF; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;}
.gnb_header .container {padding-left: 280px;}
.head_logo {position:absolute; left:0; top:50%; z-index:1; margin-top:-22px;}
.gnb {float:right; width: 100%; max-width: 920px; padding-right: 70px;}
.gnb > li { z-index:1; float:left; width: 140px;}
.gnb .sub_gnb_box {display: none;}
.gnb > li.hide_gnb {display: none;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {display:block; height:75px; line-height:65px; font-size:1.188em; font-weight:500; text-align: center;}
.gnb > li > a:after {content:""; display:block; position:absolute; left:0; bottom:0; z-index:1; width:0; height:3px; 
background-color:#2e51ad; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;}
/* .gnb > li:hover > a:after, .gnb > li:focus > a:after {width:100%;} */

.util_sch_box {display: none; position: absolute; width: 100%; height: 120px; padding: 35px 0; background: #fff; border: 1px solid #d7d7d7; z-index: 9999;}
.gnb_header .util_sch_box .container {padding-left: 0;}
.util_sch_box .util_sch {position: relative; width: 100%; max-width: 1000px; margin: 0 auto; }
.util_sch_box .util_sch input {width: 100%; height: 50px; padding: 0 100px 0 30px; border: 3px solid #0f489c; border-radius: 30px;}
.util_sch_box .util_sch_box_btn {position: absolute; display: block; right: 0px; top: 0px; height: 50px; line-height: 46px; padding-right: 35px; text-align: center;}
.util_sch_box .util_sch_box_btn img {vertical-align: middle;}
.util_sch_box .util_close {position: absolute; top: -25px; right: 0; font-size: 1.563em;}


.util_service > a.open_popup2 {display: block; float: right; position: relative; top: 5px; width: 90px; height: 24px; margin-left: 15px; padding: 0 7px; line-height: 24px; border: 1px solid #cfcfcf; color: #b2b2b2; font-size: 0.933em; overflow: hidden;}
.util_service > a.open_popup2 {-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}
.util_service > a.open_popup2.no_header_popup {display: block; width: 90px; height: 24px; margin-left: 15px; padding: 0 7px; }


.sub_gnb_box_wrap {width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; overflow: hidden;}
.sub_gnb_box_wrap > li.hide_gnb {display: none;}
.sub_gnb_box_wrap > li {float: left; width:16.66%; height: 100%; }
.sub_gnb_box_wrap > li:nth-child(6) {margin-right: 0; border-right: 1px solid #d7d7d7;}
.sub_gnb_box_wrap > li > a {display: none;}
.sub_gnb_box_wrap .sub_gnb_box {position: relative; height: 100%; padding: 15px 15px 0; border-left: 1px solid #d7d7d7; overflow: hidden;}
.sub_gnb_box_wrap .sub_gnb_box > a {position: relative; display: block; width: 100%; height: 40px; line-height: 40px; margin-bottom: 20px; text-align: center; background-color: #b8bec9; color: #fff;  font-size: 1.125em; z-index: 1; overflow: hidden;}
.sub_gnb_box_wrap .sub_gnb_box > a {-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}
.sub_gnb_box_wrap .sub_gnb_box > a .hover_box {position: absolute; bottom: -100%; width: 100%; height: 100%; background-color: #0f489c; z-index: -1;}
.sub_gnb_box_wrap .sub_gnb_box:hover > a {background-color: #0f489c; }
.sub_gnb_box_wrap .sub_gnb > li > a {text-align: center;}
.sub_gnb_box_wrap .sub_gnb_box .sub_gnb {position: relative; z-index: 2;}


.sub_gnb_box_wrap .sub_gnb_box > .hover_box {position: absolute; bottom: -100%; width: 100%; height: 100%; background-color: #e7f6ff;}

/* .sub_gnb {display:none; position:absolute; left:0; top:60px; z-index:1; width:100%; padding-top: 75px;} */
.sub_gnb > li {margin-bottom: 15px;}
.sub_gnb > li:last-child {margin-bottom: 0;}
.sub_gnb > li > a {display:block;}
.sub_gnb > li:hover > a, .sub_gnb > li > a:focus {color:#0f489c; font-weight: 500; text-decoration: underline;}
.sub2_gnb {padding-top: 5px; padding-left: 3px;}
.sub2_gnb > li {margin-bottom: 5px;}
.sub2_gnb > li:last-child {margin-bottom: 0;}
.sub2_gnb > li > a {color: #777; font-size: 0.933em;}
.sub2_gnb > li > a:before {content:'-'; padding-right: 5px;}
.sub2_gnb > li > a:hover {color: #2e51ad;}


.home_link {color:#fff;}
.gnb_bg {position: absolute; top:105px; left:0; display: none; background-color: #fff; border-top: 1px solid #d7d7d7; width: 100%; height: 345px;  box-shadow: 0 5px 10px rgba(211,211,211,0.5);}


/* sitemap (10/10) */ 
.sitemap_btn {position: absolute; right: 5px; top: 50%; margin-top: -14px; outline: none; font-size:0;}
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; padding: 110px 0; background-color: rgba(22, 45, 70, 0.95);}
.sitemap_wrap .title {position: absolute; top: -55px; left: 0; width: 100%; text-align: center; color: #fff; font-size: 2.667em; font-weight: 300;}
.sitemap_wrap .sitemap_close {position: absolute; right: 0; top: -60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_close:hover {transform:rotate(180deg);}
.sitemap_wrap .sitemap {padding: 50px 30px;}
.sitemap_wrap .sitemap > li {float: left; width: 23.5%; margin-right: 2%;}
.sitemap_wrap .sitemap > li:nth-child(4n) {margin-right: 0;}
.sitemap_wrap .sitemap > li:nth-child(n+5) {margin-top: 2%;}
.sitemap_wrap .sitemap > li > a {display: block; padding: 10px 0 10px 20px; background: url('/template/cms/user/image/common/sitemap_gnb_border.png') right bottom no-repeat; border: 1px solid #fff; color: #fff; font-family: 'NanumSquare'; font-size: 1.375em; font-weight: 500;}
.sitemap_wrap .sub_gnb_box > a {display: none;}
.sitemap_wrap .sitemap_sub_gnb {min-height: 200px; margin-top: 20px;}
.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom: 8px;}
.sitemap_wrap .sitemap_sub_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub_gnb > li > a {position: relative; display: block; padding-left: 13px; font-size: 1.000em; color: #fff; font-weight: 300;}
.sitemap_wrap .sitemap_sub_gnb > li > a:hover {color: #2ac5d7;}
.sitemap_wrap .sitemap_sub_gnb > li > a:before {content: '-'; position: absolute; left: 0; display: block; width: 10px; height: 10px; }
.sitemap_wrap .sitemap_sub2_gnb {margin-top: 8px;}
.sitemap_wrap .sitemap_sub2_gnb > li {margin-bottom: 5px;}
.sitemap_wrap .sitemap_sub2_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub2_gnb > li > a {display: block; color: #777; margin-left: 13px; padding-left: 10px; background: url('/template/cms/user/image/bull/bull_bar.jpg') no-repeat 0 9px;}




/* scrolled */
.header.scrolled {padding-top:90px;}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:1; width:100%; border-bottom: 1px solid #e2e4e8; box-shadow:0 2px 5px rgba(211,211,211,0.5);}
.header.scrolled .gnb_bg {top:61px;}


/* m_gnb */
.m_gnb_btn {display:none; position:absolute; right:20px; top:50%; z-index:1; width:24px; height:24px; margin-top:-12px;}
.m_gnb_btn span {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:4px; border-radius:2px; background-color:#333; }
.m_gnb_btn span.mid {top:50%; margin-top:-2px;}
.m_gnb_btn span.btm {top:auto; bottom:0;}

.m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; max-width: 480px; max-height:800px; height:100%; background-color:#fff;}
.m_gnb_top {height:70px; border-bottom:1px solid #e5e5e5; text-align:center;}
.m_logo {display: inline-block; vertical-align: middle;}
.m_logo img {max-height:60px;}
.m_gnb > li > a {display:block; position:relative; z-index:1; height:55px; line-height:55px; padding-left:10%; border-bottom:1px solid #e5e5e5; color:#000; font-size:22px;}
.m_gnb > li > a.on {background-color:#2e51ad; color:#fff;}
.m_sub_gnb {display:none; padding: 0 10%; background-color:#fff; border-bottom: 1px solid #e5e5e5;}
.m_sub_gnb > li > a {display:block; width:100%; height:40px; line-height:40px; border-top:1px solid #efede9; color:#000; font-size:16px;}
.m_sub_gnb > li:first-child > a {border-top:0 none;}
.m_sub2_gnb {padding:5px 5%; border-top: 1px solid #efede9;}
.m_sub2_gnb li a {display:block; padding:5px 0; color:#5a5340;}
.m_sub2_gnb li a:before {content:"-"; margin-right:5px; vertical-align:top;}
.m_gnb_close {display:block; position:absolute; top:20px; right:15px; z-index:1; width:30px; height:30px; line-height: 30px; color:#000; font-size:25px; text-align: center;}
.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.m_gnb .sub_gnb_box > a {display: none;}


/* footer */
.footer {position:absolute; bottom:0; z-index:3; width: 100%;  background-color: #3b3b3b;}
.quick_box {position: fixed; left:50%; bottom: 70px; z-index: 2; margin-left: 650px;}
.q_share_box {display: none; position: relative; z-index: 1; margin-bottom: 5px;}
.quick_box button, .quick_box a {display: block; width: 30px; height: 30px; line-height: 30px; background-color: rgba(255,255,255,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#80ffffff,endColorStr=#80ffffff)"; 
border: 1px solid #ccc; font-size: 1.250em; text-align: center;}
.quick_box button:hover, .quick_box button:focus, .quick_box a:hover, .quick_box a:focus {font-size: 1.375em;}
.q_share_menu {display: none; position: absolute; left: 0; bottom: 35px; z-index: 1;}
.q_share_menu li {margin-bottom: 5px;}
.q_share_menu li:last-child {margin-bottom: 0;}
.footer .inner {padding: 35px 0 40px; padding-left: 290px;}
.footer .inner .txt_box {font-weight: 300;}
.footer .foot_logo {position: absolute; left: 0; top: 30px;}
.footer .link_list {margin-bottom: 15px;}
.footer .link_list > li {position: relative; float: left; margin-right: 20px; padding-right: 20px;}
.footer .link_list > li:after {display: inline-block; content:''; position: absolute; right: 0; top: 3px; width: 1px; height: 13px; background-color: #7e7e7e;}
.footer .link_list > li:last-child:after {display: none;}
.footer .link_list > li a {color: #b7b7b7; font-weight: 300;}
.footer .link_list > li:first-child a {color: #ffb359;}
.footer .txt_box p {color: rgba(255,255,255,0.5); margin-bottom: 5px; font-size: 0.933em;}
.footer .txt_box p:last-child {margin-bottom: 0;}
.footer .txt_box p span {display: inline-block; margin-right: 28px;}
.footer .txt_box p span:last-child {margin-right: 0;}
.footer .site_box {position: absolute; right: 0; top: 35px; }
.footer .site_box .baro_box {background-color: #232323;}
.footer .site_box .site_btn {width: 260px; height: 45px; line-height: 43px; padding-left: 18px; color: #a6a6a6; text-align: left; font-weight: 300; outline: none;}
.footer .site_box .site_btn .arr {position: absolute; right: 0; top: 0; width: 45px; height: 45px; line-height: 43px; text-align: center; }
.footer .site_box .site_btn i {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.footer .site_box .site_btn.on i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.footer .site_box .site_link {display: none; position: absolute; left: 0; bottom: 44px; width: 100%; background-color: #595959; border: 1px solid #6b6b6b;}
.footer .site_box .site_link > li {border-bottom: 1px dashed #6b6b6b;}
.footer .site_box .site_link > li:last-child {border-bottom: 0;}
.footer .site_box .site_link > li > a {display: block; padding:10px; padding-left: 18px; color: #fff; font-weight: 300;}
.footer .site_box .site_link > li:hover {background-color: #000;}

/* banner_box (10/10) */
.banner_box1 {border-bottom:1px solid #ccc;}
.banner_box1 .site_slide {height: 70px; overflow: hidden;}
.banner_box1 .site_slide  li {}
.banner_box1 .site_slide .slick-arrow {width:9px; height:17px; background: url('/template/cms/user/image/common/banner_next.png') no-repeat 0 0; margin-top: -8px; transform: none;}
.banner_box1 .site_slide .slick-prev {left: 0; background: url('/template/cms/user/image/common/banner_prev.png') no-repeat 0 0;}
.banner_box1 .site_slide .slick-next {right: 0;}
.banner_box1 .site_slide .slick-arrow:before {display: none;}
.banner_box1 .site_slide li a {display: table-cell; width: 100%; height: 70px; text-align: center; vertical-align: middle;}
.banner_box1 .site_slide li a img {display: inline-block; max-width: 80%; max-height: 70px; vertical-align: middle;}
.counsel_btn {display: none; position: absolute; right: -200px; bottom: -10px;} 


/* util_header */
.util_header {position:absolute; top:0; z-index:1; width:100%; background-color:#fff;}
.util_header .container {height:35px; line-height:35px;}
.util_service {position: relative; float: right;}
.util_service > a {float: left; margin-left: 15px; padding-left: 25px; color: #8b8b8b;}
.util_service > a:nth-child(1) {background: url('/template/cms/user/image/common/util_service_ico1.png') left 3px center no-repeat;}
.util_service > a:nth-child(2) {background: url('/template/cms/user/image/common/util_service_ico2.png') left 3px center no-repeat; color: #f28329;}
.util_service > a.util_sch_btn {background: url('/template/cms/user/image/common/util_service_ico3.png') left 3px center no-repeat; color: #285ba6;}


/* edu_research_wrap */
.write_popup_wrap {}
.write_popup_wrap {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0;  z-index: 9999;}
.write_popup_wrap.on {display: block;}
.write_popup_wrap .write_popup {position: relative; top:50%; width: 100%; max-width: 830px; height: 540px; margin: 0 auto; margin-top: -270px; padding: 60px 60px 30px; border: 3px solid #2355a8; background: #fff; z-index: 2;}
.write_popup_wrap .write_popup .popup_top {margin-bottom: 30px; overflow: hidden;}
.write_popup_wrap .write_popup .popup_top .top_left {float: left; width:10%; line-height: 40px;}
.write_popup_wrap .write_popup .popup_top .top_left h1 {color: #2355a8; font-size: 1.438em; font-weight: 500; text-align: center;}
.write_popup_wrap .write_popup .popup_top .top_right {position: relative; float: right; width: 83%; padding-right: 140px;}
.write_popup_wrap .write_popup .popup_top .top_right input {width: 100%; height: 40px; padding-left: 10px; border: 1px solid #2355a8;}
.write_popup_wrap .write_popup .popup_top .top_right a {position: absolute; top: 0; right: 0; width: 130px; height: 40px; line-height: 38px; border: 1px solid #2355a8; background: #2355a8; color: #fff; text-align: center;}
.write_popup_wrap .write_popup .popup_top .top_right a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.write_popup_wrap .write_popup .popup_top .top_right a:hover {background-color: #fff; color: #2355a8;}
.write_popup_wrap .write_popup .popup_bottom {max-height: 400px; overflow-y:scroll;	}
.write_popup_wrap .write_popup > .close_popup {position: absolute; right: 15px; top: 15px; font-size: 1.875em;}

.write_popup_wrap .popup_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);	z-index: 1;}





/* quick_manu */
.quick_manu_wrap {position: absolute; width: 127px; height: 380px; right: 0; top: 535px; z-index: 90; overflow: hidden;}
/* .quick_manu_wrap.on {height: 35px;} */
.quick_manu {position: absolute; right: 0;  z-index: 90;}
.quick_manu {-webkit-transition: 0.5s all;	-moz-transition: 0.5s all;	-ms-transition: 0.5s all;	-o-transition: 0.5s all;	transition: 0.5s all;}
.quick_manu .quick_tit {position: relative; right: 0; height: 30px; line-height: 30px; margin-bottom: 1px; background-color: #2e58b1; color: #fff; text-align: center; font-size: 15px;}
.quick_manu .quick_tit {-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}
.quick_manu ul {position: relative; right: 0; -webkit-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}
.quick_manu.off .quick_tit { right: -140px;}
.quick_manu.off ul { right: -140px;}
.quick_manu_wrap.no_popup {top: 385px;}
.quick_manu_wrap.no_popup {-webkit-transition: 0.3s all; -moz-transition: 0.3s all;-ms-transition: 0.3s all;-o-transition: 0.3s all;transition: 0.3s all;}
.quick_manu_wrap.fixed {position: fixed; top: 170px;}
.quick_manu li {margin-bottom: 1px;}
.quick_manu li a {display: block; width: 127px; height: 45px; padding: 15px 0; background-color: #767677; color: #fff; text-align: center; font-size: 14px; font-weight: 300;}
.quick_manu li a {-webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}
.quick_manu li a .img_wrap {height: 0;   text-align: center;}
.quick_manu li a .img_wrap {-webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}
.quick_manu li a:hover {height: 75px; background-color: #2e58b1; font-size: 15px; }
.quick_manu li a:hover .img_wrap { height: auto; margin-bottom: 10px;}
.quick_manu li:nth-child(1) a p {position: relative; font-weight: 500; color: #ffd766;}
.quick_manu li:nth-child(1) a p:after {content: ''; position: absolute; right: 10px; top: -4px; width: 5px; height: 5px; background-color: #ffd766; border-radius: 50%;}
.quick_manu li a:hover p:after {display: none;}


.quick_btn {position: relative; bottom: 0; left: 0; display: block; width: 85px; height: 35px; margin:15px auto 0; line-height: 35px; padding-left: 23px; background-color: #334979; color: #fff; border-radius: 20px; z-index: 90; overflow: hidden; font-size: 15px;}
.quick_btn {-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}
.quick_btn span:nth-child(1) {display: block;}
.quick_btn span:nth-child(2) {display: none;}

.quick_btn.up {position: relative; bottom: 275px; left: 0px; width: 110px; padding-left: 11px;}
.quick_btn.up span:nth-child(1) {display: none;}
.quick_btn.up span:nth-child(2) {display: block;}
.quick_btn.up span:nth-child(2) i {transform: rotate(180deg);}