@charset "utf-8"; 

body {font-family:'NotoR'; font-size:14px;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoR'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 슬라이드 공용 */
.slick-slider {transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle;}
.slick-list { overflow:hidden;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block;}
.slick-arrow.slick-hidden { display:none;}
.slick-current { opacity:1; display:block;}

/* 레이아웃 및 헤더 */
#wrap {position:relative; font-family:'NotoR', '맑은 고딕'; overflow:hidden;}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} 

#slide_map {display:none;}
#header {position:absolute; left:0; top:0; width:100%; height:138px; z-index:1100; background:#fff url('/images/web/cvnci/common/bg_header.gif') repeat-x top;} 
#header .headerWrap {position:relative; width:100%; margin:0 auto;}

/* 로고 */ 
#header h1.logo {position:absolute; left:50%; top:70px; margin-left:-700px; z-index:90;}
#header h1.logo a {display:block; width:256px; height:48px; background:url('/images/web/cvnci/common/logo.png') no-repeat left top;}
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}

/* top util */
#header .toputil {position: absolute; width:100%; max-width:1400px; left:50%; top:0; margin-left:-700px; z-index:100;} 
#header .toputil a:hover{text-decoration: underline;}
#header .toputil .topLink ul{float:left;}
#header .toputil .topLink ul li{float:left;}
#header .toputil .topLink ul li a{display:block; width:140px; line-height:50px; text-align:center; color:#fff; background:url('/images/web/cvnci/common/bg_toputil.png') no-repeat; background-size:cover;}
#header .toputil .topLink .fs_size{float:left; margin-left:20px; line-height:50px; font-size:13px; color:#bababa;}
#header .toputil .topLink .fs_size span{display:inline-block; padding-right:5px;}
#header .toputil .topLink .fs_size a{display:inline-block; width:23px; height:23px; border:1px solid #bababa; text-indent:-99999%; overflow:hidden; margin:0 1px; vertical-align: middle;}
#header .toputil .topLink .fs_size a.btn_Tplus{background:url('/images/web/cvnci/common/btn_Tplus.png') no-repeat center; }
#header .toputil .topLink .fs_size a.btn_Tminus{background:url('/images/web/cvnci/common/btn_Tminus.png') no-repeat center; }

#header .toputil .topMenu {position: absolute; top:0; right:280px; height:30px; line-height:30px; font-size:14px; margin:10px 0;;}/* 191224 수정 */
#header .toputil .topMenu > li {position:relative; margin-left:10px; padding-left:10px; float:left;} 
#header .toputil .topMenu > li:before {content:""; display:block; clear:both; position:absolute; left:0; top:10px; width:1px; height:10px; background:#d3d3d3;} 
#header .toputil .topMenu > li:first-child {margin-left:0; padding-left:0;}
#header .toputil .topMenu > li:first-child:before {display:none;} 
#header .toputil .topMenu > li a {display:block; font-size:12px; color:#bababa;}
#header .toputil .topMenu > li.lang{padding:0 10px;}
#header .toputil .topMenu > li.lang:before {display:none;} 
#header .toputil .topMenu > li.lang > a{ position:relative; padding:0 10px 0 20px; border-bottom:1px solid #bababa; background:url('/images/web/cvnci/common/ico_lang.png') no-repeat left 7px;}
#header .toputil .topMenu > li.lang.close > a{ padding:0 20px; }
#header .toputil .topMenu > li.lang.close > a::before{content:""; width:10px; height:10px; position: absolute; right:0; top:10px; background:url('/images/web/cvnci/common/arr_lang.png') no-repeat center;}
#header .toputil .topMenu > li.lang.open > a::before{transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#header .toputil .topMenu > li.lang ul{display:none; position: absolute; left:0; top:40px; width:100%; background:#19203b; z-index:10;}
#header .toputil .topMenu > li.lang ul li a{padding:5px 10px;}
#header .toputil .topMenu > li.lang ul li a:hover{background:#0851ab; color:#fff;}
#header .toputil .topMenu > li a, #header .toputil .topMenu > li a::before{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 검색 */
#header .toputil .m_search_btn{display:none;}
#header .toputil .search_close{display:none;}
#header .toputil .search {position:relative; float:right; padding:8px 0;}
#header .toputil .search h2 {position:absolute; top:-10000em; left:-10000em;}
#header .toputil .search .search_wrap {position:relative; float:left; width:200px; padding:0 20px; margin-right:10px; background:#fff; border-radius:20px; overflow:hidden;}
#header .toputil .search input {width:100%; height:34px; line-height:34px; padding-left:10px; font-size:13px; color:#555; font-family:'NotoR'; border:0;}
#header .toputil .search input::-webkit-input-placeholder {color:#555; font-family:'NotoR';}
#header .toputil .search a.btn_top_sear {position:absolute; right:10px; top:0; width:34px; height:34px; text-indent:-10000em; background:url('/images/web/cvnci/common/btn_search.png') no-repeat center;}
#header .toputil .search a.btn_emp_sear{float:right; padding:0 20px; border-radius:3px; color:#fff; font-size:13px; line-height:30px; margin:2px 0; background:#276be8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
#header .toputil .search a.btn_emp_sear:hover{background:#1954c2;}

