.head_top{
	width:100%;
	padding:20px 50px 70px;
	box-sizing:border-box;
	display:inline-block;
	background:#F5F5E9;
}

.head_top .infoMenu{
	display:inline-block;
}

.head_top .infoMenu li{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	font-size:16px;
	color:#777;
}

.head_top .infoMenu li a{
	color:#777;
}

.head_top .rtMenu{
	display:inline-block;
	float:right;
}

.head_top .rtMenu .help{
	display:inline-block;
	box-sizing:border-box;
}


.head_top .rtMenu .help .ico{
	display:inline-block;
	vertical-align:middle;
	width:25px;
}


.head_top .rtMenu .help .ico img{
	width:100%;
}

.head_top .rtMenu .help .tx{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#777;
}

.head_top .rtMenu .snsMenu{
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
	border-left:1px solid #777;
	margin-left:13px;
}

.head_top .rtMenu .snsMenu li{
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}

.head_top .rtMenu .snsMenu li:first-child{
	margin-left:10px;
}

.head_top .rtMenu .snsMenu li:last-child{
	display:none;
}


.head_nav-bar{
	width:100%;
	padding:40px 50px;
	box-sizing:border-box;
	display:inline-block;
	border-radius:50px 50px 0px 0px;
	z-index:9;
	left:0;
	top:-50px;
	margin-top:0px;
	background:#fff;
	transition:all 0.5s;
	position:relative;
}



.wrap .head_nav-bar{
	width:100%;
	padding:40px 50px;
	box-sizing:border-box;
	display:inline-block;
	border-radius:50px 50px 0px 0px;
	position:absolute;
	z-index:9;
	left:0;
	top:60px;
	margin-top:0;
}


.head_nav-bar .logo{
	width:230px;
	display:inline-block;
	opacity:1;
	position:Relative;
}


.head_nav-bar .logo_w{
	opacity:0;
	position:absolute;
	left:0;
	top:0
}



.head_nav-bar .logo img{
	width:100%;
}
.head_nav-bar .nav-area{
	display:inline-block;
	vertical-align:middle;
	float:right;
}

.head_nav-bar .nav-area .menu{
	display:inline-block;
	vertical-align:middle;
}

.head_nav-bar .nav-area .menu li{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	color:#222;
	margin-left:55px;
}


.head_nav-bar .nav-area .menu li:first-child{
	margin-left:0px;
}



.head_nav-bar .nav-area .allMenu{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	margin-left:50px;
	transition:all 1s;
	position:Relative;
}

.head_nav-bar .nav-area .allMenu img{
	width:100%;
}


.head_nav-bar .nav-area .search{
	display:inline-block;
	vertical-align:middle;
	width:28px;
	margin-left:30px;
	transition:all 1s;
	position:Relative;
}

.head_nav-bar .nav-area .search img{
	width:100%;
}

.head_nav-bar .nav-area .lang{
	display:inline-block;
	vertical-align:middle;
	padding:8px 15px;
	border:1px solid #e5e5e5;
	color:#222;
	border-radius:50px;
	margin-left:30px;
}

.head_nav-bar .nav-area .lang img{
	color:#222;
}






#footer{
	width:100%;
	position:relative;
	z-index:2;
	margin-top:-50px;
	background:#1C2935;
}


#footer .sitemap{
	width:100%;
	background:#131E28;
	padding-top:50px;
	border-radius:0px 0px 50px 50px;
	display:flex;
}

#footer .sitemap dd{
	width:100%;
	padding:50px;
	box-sizing:border-box;
	border-right:1px solid #444
}


#footer .sitemap dd .one-depth{
	font-size:20px;
	color:#fff;
	font-weight:500;
}

#footer .sitemap dd .two-depth-list{
	width:100%;
	margin-top:20px;
}

#footer .sitemap dd .two-depth-list li{
	width:100%;
	margin-top:10px;
	font-size:18px;
}
#footer .sitemap dd .two-depth-list li:first-child{
	margin-top:0px;
}

#footer .sitemap dd .two-depth-list li a{
	color:#777;
}

