@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2020-08-18
**************************************************/


/**************************************************
	Common
**************************************************/
/* 스프라이트 이미지 */
.sp_ui,
#header .area_top .util_r .lst li a:before,
#header .gnb_wrap .gnb_sitemap a:after,
#header #gnb > li > div > ul > li a[target="_blank"]:after,
#header .sitemap_wrap .snb a[target="_blank"]:after,
#footer .wrap_copyright .area_link .related .open_select:before,
#footer .wrap_copyright .area_link .related .open_select:after,
#footer .wrap_copyright .area_link .btn_contact a:before,
#footer .wrap_copyright .area_link .btn_contact a:after,
#side .snb a[target="_blank"]:after,
#side .snb a .unfd,
.cont_head .btn_back:before,
.cont_head .title span:after,
.cont_head .util_area button,
.cont_head .box_share .btn_close:after,
.cont_foot .cont_rating h2:before,
.lnb li a[target="_blank"]:after,
.lnb.tmn01 li a:not([target="_blank"]):after,
.cont_foot .cont_rating h2:before{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui.png) no-repeat 0 0;}

body.scroll-no{overflow:hidden;}
#wrap{position:relative; min-width:280px;}
/**************************************************
	상단 배너
**************************************************/
#topban{position:relative;}
#topban .topbanzone{position:relative; overflow:hidden; height:110px;}
#topban .topbanzone .nav{position:absolute; left:0; bottom:0; right:0; width:100%; max-width:1260px; margin:0 auto;}
#topban .topbanzone .nav .area_ctrl{position:absolute; bottom:40px; right:0;}
#topban .topbanzone .nav .area_ctrl button{float:left; overflow:hidden; width:36px; height:36px; margin-left:3px; background:url(../images/common/sp_topban_ctrl.png) no-repeat 0 0; color:transparent;}
#topban .topbanzone .nav .area_ctrl .prev{background-position:-30px 0;}
#topban .topbanzone .nav .area_ctrl .play{display:none; background-position:-110px 0;}
#topban .topbanzone .nav .area_ctrl .pause{display:none; background-position:-70px 0;}
#topban .topbanzone .nav .area_ctrl .next{background-position:-150px 0;}
#topban .topbanzone .nav .area_ctrl .active{display:block;}
#topban .topbanzone .nav .area_close{position:absolute; bottom:10px; right:0; color:#fff;}
#topban .topbanzone .nav .area_close *{float:left;}
#topban .topbanzone .nav .area_close .inp_chk{margin:4px 5px 0 0;}
#topban .topbanzone .nav .area_close .btn_close{overflow:hidden; width:21px; height:21px; margin:0 0 0 15px; background:url(../images/common/sp_topban_ctrl.png) no-repeat 0 0; color:transparent;}
#topban .topbanzone .item{position:relative; overflow:hidden; height:110px; vertical-align:top;}
#topban .topbanzone .item > .inr{position:absolute; left:50%; transform:translateX(-50%);}
#topban .topbanzone .item a{display:block;}
#topban .topbanzone .item .b_t,
#topban .topbanzone .item .b_m{display:none;}
#topban .topbanzone .item img{max-width:none;}

.inner{width:100%; max-width:var(--g-contents-wrap-size); padding-left:var(--g-contents-padding-x); padding-right:var(--g-contents-padding-x);}
@media (min-width:1024px){
	.inner{margin:0 auto;}
}