/* 상단메뉴 */
#header .mob_btn {display:none;}
#header .sitemap {display:block; position:absolute; right:0; top:19px; width:20px; height:27px; background:#19203b; font-size:0; text-indent:-10000px; padding:7px 14px 14px 14px;}	
#header .sitemap:hover {background:#e4012e;}
#header .sitemap span {display:block; width:100%; margin:7px 0 0; height:2px; background:#fff;}
#header .sitemap span:first-child {width:70%;}
#header .sitemap span:last-child {width:70%;}
#header .sitemap {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header #nav {position:relative; width:auto; height:88px; padding-top:50px; overflow:hidden;}
#header #nav #blind {position:absolute; left:0; top:138px; width:100%; height:100%; z-index:1; background:#082d4e;}
#header #nav #gnb {position:relative; max-width:1400px; margin:0 auto; z-index:10;}
#header #nav #gnb > ul {width:1100px; height:auto; float:right}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {position:relative; width:25%; float:left;}/* 191224 수정 */
#header #nav #gnb ul li a {position:relative; display:block; height:88px; line-height:88px; color:#000; text-align:center; font-family:'NotoB'; font-size:20px; letter-spacing:0;}/* 191209 수정 */
#header #nav #gnb ul li a span { display:block; position:relative; font-size:20px; height:88px; line-height:88px; color:#222;}
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:3px; }
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#1f70b7;}
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#1f70b7; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}

/* 2차메뉴 */
#header #nav #gnb ul li h2 {display:none;}
#header #nav #gnb ul li h2:after {content:""; display:block; clear:both; position:absolute; left:0; bottom:0; width:35px; height:2px; background:#fff;}
/* #header #nav #gnb ul li.menu1 h2 {left:0;}
#header #nav #gnb ul li.menu2 h2 {left:20%;}
#header #nav #gnb ul li.menu3 h2 {left:40%;}
#header #nav #gnb ul li.menu4 h2 {left:60%;}
#header #nav #gnb ul li.menu5 h2 {left:80%;} */

#header #nav #gnb > ul > li > ul {position:absolute; top:88px; left:0; width:100% !important; padding:15px 0 15px;}/* 200103 수정 */
#header #nav #gnb > ul > li > ul:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:1px; height:100%; background:rgba(225,225,225,0.1);}
#header #nav #gnb ul li ul.ov {background:#134f84;}
/* #header #nav #gnb ul li.menu1 ul {left:0;}
#header #nav #gnb ul li.menu2 ul {left:20%;}
#header #nav #gnb ul li.menu3 ul {left:40%;}
#header #nav #gnb ul li.menu4 ul {left:60%;}
#header #nav #gnb ul li.menu5 ul {left:80%;} */