/* popup */
.popup { display:none; }
.popup .pop_area { margin:20px auto; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); }
.popup_cont { position:relative; }
.popup .p_header { height:60px; background-color:#1379ce; position:relative; padding:5px 60px 5px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.popup .p_header .tit { line-height:1.1; font-size:18px; color:#fff; display:inline-block; vertical-align:middle; max-width:98%; }
.popup .p_header:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.popup .p_header .b-close em { position:absolute; text-indent:-999px; z-index:-1; overflow:hidden; }
.popup .p_header .b-close { width:60px; height:60px; position:absolute; right:0; top:0; background:url('../images/icon/pop_close.png') no-repeat 50% 50%; }
.popup_cont .tit { font-size:24px; color:#333; line-height:1.2; word-break:keep-all; word-wrap:break-word; }
.popup .p_content { padding:30px; }
.popup .cbtns { padding-top:30px; text-align:center; }
.com_popup { max-width:820px; width:820px; min-width:500px; }

#popup_search .p_content{background:#1C2935;}

#popup_search .p_content .search-line input, #popup_search .p_content .search-line select {height: 65px; font-size: 16px;}
#popup_search .p_content .search-line select {flex-shrink: 0;}
#popup_search .p_content .search-line input {width: 100%;}
#popup_search .p_content .search-line button {flex-shrink: 0; font-size: 18px;}
#popup_search .p_content .tit-head .subj-a .subj {word-break: keep-all;}


#popup_search .p_content  .tit-head{
	width:100%;
}

#popup_search .p_content  .tit-head .ctg{
	font-size:18px;
	color:#999;
}

#popup_search .p_content  .tit-head .subj-a{
	width:100%;
	margin-top:10px;
	display:inline-block;
}


#popup_search .p_content  .tit-head .subj-a .subj{
	font-size:30px;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
}

.popup .search-line{
	width:100%;
	margin-top:20px;
	border-radius: 50px;
	background:rgba(255,255,255,0.3);
	border: 2px solid rgba(255, 255, 255, 0.80);
	display:flex;
}


.popup .search-line select{
	width:170px;
	border-right:1px solid rgba(255, 255, 255, 0.60);
	background:rgba(0,0,0,0);
	padding:15px;
	box-sizing:border-box;
	color:#999;
}

.popup .search-line input{
	width:80%;
	padding:15px 30px;
	box-sizing:border-box;
	background:rgba(0,0,0,0);
	color:#fff;
}

.popup .search-line input:placeholder{
	color:#fff;
	font-weight:700;
}

.popup .search-line input::-webkit-input-placeholder{
	color:#fff;
	font-weight:700;
}

.popup .search-line input:-ms-input-placeholder{
	color:#fff;
	font-weight:700;
}


.popup .search-line button{
	width:170px;
	padding:15px;
	background:#1165AC;
	color:#fff;
	border-radius:50px;
}


