@charset "UTF-8";
/* =========================
	HEADER
========================= */
#header {height:100px; /*147px;*//* position: fixed; top: 0; left: 0; /width: 100%; z-index: 999; transition:.5s;*/}
#header h1{ max-width:172px; transition:.5s}
#header h1 a{ display:block; width: 100%; }
#header h1 a img{ display:block; width: 100%; }
#header h1 a img.img_f{ display:block; }
#header h1 a img.img_c{ display:none; }
#header .bt-gnb{display: block;font-size: 0;position: fixed;top: 26px;left: 25px;}
#header .bt-gnb img{ display: inline-block; vertical-align: middle; }
#header .bt-gnb img.img_c{ display: inline-block; }
#header.on {height:100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition:.5s; background:#fff; border-bottom:1px solid #cfcfcf}
#header.on.main { border-bottom:0}
#header.on h1 a img.img_f{ display:none; }
#header.on h1 a img.img_c{ display:block; }
#header.on .bt-gnb{ color: #5b5d5f; }
#header.on .bt-gnb img.img_c{ display: inline-block; }




/*#header #gnb_pc { align-self:stretch; display: flex; align-items:center; flex:1; justify-content: flex-end; padding-right:55px;}*/
#header #gnb_pc {align-self:stretch;/* display: flex; */align-items:center;flex:1;justify-content: flex-end;/* padding-right: 268px; */padding-left: 300px;}
#header #gnb_pc .nav { display: flex; height: 100%; justify-content: space-between; align-items: center; margin: 0; width:85%; max-width:730px}
#header #gnb_pc .nav li { position: relative; height: 100%;}
#header #gnb_pc .nav li .depth01 { display:flex; display:-webkit-flex; align-items:center; color: #fff; font-size: 18px; font-weight: 600; height:100%;cursor: pointer;}
#header #gnb_pc .nav li .depth01 { color:#222}
#header.on #gnb_pc .nav li .depth01 { color:#000727}
#header #gnb_pc .depth02 {display: none; position:absolute; padding: 20px 0px; z-index: 2235;color: white;width: 730px;}
#header #gnb_pc .depth02.active {display: block; position:absolute; padding: 20px 0px; z-index: 2235;color: white;width: 730px;}
#header #gnb_pc .depth02 li {float:left;padding-left: 50px;}
#header #gnb_pc .depth02 li:first-child{padding-left: 0px;}
#header #gnb_pc .depth02 li.right {float:right;}
#header #gnb_pc .depth02 li a { font-weight:500; display:block; color:#73a1f6; padding:12px 0}
#header #gnb_pc .depth02 li:hover a { color:#fff; font-weight:700;}
#header #gnb_pc .depth02 .on{ color:#fff; font-weight:700;}




#header #gnb {position: fixed;z-index: 9999;top: 0;max-width:960px;width: 90%;height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;background: #1a2941;/* background: url(../images/common/nav_bg.png) no-repeat center; *//* background-size: cover; */}
/*#header #gnb { position: fixed; z-index: 9999; top: 0; max-width:960px; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: url(../images/common/nav_bg.png) no-repeat center; background-size: cover; }*/
#header #gnb .gnb_inner {width:100%;max-width:700px;box-sizing:border-box;/* padding-left:100px; */height: 130px;}