/**************************************************
	Header
**************************************************/
.header-top{background-color:#f2f2f2;}
.header-top .inner{max-width:none;}
.header-top .t-menu{display:flex;}
.header-top .t-menu .link{display:flex; align-items:center; gap:var(--g-gap-2); height:4rem; padding:0 var(--g-padding-3); font-weight:var(--g-font-weight-bold); font-size:var(--g-pc-font-size-label-small);}
.header-top .t-menu .link:hover{background-color:var(--g-color-light-secondary-5);}
.header-top .t-menu .link.active{background-color:#fff; color:#0076bf;}
.header-top .t-menu .link .svg-icon{width:var(--g-icon--size-medium); height:var(--g-icon--size-medium);}

#wrap[class*=scroll-] #header{position:relative;}
#wrap[class*=scroll-] #header .inner{position:fixed; top:0; left:0; z-index:100; width:100%; border-bottom:.1rem solid var(--g-light-color-divider-gray-light); background-color:var(--g-color-light-gray-0); transition:transform ease .4s .01s;}
#wrap.scroll-down #header .inner{transform:translateY(calc(-100% - 1px));}
#wrap.scroll-up #header .inner{transform:translateY(0);}
#header{position:sticky; top:0; left:0; z-index:70; background-color:#fff;}
#header .inner{display:flex; justify-content:space-between; align-items:center; gap:var(--g-gap-8); position:relative; max-width:none;}
@media (min-width:600px){
	.header-top .t-menu .link br{display:none;}
}
/* 헤더 Logo */
#header .logo{}
#header .logo a{display:block; width:239px; height:43px; overflow:hidden; background:url(../images/common/logo_header.svg) no-repeat 0 0/contain;}
/* 헤더 GNB Fixed */

/* 헤더 GNB */
#header .gnb_wrap{}
#header #gnb{}
#header #gnb a{display:block;}
#header #gnb{display:flex; align-items:center; gap:9rem;}
#header #gnb > li{position:relative;}
#header #gnb > li > a{display:flex; align-items:center; position:relative; font-weight:var(--g-font-weight-bold); font-size:1.9rem; height:99px; text-align:center;}
#header #gnb > li.active > a{color:#2303e8;}
#header #gnb > li > a > span{display:inline-block; position:relative;}
/* 2차 */
#header #gnb > li > div{display:none; visibility:hidden; position:absolute; top:99px; z-index:31; overflow:hidden; transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header #gnb > li.open > div{display:block; visibility:visible; z-index:32;}
#header #gnb > li.active > div{}
#header #gnb > li > div > ul{padding:30px 0;}
#header #gnb > li > div > ul > li{position:relative;}
#header #gnb > li > div > ul > li > a{position:relative; padding:3px 0; font-weight:700; font-size:1.7rem; white-space:nowrap;}
#header #gnb > li > div > ul > li.active > a{color:#2303e8; text-decoration:underline;}
#header #gnb > li > div > ul > li a[target="_blank"]:after{content:''; width:16px; height:14px; margin:0 0 0 5px; background-position:-31px -67px; vertical-align:baseline;}
/* 3차 */
#header #gnb > li > div > ul > li > ul{}
#header #gnb > li > div > ul > li > ul > li{position:relative; padding:0 0 0 13px;}
#header #gnb > li > div > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:13px; left:1px; width:4px; height:4px; border-radius:50%; background:#111;}
#header #gnb > li > div > ul > li > ul > li > a{padding:3px 0; font-size:16px;}
#header #gnb > li > div > ul > li > ul > li.active > a{color:#2303e8;}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{position:absolute; top:99px; left:0; z-index:20; overflow:hidden; width:100%; height:0; background:rgba(255,255,255,.95); backdrop-filter:blur(5px); transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header .gnb_wrap .gnb_bg.open{border-top:1px solid #dcdcdc;}
#header .gnb_wrap .gnb_bg > .inr{position:relative; max-width:1400px; margin:0 auto;}
/* Util area */
#header .util_area{display:flex; align-items:center;}
#header .util_area .sitemap{width:55px; height:55px; overflow:hidden; color:transparent; background:url(../images/common/ico_sitemap_bk.png) no-repeat 50%;}
#header .sitemap_wrap{display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:100; background:#fff;}
#header .sitemap_wrap.open{display:block;}
body.fixed_sitemap{overflow:hidden; width:100%; height:100%;}
#header .sitemap_wrap .stm_header{background:#203c7b;}
#header .sitemap_wrap .stm_header > .inr{display:flex; justify-content:space-between; align-items:center; max-width:1400px; height:112px; margin:0 auto;}
#header .sitemap_wrap .stm_header .btn_close{width:48px; height:48px; overflow:hidden; background:url(../images/common/btn_stm_close.png) no-repeat 0 0; color:transparent;}
#header .sitemap_wrap .stm_container{height:calc(100vh - 112px); overflow:hidden; overflow-y:auto;}
#header .sitemap_wrap .stm_container > .inr{max-width:1400px; margin:0 auto; padding:30px 0;}
#header .sitemap_wrap .stm_container .stm_lst{display:flex; justify-content:space-between;}
#header .sitemap_wrap .stm_container .stm_lst > li{width:21.4%;}
#header .sitemap_wrap .stm_container .stm_lst h2{display:flex; justify-content:center; align-items:center; height:65px; margin-bottom:10px; background:url(../images/common/bg_stm_d01.png) no-repeat 0 0/cover; font-size:20px; color:#fff;}
#header .sitemap_wrap .stm_container .stm_lst h2:before{content:''; width:20px; height:18px; margin-right:5px; background:url(../images/common/ico_stm_d01.png) no-repeat 0 0;}
#header .sitemap_wrap .snb{border:1px solid #cbcbcb;}
#header .sitemap_wrap .snb a{display:block; position:relative; line-height:1.2; letter-spacing:-1px; color:#444;}
#header .sitemap_wrap .snb a[target="_blank"]:after{content:''; width:16px; height:14px; margin:0 0 0 5px; background-position:-31px -67px; vertical-align:baseline;}
#header .sitemap_wrap .snb a.parent:after{display:none;}
#header .sitemap_wrap .snb a .unfd{position:absolute; top:50%; left:19px; transform:translateY(-50%); width:24px; height:24px; overflow:hidden; background:url(../images/common/ico_stm_unfd.png) no-repeat 0 0; color:transparent;}
#header .sitemap_wrap .snb a.on .unfd{background:url(../images/common/ico_stm_fd.png) no-repeat 0 0;}
/* 2차 */
#header .sitemap_wrap .snb > li{border-bottom:1px solid #cbcbcb;}
#header .sitemap_wrap .snb > li:last-child{border-bottom:0;}
#header .sitemap_wrap .snb > li.open{}
#header .sitemap_wrap .snb > li > a{padding:20px 10px 20px 50px; font-size:16px; font-weight:600;}
#header .sitemap_wrap .snb > li > a.on{}
/* 3차 */
#header .sitemap_wrap .snb > li > ul{display:none; padding:10px 20px 10px 55px; border-top:1px solid #cbcbcb;}
#header .sitemap_wrap .snb > li.open > ul{display:block;}
#header .sitemap_wrap .snb > li > ul > li{}
#header .sitemap_wrap .snb > li > ul > li:last-child{border-bottom:0;}
#header .sitemap_wrap .snb > li > ul > li > a{padding:7px 0 6px 10px; font-size:16px; letter-spacing:-1.5px;}
#header .sitemap_wrap .snb > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:14px; left:0px; width:4px; height:4px; border-radius:50%; background:#a5aab6;}
#header .sitemap_wrap .snb > li > ul > li > a.on{font-weight:600; color:#f0430a;}
#header .sitemap_wrap .snb > li > ul > li > a.on:before{background:#f1430a;}
#header .sitemap_wrap .snb > li > ul > li a .unfd{display:none;}
/* 4차 */
#header .sitemap_wrap .snb > li > ul > li > ul{margin:0 0 0 5px; background:#f1f1f1;}
#header .sitemap_wrap .snb > li > ul > li.open > ul{display:block; padding:5px 7px;}
#header .sitemap_wrap .snb > li > ul > li > ul > li > a{padding:6px 0 5px 10px; font-size:15px; color:#666;}
#header .sitemap_wrap .snb > li > ul > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:0; width:5px; border-bottom:2px solid #666;}
#header .sitemap_wrap .snb > li > ul > li > ul > li a.on{font-weight:600; color:#212121;}
#header .sitemap_wrap .snb > li > ul > li > ul > li a.on:before{border-color:#222;}

#header .util_area .mem_lst{display:flex; align-items:center;}
#header .util_area .mem_lst a{width:55px; height:55px; overflow:hidden; color:transparent;}
#header .util_area .mem_lst a.login{background:url(../images/common/ico_login_bk.png) no-repeat 50%;}
#header .util_area .mem_lst a.join{background:url(../images/common/ico_join_bk.png) no-repeat 50%;}
#header .util_area .mem_lst a.logout{background:url(../images/common/ico_logout_bk.png) no-repeat 50%;}
#header .util_area .mem_lst a.mypage{background:url(../images/common/ico_mypage_bk.png) no-repeat 50%;}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}

/**************************************************
	Footer
**************************************************/
#footer{position:relative; background-color:#333;}
#footer > .inner{display:flex; flex-direction:column; gap:var(--g-gap-9); padding-top:var(--g-padding-10); padding-bottom:var(--g-padding-10); color:#aaa;}
#footer .foot-quick{border-top:var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light); background-color:var(--g-light-color-background-white);}
#footer .foot-quick .inner{display:flex;}
#footer .foot-quick .link{display:flex; align-items:center; justify-content:space-between; gap:var(--g-gap-3); width:25%; height:var(--g-size-height-8); padding:0 var(--g-padding-8); border-right:var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light); transition:var(--g-transition-base);}
#footer .foot-quick .link:first-child{border-left:var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light);}
#footer .foot-quick .link:after{content:''; display:inline-flex; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust: none; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url(../images/common/icon/ico_plus.svg); transition:var(--g-transition-base);}
#footer .foot-quick .link:hover{background-color:var(--g-light-color-action-secondary-hover);}
#footer .foot-quick .link:is(:active,:focus){background-color:var(--g-light-color-action-secondary-pressed);}
#footer .foot-quick :is(.modal-header,.modal-conts){max-width:var(--g-contents-wrap-size); padding:0 var(--g-contents-padding-x);}
#footer .foot-quick .modal-dialog .modal-header {
	padding: 16rem var(--g-contents-padding-x) var(--g-padding-10);
	line-height: 1;
}
#footer .foot-quick .modal-dialog .btn-close {
	top: var(--g-gap-12);
	right: var(--g-gap-12);
}
#footer .foot-quick .pop-foot-links {
	--pop-foot-link-color-background-hover: var(--g-light-color-element-secondary-light);
	--pop-foot-link-color-background-active: var(--g-light-secondary-20);
	padding: 0.4rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--g-gap-3) var(--g-gap-5);
}
#footer .foot-quick .pop-foot-links li a {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-2);
	padding: var(--g-padding-5) var(--g-padding-3);
	border-radius: var(--g-radius-medium3);
	word-break: break-all;
}
#footer .foot-quick .pop-foot-links li a::before {
	content: "･";
	margin-top: 0.1rem;
}
#footer .foot-quick .pop-foot-links li a:hover {
	background-color: var(--pop-foot-link-color-background-hover);
}
#footer .foot-quick .pop-foot-links li a:active {
	background-color: var(--pop-foot-link-color-background-active);
}
#footer .f-menu{display:flex; flex-wrap:wrap; gap:var(--g-gap-5); padding-bottom:var(--g-padding-9); border-bottom:var(--g-light-border-width-static-regular) solid var(--g-light-color-divider-gray-dark);}
#footer .f-menu .g-btn{font-weight:var(--g-font-weight-bold); color:#fff;}
#footer .f-menu .g-btn:is(:hover,:focus,:active){background-color:transparent;}
#footer .f-menu .privacy{color:#71c7fc;}
#footer .f-cnt{display:flex; justify-content:space-between; gap:var(--g-gap-7);}
#footer .f-cnt .f-info{display:flex; flex-direction:column; flex:1; gap:var(--g-gap-4);}
#footer .f-cnt .f-info .info-cs{display:flex; flex-wrap:wrap; gap:var(--g-gap-2) var(--g-gap-5);}
#footer .f-cnt .f-info .info-cs li{display:flex; align-items:center; gap:var(--g-gap-2);}
#footer .f-copy{font-size:var(--g-pc-font-size-body-small);}
#footer .f-logo{flex-shrink:0; display:block; width:239px; height:43px; overflow:hidden; background-color:#888; forced-color-adjust: none; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url(../images/common/logo_header.svg);}