/* agree popup */
.agree_cont { font-size:14px; color:#666; overflow:hidden; }
.agree_cont .vscroll_area { max-height:260px; background-color:#f6f6f6; }
.agree_cont .vscroll_area .description { padding:30px; }
.vscroll_area { overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; touch-action:none; -ms-touch-action:none; }
.hscroll_area { overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* common */
.description { line-height:1.6; }
.description .dot { padding-left:0.8em; text-indent:-0.8em; }
.description .dot:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:3px; height:3px; background-color:#666; margin-right:0.6em; }
.description .dep1 { padding-left:1.071em; }
.description p.dep1 { text-indent:-1.071em; }
.description .dep2 { padding-left:1em; }
.description p.dep2 { text-indent:-1em; }
.description .dep3 { padding-left:1.357em; }
.description p.dep3 { text-indent:-1.357em; }
.description .dep_title { color:#333; font-size:1.25em; font-weight:bold; }
.description .dep_tit { color:#333; font-weight:bold; margin-bottom:5px; }
.description .hover:hover { text-decoration:underline; }
.description p{word-break:keep-all;}

/* button */
.cbtns { text-align:center; padding-top:40px; white-space:nowrap; }
.cbtns:after { content:""; display:block; clear:both; }
.cbtn { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align:center; font-size:18px; margin:0 5px; padding:10px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; min-width:280px; *min-width:220px; background-repeat:no-repeat; }
.cbtn em { display:block; line-height:48px; white-space:nowrap; padding-right:35px; }
.cbtns .btn { display:inline-block; vertical-align:top; height:50px; font-size:18px; min-width:140px; padding:5px 15px; }
.cbtns .btn > em { display:inline-block; vertical-align:middle; max-width:98%; }
.cbtns button.btn { border-radius:0; }
.cbtns .btn:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.cbtns .btn + .btn { margin-left:6px; }
.btn_pri, .btn_sec, .btn_thr, .btn_for, .btn_fit, .btn_six, .btn_sev, .btn_eig { text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; /* font-weight:bold; */ }
.btn_pri { color:#fff; border:2px solid #000; background-color:#479ef1; }
.btn_sec { color:#fff; background-color:#e6b269; }
.btn_thr { color:#1379ce; background-color:#fff; border:1px solid #1379ce; }
.btn_for { color:#fff; background-color:#3bbec8; }
.btn_fit { color:#222; background-color:#fff; }
.btn_six { color:#fff; background-color:#176658; }
.btn_sev { background-color:#3c73c4; color:#fff; }
.btn_eig { background-color:#00a051; color:#fff; }


@media all and (max-width:767px) {
/* popup */
	.popup { width:100%; left:0 !important; }
	.popup .p_header { height:50px; }
	.popup .p_header .tit { font-size:16px; }
	.popup .p_header .b-close { width:50px; height:50px; }
	.popup .p_content { padding:20px; }
	.com_popup { min-width:300px; max-width:600px; }
}

#footer .copy-line{
	width:100%;
	padding:20px 50px 20px;
	box-sizing:border-box;
	background:#1C2935;
	/*margin-top:-50px;*/
	z-index:1;
	position:relative;
	display:inline-block;
}

#footer .copy-line .copy{
	display:inline-block;
	font-size:16px;
	color:#777;
}

#footer .copy-line .foot-menu{
	display:inline-block;
	float:right;
}

#footer .copy-line .foot-menu li{
	display:inline-block;
	text-decoration:underline;
	font-size:15px;
	margin-left:20px;
}

#footer .copy-line .foot-menu li a{
	color:#dedede;
}










/***************** 2023-10-27 수정 시작 *****************/


.head_top {padding: 20px 50px;}
.head_nav-bar, .wrap .head_nav-bar {position: sticky; top: 0; border-radius: 0; background: #F5F5E9;}
.head_nav-bar.reversal, .wrap .head_nav-bar.reversal {background: transparent;}
.head_nav-bar .back_bg, .wrap .head_nav-bar .back_bg {background: #fff; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: -1; border-radius: 60px 60px 0px 0px;}
.head_nav-bar .nav-area .allMenu, .head_nav-bar .nav-area .search {cursor: pointer;}
.head_nav-bar .nav-area .allMenu {margin-left: 20px;}
.head_nav-bar.reversal .nav-area .header-menu li a {color: #fff; transition: all 0.2s;}
.head_nav-bar.reversal .logo_c {opacity: 0; transition: all 0.2s;}
.head_nav-bar.reversal .logo_w {opacity: 1; transition: all 0.2s;}
.head_nav-bar.reversal .nav-area .lang span {color: #fff;}

.nav-area .header-menu {display: inline-block; vertical-align: middle;}
.nav-area .header-menu li {display: inline-block; padding: 0 35px; vertical-align: top; position: relative; cursor: pointer; overflow: hidden;}
.nav-area .header-menu li.on:hover {overflow: initial;}
.nav-area .header-menu li a {font-size: 18px; font-weight: 400; line-height: 17px; color:#000; letter-spacing: 0; padding: 27px 0; transition: all 0.3s;word-break:keep-all;}
.nav-area .header-menu li.on .sub_menu {opacity: 0; background-color: #1165AC; width: 200px; position: absolute; left: 50%; margin-top: 20px; box-shadow: 2px 3px 10px rgb(0 0 0 / 3%); transform: translate(-50%, 15px); text-align: left; border-radius: 15px; padding: 16px 0; transition: opacity 300ms ease, transform 800ms ease;}
.nav-area .header-menu li.on:nth-child(2) .sub_menu {width: 200px; }
.nav-area .header-menu li.on:hover .sub_menu {opacity: 1; visibility: visible;  transform: translate(-50% , 0px);}
.nav-area .header-menu li .sub_menu li.depth_on {position: relative; font-size: 15px; font-weight: 500; color: #2a3781;}
.nav-area .header-menu li .sub_menu li.depth_on span {display: inline-block; width: 0; height: 0; border-left: 5px solid #2a3782; border-bottom: 3px solid transparent; border-top: 3px solid transparent; margin-left: 8px; vertical-align: middle;}
.nav-area .header-menu li .sub_menu li .third_depth {opacity: 0; display: inline-block; position: absolute; z-index: 9999; top: 0; left: 150px; background-color: #fff; box-shadow: 2px 3px 10px rgb(0 0 0 / 3%); width: 150px;}
.nav-area .header-menu li .sub_menu li.depth_on:hover{overflow: initial;}
.nav-area .header-menu li .sub_menu li.depth_on:hover .third_depth {opacity: 1; visibility: visible; transition: opacity 200ms ease, transform 400ms ease;}
.nav-area .header-menu li .sub_menu li .third_depth a::after {display: none;}
.fixed .nav-area .header-menu li.on .sub_menu {margin-top: -1px;}
.nav-area .header-menu li.on .sub_menu li {display: block; padding: 9px 30px; line-height: 18px;}
.nav-area .header-menu li.on .sub_menu li a {font-size: 15px; font-weight: 400; color:#bbe0ff;}
.nav-area .header-menu li.on .sub_menu li:hover a{color:#fff; font-weight: 500; }
.nav-area .lang {display: inline-block; position: relative; padding: 20px 6px; cursor: pointer; margin: 0;}
.nav-area .lang .active {color:#222; position: relative; display: flex; align-items: center;}
.nav-area .lang .lang_menu {display:none; background-color: #fff;  width: 100%; position: absolute; left: 0; top: 43px; box-shadow: 4px 5px 17px rgb(0 0 0 / 10%); text-align: center; z-index: 9;}
.nav-area .lang .lang_menu a {font-size: 14px; font-weight: 400; color:#666; display: block; border-bottom: 1px solid #f2f2f2; padding: 10px 6px;}
.nav-area .lang .lang_menu a:hover {color: #005cb9; font-weight: 600;}
.hd_modal {display: none; position: fixed; width: 100%; height: 100vh; top: 0; right: 0; bottom: 0; z-index: 9; background:#fff; box-shadow: -10px 10px 40px 0px rgb(0 0 0 / 20%);}
.hd_modal .inner {padding: 50px 60px 60px; display: flex; flex-flow: column; justify-content: space-between; height: calc(100% - 110px);}
.hd_modal .inner .top {}
.hd_modal .inner .top_con {display: flex; justify-content: space-between; align-items: center;}
.hd_modal .inner .top_con .logo {}
.hd_modal .close_btn {cursor: pointer;}
.hd_modal .close_btn i {font-size: 32px;}
.hd_modal .inner .hd_modal_con {margin-top: 80px;}
.hd_modal .inner .hd_modal_con .hd_modal_menu {display: flex;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1 {font-size: 22px; line-height: 32px; font-weight: 700; color: #000; flex: 1 1 20%; margin-right: 128px;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1:last-child {margin-right: 0;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1 .menu2 {border-top: 1px solid #D9D9D9; padding-top: 34px; margin-top: 24px;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1 .menu2 li {margin-bottom: 16px;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1 .menu2 li:last-child {margin-bottom: 0;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1 .menu2 li a {font-size: 18px; color: #666; font-weight: 400; transition: all 0.2s;}
.hd_modal .inner .hd_modal_con .hd_modal_menu .menu1 .menu2 li a:hover {color: #005eae; transition: all 0.2s;}
.hd_modal .inner .bottom {}
.hd_modal .inner .bottom .bt_inner {display: flex; justify-content: space-between;}
.hd_modal .inner .bottom .bt_inner .copyright {color: #222; font-size: 15px;}
.hd_modal .inner .bottom .bt_inner ul {display: flex;}
.hd_modal .inner .bottom .bt_inner ul li {margin-right: 30px;}
.hd_modal .inner .bottom .bt_inner ul li:last-child {margin-right: 0;}
.hd_modal .inner .bottom .bt_inner ul li a {font-size: 15px;}
.hd_modal .container {height: 100vh; padding-top: 0; display: none; position: relative;}
.hd_modal .container .close_btn {position: absolute; top: 20px; right: 20px;}
.hd_modal .container .close_btn i {color: #fff;}
.hd_modal ul#myMenu {position: relative; top: 50%; transform: translateY(-52%); text-align: center;}
.hd_modal #myMenu li {white-space: nowrap;}
.hd_modal #myMenu li.category {margin-bottom: 20px; cursor: pointer; line-height: 30px;}
.hd_modal #myMenu li.category a.cate_txt {font-size: 18px; font-weight: 600; color: #fff;} 
.hd_modal #myMenu ul.sub_menu {margin-top: 6px; display: none;}
.hd_modal #myMenu ul.sub_menu li {padding: 3px 0;}
.hd_modal #myMenu ul.sub_menu li a {font-size: 16px; font-weight: 500; color:#b4c5d3; line-height: 28px; display: inline-block; position: relative;}
.hd_modal #myMenu li a span {display: inline-block;  z-index: 1;  height: 3px; width: 0%;  background-color: #fff; position: absolute; bottom: 1px; left: 0;}
.hd_modal #myMenu li a:hover {color:#fff; transition: all 0.8s;} 
.hd_modal #myMenu li a:hover span { width: 100%; transition: all 0.8s;} 
.hd_modal #myMenu li a .circle {display: inline-block;  width: 12px; height: 12px; background-color: #ec6617; border-radius: 50%; position: absolute; right: -30px; top: 0; opacity: 0; }
.hd_modal #myMenu li a:hover .circle {opacity: 1; transition: all 0.8s;}


/***************** 2023-10-27 수정 끝 *****************/