#header #gnb-close{ position: absolute; top: 40px; right: 13%; z-index: 99999; }
#header #gnb-close img{ display: inline-block; vertical-align: middle; }
#header .gnb-scroll{ height: 100%; }
#header .gnbhd{ display: block; text-align: center; padding:20px 0; border-bottom: 2px solid rgba(255, 255, 255, 0.2); position: relative; }
#header .gnbhd .title { position:relative; font-size:52px; color:#fff; text-align:left}
#header .gnbhd .title:after { content:''; display:block; width:72px; height:72px; top:-21%; right:10%; background: linear-gradient(30deg, #80cdfb, #f59993); border-radius: 100%; position:absolute;z-index:-1; animation: rotate_circle 3s linear infinite; opacity: .7;}
#header #gnb .nav {/* padding:50px 0; */display:flex;flex-wrap:wrap;flex-direction: column;height:500px;box-sizing: border-box;}
#header #gnb .nav > li { width:50%; /*height:50%*/}
#header #gnb .nav .depth02_box .on{display:block !important;font-weight: bold;}
#header #gnb .nav .depth01 { transition:.3s; font-size:1.4em; cursor: pointer; font-weight:700; color:#aeaeae; display:block; padding-bottom:8px;}
#header #gnb .nav .depth01.on { color:#fff}
#header #gnb .nav .depth02 { display:flex; flex-wrap: wrap; padding-bottom:15px;}
#header #gnb .nav .depth02 li { width:50%;}
#header #gnb .nav .depth02.long li { width:100%;}
#header #gnb .nav .depth02 a { display:block; color:#fff; font-size: 16px; padding: 10px 0;}
#header #gnb .nav .depth02 span { font-size:1em; }


/* 250905*/
#header .bg_lnb {position: absolute; left: 0; top: 100px;width: 100%;height: 47px;background-color: #1f4a95;z-index: 1;display: none;	}
#header .bg_lnb_sub {position: absolute; left: 0; top:100px;width: 100%;height: 47px;background-color: #1f4a95;z-index: 1;display: block;	}
.zIndex{z-index:999 !important;}

@keyframes rotate_circle {
    to { transform: rotate(0);}
    from { transform: rotate(360deg);}
}

#header .gnbm_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.7); }


@media all and (max-width:1169px){
    #header #gnb_pc { padding-left:80px;}
}

@media all and (max-width:959px){
    #header.on h1 { padding:0px 0;}
    #header #gnb_pc { display:none;}
    #header #gnb { left:0;display: none;}
    #header #gnb .gnb_inner {/* padding-left:60px; */}
    #header .gnbhd {padding-left: 5%;/* padding:70px 0 30px; */background: #fff;height: 76px;}
    #header .gnb-scroll{ overflow-y: auto; }
    #header #gnb-close { top:45px; right:35px;}
    #header .depth02_box{padding: 0; border-right: 0;z-index: 0; position: absolute; left: 49.9%; top: 119px; width: 50.2%; height: 100%; display: block; background-color: #103e8e; color: #fff; border-top: 0; box-shadow: 0;}
    #header #gnb .nav .depth02 {display:flex;flex-wrap: wrap;padding-bottom:15px;flex-direction: column;}
	#header #gnb .nav .depth02 li {width: 100%; font-size: 14px;height: auto;padding: 12px 0px;border-bottom: 1px solid #224c96;}
    #header #gnb .nav .depth02 a {display:block;color:#fff;font-size: 16px;padding: 10px;}

	.space_box {padding-top: 15px;display:-webkit-flex;display:flex;justify-content: center !important;}
	#header #gnb .nav .depth01 {padding: 19px;}
	#header #gnb .nav .on {background-color: #103e8e}

	#header .bg_lnb_sub {display:none;}

	#header .right_zone{display:block;}
	#header .right_zone .contact_zone{display:none;float:left;padding-right:5px;}
	#header .right_zone .nation_zone{/padding-left:0px;position: absolute;top: 40px;right: 25px;}

}
@media all and (max-width:600px){
    #header h1 a img{display:block;width: 80%;} 
    #header h1 {padding: 10px 0;}
    #header.on h1 {padding: 10px 0;}
    #header .bt-gnb img { width:38px}
    #header .gnbhd {height: 57px;}
    #header #gnb .nav {font-size:14px;height:auto;/* padding: 30px 20px; */}
    #header #gnb .nav > li {width:100%;/* padding-bottom:15px; */}
    #header .gnbhd .title { font-size:32px;}
    #header .gnbhd .title img{ width:25%;}
    #header .gnbhd .title:after { width:50px; height:50px;}
    #header #gnb-close { top:35px; right:25px;}
    #header .depth02_box{padding: 0; border-right: 0;z-index: 0; position: absolute; left: 49.9%; top: 99px; width: 50.2%; height: 100%; display: block; background-color: #103e8e; color: #fff; border-top: 0; box-shadow: 0;}
    #header #gnb .nav .depth02 {display:flex;flex-wrap: wrap;padding-bottom:15px;flex-direction: column;}
	#header #gnb .nav .depth02 li {width: 100%; font-size: 14px;height: auto;padding: 11px 0px;border-bottom: 1px solid #224c96;}
    #header #gnb .nav .depth02 a {display:block;color:#fff;font-size: 16px;padding: 10px;}
	#header .right_zone{display:block;}
	#header .right_zone .contact_zone{display:none;float:left;padding-right:5px;}
	#header .right_zone .nation_zone{/padding-left:0px;position: absolute;top: 40px;right: 25px;}
	.space_box {padding-top: 15px;display:-webkit-flex;display:flex;justify-content: center !important;}

}
@media all and (min-width:960px){
    #header .gnbhd{ padding: 50px 0 30px; }
    #header #gnb{ position: fixed; right: -100%; -webkit-transition: right 0.8s ease-in-out; -moz-transition: right 0.8s ease-in-out; -ms-transition: right 0.8s ease-in-out; -o-transition: right 0.8s ease-in-out; transition: right 0.8s ease-in-out; }
    #header #gnb.on { right: 0; }
	#header .gnbm_bg{display: none !important;}
	#header .bt-gnb img.img_c{ display: none !important; }
	#header .right_zone{display:block; padding-top: 28px;}
	#header .right_zone .contact_zone{float:left;padding-right:5px;}
	#header .right_zone .nation_zone{float:left;padding-left:5px;}
	#header .bt-gnb{display: none;}

}