/**************************************************
	Container
**************************************************/
#container{}

/**************************************************
	Side
**************************************************/
#side{float:left; width:280px; padding:0 0 50px;}
/* SNB */
#side .snb_wrap .title{display:flex; justify-content:center; align-items:center; position:relative; height:167px; padding:0 5px; background:url(../images/common/bg_snb_tit.jpg) no-repeat 0 0; font-size:28px; color:#fff; letter-spacing:-2px; text-align:center; word-break:keep-all; word-wrap:break-word;}
#side .snb{border:1px solid #cbcbcb; border-top:0;}
#side .snb a{display:block; position:relative; line-height:1.2; letter-spacing:-1px; color:#444;}
#side .snb a[target="_blank"]:after{content:''; width:16px; height:14px; margin:0 0 0 5px; background-position:-31px -67px; vertical-align:baseline;}
#side .snb a.parent:after{display:none;}
#side .snb a .unfd{position:absolute; top:50%; right:20px; transform:translateY(-50%); width:12px; height:7px; background-position:-13px -50px;}
#side .snb a.on .unfd{background-position:-13px -60px;}
/* 2차 */
#side .snb > li{border-bottom:1px solid #cbcbcb;}
#side .snb > li:last-child{border-bottom:0;}
#side .snb > li.open{margin:0 -1px; border:2px solid #203c7b;}
#side .snb > li > a{padding:20px 35px 20px 20px; font-size:17px; font-weight:600;}
#side .snb > li > a.on{margin:0 -1px; background:#203c7b; color:#fff;}
/* 3차 */
#side .snb > li > ul{display:none; padding:10px 20px;}
#side .snb > li.open > ul{display:block;}
#side .snb > li > ul > li{}
#side .snb > li > ul > li:last-child{border-bottom:0;}
#side .snb > li > ul > li > a{padding:7px 0 6px 10px; font-size:16px; letter-spacing:-1.5px;}
#side .snb > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:14px; left:0px; width:4px; height:4px; border-radius:50%; background:#a5aab6;}
#side .snb > li > ul > li > a.on{font-weight:600; color:#f0430a;}
#side .snb > li > ul > li > a.on:before{background:#f1430a;}
#side .snb > li > ul > li a .unfd{display:none;}
/* 4차 */
#side .snb > li > ul > li > ul{margin:0 0 0 5px; background:#f1f1f1;}
#side .snb > li > ul > li.open > ul{display:block; padding:5px 7px;}
#side .snb > li > ul > li > ul > li > a{padding:6px 0 5px 10px; font-size:15px; color:#666;}
#side .snb > li > ul > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:0; width:5px; border-bottom:2px solid #666;}
#side .snb > li > ul > li > ul > li a.on{font-weight:600; color:#212121;}
#side .snb > li > ul > li > ul > li a.on:before{border-color:#222;}

