@charset "utf-8";
@font-face {
font-family:'Noto Sans cjk KR';
font-style:normal;
font-weight:300;
src:url('/knda/statics/ifans/kor/font/NotoSansKR-Light.woff2') format('woff2'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Light.woff') format('woff'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans cjk KR';
font-style:normal;
font-weight:400;
src:url('/knda/statics/ifans/kor/font/NotoSansKR-Regular.woff2') format('woff2'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Regular.woff') format('woff'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans cjk KR';
font-style:normal;
font-weight:500;
src:url('/knda/statics/ifans/kor/font/NotoSansKR-Medium.woff2') format('woff2'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Medium.woff') format('woff'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans cjk KR';
font-style:normal;
font-weight:700;
src:url('/knda/statics/ifans/kor/font/NotoSansKR-Bold.woff2') format('woff2'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Bold.woff') format('woff'),
	url('/knda/statics/ifans/kor/font/NotoSansKR-Bold.otf') format('opentype');
}
* {padding:0; margin:0; font-family:'Roboto', 'Noto Sans cjk KR', sans-serif; }
body {background-color:#fff;} 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,p{margin:0;padding:0;font-style:normal; font-family: 'Noto Sans cjk KR', sans-serif;}

a:link {font-family: 'Noto Sans cjk KR', sans-serif;text-decoration:none;transition: all 0.1s ease;}
a:visited {font-family: 'Noto Sans cjk KR', sans-serif;text-decoration:none;}
a:hover {font-family: 'Noto Sans cjk KR', sans-serif;text-decoration:none;transition: all 0.1s ease;}
a:active {font-family: 'Noto Sans cjk KR', sans-serif;text-decoration:none;}
strong, h3 { font-weight:500;}

img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
button {line-height: 1; background: none; border: 0; margin:0; padding:0; width: auto; overflow: visible; cursor: pointer; box-sizing: border-box}
button > span {position: relative;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family: 'Noto Sans cjk KR', sans-serif; }
hr {overflow:hidden; display: block; height:1px; border:none; border-top:1px solid #dadada}
.clearfix::after {content:""; display:block; clear:both;}

#skip_nav a {display: block; position: absolute; top: -40px; left: 0;}
#skip_nav a:focus { top: 0; width: 100%; height: 40px; font-size:16px; line-height:40px; color:#fff; z-index:9999; text-align: center; background: #003964;}

/* HEADER */
#wrap{overflow: hidden; position:relative; width:100%;}
#header {position: fixed; top:0; left:0; margin: 0; width:100%;  height: 120px; box-sizing: border-box;padding:0; z-index:20; background: #fff; }/* 0916 */
#header::before {content:""; z-index:0; display:block; clear:both; position: absolute; top:120px; left: 0; width:100%;height:1px; transition: all 0.1s ease; }

#header > .head {position:relative; display: flex; justify-content: space-between;  margin:0 auto; padding:0; z-index:10; width: 1200px; }
#header h1 { margin:31px 0 0 0; } 
#header h1 a {display:block; text-indent:-99999px; width:292px; height:57px; background:url("../image/common/logo.png") no-repeat left top; }

#header .all_menu .bt_all_menu {display:inline-block; width: 34px; height: 23px; background: url("../image/common/bt_all_menu.png") no-repeat 0 0 / 33px 23px;}

.nav_menu {display:none;}
.go_menu {display:none;}
.pc_block {display:block;}
.m_block {display:inline;}

/* head_top */
#header .head_top {position:relative; margin:0; padding:0 60px 0 0; z-index:1}
#header .top_link {margin:14px 0 31px; text-align: right}
#header .top_link a {position:relative; margin:0 8px 0 11px;font-size:13px; line-height:14px; color:#999;}
#header .top_link a::after {content:""; display:block; clear:both; position: absolute; top:5px; left: -12px; width:1px; height:10px;background:#e5e5e5}
#header .top_link a:first-child::after {display:none}
#header .top_link a:last-child { margin-right:0}

/* 1뎁스 */
#header .head_top>ul {overflow: hidden;height:62px; }
#header .head_top>ul>li { float: left; margin:0 0 0 50px; } 
#header .head_top>ul>li h2 a {overflow:hidden; display:block; height:45px; margin:0; font-weight: 500; font-size:17px; line-height:18px; color:#000;box-sizing: border-box; }
#header .head_top>ul>li.on h2 a {color:#5659b8}

/* 전체메뉴 */
#menu_all {display:block; position: absolute; top:120px; left:0; margin: 0; width:100%;  height: 0; box-sizing: border-box; padding:0; transition: all 0.1s ease;border-top:1px solid #ccc; background: #fff;}
#menu_all.open, #menu_all.open .gnb {height: 513px;}
#menu_all::after {  display:none; }
#menu_all.open::after { content:""; z-index:0; display:block; clear:both; position: absolute; top:511px; left: 0; width:100%; border-bottom:2px solid #1795ea}

#menu_all .bt_gnb_close {position:absolute; top:487px; left:50%; margin-left:-25px; padding:0; display:none; width: 50px; height: 50px; text-indent: -9999px; background: url("../image/common/bt_gnb_close.png") no-repeat 0 0 / cover;  z-index: 1;}
#menu_all .gnb {overflow: hidden; position:relative; max-width:1200px;  height: 0; margin:0 auto; padding:0;z-index:1; text-align: center;transition: all 0.1s ease;}
#menu_all .gnb > ul {overflow:hidden; width: 100%;box-sizing: border-box; border-right:1px solid #ccc}

/* 1뎁스 */
#menu_all .gnb>ul>li {float: left; /*width:14.28%;*/ width:16.666%; height: 511px; padding:31px 0 0; margin:0; vertical-align: top; text-align:center; border-left:1px solid #ccc; box-sizing: border-box;} 
#menu_all .gnb>ul>li h2 a {position:relative; overflow:hidden; display:block; margin:0 0 28px; padding:0 0 24px; font-size:17px; color:#333; font-weight:600;}
#menu_all .gnb>ul>li h2 a::after {content:""; display:block; clear:both; position: absolute; bottom:0; left: 50%; margin-left:-10px; width:19px; height:2px;background:#000}

/* 2뎁스 */
#menu_all .gnb>ul>li .dep2 {overflow:hidden; display:block; width:100%; margin: 0 0 0; padding:0;}
#menu_all .gnb>ul>li .dep2 li {position:relative; display:block; margin:0 0 8px; }
#menu_all .gnb>ul>li .dep2 li a {overflow:hidden; display:inline-block; margin:0; font-size:14px; line-height:16px;height:19px; color:#333;box-sizing: border-box;}
#menu_all .gnb>ul>li .dep2 li a:hover { color:#5155ff; border-bottom:1px solid #5155ff;  }
.bg_wrap, .bg_wrap2 {position: fixed; top: 0; left: 0; z-index: 10; display: none; width:100%; height: 100%; background:rgba(0,0,0,.5)}

/* 상단 검색 */
.search_area::before {display: none;}
.search_area::after {display:none;}
.search_area.on::before {content:""; display: block;  position: fixed; top: 0; left: 0; z-index: 10; width:100%; height: 100%; background:rgba(0,0,0,.5)}
.search_area.on::after {content:""; display:block; position: fixed; top: 120px; left:0;  width: 100%; height: 180px; z-index: 11;  background:#fff}
.search_area .bt_search {position: absolute; top: 66px; right: 0;  width: 19px; height: 19px; text-indent: -9999px; background: url("../image/common/bt_search.png") no-repeat 0 0 / cover;  }
.search_area > div {display: none; z-index: 12; position: fixed; top: 180px; left:50%; width: 600px; padding:0 60px 0 0; margin:0 0 0 -300px; box-sizing: border-box; border:1px solid #111; background:#fff}
.search_area > div button {position: absolute; top:0; right: 0; width:57px; height:58px; text-indent: -9999px;  background: url("../image/common/bt_search.png") no-repeat center center / auto;}
.search_area > div input {display: inline-block;  width: 100%; height: 58px; padding:0 20px; font-size:17px; line-height:60px;border:1px solid #fff; box-sizing: border-box; color:#000;  background: none;}
.search_area .bt_search_close {display: none; position: absolute; top:159px; right: 0; width:19px; height:19px; z-index: 12; text-indent: -9999px;  background: url("../image/common/bt_search_close.png") no-repeat center center / cover;}

/* 컨텐츠 */
#content {width:100%; margin:120px 0 0; padding:0;}/* 0916 */
#content:after{display:block;clear:both;content:'';}
.con_in {position: relative; max-width: 1200px; margin: 0 auto; word-break:keep-all; word-wrap: break-word;}
.con_in::after {content:""; display:block; clear:both;}

/* FOOTER */
#footer {clear:both;box-sizing: border-box; width:100%; margin:100px 0 0 0; padding:0; border-top:1px solid #e5e5e5; background:#f0f0f0}
.foot_link {height:75px; margin:0; padding:0; border-bottom:1px solid #cbcbcb;}
.foot_link .con_in > a {position:relative;  display:inline-block; margin:0 38px 0 0; font-size:14px; line-height:75px; color:#888; }
.foot_link .con_in > a:nth-child(2) {color:#000; }
.foot_link .con_in > a:hover {color:#5155ff; border-bottom:1px solid #5155ff; }
.foot_link .sns {position: absolute; top:20px; right:0}
.foot_link .sns a {display: inline-block; text-indent:-99999px; width:34px; height:34px; margin:0 0 0 14px;}
.foot_link .sns a:nth-child(1) {background: url("../image/common/sns01.png") no-repeat 0 0 / cover; }
.foot_link .sns a:nth-child(2) {background: url("../image/common/sns02.png") no-repeat 0 0 / cover; }
.foot_link .sns a:nth-child(3) {background: url("../image/common/sns03.png") no-repeat 0 0 / cover; }
.foot_link .sns a:nth-child(4) {background: url("../image/common/sns04.png") no-repeat 0 0 / cover; }
.footer_in {position:relative; max-width:1200px; margin:0 auto; padding:38px 0; font-size:14px; line-height:16px; color:#666; }
.footer_in p {display:inline-block; margin:0 0 10px; font-size:14px; line-height:16px; color:#666 }
.footer_in p a { font-size:14px; line-height:16px; color:#666;}
.footer_in p span {margin:0 9px 0 0}
.footer_in .copy {display:block;color:#666}

/* 탭 */
.tab {overflow: hidden;}
.tab2 > li {width:50%;}
.tab3 > li {width:33.33%;}
.tab4 > li {width:25%;}
.tab5 > li {width:20%;}
.tab > li {float: left;}
.tab > li > div {display: none}
.tab > li > a,
.tab > li > button {display: block; height: 48px; font-size:14px; line-height:48px; color:#000; text-align: center; border:1px solid #e1e1e1; border-left:none;box-sizing: border-box }
.tab > li:first-child > a,
.tab > li:first-child > button {border-left:1px solid #e1e1e1;}
.tab > li > a.on,.tab > li > a:hover,
.tab > li > button.on,.tab > li > button:hover {color:#fff; background:#131517}

/* 레이어팝업 */
.pop_layer { display: none}
.pop_layer .bg {position: fixed; top: 0; left: 0;z-index:111; display: block; width: 100%; height: 100%; background-color:rgba(0,0,0,.6) }
.pop_layer .pop_layer_in {position: fixed; top: 50%; left: 50%;z-index:1211;  margin:-333px 0 0 -479px; width:958px; height:667px;background: #000;}
/* .pop_layer .pop_layer_in h3 {position: relative; width:100%; height:62px; padding: 0 0 0 33px; box-sizing: border-box; font-size:24px; line-height:62px; color:#fff; font-weight: 600; background: #ff6900; font-weight: 500} */
.pop_layer .pop_layer_in .pop_layer_con {box-sizing: border-box; max-height:100%; height:70vh; overflow-y:auto}
.pop_layer .pop_layer_in .noti {position: absolute; bottom:0;left:0; width: 100%; height: 127px; padding:28px 0 0 110px;box-sizing: border-box; background:#fff url("../image/common/icon_noti.png") no-repeat 30px 30px/ 50px 50px}
.pop_layer .pop_layer_in .noti dt {display:block; margin:0 0 13px; font-size:16px; line-height:18px; color:#000; font-weight: 500}
.pop_layer .pop_layer_in .noti dd {display:block;  font-size:14px; line-height:22px; color:#666; }
.pop_layer .pop_layer_in .noti dd span {display: block}
.pop_layer .pop_layer_in .pop_layer_con > img {max-width: 100%;}
.pop_layer .pop_layer_in .bt_close {position: absolute; top: -50px; right:-50px; display:block;width: 50px; height: 50px; background: url("../image/common/bt_gnb_close.png") no-repeat 0 0 / cover; }
/* .pop_layer .pop_layer_in2 {margin:-361px 0 0 -257px; width:515px; height:723px; }
.pop_layer .pop_layer_in2 .pop_layer_con > img {max-width: 100%; width:515px; height:723px;} */
.pop_layer .pop_layer_in2 {margin:-361px 0 0 -600px; width:1200px; text-align:center; background:none;}
.pop_layer .pop_layer_in2 .pop_layer_con > img {max-width: 100%;}

.mid_area03 .box_right .pop_layer3 .pop_layer_in {margin:-240px 0 0 -244px;padding:39px 40px 0; width:489px; height:470px; box-sizing: border-box; background:#fff }
.mid_area03 .box_right .pop_layer3 .pop_layer_in .txt01 {display:block; font-size:14px; line-height:16px; color:#666}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in {margin:20px 0 30px; padding:29px 0 23px 39px; background:#f8f8f8}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in dt {float: left; width:94px;font-size:14px; line-height:46px; color:#000; font-weight: 500}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in dd {float: left; width:236px; margin:0 0 7px;font-size:14px; line-height:46px; color:#000; }
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in dd label {margin:0 28px 0 0;color:#000;}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in dd label input[type=radio] {width:20px; height:20px; vertical-align: -5px;}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in dd input[type=text] { color:#000; border:1px solid #ccc; background:#fff}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .bot_center {text-align: center;}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .bot_center button {display: inline-block; vertical-align: top; text-align: center; height:40px; padding:0 33px; font-size:14px; line-height:40px; color:#fff; box-sizing: border-box; background:#5154ff}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .bot_center button:first-child {color:#666; border:1px solid #ccc; background:#fff}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .bt_close {position: absolute; top:40px; right: 40px; width:19px; height:19px; z-index: 12; text-indent: -9999px;  background: url("../image/common/bt_search_close.png") no-repeat center center / cover;}

/* 0907 add */
.pop_layer4 {position: absolute;}
.pop_layer4 .pop_layer_in {margin:-292px 0 0 -244px;padding:39px 40px 0; width:489px; height:584px; box-sizing: border-box; background:#fff }
.pop_layer4 h3 {display: block; margin:0 0 36px; font-size:24px; line-height:26px; color:#272a33;}
.pop_layer4 .pop_layer_in .txt01 {display:block; font-size:14px; line-height:16px; color:#666}
.pop_layer4 .pop_layer_in .box_in {margin:20px 0 30px; padding:29px 0 23px 39px; background:#f8f8f8}
.pop_layer4 .pop_layer_in .box_in dt {float: left; width:94px;font-size:14px; line-height:46px; color:#000; font-weight: 500}
.pop_layer4 .pop_layer_in .box_in dt {width:137px;}
.pop_layer4 .pop_layer_in .box_in dd {float: left; width:191px; margin:0 0 7px;font-size:14px; line-height:46px; color:#000; }
.pop_layer4 .pop_layer_in .emp {color:#5154ff}
.pop_layer4 .pop_layer_in .box_in dd label {margin:0 28px 0 0;color:#000;}
.pop_layer4 .pop_layer_in .box_in dd label input[type=radio] {width:20px; height:20px; vertical-align: -5px;}
.pop_layer4 .pop_layer_in .box_in dd input[type=text],.pop_layer4 .pop_layer_in .box_in dd textarea {width:100%; color:#000; border:1px solid #ccc; background:#fff}
.pop_layer4 .pop_layer_in .box_in dd textarea {padding:5px 19px; box-sizing:border-box;}
.pop_layer4 .pop_layer_in .bot_center {text-align: center;}
.pop_layer4 .pop_layer_in .bot_center button {display: inline-block; vertical-align: top; text-align: center; height:40px; padding:0 33px; font-size:14px; line-height:40px; color:#fff; box-sizing: border-box; background:#5154ff}
.pop_layer4 .pop_layer_in .bot_center button:first-child {color:#666; border:1px solid #ccc; background:#fff}
.pop_layer4 .pop_layer_in .bt_close {position: absolute; top:40px; right: 40px; width:19px; height:19px; z-index: 12; text-indent: -9999px;  background: url("../image/common/bt_search_close.png") no-repeat center center / cover;}
/* //0907 add */

.editor * {font-family:inherit}

.mar_t40 {margin-top:40px}

::placeholder {color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999;}
::-ms-input-placeholder {color: #999;}
/* @media all and (max-width:1300px) {
    #header { padding:0 20px;}
	#header h1 { margin: 28px 0 0 0}
    #header .all_menu {margin: 28px 0 0 0}
    #header .gnb>ul>li {margin: 0 25px; }
    #menu_all h1 { margin: 0 0 0 60px}
    #menu_all .bt_all_menu {right: 60px}
    #menu_all .gnb>ul>li {margin:0 3% 0 0}
    #footer { padding:50px 50px; }
}
@media all and (max-width:1050px) {  
    .pop_layer .pop_layer_in {position: fixed; top: 25%; left:5%; margin:0; width:90%; height:auto;}
    .pop_layer .pop_layer_in h3 {height:52px; padding: 0 0 0 23px; font-size:20px; line-height:52px;}
    .pop_layer .pop_layer_in .bt_close {position: absolute; top: 10px; right:20px; display:block;}
    .pop_layer .pop_layer_in .bt_close img {width:30px;}
}
@media all and (max-width:990px) {
	#header .gnb {display: none}
    #menu_all .gnb>ul>li h2 a {font-size: 16px;}
    #menu_all .gnb>ul>li .dep2 li a {font-size: 14px; letter-spacing: -0.5px}
} */

/* 0922 start */
.m_show {display: none; max-width:110px; max-height:110px;}
.pc_show {display: block}
@media all and (max-width:1215px) {
    #header { padding:0 20px;}
    #header > .head {max-width: 1200px; width:auto}
    #header .head_top>ul>li {margin: 0 0 0 25px; }
    #footer { padding:20px; }
}