#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:100%; margin:1px 0 0; position: relative;}
#header #nav #gnb ul li ul li a {display:block; font-family:'NotoM'; font-size:14px; line-height:20px; height:auto; padding:10px 25px 10px 15px; color:#fff; text-align:left;}/* 191209 수정 */
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb ul li ul li a[target='_blank'] strong:after{display:inline-block; line-height:20px; margin:3px 0 0 6px; position:relative; content:url('/images/web/cvnci/common/icon_nav_wh.png'); }
#header #nav #gnb > ul > li > ul > li > a:hover, #header #nav #gnb > ul > li > ul > li > a:active, #header #nav #gnb > ul > li > ul > li.ov > a {text-decoration:underline; color:#fff; background:#196ab3;}/* {text-decoration:underline; color:#fff; background:rgba(0,0,0,0.9);}*/

/* 3차메뉴 */
#header #nav #gnb ul li ul > li.dep:before{content:""; position: absolute; width:11px; height:1px; right:20px; top:20px; background:#fff; z-index:2;}/* 191030 - 수정완료 */
#header #nav #gnb ul li ul > li.dep:after{content:""; position: absolute; width:1px; height:11px; right:25px; top:15px; background:#fff; transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; z-index:2;}/* 191030 - 수정완료 */
#header #nav #gnb ul li ul > li.dep.ov:after{transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
#header #nav #gnb ul li ul li ul.group{display:none; position: relative; left:auto; top:auto; padding:10px 20px; background:#418bce;}
#header #nav #gnb ul li ul li ul.group li a {position:relative; padding:4px 0 4px 10px; line-height:20px; font-size:14px;}
#header #nav #gnb ul li ul li ul.group li a:before{content:""; width:2px; height:2px; position: absolute; left:0; top:14px; background:#fff;}
#header #nav #gnb ul li ul li ul.group li a:hover {text-decoration:underline;}