/**************************************************
	Content
**************************************************/
/*** 컨텐츠 공통 ***/
.cont_wrap{
	--g-contents-wrap-size:1328px;
}
.cont_wrap > .inner{padding-bottom:var(--g-pc-gap-layout-contents-footer);}

/*** 컨텐츠 헤드 ***/
.cont_head{position:relative; height:271px; background:url(../images/common/bg_visual.jpg) no-repeat 50%/cover;}
body[data-menu-idtop^="00001251"] .cont_head{background-image:url(../images/common/bg_visual02.jpg);}
body[data-menu-idtop^="00001252"] .cont_head{background-image:url(../images/common/bg_visual03.jpg);}
body[data-menu-idtop^="00001253"] .cont_head{background-image:url(../images/common/bg_visual04.jpg);}
.cont_head > .inner{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem; position:relative; height:100%; color:#fff;}
.cont_head .area_title{}
.cont_head .title{font-weight:700; font-size:5.6rem;}
.cont_head .nav{display:none;}
/* location */
.cont_head .area_location{}
.cont_head .area_location ol.location{display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px; position:relative; z-index:10;}
.cont_head .area_location ol.location li{display:flex; align-items:center; position:relative; font-size:1.5rem;}
.cont_head .area_location ol.location li:before{content:'>'; margin:0 8px 0 0;}
.cont_head .area_location ol.location li:first-child{width:14px; height:16px; overflow:hidden; margin-top:2px; background:url(../images/common/ico_loc_home.png) no-repeat 0 0; color:transparent;}
.cont_head .area_location ol.location li:first-child:before{display:none;}
/* 공유 버튼 */
.cont_head .util_area{display:flex; align-items:center; gap:14px; position:absolute; bottom:20px; right:var(--g-contents-padding-x);}
.cont_head .util_area button{position:relative; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.25);}
.cont_head .util_area button:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:url(../images/common/ico_conhead_util.png) no-repeat 0 0;}
.cont_head .util_area .btn_zin:after{width:16px; height:16px; background-position:0 0;}
.cont_head .util_area .btn_zout:after{width:15px; height:2px; background-position:-18px 0;}
.cont_head .util_area .btn_print:after{width:21px; height:20px; background-position:-55px 0;}
/* 공유 박스 */
.cont_head .util_area .c_share_box{}
.cont_head .util_area .c_share_box .btn_share:after{width:18px; height:20px; background-position:-35px 0;}
.cont_head .util_area .c_share_box.open .btn_share{background:#fff;}
.cont_head .util_area .c_share_box.open .btn_share:after{width:13px; height:13px; background-position:-78px 0;}
.cont_head .util_area .c_share_box .ly_share{display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:20; padding:10px 13px; border:1px solid #cbcbcb; border-radius:8px; background:#fff;}
.cont_head .util_area .c_share_box .ly_share:after{content:''; display:none; position:absolute; top:-6px; right:33px; width:8px; height:8px; border:1px solid #cbcbcb; border-width:1px 1px 0 0; background:#fff; transform:rotate(-45deg);}
.cont_head .util_area .c_share_box.open .ly_share{display:flex; align-items:center; gap:12px;}
.cont_head .util_area .c_share_box .ly_share button{width:28px; height:28px; background:none;}
.cont_head .util_area .c_share_box .ly_share button:after{width:28px; height:28px; background:url(../images/common/ico_sns_share.png) no-repeat 0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_twitter:after{background-position:0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_facebook:after{background-position:0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_blog:after{background-position:-30px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_kakao:after{background-position:-60px 0;}
.cont_head .util_area .c_share_box .ly_share button.btn_url{width:auto; padding:0 6px; border:1px solid #c9cdd1; border-radius:4px; font-size:1.3rem; color:#111 !important;}
.cont_head .util_area .c_share_box .ly_share button.btn_url:after{display:none;}
/*** 2차메뉴 ***/
.snb{border-bottom:1px solid #cbcbcb;}
.snb .btn_open{display:none;}
.snb ul{display:flex; justify-content:center; gap:97px;}
.snb ul a{display:block; position:relative; padding:20px 0; font-weight:700; font-size:1.7rem}
.snb ul a.on{color:#003ca5;}
.snb ul a.on:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background-image:linear-gradient(to right,#0088de,#003ca5);}

/*** 컨텐츠 바디 ***/
.cont_body{padding:90px 0 0; word-break:keep-all; word-wrap:break-word;}
.cont_body:after{content:''; display:block; clear:both;}
.cont_body_in{max-width:1280px; margin:0 auto;}

/* 탭메뉴 common */
.lnb{width:100%; margin-bottom:30px;}
.lnb ul{display:flex; flex-wrap:wrap; position:relative;}
.lnb li{position:relative; padding:0; font-size:16px;}
.lnb li:before{display:none;}
.lnb li a{display:flex; justify-content:center; align-items:center; position:relative; height:100%; word-break:break-all;}
.lnb li a[target="_blank"]:after{content:''; flex:0 0 auto; width:16px; height:14px; margin:0 0 0 5px; background-position:-31px -67px; vertical-align:baseline;}
.lnb li.on a{font-weight:600; color:#00398c;}
/* 탭메뉴01(일반 4개 이하) */
.lnb.tmn01 ul{justify-content:center; gap:14px;}
.lnb.tmn01 li{font-weight:700; font-size:1.7rem; line-height:1.5;}
.lnb.tmn01 li a{justify-content:center; min-width:140px; padding:10px 20px; border:1px solid #203647; border-radius:24px;}
.lnb.tmn01 li.on a{border-color:transparent; background:linear-gradient(-225deg,#2303e8 12%,#1554c4 70%); color:#fff;}
/* 탭메뉴03(박스) */
.lnb.tmn03{padding:25px 0; border:1px solid #dbdbdb; background:#fafafa;}
.lnb.tmn03 li{position:static; width:33.33%;}
.lnb.tmn03 li:before{content:''; display:inline-block; position:absolute; top:0; bottom:0; border-left:1px dotted #b5b5b5;}
.lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.lnb.tmn03 li a{justify-content:flex-start; margin:0 0 0 25px; padding:5px 10px 4px 0;}
.lnb.tmn03 li a:before{content:''; flex:0 0 auto; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#3e73c1;}
/* 탭메뉴04(년도) */
.lnb.tmn04{padding:0 7px; border:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,.05);}
.lnb.tmn04 ul{display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; margin:0; background-image:repeating-linear-gradient(#fff, #fff 50px, #dedede 50px, #dedede 51px, #fff 51px);}
.lnb.tmn04 li{position:relative; min-width:12.5%; margin:7px 0; padding:0; line-height:1.2;}
.lnb.tmn04 li:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; bottom:0; width:0; height:15px; margin:auto; border-left:1px solid #dedede;}
.lnb.tmn04 li a{display:flex; justify-content:center; align-items:center; overflow:hidden; height:36px; line-height:18px; margin:0 7px; padding:0 18px;}
.lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-bottom:0; border-top-color:#1178c6;}
.lnb.tmn04 li.on a{border-radius:3px; background:#1178c6; color:#fff;}

/*** 컨텐츠 하단 ***/
.cont_foot{overflow:hidden; margin:40px auto 0; border:1px solid #dcdcdc; border-radius:10px;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager{display:flex; flex-wrap:wrap; align-items:center; gap:35px; padding:15px 40px; background:#f9f9f9;}
.cont_foot .cont_manager dl{display:flex; align-items:center; font-size:1.6rem;}
.cont_foot .cont_manager dl.update{margin-left:auto;}
.cont_foot .cont_manager dt{display:flex; align-items:center; font-weight:700;}
.cont_foot .cont_manager dt:after{content:':'; margin:0 8px;}
.cont_foot .cont_manager dd span{display:inline-flex;}
.cont_foot .cont_manager dd .name{margin-left:5px;}
/* 컨텐츠 평가 */
.cont_foot .cont_rating{padding:15px 40px;}
.cont_foot .cont_rating > .inr{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative;}
.cont_foot .cont_rating h2{display:flex; align-items:center; font-size:1.6rem;}
.cont_foot .cont_rating h2:before{content:''; flex:0 0 auto; width:31px; height:29px; margin-right:10px; background:url(../images/common/ico_rating.png) no-repeat 0 0/cover;}
.cont_foot .cont_rating .inp_area{}
.cont_foot .cont_rating .inp_area fieldset{display:flex; flex-wrap:wrap; align-items:center; gap:20px;}
.cont_foot .cont_rating .inp_area span{display:inline-flex; align-items:center;}
.cont_foot .cont_rating .inp_area .inp_rdo{margin:0 5px 0 0;}
.cont_foot .cont_rating .inp_area label{letter-spacing:-1px;}
.cont_foot .cont_rating .inp_area .btn_rate{height:39px; line-height:39px; padding:0 20px; border:0; border-radius:20px; background:#003ca5; font-weight:700; font-size:1.5rem; color:#fff;}
/* 공공누리 */
.cont_foot .openType {padding:10px;}
.cont_foot .openType figure{position:relative; margin:0px;}
.cont_foot .openType figure:after{content:''; display:block; clear:both;}
.cont_foot .openType figure .fi_link{float:left; padding:0 10px 0 0;}
.cont_foot .openType figure img {height:75px;}
.cont_foot .openType figure figcaption {display:table-cell; padding:10px 0 0; font-size:0.86em; word-break:keep-all;}

/**************************************************
	팝업창 Layout
**************************************************/
#wrap_pop{}
#wrap_pop .pop_head{padding:20px var(--g-contents-padding-x); background:#004fa2;}
#wrap_pop .pop_head .title{font-size:2.4rem; color:#fff;}
#wrap_pop .cont_body{position:relative; padding:30px var(--g-contents-padding-x);}
#wrap_pop .btn-close{position:absolute; top:20px; right:20px;}
#wrap_pop .btn-close .svg-icon{background-color:#fff;}

/* Tablet ~ 1500px */
@media all and (max-width:1500px){
	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone{height:auto;}
	#topban .topbanzone .nav{right:10px; width:auto;}
	#topban .topbanzone .item{height:auto; text-align:center;}
	#topban .topbanzone .item > .inr{position:relative; left:auto; transform:none;}
	#topban .topbanzone .item img{width:100%; max-width:100%; margin:0 auto;}
	#topban .topbanzone .item .b_p,
	#topban .topbanzone .item .b_m{display:none;}
	#topban .topbanzone .item .b_t{display:block;}

	/**************************************************
		Header
	**************************************************/

	/**************************************************
		Footer
	**************************************************/

	/**************************************************
		Container
	**************************************************/
}

/* Tablet ~ 1280px */
@media all and (max-width:1280px){
	/**************************************************
		Header
	**************************************************/
	#header #gnb{gap:5rem;}
	#header #gnb > li > div > ul > li > a{font-size:1.6rem;}

	/**************************************************
		Footer
	**************************************************/
	#footer .foot-quick .link{flex:1;}

	/**************************************************
		Container
	**************************************************/
	.cont_head > .inr{margin:0 24px;}
}

/* Tablet 768px ~ 1023px */
@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	.sp_ui,
	#header .area_top .util_r .lst li a:before,
	#wholeview .w_close_btn:after,
	#wholeview .head .area_wv_util li a:before,
	.wholeview_wrap #wholeview .nav a .unfd:after,
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after,
	#footer .wrap_copyright .area_link .related .open_select:before,
	#footer .wrap_copyright .area_link .related .open_select:after,
	#footer .wrap_copyright .area_link .btn_contact a:before,
	#footer .wrap_copyright .area_link .btn_contact a:after,
	.cont_head .btn_back:before,
	.cont_head .title span:after,
	.cont_head .area_location ol li:before,
	.cont_head .util_area button,
	.cont_foot .cont_rating h2:before,
	.lnb li a[target="_blank"]:after,
	.lnb.tmn01 li a:not([target="_blank"]):after,
	.cont_foot .cont_rating h2:before{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui_m.png) no-repeat 0 0/400px 400px;}

	/**************************************************
		Header
	**************************************************/
	/* 배너 상단 */
	#topban .topbanzone .nav .area_ctrl{display:none;}
	.header-top .inner{padding:0;}
	#header .inner{gap:var(--g-gap-3); padding-top:var(--g-gap-5); padding-bottom:var(--g-gap-5);}
	#header .logo a{aspect-ratio:239/43; width:18rem; height:auto;}
	/* GNB */
	#header .gnb_wrap{position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; overflow:hidden; white-space:nowrap;}
	#header .sitemap_wrap{display:none !important;}
	#header .util_area{margin-left:auto;}
	#header .util_area .sitemap{display:none;}
	#header .util_area .mem_lst{gap:5px;}
	#header .util_area .mem_lst a{position:relative; width:30px; height:30px; overflow:hidden; padding:0; border:0; color:transparent;}
	#header .util_area .mem_lst a.login{background-image:url(../images/common/ico_login_bk_m.png); background-size:15px 18px;}
	#header .util_area .mem_lst a.join{background-image:url(../images/common/ico_join_bk_m.png); background-size:19px 16px;}
	#header .util_area .mem_lst a.logout{background-image:url(../images/common/ico_logout_bk_m.png); background-size:15px 18px;}
	#header .util_area .mem_lst a.mypage{background-image:url(../images/common/ico_mypage_bk_m.png); background-size:19px 16px;}
	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; width:100%; height:100%;}
	body.open_wv #wrap #header > .inner{transform:none; transition:none;}
	.wholeview_wrap .btn_wv{position:relative; z-index:2; overflow:hidden; width:30px; height:30px; background:none;}
	.wholeview_wrap .btn_wv .sp_ui{position:absolute; top:0; left:0; bottom:0; right:0; width:26px; height:16px; margin:auto; background:url(../images/common/ico_sitemap_bk_m.png) no-repeat 0 0/cover;}
	.wholeview_wrap{display:flex; align-items:center;}
	.wholeview_wrap #wholeview{position:fixed; top:0; right:0; bottom:0; z-index:1000; overflow:auto; width:70%; max-width:420px; min-width:280px; background:#fff; margin-right:-48px;
	transition:all 0.3s; transform:translate(100%, 0);}
	.wholeview_wrap.open #wholeview{margin-right:0; transform:translate(0, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{bottom:0; background:rgba(0,0,0,0.8);}
	.wholeview_wrap .title_wv {display:none;}
	/* 모바일 전체메뉴 head */
	#wholeview .head{}
	#wholeview .head .area_top{display:flex; justify-content:space-between; align-items:center; position:relative; height:56px; padding:0 0 0 20px; background:#fff;}
	#wholeview .head .area_top .home{position:relative; padding-left:20px; font-size:1.4rem;}
	#wholeview .head .area_top .home:before{content:''; position:absolute; top:1px; right:0; left:0; width:15px; height:17px; background:url(../images/common/ico_wv_home.png) no-repeat 0 0/cover;}
	#wholeview .head .area_top .w_close_btn{position:relative; width:56px; height:100%; overflow:hidden; background:url(../images/common/ico_wv_close.png) no-repeat 50%/17px; color:transparent;}

	/* 모바일 전체메뉴 gnb */
	.wholeview_wrap #wholeview .nav{padding:0;}
	.wholeview_wrap #wholeview .nav a{display:flex; align-items:center; position:relative;}
	.wholeview_wrap #wholeview .nav a .unfd{position:absolute; top:50%; right:20px; transform:translateY(-50%); width:0; height:0; color:transparent;}
	.wholeview_wrap #wholeview .nav a .unfd:after{content:''; position:absolute; top:50%; right:0; transform:translate(0, -50%);}
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after{content:''; width:16px; height:14px; margin:0 0 0 5px; background-position:-74px -78px;}
	/* 1차 */
	.wholeview_wrap #wholeview .nav>li{border-bottom:1px solid #fff;}
	.wholeview_wrap #wholeview .nav>li>a{padding:15px 45px 15px 20px; background-color:#2c3349; font-weight:700; font-size:1.6rem; color:#fff;}
	.wholeview_wrap #wholeview .nav>li>a.on{background-color:#0053c8;}
	.wholeview_wrap #wholeview .nav>li>a[target="_blank"]:after{filter:invert();}
	.wholeview_wrap #wholeview .nav>li>a:not([target="_blank"]):after{content:''; display:block; position:absolute; top:0; right:20px; bottom:0; width:7px; height:12px; margin:auto 0; background:url(../images/common/ico_wv_d1.png) no-repeat 0 0/cover; transform:translateX(50%);}
	.wholeview_wrap #wholeview .nav>li>a.parent:after{display:none;}
	.wholeview_wrap #wholeview .nav>li>a .unfd:after{width:25px; height:25px; background:url(../images/common/ico_wv_fd.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li.open>a .unfd:after{transform:translate(0, -50%) scaleY(-1);}
	/* 2차 */
	.wholeview_wrap #wholeview .nav>li>div{display:none;}
	.wholeview_wrap #wholeview .nav>li.open div{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li{border-bottom:1px solid #ccc;}
	.wholeview_wrap #wholeview .nav>li div>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a{padding:15px 45px 15px 20px; font-size:1.5rem;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.on{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a:not([target="_blank"]):after{content:''; display:block; position:absolute; top:0; right:20px; bottom:0; width:8px; height:13px; margin:auto 0; background:url(../images/common/ico_wv_d2.png) no-repeat 0 0/cover; transform:translateX(50%);}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.parent:after{display:none;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd:after{right:6px; width:10px; height:10px; background:url(../images/common/ico_wv_fd2.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a .unfd:after{background-image:url(../images/common/ico_wv_unfd2.png);}
	/* 3차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul{display:none; flex-direction:column; gap:15px; padding:18px 20px; border-top:1px solid #ccc; background:#f1f1f1;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>ul{display:flex;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a{font-size:1.4rem;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on{color:#0053c8;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a:before{content:'→'; display:inline-block; margin-right:6px;}
	/* 4차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul{padding:0 0 10px 12px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a{padding:6px 0 5px 0; font-size:14px; color:#666;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a.on{font-weight:600; color:#3065b0;}

	/**************************************************
		Footer
	**************************************************/
	#footer .foot-quick .inner{padding:0;}
	#footer .foot-quick .link{gap:var(--g-gap-2); padding:0 var(--g-padding-3); font-size:var(--g-mobile-font-size-body-small);}
	#footer .foot-quick .link:first-child{border-left:0;}
	#footer .foot-quick .link:last-child{border-right:0;}
	#footer > .inner{gap:var(--g-gap-7); padding-top:var(--g-padding-8); padding-bottom:var(--g-padding-8);}
	#footer .f-menu{gap:var(--g-gap-3); padding-bottom:var(--g-padding-8);}
	#footer .f-cnt{flex-direction:column;}
	#footer .f-cnt .f-info{order:1; font-size:var(--g-mobile-font-size-body-small);}

	#footer .f-logo{aspect-ratio:239/43; width:18rem; height:auto;}


	/**************************************************
		Container
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	.cont_wrap > .inner{padding-bottom:var(--g-mobile-gap-layout-contents-footer);}
	/*** 컨텐츠 헤드 ***/
	.cont_head{height:144px;}
	.cont_head > .inner{flex-direction:row; flex-wrap:wrap; align-content:center;}
	.cont_head .btn_back{display:none; position:absolute; top:0; left:0; z-index:10; width:50px; height:50px; background:none; font-size:14px;}
	.cont_head .btn_back:before{content:''; width:7px; height:11px; margin:0 5px 0 0; background-position:-2px -22px;}
	.cont_head .area_title{width:100%; text-align:center;}
	.cont_head .title{font-size:3rem;}
	.cont_head .nav{display:none; position:absolute; top:100%; left:0; right:0; z-index:20; padding:10px 10px 15px; background:#dbeefe;}
	.cont_head .nav li{margin-top:5px;}
	.cont_head .nav li:first-child{margin-top:0;}
	.cont_head .nav a{display:flex; justify-content:center; align-items:center; padding:10px; border:1px solid #ddd; border-radius:2px; background:#fff; font-size:18px; letter-spacing:-1px; text-align:center;}
	.cont_head .nav a.on{border-color:#1167ae; font-weight:600; color:#0d67b0;}
	.cont_head .nav a:after{content:''; flex:0 0 auto; width:5px; height:5px; margin-left:5px; border:2px solid transparent; border-top-color:#656565; border-right-color:#656565; transform:rotate(45deg);}
	.cont_head .nav a.on:after{border-top-color:#1167ae; border-right-color:#1167ae;}
	.cont_head .title.open + .nav{display:block;}
	.cont_head .area_location{}
	.cont_head .area_location ol.location li{font-size:1.3rem;}
	.cont_head .area_location ol.location li:before{background:none; color:#fff !important;}
	.cont_head .area_location ol.location li:first-child{width:12px; height:13px; background:url(../images/common/ico_loc_home_m.png) no-repeat 0 0/cover;}
	.cont_head .util_area{position:relative; bottom:auto; right:auto; margin-left:10px;}
	.cont_head .util_area .btn_zin,
	.cont_head .util_area .btn_zout,
	.cont_head .util_area .btn_print{display:none;}
	.cont_head .util_area .c_share_box .btn_share{width:26px; height:26px; margin:0; background:rgba(255,255,255,.25);}
	.cont_head .util_area .c_share_box .btn_share:after{width:12px; height:14px; background:url(../images/common/ico_sns_share_m.png) no-repeat 0 0/100px 25px;}
	.cont_head .util_area .c_share_box.open .btn_share{background:rgba(255,255,255,.7);}
	.cont_head .util_area .c_share_box.open .btn_share:after{width:10px; height:9px; background-position:-13px 0;}
	.cont_head .box_share{display:none; float:none; position:absolute; top:45px; right:0; z-index:30; padding:10px; border:1px solid #ddd; background:#fff; white-space:nowrap;}
	.cont_head .util_area .c_share_box .ly_share{padding:7px 10px; border-radius:5px;}
	.cont_head .util_area .c_share_box .ly_share button{width:22px; height:22px;}
	.cont_head .util_area .c_share_box .ly_share button:after{width:22px; height:22px; background-image:url(../images/common/ico_sns_share_m.png); background-size:100px 25px;}
	.cont_head .util_area .c_share_box .ly_share .btn_facebook:after{background-position:-24px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_blog:after{background-position:-47px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_kakao:after{background-position:-70px 0;}
	.cont_head .util_area .c_share_box .ly_share button.btn_url{border-radius:2px;}
	/*** 2차메뉴 ***/
	.snb{position:relative; border-top:1px solid #dddddd; border-bottom:2px solid #0039a9; border-image:linear-gradient(to right,#0074e2,#0039a9 60%); border-image-slice:1;}
	.snb .btn_open{display:flex; justify-content:center; align-items:center; width:100%; padding:14px 0; background:#fff; font-weight:700; font-size:1.6rem; color:#003ca5;}
	.snb .btn_open:after{content:''; width:21px; height:21px; margin-left:8px; background:url(../images/common/ico_snb_open.png) no-repeat 0 0/cover;}
	.snb ul{display:none; flex-direction:column; gap:8px; position:absolute; top:calc(100% + 2px); left:0; right:0; z-index:20; padding:20px 16px; background:#e5f1fe; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.snb ul li{overflow:hidden; border:1px solid #d7d1ea; border-radius:5px; background:#fff;}
	.snb ul a{padding:10px 0; font-weight:700; font-size:1.6rem; text-align:center;}
	.snb ul a.on{}
	.snb ul a:after{display:none;}
	.snb .btn_open.open + ul{display:flex;}
	/*** 컨텐츠 바디 ***/
	.cont_body{padding-top:27px;}
	/* 탭메뉴 common */
	.lnb{margin-bottom:20px;}
	.lnb li a[target="_blank"]:after{background-position:-74px -78px;}
	.lnb.tmn01 ul{gap:5px;}
	.lnb.tmn01 li{font-size:1.3rem;}
	.lnb.tmn01 li a{min-width:93px; padding:6px 10px;}
	.lnb.tmn01 li a:not([target="_blank"]):after{right:9px; width:21px; height:21px; background-position:-999px -999px;}
	.lnb.tmn01 li.on a:after{background-position:-180px -59px;}
	/*** 컨텐츠 하단 ***/
	.cont_foot{margin-top:35px;}
	.cont_foot .cont_manager{padding:15px;}
	.cont_foot .cont_manager dl{font-size:1.4rem;}
	.cont_foot .cont_rating{padding:15px; font-size:1.4rem;}
	.cont_foot .cont_rating > .inr{gap:10px;}
	.cont_foot .cont_rating h2{font-size:1.4rem;}
	.cont_foot .cont_rating h2:before{width:28px; height:27px; margin-right:5px; background:url(../images/common/ico_rating_m.png) no-repeat 0 0/cover;}
	.cont_foot .cont_rating .inp_area .btn_rate{height:32px; line-height:32px; font-size:1.4rem;}

	/**************************************************
		팝업창 Layout
	**************************************************/
	#wrap_pop{}
	#wrap_pop .pop_head .title{}
	#wrap_pop .cont_body{margin:0;}
}

/* Mobile ~ 767px */
@media all and (max-width:767px){
	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone .nav .area_ctrl{bottom:30px; display:none;}
	#topban .topbanzone .nav .area_ctrl button{width:18px; height:18px; background-size:95px 20px;}
	#topban .topbanzone .nav .area_ctrl .prev{background-position:-15px 0;}
	#topban .topbanzone .nav .area_ctrl .pause{background-position:-35px 0;}
	#topban .topbanzone .nav .area_ctrl .play{background-position:-55px 0;}
	#topban .topbanzone .nav .area_ctrl .next{background-position:-75px 0;}
	#topban .topbanzone .nav .area_close label{font-size:14px;}
	#topban .topbanzone .nav .area_close{bottom:5px;}
	#topban .topbanzone .nav .area_close .inp_chk{margin-right:3px;}
	#topban .topbanzone .nav .area_close .btn_close{width:15px; height:15px; margin:5px 0 0 5px; background-size:95px 20px;}
	#topban .topbanzone .item .b_t{display:none;}
	#topban .topbanzone .item .b_m{display:block;}

	/**************************************************
		Header
	**************************************************/
	#header .area_top > .inr{position:relative; padding-top:33px;}
	#header .area_top .util_l{float:none;}
	#header .area_top .util_l .lst{display:table; table-layout:fixed; width:100%;}
	#header .area_top .util_l .lst:after{display:none;}
	#header .area_top .util_l .lst li{float:none; display:table-cell; text-align:center;}
	#header .area_top .util_l .lst li:last-child{border-right:0;}
	#header .area_top .util_l .lst li a{display:inline-block; width:100%; height:auto; line-height:normal; padding:5px; vertical-align:middle; word-break:keep-all; word-wrap:break-word;}
	#header .area_top .util_r{float:none; position:absolute; top:0; left:0; right:0; background:#0468b4;}
	#header .area_top .util_r:after{content:''; display:block; clear:both;}
	#header .area_top .util_r .lst{text-align:center;}
	#header .area_top .util_r .lst li{float:none; display:inline-block;}
	#header .area_top .util_r .lst li:before{border-left-color:#015ca1;}
	#header .area_top .util_r .lst li a,
	#header .area_top .util_r .lst li .my_name{color:#fff;}
	#header .area_top .util_r .lst li a:before{}
	#header .area_top .util_r .lst li a.login:before{background-position:-74px 0;}
	#header .area_top .util_r .lst li a.logout:before{background-position:-90px 0;}
	#header .area_top .util_r .lst li a.join:before{background-position:-106px 0;}
	#header .area_top .util_r .lst li a.mypage:before{background-position:-127px 0;}

	/**************************************************
		Footer
	**************************************************/
	#footer .foot-quick .inner{flex-direction:column;}
	#footer .foot-quick .link{width:100%; min-height:var(--g-size-height-7); border:0;}
	#footer .foot-quick .link:not(:first-child){border-top:var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light);}
	#footer .foot-quick .modal-dialog .modal-header {
		padding: var(--g-padding-8) var(--g-contents-padding-x);
	}
	#footer .foot-quick .modal-dialog .modal-header .modal-title {
		font-size: var(--g-mobile-font-size-label-large);
	}
	#footer .foot-quick .modal-dialog .btn-close {
		top: var(--g-gap-7);
		right: var(--g-gap-5);
	}
	#footer .foot-quick .pop-foot-links {
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;
	}


	/**************************************************
		Container
	**************************************************/
	/*** 컨텐츠 바디 ***/
	.lnb li{}
	/* 탭메뉴01(일반 4개 이하) */
	/* 탭메뉴03(박스) */
	.lnb.tmn03{padding:15px 0;}
	.lnb.tmn03 li{width:50%;}
	.lnb.tmn03 li:nth-child(2n+1):before{display:none;}
	.lnb.tmn03 li a{margin-left:15px;}
	/* 탭메뉴04(년도) */
	.lnb.tmn04 ul{background-image:repeating-linear-gradient(#fff, #fff 39px, #dedede 39px, #dedede 40px, #fff 40px);}
	.lnb.tmn04 li{margin:5px 0;}
	.lnb.tmn04 li a{height:30px; margin:0; padding:0 5px;}
	.lnb.tmn04 li.on a{margin:0 5px;}
	.lnb.tmn04 li.on:after{border-width:4px 4px 0;}

	/*** 컨텐츠 하단 ***/
	.cont_foot .cont_manager{flex-direction:column; align-items:flex-start; gap:5px;}
	.cont_foot .cont_manager dl.update{margin-left:0;}
	.cont_foot .cont_rating > .inr{flex-direction:column;}
	.cont_foot .cont_rating .inp_area fieldset{justify-content:center; gap:10px;}
}

@media all and (max-width:599px){
	.header-top .t-menu .link{justify-content:center; flex:1; font-size:var(--g-mobile-font-size-label-xsmall);}
	.header-top .t-menu .link:not(:first-child){border-left:var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light);}
	/*** 컨텐츠 바디 ***/

	/*** 컨텐츠 하단 ***/
	/* 컨텐츠 평가 */
}

@media all and (max-width:537px){
	/* TabMenu3(년도) */
    .lnb.tmn04 li{min-width:25%;}

}