/* =========================
	Footer
========================= */

/* footer / sub */
#footer.sub { background: #1a2941; width: 100%; font-size: 14px; color: #9f9f9f; font-weight: 500; }
#footer.sub a{ font-size: 15px; color: #919191; font-weight: 400; }

#footer.sub .inquiry_btn { word-break:keep-all; background: #363d43; color:#fff; display:-webkit-flex; display:flex; align-items:center; justify-content:center; padding:13px 35px; border-radius:15px; font-weight:600; font-size:16px}
#footer.sub .inquiry_btn span { display:block; width:23px; margin-left:7px;}
#footer.sub .inquiry_btn span img { width:100%}

#footer.sub .top_area { padding:70px 0 30px 0; border-bottom:1px solid #313f54}
#footer.sub .menu { padding:0;}
#footer.sub .menu li { position:relative; padding:0 20px}
#footer.sub .menu li:first-child {padding:0 20px 0 0;}
#footer.sub .menu li:after { content:''; position:absolute; width:1px; height:70%; top:50%; right:0; transform:translateY(-50%); background: #919191;}
#footer.sub .menu li:last-child:after { display:none;}
#footer.sub .menu li:last-child {padding:0 0 0 20px;}
#footer.sub .menu li a {color:#fff;}
#footer.sub .menu li a:hover {color:#78bcff}

#footer.sub .bottom_area { padding:50px 0; overflow:hidden}
#footer.sub .bottom_area .ft_logo { float:right}
#footer.sub .bottom_area .info_inline {overflow:hidden; width:100%}
#footer.sub .bottom_area .info_inline .info_txt {float:left;line-height:24px;color:#fff;}
#footer.sub .bottom_area .info_inline .info_txt p { padding-right:20px; display:inline-block; line-height: 1.5;}
#footer.sub .bottom_area .info_inline .info_txt p.between_bar { padding:0 10px}
#footer.sub .bottom_area .copy_bt { padding-top:20px}
#footer.sub .bottom_area .copy_bt .admin { margin-left:30px;}
#footer.sub .bottom_area .copyright { color:#586883}

