@charset "utf-8";

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

/* 슬라이드 공용 */
.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;}

/* 상단팝업 191118 김보경 수정 */
.toppopup_wrap{position:relative; display:block; padding:35px 0 45px; background:#194982;}
.toppopup_wrap .toppopup{max-width:1400px; margin:0 auto; position:relative; background:url('/images/template/00002/common/top_pop_bg.gif')repeat-y center;}
.top_slider{ width:100%; margin:0 auto; position:relative; }
.top_slider .slick-slide a{ display:block; text-align:center;}
.top_slider .slick-slide a img{width:420px; height:120px; max-width:100%; }
.top_slider .slick-slide.dragging img{ pointer-events:none;}
.top_slider .slick-prev, .top_slider .slick-next{ position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-25px; cursor:pointer; text-indent:-10000px; z-index:20;}
.top_slider .slick-prev{ left:0px; background:#a5b9d1 url('/images/template/00002/common/btn_p_prev.png')no-repeat center;}
.top_slider .slick-next{ right:0px; background:#a5b9d1 url('/images/template/00002/common/btn_p_next.png')no-repeat center;}
.top_slider .slick-dots{ position:absolute; width:auto; left:20px; bottom:-28px;}
.top_slider .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
.top_slider .slick-dots li button{ display:block; width:10px; height:10px; border-radius:20px; cursor:pointer; border:2px solid #fff; font-size:0; overflow:hidden;}
.top_slider .slick-dots li.slick-active button{background:#fff;}

.toppopup_wrap .btn_slider button{border:0px; font-size:0; width:15px; height:15px; position:absolute; bottom:-30px;left:0;}
.toppopup_wrap .btn_slider button.btn_stop{background:url('/images/template/00002/common/btn_stop.png') no-repeat center;}
.toppopup_wrap .btn_slider button.btn_play{display:none; background:url('/images/template/00002/common/btn_play.png') no-repeat center;}

.toppopup_wrap .closeCheck {position:absolute; bottom:-30px; right:0; color:#fff; text-align:right;}
.toppopup_wrap .closeCheck label {margin-right:5px; font-family:'NotoR'; font-size:14px; }
.toppopup_wrap .closeCheck .btn_close{width:30px; height:30px; background:#fff url('/images/template/00002/common/btn_close.png') no-repeat center; font-size:0; vertical-align:super;}


/* 레이아웃 및 헤더 */
#wrap {position:relative; font-family:'NotoR';}
/** 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:100px;*/ width:100%; height:129px; border-bottom:1px solid #ccc; z-index:1100; background:url('/images/template/00001/common/bg_header.gif') repeat-x top;}
#header .headerWrap {position:relative; width:100%; margin:0 auto;}
.sub #header {position:absolute;}
/* 로고 */ 
#header h1.logo {position:absolute; left:50%; top:65px; margin-left:-600px; z-index:1000;}
#header h1.logo a {display:block; background:url('/images/template/00001/common/logo.png') no-repeat left top; width:215px; height:40px;}
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

/* user Service */
#header .userSvice{position:absolute; width:130px; height:130px; left:0; top:0; background:#005aab; z-index:1102	;}
#header .userSvice a{color:#fff; text-align:center; display:block; font-size:14px;}
#header .userSvice a::before{content:url('/images/template/00001/common/ico_usersvic.png'); display:block; margin:20px 0 10px;}

/* top util */
.top_util{position:relative; width:100%; max-width:1200px; margin:0 auto;}
.top_util a{display:block; position:relative; line-height:50px;}
.top_util a:hover{text-decoration: underline;}
.top_util button{cursor: pointer;}
.top_util .home_link li{float:left;}
.top_util .home_link a{width:150px; text-align:center; background:#005aab; color:#fff;}
.top_util .home_link .home a{background:#fff; color:#111;}
.top_util .user{position: absolute; top:0; right:160px;}
.top_util .user li{float:left; position:relative;}
.top_util .user li a{color:#c4c7dc; padding:0 15px; background:url('/images/template/00001/common/line_util.gif') no-repeat left center;}
.top_util .user li:first-child a{background:none;}
.top_util .user .lang ul{display:none; position: absolute; width:100%; left:0; top:50px; background:#0f111e; z-index:5;}
.top_util .user .lang ul li{float:none;}
.top_util .user .lang ul li a{font-size:13px; line-height:35px;}
.top_util .user .lang ul li a:hover{background:#000; color:#fff;}
.top_util .user .lang .btn{padding-right:65px;}
.top_util .user .lang .btn::after{content:""; position: absolute; width:20px; height:20px; right:10px; top:15px; background:url('/images/template/00001/common/gnb_arr.png') no-repeat center; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.top_util .user .lang .btn.close::after{transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}

/* top util - 상단팝업 버튼 */
.top_util .btn_popup{position: absolute; width:90px; right:0; top:0px; padding-right:20px; text-align:center; font-family: 'NotoM'; color:#c4c7dc; background:#0f111e;}
.top_util .btn_popup::after{content:""; position: absolute; width:20px; height:20px; right:10px; top:15px; background:url('/images/template/00001/common/gnb_arr.png') no-repeat center;}
.top_util .btn_popup.open::after{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.top_util a, .top_util .user .lang .btn::after, .top_util .btn_popup::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* top_mn */
#header .toputil .topMenu {position:relative; height:50px; line-height:50px;}
#header .toputil .topMenu > li {position:relative; padding-left:15px; float:left; }
#header .toputil .topMenu > li:before {content:''; position:absolute; top:8px; left:16px; width:15px; height:20px; background:url('/images/template/00001/common/com_common.png') no-repeat left top;}
#header .toputil .topMenu > li:first-child:before {display:none;}
#header .toputil .topMenu > li a {display:block; color:#fff; padding-right:40px;}
#header .toputil .topMenu > li.eng { background:#00326e;}
#header .toputil .topMenu > li.popup {background:#194982;} 
#header .toputil .topMenu > li a span.ico {position:absolute; right:10px; top:15px; width:20px; height:10px;  background:url('/images/template/00001/common/arrow_down.png') no-repeat center; transform:rotate(0deg); transition:all ease .3s;}
#header .toputil .topMenu > li a.open .ico {transform:rotate(0deg);}
#header .toputil .topMenu > li a.close .ico {transform:rotate(180deg);}
#header .toputil .topMenu .webMail{ display:block; color:#fff; padding:0 10px 0 40px; background:#f2901d url('/images/template/00001/common/ico_mail.png') no-repeat 10px center;}

#header .toputil .topMenu .lang_list{width:100%; position:absolute; left:0; top:40px; z-index:1500; background:#00326e; display:none;}
#header .toputil .topMenu .lang_list li a{display:block; padding:0px 15px; color:#fff;}
#header .toputil .topMenu .lang_list li a:hover{background:#0c4d9c;}

/* 검색 */
#header .search_btn {position:absolute; right:110px; top:0px;}
#header .search_btn button {display:block; width:50px; height:50px; text-indent:-10000px; background:#005aab url('/images/template/00001/common/btn_search.png') no-repeat center;}
#header .search_btn button:hover{background-color:#287ac3;}
#header .search {display:none; position:absolute; width:300px; padding:20px; right:0; top:50px; z-index:200;  background:url('/images/template/00001/common/bg_tmn.png');}
#header .search h2 {color:#fff; font-size:25px; margin-bottom:10px; font-family: 'NotoM';}
#header .search .search_wrap{position: relative; display:block;}
#header .search input { height:40px; line-height:40px; padding-left:5%; width:80%; font-size:14px;  color:#555; border:none; }
#header .search input::-webkit-input-placeholder {color:#555;}
#header .search a.btn_top_sear {position:absolute; right:0; top:0; width:15%; height:40px;text-indent:-10000em; background:#e32c28 url('/images/template/00001/common/btn_search.png') no-repeat center;}
#header .search_close {position:absolute; right:110px; top:-50px;}
#header .search_close button {display:block; width:50px; height:50px; text-indent:-10000em; background:#fff url('/images/template/00001/common/btn_close.png') no-repeat center;}
#header .search_btn button{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 메뉴 */
#header .gnb {position:absolute; width:100%; height:80px; top:50px; z-index:3;}
#header .gnb .gnb_wrap{max-width:1200px; margin:0 auto;}
#header .gnb .gnb_wrap a:hover {text-decoration:underline;}
#header .gnb .gnb_wrap .d01 {display:block; margin:0 auto; padding-left:200px;} 
#header .gnb .gnb_wrap .d01 > ul > li {display:block;float:left;width: calc(100% / 7);}
#header .gnb .gnb_wrap .d01 > ul > li > a {position:relative; display:block; height:80px; line-height:80px; color:#000; text-align:right;  font-family:'NotoM'; font-size:20px; letter-spacing:-2px;}
#header .gnb .gnb_wrap .d01 > ul > li > a:hover {height:80px; color:#e32c28; border-bottom:2px solid #dc7100;}
#header .gnb .gnb_wrap .d01 > ul > li > div {display:none; position:absolute; left:0; top:80px; width:100%; background:url('/images/template/00001/common/bg_tmn.png');}
#header .gnb .gnb_wrap .d02 {position:relative; width:100%; max-width:1200px; min-height:200px; margin:0 auto; overflow:hidden; }
#header .gnb .gnb_wrap .d02 > .head {position:absolute; left:0; top:0; width:160px; padding:25px 20px; padding-bottom:60px; background:#e32c28;}
#header .gnb .gnb_wrap .d02 > .head > h2 {color:#fff; font-size:30px; letter-spacing:-3px;}
#header .gnb .gnb_wrap .d02 > .head > p {color:#ffd4d4; font-size:14px; margin:10px 0 0; word-break: keep-all;}
#header .gnb .gnb_wrap .d02 > .head > img {display:block; position:absolute; bottom:0; right:15px;}
#header .gnb .gnb_wrap .d02 > ul {display:block; overflow:hidden; margin-left:200px; padding:25px;}
#header .gnb .gnb_wrap .d02 > ul > li {display:block; float:left; width:19%; margin-left:1%; padding-bottom:10px;}
#header .gnb .gnb_wrap .d02 > ul > li:nth-child(5n+6) {clear:both;}
#header .gnb .gnb_wrap .d02 > ul > li > a {display:block; height:45px; line-height:45px; color:#fff; text-align:center; font-size:15px; background:#005aab;}
#header .gnb .gnb_wrap .d02 > ul > li > a:hover {color:#fff;}
#header .gnb .gnb_wrap .d02 > ul > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/00001/common/icon_nav_wh.png") no-repeat; }
#header .gnb .gnb_wrap .d03 {padding:10px;}
#header .gnb .gnb_wrap .d03 > li > a {position:relative; display:block; line-height:20px; padding:5px 0 5px 10px; color:#fff; font-size:14px; }
#header .gnb .gnb_wrap .d03 > li > a:before {content:""; position:absolute; top:15px; left:0; width:3px; height:3px; background:#b8b8b8;}
#header .gnb .gnb_wrap .d03 > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/00001/common/icon_nav_wh.png") no-repeat; }

#header .gnb .gnb_wrap .separate .d02 > ul > li {display:table; width:11.5%; margin:0 0  10px 1%; padding-bottom:0;}
#header .gnb .gnb_wrap .separate .d02 > ul > li:nth-child(5n+6) {clear:none;}
#header .gnb .gnb_wrap .separate .d02 > ul > li > a {display:table-cell; height:100px; line-height:20px; color:#126295; border:1px dashed #dc7100; border-radius:5px; background:#f1f7ff; word-break:keep-all; vertical-align:middle;}
/*190829*/
#header .gnb .allm {position:absolute; right:50%; top:20px; margin-right:-700px;}
#header .gnb .allm > a{display:block; width: 20px;height:18px;border:1px solid #000;text-indent:-10000px; padding:16px 15px; float:right;}
#header .gnb .allm > a:hover{background-color:#fff;}
#header .gnb .allm > a span{display:block;float: right; width:50%; margin: 2px 0;height:2px;background:#555;}
#header .gnb .allm > a span:first-child{width:80%;}
#header .gnb .allm > a span:last-child{width:80%;}
#header .gnb .allm > a:hover span{width:100% !important;}
#header .gnb .allm > a, #header .gnb .allm > a span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
/*190829*/
#header .menu_list {display:none; position:fixed; left:50%; top:10%; width:960px; height:80%; margin-left:-482px; border:2px solid #dc7100; background:#fff; z-index:20;}
#header .menu_list > .head {display:block; position:absolute; left:0; top:0; width:100%; height:68px; text-align:center; background:#dc7100; }
#header .menu_list > .head > p.tit {line-height:70px; font-size:24px; color:#fff; }
#header .menu_list button.close {display:block; position:absolute; right:-2px; top:-2px; width:70px; height:70px; padding:0; background:#17335a url("/images/template/00001/common/btn_close_wh.png") no-repeat 50%; text-indent:-9999px;}
#header .menu_list > .d01 {position:absolute; top:70px; bottom:0; left:0; right:0; margin:30px 0; padding:0 30px; width:auto !important; overflow-x:hidden; overflow-y:auto;}
#header .menu_list > .d01 > ul > li {display:block; margin-top:50px;}
#header .menu_list > .d01 > ul > li:first-child {margin-top:0;}
#header .menu_list > .d01 > ul > li > a {display:inline-block; padding-top:10px; border-top:2px solid #000; font-size:20px; font-weight:bold; color:#222;}
#header .menu_list .d02 {overflow:hidden; margin-top:20px;}
#header .menu_list .d02 > ul > li {float:left; width:18.5%; margin-right:1.5%; margin-bottom:10px;}
#header .menu_list .d02 > ul > li:nth-child(5n+6) {clear:both;}
#header .menu_list .d02 > ul > li > a {display:block; width:100%; height:45px; line-height:45px; color:#fff; text-align:center; font-size:15px; background:#005aab;}
#header .menu_list .d02 > ul > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/00001/common/icon_nav_wh.png") no-repeat; }
#header .menu_list ul.d03 {padding-top:10px;}
#header .menu_list ul.d03 > li > a {position:relative; display:block; line-height:20px; padding:5px 0 5px 10px; color:#000; font-size:14px; }
#header .menu_list ul.d03 > li > a:before {content:""; position:absolute; top:15px; left:0; width:3px; height:3px; background:#b8b8b8;}
#header .menu_list ul.d03 > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/00001/common/icon_nav_wh.png") no-repeat; }

#header .mgnb {display:none;}


/* 상단이동 삭제 191015 
.btn_top{ position: absolute; right:0; top:0; width:52px; height:52px; background:#000 url('/images/template/00001/common/btn_topmove.png') no-repeat center; z-index:1001; 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; }*/

/* 상단이동 191015 추가 */
.btn_top{ position:fixed; width:40px; height:40px; background:url('/images/template/00001/common/btn_topmove01.png') no-repeat center; right:30px; bottom: 80px; z-index:2000; font-size:0; border-radius:30px;} 
.btn_top a{display:block; width:100%; height:100%;}

/* 하단이동 191015 추가 */
.btn_Btm{ position:fixed; width:40px; height:40px; background:url('/images/template/00001/common/btn_botmove01.png') no-repeat center; right:30px;  bottom: 30px; z-index:2000; font-size:0; border-radius:30px;}
.btn_Btm a{display:block; width:100%; height:100%;}

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

/* 사이트링크 */
.ftBtn{width:100%; background:#f6f8fa; overflow:hidden;}
.ftBtn h2{width:100%; line-height:70px; border-bottom:1px solid #ccc;  border-top:1px solid #ccc; background:#fff;}
.ftBtn h2 a{position:relative; display:block; width:100%; max-width:1200px; margin:0 auto; font-size:20px; text-align:center; color:#111; letter-spacing: -1px;}
.ftBtn h2 a strong{font-family: 'NotoM'; color:#005aab;}
.ftBtn h2 a::before, .ftBtn h2 a::after{content:""; width:35px; height:35px; position: absolute; right:0; top:20px; }
.ftBtn h2 a:before{top:21px; background:url('/images/template/00001/common/btn_arrow_ft.png') no-repeat center;}
.ftBtn h2 a::after{border:1px solid #ccc;}
.ftBtn h2 a.close::before{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.ftBtn .ft_site{width:100%; max-width:1200px; display:table; margin:0 auto; }
.ftBtn .ft_site dl{display:table-cell; width:20%; padding:30px; border-left:1px solid #ddd;}/* 수정 191015 */
.ftBtn .ft_site dl:first-child{border-left:0;}
.ftBtn .ft_site dt{ position:relative; display:inline-block; line-height:40px; font-size:20px; font-family:'NotoM'; color:#111;}
.ftBtn .ft_site dt:before{content:""; position: absolute; left:0; bottom:-2px; width:100%; height:2px; background:#1e2131; }
.ftBtn .ft_site dd{margin:20px 0 0;}
.ftBtn .ft_site dd ul li.pc_grey a{color:#999} /* 추가 191111 */
.ftBtn .ft_site dd ul li a{display:block; position:relative; line-height:25px; color:#222; padding:0 10px; font-family: 'NotoM'; margin:5px 0;}
.ftBtn .ft_site dd ul li a::before{content:""; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:3px; background:#666;}
.ftBtn .ft_site dl.link04{width:40%;}/* 수정 191015 */
.ftBtn .ft_site dl.link04 dd ul li{width:33%; float:left;} /* 수정 191015 */
.ftBtn .ft_site dl:hover dt{color:#005aab;}
.ftBtn .ft_site dl:hover dt:before{background:#005aab;}
.ftBtn .ft_site dl dd ul li a::before{background:#005aab;}
.ftBtn .ft_site dd ul li a:hover{text-decoration: underline;}
.ftBtn h2 a:before, .ftBtn .ft_site dt, .ftBtn .ft_site dt::before{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* footer */
.area_footer {position:relative; font-family:'NotoR'; background:#363636;}
.box_footer {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.box_footer .f_logo {position:absolute; left:0; top:80px;}
.box_footer .footer_link {line-height:52px; overflow:hidden; border-bottom:1px solid #000;}
.box_footer .footer_link li {float:left;}
.box_footer .footer_link li a{line-height:15px; padding-right:30px; color:#fff;}
.box_footer .footer_link li.point a{color:#fff799; font-family:'NotoM';}
.box_footer .footer_link li a:hover{text-decoration:underline;}

.box_footer .box_info {padding:25px 0 35px 200px; line-height:20px; font-size:13px; color:#fff; position: relative;}
.box_footer .box_info .copyright{color:#ddd; margin:5px 0 0;}

.box_footer .sns_box{position: absolute; right:0; top:70px;}
.box_footer .sns_box ul{display:inline-block; vertical-align: bottom;}
.box_footer .sns_box ul li{float:left; }
.box_footer .sns_box ul li a{display:block; width:40px; height:40px; margin-left:2px; text-indent:-99999%; font-size:0; opacity: 0.6; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.box_footer .sns_box ul li a:hover{opacity: 1;}
.box_footer .sns_box ul li.insta a{background:#111 url('../../../images/template/00001/common/ico_insta.png') no-repeat center;}
.box_footer .sns_box ul li.band a{background:#111 url('/images/template/00001/common/ico_band.png') no-repeat center;}
.box_footer .sns_box ul li.facebook a{background:#111 url('/images/template/00001/common/ico_facebook.png') no-repeat center;}
.box_footer .sns_box ul li.twitter a{background:#111 url('/images/template/00001/common/ico_twitter.png') no-repeat center;}
.box_footer .sns_box ul li.youtube a{background:#111 url('/images/template/00001/common/ico_youtube.png') no-repeat center;}
.box_footer .sns_box .qrcode{display:inline-block; vertical-align: bottom; margin-left:5px;}

/************************************** 서브콘텐츠 : 시작 **************************************/
/* header */
#header.sub_header{top:0;}
#header.sub_header .search_btn{right:0;}
#header.sub_header .search_close{right:0;}
#header.sub_header .top_util .user{right:50px;}

/* footer */
.sub_footer .area_footer{margin:0 !important;}

/* content */
#sub_container_wrap {position:relative; padding-top:130px; font-family:'NotoR';}
.sub_content_wrap {position:relative; width:1200px; margin:0 auto 30px; overflow:hidden; min-height:700px}
#sub_content{width:940px; float:right;}
.subCntBody {position:relative; padding:30px 0 0; color:#555; font-size:14px; line-height:1.4;}
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:230px; height:100%; font-family:'NotoR'; }
#menu h2 {height:34px; padding:43px 10px; font-family:'NotoM'; color:#fff; font-size:24px; line-height:34px; text-align:center; background:#17335a;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block; height:22px; padding:13px 10px 13px; font-size:16px; line-height:22px; font-family:'NotoM'; color:#333; border:1px solid #dedede; border-top:none; background:url("/images/template/00001/common/lnb_off.png") no-repeat right 50%;}
#menu .lnb > li > a.on {color:#0063af; background:url('/images/template/00001/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:'NotoM'; text-decoration:none; border:1px solid #005aab; border-top:none; background:url("/images/template/00001/common/lnb_on.png") no-repeat right 50% #005aab; }
#menu .subLnb {display:none; padding:10px 0; border:1px solid #dedede; border-top:none; background:#fafafa;}
#menu .subLnb li a {display:block; color:#333; padding:7px 10px 7px 29px; font-size:15px;  font-family:'NotoR'; background:url('/images/template/00001/common/lnb_2off.png') no-repeat 19px 14px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#707000; text-decoration:underline; background:url('/images/template/00001/common/lnb_2on.png') no-repeat 19px 14px}

/* 새창 아이콘 181004 추가 */
#menu nav > .lnb > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/00001/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/template/00001/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/template/00001/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative; height:119px; border-bottom:1px solid #ddd;}
.title_area .pageTitle {padding-top:28px; font-family:'NotoM'; line-height:1.4; font-size:28px; letter-spacing:-1px; color:#111}
.title_area .location {text-align:left; font-family:'NotoR'; margin:10px 0 0}
.title_area .location span, 
.title_area .location strong {padding-left:18px; background:url('/images/template/00001/common/bgLocation.png') no-repeat 6px center; font-size:14px; color:#666}
.title_area .location strong {color:#222;  font-family:'NotoM'; font-weight:normal}
.title_area .location a.home {display:inline-block; width:14px; height:16px; text-indent:-99999em; vertical-align:middle; background:url('/images/template/00001/common/ico_home.png') no-repeat left center;}

/* sns */ 
.snsBox {position:absolute;top: 60px;right: 170px;text-align:right;}
.snsBox button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/template/00_common/con_com/btnSns.gif") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:45px; height:40px; background:url("/images/template/00_common/con_com/btn_print.png") no-repeat 0 0}
.snsBox .btnShare{width:40px; height:40px; background:url("/images/template/00_common/con_com/btn_sns.png") no-repeat 0 0}
.snsBox .btnFbook { background-position:-29px 0; }
.snsBox .btnTwt { background-position:-58px 0; }
.snsBox .btnKtalk { background-position:-87px 0; }
.snsBox .btnKstory { background-position:-116px 0; }
.snsBox .btnBand{ background-position:-145px 0; }
.snsBox .sns_more{/* display:none; */position:absolute;top: -10%;right: -180px;width:165px;/* border:1px solid #bbb; */border-radius:2px;padding:10px 10px 10px 7px;z-index:30;background-color:#fff;}

/* sns */ 
.snsBox_se { position:absolute; top:60px; right:0; text-align:right}
.snsBox_se button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/template/00_common/con_com/btnSns.gif") no-repeat 0 0}
.snsBox_se button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox_se .btnPrint {width:50px; height:40px; background:url("/images/template/00_common/con_com/btn_print.png") no-repeat 0 0}
.snsBox_se .btnShare{width:40px; height:40px; background:url("/images/template/00_common/con_com/btn_sns.png") no-repeat 0 0}
.snsBox_se .btnFbook { background-position:-29px 0; }
.snsBox_se .btnTwt { background-position:-58px 0; }
.snsBox_se .btnKtalk { background-position:-87px 0; }
.snsBox_se .btnKstory { background-position:-116px 0; }
.snsBox_se .btnBand{ background-position:-145px 0; }
.snsBox_se .sns_more{display:none; position:absolute; top:35px; right:0; width:165px; 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:1260px) {

	/* 상단팝업 */
	.toppopup_wrap .toppopup{padding:5px 20px;}

	/** Header **/
	#header {min-width:320px; top:auto !important;}	
	#header h1.logo{left:20px; margin-left:0;}

	/* 메뉴 */
	#header .gnb .gnb_wrap .d01{padding-left:250px;}
	#header .gnb .gnb_wrap .d01 > ul > li > a{text-align:center;}
	
	/* footer */
	.area_footer{margin:0 0 50px;}
	.ftBtn .ft_site dl{padding:30px 20px;}
	
	/* 191015 추가  */
	.btn_top{display:block; right:2.5%;}
	.btn_Btm{display:block; right:2.5%;}
}
@media screen and (max-width:1019px) {
	#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, .box_footer {width:95%; margin:0 auto;}
	
	/** Header **/
	#header {position: relative; height:auto; background:none; }	
	#header .headerWrap {min-width:100%; height:110px; background:#fff;}
	#header .gnb{display:none;}
	
	#header h1.logo {position:absolute; left:50%; top:55px; margin:0 0 0 -107px;}

	#header .mob_btn {display:block; position:absolute; width:40px; height:40px; right:2.5%; top:55px; border:1px solid #000; text-indent:-10000px; background:url('/images/template/00001/common/btn_m_nav.png') no-repeat center;}
	
	/* top util */
	.top_util{width:100%; height:40px; text-align:right; background:#1f233d;}
	.top_util a{line-height:40px; font-size:13px;}
	.top_util .home_link a{width:auto; padding:0 15px;}
	.top_util .home_link .home{display:none;}
	.top_util .user{position: relative; display:inline-block; top:auto; right:auto !important;}
	.top_util .user .lang ul{top:40px;}
	.top_util .user .lang ul li a{padding:0; text-align:center;}
	.top_util .user .lang .btn{padding-right:35px;}
	.top_util .user .lang .btn::after{top:10px; right:5px;}
	.top_util .btn_popup{position: relative; width:auto; right:auto; top:auto; padding:0 30px 0 10px; display:inline-block; vertical-align: top; }
	.top_util .btn_popup::after{top:10px; right:5px;}

	/* 검색 */
	#header .search_btn {left:2.5%; top:55px;}
	#header .search_btn button{width:40px; height:40px; border:1px solid #000; background:url('/images/template/00001/common/btn_m_search.png') no-repeat center;}
	#header .search_btn button:hover{background-color:#fff;}
	#header .search {width:94%; left:0; top:110px; padding:20px 3%; text-align:left;}
	#header .search .search_wrap{position: relative;}
	#header .search h2 {position:relative; top:auto; left:auto; color:#fff; font-size:30px; font-weight:normal; z-index:10;}
	#header .search input{width:90%; height:50px; line-height:50px; padding-left:2%;}
	#header .search a.btn_top_sear{height:50px; width:10%;}
	#header .search_close{top:-55px; left:2.5%;}
	#header .search_close button {width:40px; height:40px; border:1px solid #000; }

	/* 사이트맵 */
	.sitemap_btn{display:none;}

	/* 상단 SNS 버튼 */
	.top_sns_btn {top:0; right:auto; left:0; overflow:hidden;}
	.top_sns_btn ul li {width:34px; height:40px; margin-left:0;}
	.top_sns_btn ul li a {display:block; height:42px;}
	.top_sns_btn ul li a span {position:absolute; top:-10000em; left:-10000em; }
	.top_sns_btn ul li.t_sns_f {background:url('/images/template/00001/common/top_sns_tm_f.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_t {background:url('/images/template/00001/common/top_sns_tm_t.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_b {background:url('/images/template/00001/common/top_sns_tm_b.png') no-repeat 50%;}

	/* 메뉴 */
	#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 15px; min-height:28px; background:#f2901d; 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 3%; padding:60px 0 0 0;}
	#slide_map .box ul li {position:relative; }
	#slide_map .box ul li a {display:block; position:relative; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; }
	#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
	#slide_map .box ul li a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; background:url(../images/template/00001/common/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #da7908; color:#da7908;}
	#slide_map .box ul li a.ov:after {background:url(../images/template/00001/common/mob_depth1_bul_up.gif) no-repeat center 50%;}
	#slide_map .box ul li a[target='_blank']:before{position: absolute; width:14px; height:14px; right:0; top:20px; content:''; background:url('/images/template/00001/common/icon_nav_blank.png') no-repeat; }
	#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444;}
	#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[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/00001/common/icon_nav_blank.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px;}
	#slide_map .box ul li ul li a strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#b8b8b8; border-radius:3px;}
	#slide_map .box ul li ul li a.ov {background:#d4730d; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#fff; border-radius:3px;}
	#slide_map .box ul li ul li a:after {display:none;}
	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#d4730d; text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/template/00001/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);}
	
	/* 모바일메뉴  */
	#header > .gnb {display:none;}
	.mgnb {display:none; position:fixed; left:0; top:0; bottom:0; width:100%; background:rgba(0,0,0,0.8); z-index:2000;}
	.mgnb h2.mgnb_tit {position:relative; height:70px; line-height:70px; padding:0 80px 0 20px; font-size:20px; color:#fff; background:#e32c28;}
	.mgnb > .list {position:absolute; left:0; right:0; top:70px; bottom:0; overflow-y:auto; z-index:5;}
	.mgnb > .list .d01 > ul > li > a {display:block; width:100%; line-height:22px; padding:12px 60px 12px 20px; color:#fff; font-size:17px; font-weight:bold; border-top:1px solid #5e5e5e; background:#424242 url("/images/template/00001/common/mob_off.png") no-repeat 95% center; box-sizing:border-box;}
	.mgnb > .list .d01 > ul > li > a._open {background:#424242 url("/images/template/00001/common/mob_on.png") no-repeat 95% center;}
	.mgnb > .list .d02 {display:none; border-top:1px solid #fff; background:#eee;}
	.mgnb > .list .d02 > ul > li {display:block; width:100%;}
	.mgnb > .list .d02 > ul > li > a {display:block; width:100%; line-height:22px; padding:12px 60px 12px 20px; font-size:15px; border-bottom:1px solid #fff; background:#eee; box-sizing:border-box;}
	.mgnb > .list .d02 > ul > li.dep > a{background:#eee url("/images/template/00001/common/mob_dep_off.png") no-repeat 95% 50%;}
	.mgnb > .list .d02 > ul > li.dep > a._open {background:#eee url("/images/template/00001/common/mob_dep_on.png") no-repeat 95% 50%;}
	.mgnb > .list .d02 > ul > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:14px; height:14px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/00001/common/icon_nav_blank.png") no-repeat; }
	.mgnb > .list .d03 {display:none;}
	.mgnb > .list .d03 > li {border-bottom:1px solid #eee; background:#fff;}
	.mgnb > .list .d03 > li > a {position:relative; display:block; width:100%; padding:10px 20px 10px 30px; line-height:20px; color:#555; font-size:14px; box-sizing:border-box;}
	.mgnb > .list .d03 > li > a:before {content:""; position:absolute; top:20px; left:20px; width:3px; height:3px; background:#b8b8b8;}
	.mgnb > .list .d03 > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/00001/common/icon_new_WG.png") no-repeat; }
	.mgnb > button.close {display:block; position:absolute; right:20px; top:10px; width:48px; height:48px; padding:0; border:1px solid #fff; background:url("/images/template/00001/common/btn_close_wh.png") no-repeat 50%; text-indent:-9999px;}
	#header > .mbackscreen {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:url("../images/layout/bg_all_mn.png") repeat; z-index:4;} 

	/* 사이트링크 */
	.ftBtn h2 a{width:95%; text-align:left;}
	.ftBtn .ft_site dl{display:block; width:33.33%; min-height:340px; padding:20px 0; float:left; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.ftBtn .ft_site dt{margin:0 20px;}
	.ftBtn .ft_site dd{margin:20px;}
	.ftBtn .ft_site dd ul li a{line-height:20px;}
	.ftBtn .ft_site dl.link04{width:100%; border-top:1px solid #ccc;}
	.ftBtn .ft_site dl.link04 dd ul li{width:25%; float:left;}

	/* footer */
	.area_footer{padding:0 0 40px; margin:0 0 50px;}
	.box_footer .footer_link{padding:10px 0; line-height:30px;}
	.box_footer .footer_link li a{font-size:13px; padding-right:20px;}
	.box_footer .box_info{padding:20px 0px; font-size:13px;}
	.box_footer .f_logo{display:none;}
	
	/************************************** 서브콘텐츠 : 시작 **************************************/	
	#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 */
	#sub_container_wrap,
	.sub_content_wrap {width:100%}	
	#sub_container_wrap { padding-top:0}

	#sub_content{margin:0; width:100%; min-height:0; padding:0 10px 20px}

	/* sub 타이틀 */	
	#sub_content .title_area {height:auto; padding-bottom:15px;}
	.title_area .pageTitle {padding:15px 70px 0 0;}

	/* etc : sns*/ 
	.snsBox {top: 20px;}
	.snsBox .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox .btnShare{width:30px; height:30px; background-size:30px;}
	
	.snsBox_se {top: 20px;}
	.snsBox_se .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox_se .btnShare{width:30px; height:30px; background-size:30px;}
	
	.subCntBody{width:100%; float:none; padding:25px 0}
	
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:static; width:auto; float:none;}

	#menu h2 {position:relative; width:100%; height:50px; line-height:26px; box-sizing:border-box; padding:12px 0 12px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:url("/images/template/00_common/con_com/bgLnbDepth.png") no-repeat 95% 50% #434e5f;}
	#menu h2.on {background:url("/images/template/00_common/con_com/bgLnbDepthOn.png") no-repeat 95% 50% #434e5f;}
	
    #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 #194d96; border-top:none; background-color:#245ba9; color:#fff}
    #menu .subLnb{background-color:#fff}
	/************************************** 서브콘텐츠 : 끝 **************************************/	
}

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

	/* footer */
	.box_footer .sns_box .qrcode{display:none;}
	.box_footer .sns_box ul{width:130px;}
	.box_footer .sns_box ul li a{margin:1px;}

}

@media screen and (max-width:690px) {	
	
	
	/** Header **/
	#header {top:20%;}	

	/* 상단팝업 */
	.top_slider .slick-prev, .top_slider .slick-next{width:30px; height:30px; margin-top:-15px; background-size:auto 60%;}

	/* footer */
	.box_footer .sns_box{position:relative; right:auto; top:auto; overflow:hidden;}
	.box_footer .sns_box ul{width:auto; float:right; margin-right:41px;}
	/*.btn_top{top:auto; bottom:1px; width:40px; height:40px;} 주석처리 191015 */
	
}


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

	/** Header **/
	.top_util .home_link{display:none;}

	/* 사이트링크 */
	.ftBtn .ft_site dl{width:100%; min-height:0px; padding:15px 0; border-left:0; border-top:1px solid #ccc;}
	.ftBtn .ft_site dl:first-child{border-top:0;}
	.ftBtn .ft_site dd ul li{width:50%; float:left;}
	.ftBtn .ft_site dl.link04 dd ul li{width:33.33%; float:left;}

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

	/* 상단팝업 */
	.toppopup_wrap .toppopup{padding:1px 10px}
	
	/** Header **/
	.top_util a{font-size:12px; letter-spacing: -0.5px;}

	/* 사이트링크 */
	.ftBtn .ft_site dl{width:100%; min-height:0px; padding:15px 0; border-left:0; border-top:1px solid #ccc;}
	.ftBtn .ft_site dl:first-child{border-top:0;}
	.ftBtn .ft_site dd ul li{width:50%; float:left;}
	.ftBtn .ft_site dl.link04 dd ul li{width:50%; float:left;}
	
	
}

@media screen and (max-width :380px) {
	
	/** Header **/
	#header h1.logo {top:58px; margin:0 0 0 -81px;}
	#header h1.logo a {width:162px; height:34px; background-size:auto 34px; }	
	
	.top_util .user li a{padding:0 7px;}
	


}