@charset "utf-8";

/* 2025 */
html:not(.touchmode) ::-webkit-scrollbar {width: 10px;}
html:not(.touchmode) ::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
html:not(.touchmode) ::-webkit-scrollbar-track {background-color: transparent;border-radius: 10px;box-shadow: inset 0px 0px 5px transparent;}

.page_wrap{min-width:280px; display:flex; flex-direction: column;min-height:100vh;}
.header_section{background:#048ee5; position:sticky;top:0;width:100%; z-index:50;border-bottom:1px solid #fff;}
.header_inner{max-width:1124px; margin:0 auto; padding:0 30px; display:flex; min-height: 85px; gap:35px; align-items: center;}
.header_logo{flex:0 0 255px;}
.header_logo_link{display: inline-block;}
.header_logo_link > img{vertical-align: middle;}
.header_nav_container{flex:1;}
.header_nav_list{display:flex;gap: 35px; align-items: center; text-align: center;}
.header_nav_list > li{}
.header_nav_list > li:last-of-type{}
.header_nav_menu{display:inline-block;font-family: 'nsb';color:#fff; font-size:23px; line-height:1;}
.header_nav_menu:hover{color:#fffc00;}
.header_main_group{flex:1; display:flex; align-items: flex-end; gap:35px;}
.header_util_container{}
.header_util_list{display:flex; justify-content: flex-end; gap:15px;}
.header_util_list > li{}
.header_util_list > li:last-of-type{}
.header_util_menu{display:inline-flex; height:40px; font-family: 'nsb'; justify-content: center; align-items: center; min-width:100px; text-align: center; box-sizing: border-box; background-color: #fff; padding:0 15px; border-radius: 100px; color:#555554; font-size:20px; line-height:1;}
.header_util_menu:hover{color:#555554; background-color:#fffc00;}
.header_util_menu.skin2{color:#fff; background-color:#555554;}
.header_util_menu.skin2:hover{color:#fffc00;}
.header_mobile_container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;}
.header_mobile_container.active{display:block;}
.header_mobile_container.active:before{display:block;content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:rgb(0,0,0); opacity:0; transition:opacity .5s;}
.header_mobile_container.active.motion{}
.header_mobile_container.active.motion .header_mobile_panel{left:0;}
.header_mobile_container.active.motion:before{opacity:0.5;}
.btn_mb_total{display:none;width:60px;height:60px;background:url("../images/header_mb_total.png") no-repeat 50% 50%/100% auto;position:absolute;top:0;left:0;}
.header_mobile_panel{display:block;position:fixed;top:0;left:-240px;width:240px;background:#fff;height:100%; overflow: hidden; overflow-y: auto; transition:left .5s;}
.header_mobile_panel .logo_row{padding:35px 15px;}
.header_mobile_panel .logo_row .mb_logo{max-width:170px; display:block;text-align: center; margin:0 auto;}
.header_mobile_panel .util_row{}
.header_mobile_panel .menu_row{padding-top:20px;}
.header_mobile_panel .else_row{padding-top:20px;}
.mb_logo{}
.mb_logo img{vertical-align: middle;}
.mb_util_list{display:flex; gap:5px 10px; flex-wrap:wrap; justify-content: center;}
.mb_util_list > li{}
.mb_util{display:inline-flex; min-height:30px; color:#fffc00; font-family: 'nsb'; color:#555554; font-size:12px; padding:0 10px; min-width:70px; justify-content: center; text-align: center; align-items: center; box-sizing: border-box; border:1px solid #555554; border-radius: 100px;}
.mb_util.skin2{color:#fff; background-color:#555554;}
.mb_nav_list{text-align: center;}
.mb_nav_list > li{}
.mb_nav_list > li:last-of-type{}
.mb_nav_menu{display:block; color:#048ee5; font-size:17px; line-height:1.3; padding:15px; font-family: 'nsb'; text-align: center; box-sizing: border-box;}
.mb_else_list{}
.mb_else_list > li{}
.mb_else_list > li:last-of-type{}
.mb_else_menu{display:block; font-size:14px; line-height:1.3; padding:10px 15px; text-align: center; box-sizing: border-box;}
.mb_else_menu:hover{background:#e5e5e5;}
.middle_section{flex:1;}
.footer_section{background:#555554;}
.footer_inner{max-width:1080px; margin:0 auto; padding:0 30px; display:flex; min-height: 60px; gap:35px; align-items: center;}
.footer_menu_cols{}
.footer_menu_list{display:flex;gap:50px; align-items: center;}
.footer_menu_list > li{}
.footer_menu_list > li:last-of-type{}
.footer_menu{display:inline-block; font-size:16px; color:#fff; line-height:1; position:relative; top:1px;}
.footer_copy_cols{flex:1;}
.footer_copy_list {display:flex; justify-content: flex-end; align-items: center; gap:5px 15px;}
.footer_copy_list > li{position:relative;}
.footer_copy_list > li:after{display:block;content:'';width:2px;height:2px;background:#fff; position:absolute;top:50%;right:-8px; margin-top:-1px}
.footer_copy_list > li:last-of-type{}
.footer_copy_list > li:last-of-type:after{display:none;}
.footer_copy_slice{display:inline-block; font-size:16px; color:#fff; line-height:1; position:relative; top:1px;}
@media (max-width:1100px) {
	.header_logo{flex-basis: 200px;}
	.header_inner{gap:20px;}
	.header_nav_menu{font-size:20px;}
	.header_util_menu{padding:0 10px; min-width:90px;}
}
@media (max-width:1023px) {
	.btn_mb_total{display:block;}
	.header_section{}
	.header_inner{padding:0 60px; min-height:60px; height:60px; justify-content: center; align-items: center;}
	.header_main_group{justify-content: center;}
	.header_util_container,
	.header_nav_container{display:none;}
	.header_logo{flex-basis: 170px;}

	.footer_inner{padding:15px; gap:10px 0; min-height:20px;}
	.footer_menu_list{gap:8px;}
	.footer_copy_slice,
	.footer_menu{font-size:13px}
}
@media (max-width:500px) {
	.footer_inner{padding:15px; gap:10px 0; min-height:40px; flex-direction: column; align-items: flex-start; }
}
@media (max-width:359px) {
	.header_logo{flex-basis: 140px;}
}




/* sub layout */
.sub_layout_container{max-width:1124px; padding:0 30px; margin:0 auto 40px;}
.sub_copy_gorup{text-align: center;padding:50px 0;font-family: "NanumSquareNeo";}
.sub_copy_main{font-size:40px; color:#048ee5; font-weight:800; letter-spacing: -1px; }
.sub_copy_sub{margin-top:14px; font-size:18px; line-height:1.4; color:#333333; word-break: keep-all;}
.sub_copy_sub strong{font-weight:800;}
.sub_contents_box{border:10px solid #f3f3f3; position:relative; overflow:hidden;}
.sub_tab_wrap{padding:3px;}
.sub_tab_list{display:flex; min-height:65px;gap:3px;}
.sub_tab_list > li{flex:1;display:flex;flex-direction: column;}
.sub_tab{flex:1; background:#048ee5; display:flex; justify-content: center; align-items: center; padding:5px;}
.sub_tab .text_node{font-size:23px; font-weight:700; color:#fff; font-family: "NanumSquareNeo";word-break: keep-all; text-align: center;}
.sub_cont_wrap{padding:60px 55px 80px;font-family: "NanumSquareNeo";}
@media (max-width:1023px) {
	.sub_layout_container{padding:0 20px; margin:0 auto 20px;}
	.sub_copy_gorup{padding:15px 0; text-align: left;}
	.sub_copy_main{font-size:20px;}
	.sub_copy_sub{margin-top:5px; font-size:14px;}
	.sub_contents_box{border-width:5px;}
	.sub_tab_wrap{padding:2px;}
	.sub_tab_list{display:flex; min-height:30px;gap:2px;}
	.sub_tab .text_node{font-size:14px; }
	.sub_cont_wrap{padding:20px 20px 40px;}
}
/* // sub layout */

/* // 2025 */