/* 전체메뉴 */
#header .allm {position:absolute; right:50%; top:20px; margin-right:-700px; z-index:9999;}
#header .allm > a {display:block; width:17px; height:16px; text-indent:-10000em; font-size:0; padding:7px 0 12px 13px;}
#header .allm > a:hover {background-color:#fff;}
#header .allm > a span {display:block; width:100%; margin:5px 0 0; height:2px; background:#e40a2e;}
#header .allm > a span:first-child {width:70%;}
#header .allm > a span:last-child {width:70%;}
#header .allm > a:hover span {width:100% !important;}
#header .allm > a, #header .allm > a span {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* footer */
.area_footer {position:relative; font-family:'NotoR'; background:#eff3fb; padding:20px 0 30px;}
.box_footer {position:relative; width:1400px; margin:0 auto;}
.box_footer .footer_link {overflow:hidden; border-bottom:1px solid #b2b2b2;}
.box_footer .footer_link li {float:left;}
.box_footer .footer_link li a {position:relative; display:block; line-height:50px; margin-right:17px; padding-left:18px; color:#222; background:url('/images/web/cvnci/common/ft_line.png') no-repeat left center;}
.box_footer .footer_link li:first-child a{background-image:none;}
.box_footer .footer_link li a:hover {text-decoration:underline;}
.box_footer .footer_link li.point a {color:#0c6be5; font-family:'NotoM'; } 
.box_footer .footer_link li.point a:hover {color:#0c6be5;}
.box_footer .footer_link li:first-child a {padding-left:0;} 
.box_footer .footer_link li:first-child:before {display:none;} 

/* 사이트링크 */
.footBtnWrap {position:absolute; top:0; right:0; font-size:15px; font-family:'NotoR'; border-right:1px solid #b2b2b2;}
.footBtnWrap:after {content:""; display:block; clear:both; overflow:hidden;}
.footBtn {position:relative; width:280px; float:left; z-index:999;}
.footBtn button {position:relative; width:100%; height:50px; cursor:pointer; background:#c2c9d6;}
.footBtn button:before{content:""; position:absolute; right:27px; top:17px; width:1px; height:17px; background:#222;}
.footBtn button:after{content:""; position: absolute; right:19px; top:25px; width:17px; height:1px; background:#222;}
.footBtn.on button:before{transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.footBtn button span{display:block; line-height:50px; text-align:left; padding:0 50px; font-family:'NotoM'; font-size:15px; color:#000; border-left:1px solid #b2b2b2; border-top:1px solid #b2b2b2; background:url('/images/web/cvnci/common/ft_ico_link.png') no-repeat 20px center;}
.footBtn div { display:none; position:absolute; bottom:50px; left:-1px; width:100%; max-height:250px; border:1px solid #000; border-bottom:0; overflow-y:auto; background:rgba(0,0,0,0.8); z-index:10000; }
.footBtn div > ul {padding:10px;}
.footBtn ul li a {color:#eee;}
.footBtn ul li a:hover {color:#fff; text-decoration:underline; }
.footBtn ul li.ft_btn_1d > a {display:block; margin:5px 0; padding:5px 10px; font-size:15px; font-family:'NotoM'; color:#fff; border:1px solid #000; background:#1a1f24;}
.footBtn ul li.ft_btn_1d ul li {position:relative; padding:3px 0 3px 8px; font-size:13px;}
.footBtn ul li.ft_btn_1d ul li:after {content:""; display:block; clear:both; position:absolute; left:0; top:9px; width:3px; height:3px; overflow:hidden; background:#ccc;}
.footBtn ul li.ft_btn_1d ul li a {display:block; line-height:1.3;}

.footBtn ul li.ft_btn_1d_bu {position:relative; padding:3px 0 3px 10px; font-size:15px; font-family:'NotoM'; color:#fff;} 
.footBtn ul li.ft_btn_1d_bu:after {content:""; display:block; clear:both; position:absolute; left:0; top:12px; width:4px; height:4px; overflow:hidden; background:#fff; border-radius:2px;}

.footBtn button, .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

.box_footer .box_info {position:relative; margin:20px 0; min-height:65px; padding-left:190px; font-size:13px; color:#0c2136; overflow:hidden;}
.box_footer .box_info .ft_logo{position: absolute; left:0; top:0;}
.box_footer .box_info .ft_logo img{width:161px; height:65px;}
.box_footer .box_info address {position:relative; display:block; margin-right:20px;}
.box_footer .box_info p.copyright{color:#666; margin:5px 0 0; font-size:12px;}

/* 상단이동 */
.btn_top { position:fixed; width:70px; height:70px; background:rgba(0,0,0,0.5) url('/images/web/cvnci/common/btn_topmove.png') no-repeat center; border:1px solid #555; right:20px; bottom:20px; z-index:2000; font-size:0;}
.btn_top a {display:block; width:100%; height:100%;}
.btn_top:hover {background-color:rgba(0,0,0,0.7);}
.btn_top {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/************************************** 서브콘텐츠 :시작 **************************************/
/* content *//* 191030 - 수정완료 */
#sub_container_wrap {position:relative; margin-top:138px; border-top:1px solid #ccc;} 

/* 검색, sns */
#sub_container_wrap .sear_sns_box {position:absolute; left:50%; top:157px; margin-left:220px; height:47px; width:480px; z-index:9;} 
/*#sub_container_wrap .sear_sns_box .sear_sns {width:1400px; margin:0 auto; overflow:hidden;} 191021 주석처리 */
#sub_container_wrap .sear_sns_box #header .toputil .search {width:480px; height:47px; float:none; margin-top:0;}
#sub_container_wrap .sear_sns_box .sear_sns #header .toputil .search .keyword {display:none;}

/* 191030 - 수정완료 */
.sub_content_wrap {position:relative; width:1400px; margin:30px auto; overflow:hidden; min-height:700px}
#sub_content {width:1100px; float:right;}
.subCntBody {position:relative; padding:50px 0 0; color:#333; font-size:15px; line-height:1.4;}
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:250px; height:100%; font-family:'NotoR';}
#menu h2 {height:50px; padding:35px 10px; font-family:'NotoR'; color:#fff; font-size:30px; line-height:50px; text-align:center; background:#053863; letter-spacing: -1px;} /* 191030 - 수정완료 */
#menu nav{margin:5px 0 0;} /* 191030 - 수정완료*/
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block; padding:12px 40px 12px 15px; font-size:17px; line-height:25px; font-family:'NotoR'; color:#333; border:1px solid #dedede; border-top:none; background:#fff url("/images/web/cvnci/common/lnb_off.png") no-repeat right 50%;} /* 191030 - 수정완료 */
#menu .lnb > li:first-child > a {border-top:1px solid #dedede;}/* 191224 추가 */
#menu .lnb > li > a.on {color:#0063af; background:url('/images/web/cvnci/common/lnb_off.png') no-repeat 19px 14px}
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {color:#fff; font-family:'NotoR'; text-decoration:none; border:1px solid #353c47; border-top:none; background:url("/images/web/cvnci/common/lnb_on.png") no-repeat right 50% #353c47;} /* 191030 - 수정완료 */
#menu .subLnb {display:none; padding:10px 0; border:1px solid #d3d3d3; border-top:none; background:#edf2f4;} /* 191030 - 수정완료 */
#menu .subLnb li a {position:relative; display:block; color:#333; padding:4px 10px 4px 30px; font-size:15px; line-height:22px; font-family:'NotoR';}
#menu .subLnb li a:before {content:""; display:block; clear:both; position:absolute; left:19px; top:12px; width:3px; height:3px; background:#757e9b;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#053863; font-family:'NotoM'; text-decoration:underline;}
#menu .lnb > li:first-child.on > a, 
#menu .lnb > li:first-child > a:hover, 
#menu .lnb > li:first-child > a:focus, 
#menu .lnb > li:first-child > a:active {border-top:1px solid #353c47;}/* 191224 추가 */
#menu .subLnb li.on a:before {content:""; display:block; clear:both; position:absolute; left:19px; top:12px; width:3px; height:3px; background:#053863;}
/* 새창 아이콘 */
#menu nav > .lnb > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/cvnci/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/cvnci/common/icon_new_WW2.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/cvnci/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 *//* 191030 - 수정완료 */
#sub_content .title_area {position:relative; padding:20px 0 10px; background:url('/images/web/cvnci/common/bg_subtitle.gif') repeat-x bottom;}
.title_area .pageTitle {font-family:'NotoM'; line-height:1.4; font-size:30px; letter-spacing:-2px; color:#000; }
.title_area .location {text-align:left; font-family:'NotoR'; padding:10px 0; line-height:40px;}
.title_area .location span, 
.title_area .location strong {padding-left:18px; font-size:15px; color:#666; background:url('/images/web/cvnci/common/bgLocation.png') no-repeat 6px center;}
.title_area .location strong {color:#666; font-family:'NotoM'; font-weight:normal; text-decoration:underline;}
.title_area .location a.home {display:inline-block; width:20px; height:20px; text-indent:-99999em; vertical-align:middle; background:url('/images/web/cvnci/common/ico_home.png') no-repeat left center;}

/* sns */ 
.snsBox { position:absolute; bottom:20px; right:0; text-align:right;}
.snsBox > button {float:left;}
.snsBox button { display:inline-block; width:26px; height:26px; overflow:hidden; background:url("/images/web/cvnci/common/btnSns.png") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:40px; height:40px; overflow:hidden; background:url("/images/web/cvnci/common/btn_print.png") no-repeat center; background-size:cover;}
.snsBox .btnShare {width:40px; height:40px; background:url("/images/web/cvnci/common/btn_sns.png") no-repeat center;  background-size:cover;}
.snsBox .btnBlog { background-position:-232px 0;}
.snsBox .btnFbook { background-position:-29px 0;}
.snsBox .btnTwt { background-position:-58px 0;}
.snsBox .btnYtb { background-position:-261px 0;}
.snsBox .btnInstar { background-position:-290px 0;}
.snsBox .sns_more {display:none; position:absolute; top:50px; right:0; white-space:nowrap; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}
/************************************** 서브콘텐츠 :끝 **************************************/


/********** Media quary **********/
@media screen and (max-width:1420px) {

	/* 로고 / 국가상징 */ 
	#header h1.logo {left:2.5%; margin-left:0;}
	#header .logo_slogan {left:2.5%; margin-left:150px;}

	/* top util */
	#header .toputil {width:96%; left:2%; margin-left:0;}
	
	/* 상단메뉴 */
	#header #nav #gnb{width:96%;}
	#header #nav #gnb > ul {width:75%; height:auto; float:right; word-break:keep-all}
	/* 2차메뉴 */
	#header #nav #gnb > ul > li h2 { font-size:18px}
	#header #nav #gnb > ul > li > ul {width:15%}
	
	/* footer */
	.box_footer {width:95%;}

	/* 검색, sns */
	#sub_container_wrap .sear_sns_box {height:auto; padding:10px 0;}
	#sub_container_wrap .sear_sns_box .sear_sns {width:95%;}

	/* 상단 SNS 버튼 */
	.com_sns {width:48%;}
	.com_sns ul li {margin:10px 0 0 5px}

	/************************************** 서브콘텐츠 :시작 **************************************/
	.sub_content_wrap {width:95%;}
	#sub_content {width:78%; }

	/* 검색, sns */
	#sub_container_wrap .sear_sns_box {left:auto; right:2.5%; margin-left:0; width:25%;} 
	#sub_container_wrap .sear_sns_box #header .toputil .search {width:100%; }

	/* 왼쪽메뉴 */
	#menu {width:20%;}

}


@media screen and (max-width:1300px) {	
	
	/************************************** 서브콘텐츠 :시작 **************************************/	
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* content *//* 191030 - 수정완료 */
	#sub_container_wrap,
	.sub_content_wrap {width:100%}	
	.sub_content_wrap {padding-top:50px; margin:0 auto 30px;}	
	#sub_content {width:100%; min-height:0; padding:20px 30px 30px;}

	/* 검색, sns */
	#sub_container_wrap .sear_sns_box {right:auto; left:2.5%; top:185px; width:95%; margin:0 auto;} 
	#sub_container_wrap .sear_sns_box .sear_sns {width:100%;}

	/* sub 타이틀 *//* 191030 - 수정완료 */
	#sub_content .title_area{padding:10px 0;}
	.title_area .pageTitle {font-size:28px; padding-right:80px; margin:0 0 5px;}
	.title_area .location{line-height:20px;}

	/* etc :sns*/ 
	.snsBox {top:10px; bottom:auto;}
	.snsBox .btnPrint {width:35px; height:35px;} 
	.snsBox .btnShare {width:35px; height:35px;}
	
	.subCntBody {width:100%; float:none; padding:25px 0}
	
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:absolute; left:0; top:0; width:100%; height:auto; z-index:10;} 
	#menu nav{margin:0;}/* 191030 - 수정완료 */
	#menu h2 {position:relative; width:100%; height:50px; line-height:26px; box-sizing:border-box; padding:12px 0 12px 0; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:#053863;}
	
	#menu nav {display:none}
	#menu nav {position:relative; border-bottom:2px solid #0a326c}

	#menu .lnb > li {margin:0;}
	#menu .lnb > li > a {padding:10px 10px 10px 20px; font-size:15px; border-top:none;}
	#menu .lnb > li.on >a,
	#menu .lnb > li > a:hover,
	#menu .lnb > li > a:focus,
	#menu .lnb > li > a:active {border:1px solid #d00023; border-top:none; background-color:#f5012a; color:#fff}
  	#menu .subLnb {background-color:#fff}
	/************************************** 서브콘텐츠 :끝 **************************************/	


}

@media screen and (max-width:1200px) {
	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2, .box_footer .box_info,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	
	#wrap { min-width:300px; width:100%}	
	.headerWrap {width:100%;}
	
	/** Header **/
	#header {min-width:320px; height:120px; position:relative; top:auto !important;} 	
	#header .headerWrap {min-width:100%; height:77px;}	
	#header .gnb {display:none;}
	
	#header h1.logo {width:100%; top:60px; left:0; text-align:center;}	
	#header h1.logo a{margin:0 auto;}
	#header .logo_slogan {display:none;} 
	
	/* top util */
	#header .toputil {display:block;}	
	#header .toputil .topMenu{display:none;}

	/* 상단 메뉴 / 모바일 버튼 */
	#header #nav {display:none;}
	#header .mob_btn {display:block; position:absolute; right:2%; top:60px; width:22px; height:29px; background:#053863; font-size:0; text-indent:-10000px; padding:7px 14px 14px 14px; z-index:101;}	
	#header .mob_btn span {display:block; width:100%; margin:7px 0 0; height:2px; background:#fff;}
	#header .mob_btn span:first-child {width:70%;}
	#header .mob_btn span:last-child {width:70%;}
	#header .mob_btn {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

	/* 모바일 메뉴 */
	#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
	#slide_map .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 2.5%; min-height:28px; background:#e40a2e; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
	#slide_map .box ul {width:auto; height:auto; margin:0 2.5%; padding:60px 0 0 0;}
	#slide_map .box ul li {position:relative; }
	#slide_map .box ul li a {position:relative; display:block; padding:15px 0; border-bottom:1px solid #d3d3d3; color:#000; font-size:18px; line-height:22px; font-family:'NotoB'; text-decoration:none; }
	#slide_map .box ul li h2 {display:none;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #053863; color:#053863;}
	#slide_map .box ul li a { background:url("/images/web/cvnci/common/mob_dep_off.png") no-repeat 98% 50%;} /* 191231 */
	#slide_map .box ul li a.ov {background:url("/images/web/cvnci/common/mob_dep_on.png") no-repeat 98% 50%;} /* 191231 */
	
	#slide_map .box ul li ul {display:none; margin:0; padding:0; border-bottom:1px solid #d3d3d3; background:#f5f5f5;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444; font-family:'NotoM';}
	#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}

	#slide_map .box ul li ul li a {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:10px 10px 10px 25px; background:url("/images/web/cvnci/common/mob_dep_off.png") no-repeat 98% 50%;} /* 191023 수정 */
	#slide_map .box ul li ul li a:before {content:''; position:absolute; top:17px; left:15px; width:4px; height:4px; background:#b8b8b8; border-radius:2px;}
	#slide_map .box ul li ul li a.ov {color:#053863; background:url("/images/web/cvnci/common/mob_dep_on.png") no-repeat 98% 50%;} /* 191023 수정 */
	#slide_map .box ul li ul li a.ov:before {background-color:#053863;} /* 191023 수정 */
	#slide_map .box ul li ul li a:after {display:none;}

	#slide_map .box ul li ul li ul {padding:10px 15px; margin:0 10px; border:1px solid #d3d3d3; background:#fff;}
	#slide_map .box ul li ul li ul li a {display:block; font-weight:normal; font-size:14px; line-height:20px; padding:5px 10px 5px 10px; font-family:'NotoR'; background:none;}/* 191023 수정 */
	#slide_map .box ul li ul li ul li a:before {content:''; position:absolute; top:15px; left:0; width:4px; height:2px; background:#b8b8b8; border-radius:2px;}
	#slide_map .box ul li ul li ul li a:after {display:none;}
	#slide_map .box ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/cvnci/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:rgba(0,0,0,0.5); text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/web/cvnci/common/btn_close_wh.png) no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease;}
	#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}	
	
	/* etc :sns*/ 
	.snsBox .btnPrint  {display:none;} /* 220630 */
	/*.btn_top {display:none !important;}*/
	.btn_top { width:50px; height:50px; right:2.5%; bottom:10px; z-index:2000; font-size:0;} /* 191231 */

	#sub_container_wrap {margin:0;} 

	/* 검색, sns */
	#sub_container_wrap .sear_sns_box {top:45px;} 
	#sub_container_wrap .sear_sns_box .sear_sns {width:100%;}

	/* 검색 */
	#header .toputil .m_search_btn{position: absolute; display:block; left:0; top:60px; width:50px; height:50px; background:#e4012e url('/images/web/cvnci/common/btn_search_wh.png') no-repeat center; overflow:hidden; text-indent:-99999%;}
	#header .toputil .search {display:none; width:100%; left:2.5%; top:70px; padding:25px 2.5%; background:rgba(0,0,0,0.8);} 
	#header .toputil .search .search_wrap{position: relative; width:94%; padding:0 3%; margin:15px auto 0;} 
	#header .toputil .search h2 {position:relative; top:auto; left:auto; color:#fff; font-size:30px; font-weight:normal; z-index:10;}
	#header .toputil .search input{width:90%; height:50px; line-height:50px; padding-left:2%;}
	#header .toputil .search a.btn_top_sear{height:50px; width:10%;}
	#header .toputil .search a.btn_emp_sear{ position: absolute; right:2.5%; top:25px; line-height:40px; font-size:16px;}
	#header .toputil .search_close{display:block; position: absolute; top:-60px; left:2.5%; margin-right:-1px; z-index:100;}
	#header .toputil .search_close button{width:50px; height:50px; background:#e4012e url('/images/web/cvnci/common/btn_close_wh.png') no-repeat center; overflow:hidden; text-indent:-99999%;}

}
@media screen and (max-width:980px) {
		
	/* 사이트링크 */
	.footBtnWrap{position:relative; margin:20px 0 0; right:auto; top:auto; border:1px solid #b2b2b2;}
	.footBtnWrap .footBtn{width:100%;}
	.footBtn button span{border:0;}

	/* footer */
	.box_footer .footer_link {padding:0; border-bottom:0;}
	.box_footer .footer_link li a {line-height:25px; margin-right:20px;}
}
@media screen and (max-width:690px) {	

	/* 서브 *//* 191030 - 수정완료 */
	#sub_content{padding:10px 3%;}
	.title_area .pageTitle{font-size:24px;}
	.title_area .location span, .title_area .location strong{font-size:14px;}

	/* footer */
	.box_footer .footer_link li a{font-size:13px;}
	.box_footer .box_info{padding-left:0; min-height:0;}
	.box_footer .box_info .ft_logo{display:none;}
	
	/* 사이트링크 */
	.box_footer .box_info address span {display:block; margin-left:0; padding-left:0;}
	.box_footer .box_info address span:after{display:none;}
	
}


@media screen and (max-width:560px) {	

	#header h1.logo{top:65px;}
	#header h1.logo a{width:200px; height:38px; background-size:cover;}

	/* sub 타이틀 191021 추가 */
	.title_area .location a.home {display:none;}
	.title_area .location span {padding-left:0; background:none;}
	.title_area .location span + span {padding-left:18px; background:url('/images/web/cvnci/common/bgLocation.png') no-repeat 6px center;}

		
}


@media screen and (max-width :380px) {
	

	#header h1.logo{top:68px;}
	#header h1.logo a{width:180px; height:34px;}

}