#footer.sub .copy.m { display:none}
#footer.sub .copy { color:#cacaca; font-weight:800; font-size:38px; }


@media all and (max-width:1169px){
    /* footer / sub */
	#footer.sub .top_area { padding:50px 20px 30px;}
    #footer.sub .info_inline { justify-content: center;}
    #footer.sub .info_inline > * { padding-bottom:40px;}
    #footer.sub .info_inline > *:last-child { padding-bottom:0;}
    #footer.sub .bottom_area .ft_logo { margin-right:0}
    #footer.sub .info_inline .info_txt { text-align: left;}
    #footer.sub .bottom_area .copy_bt .admin { margin-left:0; margin-top:15px;}
}
@media all and (max-width:959px){
	#footer.sub .top_area { padding:50px 0 30px;}
    #footer.sub .copy.pc { display:none}
    #footer.sub .copy.m { display:block}
    #footer.main { padding-left:60px;}
    #footer.sub .menu {padding: 0 0 10px 0;flex:1;justify-content: center;}
    #footer.sub .quick_menu {width:100%;}
	#footer.sub .quick_menu li {position:relative;padding:0 20px;/* width: 17%; */float: left;}
	#footer.sub .space_box {display:block;}
 }
@media all and (max-width:600px){
    #footer.main { font-size:14px; padding:0 25px 30px}
	#footer.sub .bottom_area .ft_logo {width:100%;text-align:center;}

    #footer.sub .bottom_area .info_inline .info_txt {text-align:center}
}
@media all and (min-width:480px){
#footer.sub .menu li a { font-size: 14px;}   
    
}


/* 바디에 스크롤 막기 */
.not_scroll{overflow: hidden;}

/* 개인정보처리방침 / 이메일수집거부 팝업 레이어 */
.modal_wrap {display:none;position:fixed;width:100%;height:100%;bottom:0;right:0;background:rgba(0,0,0,.8); z-index:9999;}
.modal_wrap.on{display:block;}
.modal {position:absolute; top:50%; left:50%; width: calc(100% - 40px); max-width: 820px; height: 500px; transform:translate(-50%,-58%);}
.modal .modal_tit { text-align: center; padding-bottom: 15px; color:#fff; font-size: 24px;}
.modal .info { height: 100%; background:#fff; padding: 30px;}
.modal .info div{ height: 100%; overflow-y:auto; padding: 20px; border: 1px solid #ddd; box-sizing: border-box;}
.modal .info h5 { font-size: 17px; color: #666; padding: 30px 0 10px;}
.modal .info h5:first-child { padding-top: 0;}
.modal .info {font-weight: 400; line-height: 20px; font-size:14px;}
.modal ol { list-style: none; padding-left:0; margin:0}
.modal_wrap .close_btn{position:absolute; top:0; right:0;width:30px; height:30px; background:url(../images/common/popup_close_btn.png); cursor: pointer; border:0}

/* 핵심가치 */
.modal_v {position:absolute;top:50%;left:50%;width: calc(100% - 40px);max-width: 820px;/* height: 500px; */transform:translate(-50%,-58%);}
.modal_value {display:none;position:fixed;width:100%;height:100%;bottom:0;right:0;background:rgba(0,0,0,.8); z-index:9999;}
.modal_value.on{display:block;}
.modal_v .modal_tit { text-align: center; padding-bottom: 15px; color:#fff; font-size: 24px;}
.modal_v .value {background:#fff; padding: 30px;}
.modal_v .value {font-weight: 400; line-height: 20px; }
.modal_value .close_btn{position:absolute; top:-10px; right:0;width:30px; height:30px; background:url(../images/common/popup_close_btn.png); cursor: pointer; border:0}