@charset "utf-8";
@import url('font/exit_font.css');
@import url('privacy.css');

body { overflow-x: hidden; }

/* #wrap { position: relative; } */

/********* 컨텐츠 넓이 *********/
.inner-padding { width:100%; max-width: 1560px; margin:0 auto; padding: 0 30px; }
@media only screen and (max-width: 767px) {
	.inner-padding { padding: 0 20px; }
}



/********* thead *********/
.thead { position: relative; z-index: 10; }
.thead .inner-padding { display: flex; align-items: center; justify-content: space-between; max-width: unset; }

/********* logo *********/
.thead .logo { position: relative; z-index: 10; }
.thead .logo img { vertical-align: middle; }

/********* gnb-overlay-bg *********/
.gnb-overlay-bg { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; visibility: hidden; background:rgba(0,0,0,0.5); transition: opacity 0.5s;  }
.gnb-overlay-bg.open { opacity: 1; transition: opacity 0.5s; visibility: visible; }

/********* gnbBg *********/
#gnbBg { position: absolute; top: -46px; left: 0; width: 100%; height: 0; background: #fff; transition: height 0.5s; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
#gnbBg.open { height: 400px; transition: height 0.5s; }
/* #gnbBg.open:after { content: ""; position: absolute; top: vahr(--header-height); left: 0; width: 3000px; height: 1px; background: #eee; } */

/********* gnb *********/
.gnb-box { width: 100%; }
.gnb-box .gnb { display: flex; align-items: center; justify-content: center; }
.gnb-box .gnb > li { position: relative; z-index: 1; }
.gnb-box .gnb > li a.gnb-title { position: relative; z-index: 1; display: block; width: 12rem; padding: 0 10px; line-height: var(--thead-height); font-weight: 500; font-size: 1.8rem; color: #333; text-align: center; transition: all .2s; }
.gnb-box .gnb > li:hover a.gnb-title,
.gnb-box .gnb li:active a.gnb-title,
.gnb-box .gnb li:focus a.gnb-title { color: var(--main-color); }
	/* lnb-list1 */
	.gnb-box .gnb > li .lnb-list1 { position: absolute; top: var(--thead-height); left: 0; width: 100%; padding: 15px 0; opacity: 0; filter:Alpha(opacity=0); visibility: hidden; transition: opacity 0.5s; }
	.gnb-box .gnb > li .lnb-list1.active { visibility: visible; opacity: 1; transition: opacity 0.5s; transition-delay: 0.3s; }
	.gnb-box .gnb > li .lnb-list1 > li a { display: block; line-height: 1.2; padding: 7px 0; color: #777; text-align: center; word-break: break-all; }
	.gnb-box .gnb > li .lnb-list1 > li a:hover, .gnb-box .gnb > li .lnb-list1 > li a:focus, .gnb-box .gnb > li .lnb-list1 > li a:active { color: var(--main-color); }
		/* lnb-list2 */
		.gnb-box .gnb > li .lnb-list2 { display: none; }

.gnb-box.open .gnb > li a.gnb-title { width: 15rem; }

/********* usermenu *********/
.thead .right { display: flex; align-items: center; gap: 40px; }
.thead .right .user-menu { position: relative; display: flex; align-items: center; gap: 20px; }
.thead .right .user-menu li a { display: block; padding-left: 30px; font-size: 1.5rem; color: #666; white-space: nowrap; background-repeat: no-repeat; background-position: left center; background-size: 10px 13px; }
.thead .right .user-menu li.login a { padding-left: 20px; font-size: 1.5rem; color: #666; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 77.78'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23666; stroke-width: 0px; %7D .cls-2 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M18.56,20.72v-5.28c0-6.87,5.57-12.44,12.44-12.44h0c6.87,0,12.44,5.57,12.44,12.44v5.28'/%3E%3Ccircle class='cls-2' cx='31' cy='46.78' r='28'/%3E%3Ccircle class='cls-1' cx='31' cy='46.78' r='6.22'/%3E%3C/svg%3E");}
.thead .right .user-menu li.join a { padding-left: 20px; font-size: 1.5rem; color: #666; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.73 78.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='35.89' cy='24' r='21'/%3E%3Cpath class='cls-1' d='M3,75.28c1.38-16.95,15.58-30.28,32.89-30.28s31.19,13.03,32.84,29.72'/%3E%3C/svg%3E"); background-size: 12px 13px;}


/********* sitemap *********//* 검색추가 */
.header-sitemap { display: flex; align-items: center; gap: 15px; }
.header-sitemap .search { width: 19px; height: 19px; font-size: 0; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='6.51' cy='6.5' rx='5.51' ry='5.5'/%3E%3Cline class='cls-1' x1='10.58' y1='10.58' x2='14' y2='14'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.header-sitemap .smp-btn { position: relative; z-index: 1; display: block; width: 18px; height: 16px; font-size: 0; }
.header-sitemap .smp-btn span:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #333; }
.header-sitemap .smp-btn:after { content: ""; position: absolute; top: 7px; right: 0; width: 70%; height: 2px; background: #333; }
.header-sitemap .smp-btn span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333; }
.header-sitemap .sitemap-wrap { position: fixed; top:0; right: 0; display: flex; width: 100%; height: 100vh; z-index: 100; transform: translateX(100%); opacity: 0; transition-duration: 0.4s; overflow: hidden; visibility: hidden; }
.header-sitemap .sitemap-wrap.on { opacity: 1; visibility: visible; transform: translateX(0); overflow-y: auto; }
.header-sitemap .smp-close-btn { position: absolute; top: 30px; right: 30px; }
.header-sitemap .smp-close-btn span { position: relative; display: block; width: 30px; height: 30px; font-size: 0; }
.header-sitemap .smp-close-btn span::before { content:""; position: absolute; top: 0; left: 14px; width: 2px; height: 100%; background: #333; transform: rotate(45deg); }
.header-sitemap .smp-close-btn span::after { content:""; position: absolute; top: 0; right: 14px; width: 2px; height: 100%; background: #333; transform: rotate(-45deg); }
.header-sitemap .sitemap-wrap .img-box { display: flex; flex-direction: column; justify-content: space-between; width: calc(640 / 1920 * 100%); height: 100%; padding: 80px 100px; background: url(../img/layout/sitemap-lf-bg.png) no-repeat center center / cover; }
.header-sitemap .img-box .info li { color: #fff; word-break: keep-all; }
.header-sitemap .img-box .info li + li { margin-top: 50px; }
.header-sitemap .img-box .info li strong { display: block; margin-bottom: 20px; font-size: 2rem; }
.header-sitemap .img-box .info li span { display: block; line-height: 1.3; font-size: 1.8rem; opacity: .8; }
.header-sitemap .menu { display: flex; align-items: center; padding: 0 90px; width: calc(1280 / 1920 * 100%); height: 100%; background: #fff; }
.header-sitemap .menu {  }
.header-sitemap .gnb { display: flex; flex-wrap: wrap; row-gap: 100px; width: 100%; }
.header-sitemap .gnb > li { width: 33.3%; }
.header-sitemap .gnb li .gnb-title { position: relative; font-weight: 700; font-size: 3rem; color: #333; }
.header-sitemap .gnb li .gnb-title:hover::before,
.header-sitemap .gnb li .gnb-title:focus::before { content:""; position: absolute; top: -5px; right: -15px; width: 7px; height: 7px; background: var(--main-color); border-radius: 100%; }
.header-sitemap .gnb li .lnb-list1 { padding: 15px 0 10px; }
.header-sitemap .gnb li .lnb-list1 > li > a { display: flex; align-items: center; padding: 10px 0; font-weight: 500; font-size: 2rem; }
.header-sitemap .gnb li .lnb-list1 > li > a:hover,
.header-sitemap .gnb li .lnb-list1 > li > a:focus { color: var(--main-color); }
.header-sitemap .gnb li .lnb-list1 > li > a .arrow { position: relative; display: block; width: 20px; height: 20px; margin-left: 10px; border: 1px solid var(--gray-e5); border-radius: 100%; }
.header-sitemap .gnb li .lnb-list1 > li > a .arrow::before { content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 10px; background: #aaa; }
.header-sitemap .gnb li .lnb-list1 > li > a .arrow::after { content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 1px; height: 10px; background: #aaa; }
.header-sitemap .gnb li .lnb-list1 > li.on > a .arrow::before { display: none; }
.header-sitemap .gnb li .lnb-list2 { display: none; height: fit-content; }
.header-sitemap .gnb li .lnb-list2 > li > a { display: block; padding: 5px 0; font-weight: 400; font-size: 1.6rem; }
.header-sitemap .gnb li .lnb-list2 > li > a:hover,
.header-sitemap .gnb li .lnb-list2 > li > a:focus { text-decoration: underline; }

/********* mgtop-box *********/
.mgtop-box { display: none; }

/********* mbtn-box *********/
.mbtn-box { display: none; }

/********* sub-visual *********/
.sub-visual-wrap { width: 100%; height: 300px; }
.sub-visual-wrap .sub-visual { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; }
.sub-visual-wrap .sub-visual > h3 { position: relative; font-weight: 700; font-size: 3.6rem; color: #fff; }

/********* sub-side-menu *********/
.sub-side-menu { display: flex; align-items: center; height: 50px; margin-top: -50px; background: rgba(255,255,255,0.7); border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.sub-side-menu > li { position: relative; height: 100%; }
.sub-side-menu a { display: block; width: 100%; height: inherit; }
.sub-side-menu .home a { width: 50px; font-size: 0; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72.37'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23333; %7D %3C/style%3E%3C/defs%3E%3Cg id='_레이어_' data-name='<레이어>'%3E%3Cpath class='cls-1' d='m32.29,1.28L2.29,24.86c-1.45,1.14-2.29,2.88-2.29,4.72v39.79c0,1.66,1.34,3,3,3h20.38c1.66,0,3-1.34,3-3v-24.4c0-1.66,1.34-3,3-3h13.24c1.66,0,3,1.34,3,3v24.4c0,1.66,1.34,3,3,3h20.38c1.66,0,3-1.34,3-3V29.58c0-1.84-.85-3.58-2.29-4.72L39.71,1.28c-2.18-1.71-5.24-1.71-7.42,0Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; }
.sub-side-menu .dep1 > a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-width: 150px; padding: 0 15px; line-height: 2.3rem; font-weight: 500; font-size: 1.7rem; color: #333; }
.sub-side-menu .dep1 > a .arr { display: block; width: 15px; height: 15px; 	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.4 35.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23333; stroke: %23333; stroke-miterlimit: 10; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M46.56,3.59c.56-.68,1.57-.78,2.25-.23.39.32.59.78.59,1.24,0,.36-.12.71-.36,1.01l-21.6,26.4c-.3.37-.76.59-1.24.59s-.93-.22-1.24-.59L3.36,5.61c-.56-.68-.46-1.69.23-2.25.68-.56,1.69-.46,2.25.23l20.36,24.89L46.56,3.59Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-size: 11px 6px; background-position: right center; transition: all .3s; }
.sub-side-menu .dep2 { display: none; position: absolute; top: 50px; left: 0; z-index: 1; padding: 10px 0; width: 100%; background: #fff; box-shadow: 0 0 0 1px var(--main-color); }
.sub-side-menu .dep2::before { content: ""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #fff; }
.sub-side-menu .dep2 > li > a { padding: 8px 15px; font-size: 1.6rem; color: #757575; }
/* .sub-side-menu .dep2 > li + li { margin-top: 10px; } */
.sub-side-menu .dep2 > li > a:hover,
.sub-side-menu .dep2 > li > a:focus { color: var(--main-color); }
.sub-side-menu .dep1.on { background: #fff; box-shadow: 0 0 0 1px var(--main-color); }
.sub-side-menu .dep1.on > a { color: var(--main-color); }
.sub-side-menu .dep1.on > a .arr { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.4 35.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23006a9c; stroke: %23006a9c; stroke-miterlimit: 10; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M46.56,3.59c.56-.68,1.57-.78,2.25-.23.39.32.59.78.59,1.24,0,.36-.12.71-.36,1.01l-21.6,26.4c-.3.37-.76.59-1.24.59s-.93-.22-1.24-.59L3.36,5.61c-.56-.68-.46-1.69.23-2.25.68-.56,1.69-.46,2.25.23l20.36,24.89L46.56,3.59Z'/%3E%3C/svg%3E"); transform: rotate(180deg); }
.sub-side-menu .dep1.on .dep2 { display: block; }

/********* no-content *********/
.no-content { margin: 0 auto; }
.no-content .img-wrap { margin-bottom: 30px; text-align: center; }
.no-content .txt-wrap > strong { display: block; font-weight: 500; font-size: 2.2rem; color: #5d5d5d; text-align: center; }
.no-content .txt-wrap em { display: block; margin-top: 20px; font-weight: 400; font-size: 1.8rem; color: #9096a1; text-align: center; }


/********* location *********/
.location-wrap { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px 20px; margin-top: 15px; }
.location-wrap li { position: relative; display: block; line-height: 2.0rem; font-size: 1.4rem; color: #777; white-space: nowrap	; }
.location-wrap li.home {
	width: 14px; height: 2.0rem;
	font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 424.93 397.45' width='14px' height='13px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23777777; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m360.26,139.34V47.05c0-7.62-6.18-13.8-13.8-13.8h-52.56c-7.62,0-13.8,6.18-13.8,13.8v13.73L222.12,3.94c-5.37-5.26-13.96-5.26-19.32,0L4.14,198.67c-4,3.92-5.24,9.88-3.12,15.07,2.12,5.19,7.17,8.58,12.78,8.58h26.69v161.33c0,7.62,6.18,13.8,13.8,13.8h104.04c7.62,0,13.8-6.18,13.8-13.8v-106.72h80.68v106.72c0,7.62,6.18,13.8,13.8,13.8h104.04c7.62,0,13.8-6.18,13.8-13.8v-161.33h26.69c5.61,0,10.66-3.39,12.78-8.58,2.12-5.19.89-11.15-3.11-15.07l-60.52-59.32Zm10.38,55.38c-7.62,0-13.8,6.18-13.8,13.8v161.33h-76.44v-106.72c0-7.62-6.18-13.8-13.8-13.8h-108.28c-7.62,0-13.8,6.18-13.8,13.8v106.72h-76.44v-161.33c0-7.62-6.18-13.8-13.8-13.8h-6.69L212.46,33.12l71.78,70.36c.2.2.44.34.65.52.46.4.91.8,1.42,1.14.34.23.71.39,1.07.58.43.23.85.49,1.31.67.42.17.86.27,1.3.4.43.13.84.28,1.28.36.58.11,1.16.14,1.75.18.3.02.58.09.88.09.02,0,.05,0,.07,0,.9,0,1.8-.09,2.68-.27.25-.05.48-.15.73-.22.63-.16,1.26-.33,1.87-.58.53-.22,1.02-.53,1.52-.82.32-.18.65-.34.96-.55.71-.49,1.38-1.04,1.98-1.65.02-.02.04-.03.05-.04.2-.21.34-.45.53-.67.39-.45.79-.9,1.12-1.4.24-.36.41-.74.6-1.11.22-.42.47-.82.65-1.27.18-.44.29-.9.42-1.35.12-.41.27-.8.35-1.23.12-.6.15-1.2.18-1.81.02-.28.08-.54.08-.83v-32.78h24.96v84.29s0,.04,0,.07c0,.91.09,1.81.27,2.7.05.23.14.44.2.66.17.65.33,1.3.6,1.92.22.53.53,1.02.82,1.52.19.32.34.66.56.97.49.71,1.03,1.37,1.64,1.97.02.02.03.04.04.05l40.53,39.73h-6.69Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center 3px;
}
.location-wrap li:after {
	content: "";
	position: absolute; top: 7px; right: -15px;
	width: 9px; height: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.28 30.17' width='9px' height='5px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='54.28 3 28.64 27.17 3 3'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center;
	transform: rotate(-90deg);
}
.location-wrap li:last-child { font-weight: 400; color: var(--main-color); }
.location-wrap li:last-child::after { display: none; }



/********* sub-content *********/
.sub-content { padding: 70px 0 100px; }

/********* con-header *********/
.con-header { margin-bottom: 40px; }
.con-header h4 { display: block; font-size: 2.6rem; text-align: center; }

/********* footer *********/
.footer { position: relative; z-index: 0; padding: 30px 0; background: #f0f0f0; }
.footer .foot-menu { background: var(--main-color); }
.footer .foot-menu ul { display: flex; align-items: center; gap: 20px; padding: 17px 0; }
.footer .foot-menu ul li a { font-weight: 400; font-size: 1.5rem; color: #fff; }
.footer .inner-padding { position: relative; z-index: 1; display: flex; align-items: center; gap: 40px; }
.footer .foot-text ul { display: flex; align-items: center; }
.footer .foot-text ul li { position: relative; line-height: 2.0rem; font-weight: 500; font-size: 1.5rem; color: #555; word-break: keep-all; }
.footer .foot-text ul li + li { margin-left: 15px; padding-left: 15px; }
.footer .foot-text ul li + li::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 7px; background: #999; }
.footer .foot-text > p.copyright { margin-top: 10px; font-size: 1.3rem; color: #757575; word-break: keep-all; }
.footer .famy-select { 
	position: absolute; top: 50%; right: 30px;
	display: block;
	width: 160px; height: 38px;
	padding: 0 10px;
	font-weight: 300; font-size: 1.4rem; color: #777;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.28 30.17' width='9px' height='5px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='54.28 3 28.64 27.17 3 3'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 138px center; background-repeat: no-repeat;
	border: 1px solid #d5d5d5; transform: translateY(-50%);
	appearance: none; -webkit-appearance: none;
}

/********* fix-btn *********/
.fix-bt .top-bt { position: fixed; bottom: -100px; right: 20px; z-index: 0; width: 52px; height: 52px; font-size: 0; background: rgba(0, 106, 156, .14); border-radius: 100%; transition: bottom 0.4s; }
.fix-bt .top-bt:after { 
	content: "";
	position: absolute; top: 9px; left: 9px;
	width: 35px; height: 35px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.28 74.97' width='11px' height='14px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cline class='cls-1' x1='28.64' y1='71.97' x2='28.64' y2='5.17'/%3E%3Cpolyline class='cls-1' points='3 27.17 28.64 3 54.28 27.17'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center; background-color: var(--main-color);
	border-radius: 100%;
}
.fix-bt.active .top-bt { bottom: 20px; transition: bottom 0.4s; }

@media only screen and (max-width: 1500px) {
	.thead .logo img { height: 20px; }
	.thead .inner-padding { padding: 0 20px; }
	.thead .right { gap: 20px; }

	/********* tnb *********/
	.tnb .inner { padding-left: 30px; }

	/********* sitemap *********/
	.header-sitemap .smp-close-btn span { width: 25px; height: 25px; }
	.header-sitemap .smp-close-btn span::before { left: 12px; }
	.header-sitemap .smp-close-btn span::after { right: 12px; }
	.header-sitemap .sitemap-wrap .img-box { width: calc(600 / 1920 * 100%); padding: 50px; }
	.header-sitemap .img-box .info li + li { margin-top: 30px; }
	.header-sitemap .img-box .info li strong { margin-bottom: 10px; font-size: 1.8rem; }
	.header-sitemap .img-box .info li span { font-size: 1.5rem; }
	.header-sitemap .menu { padding: 0 50px; width: calc(1320 / 1920 * 100%); }
	.header-sitemap .gnb { row-gap: 50px; }
	.header-sitemap .gnb li .gnb-title { font-size: 2.4rem; }
	.header-sitemap .gnb li .lnb-list1 { padding: 10px 0 5px; }
	.header-sitemap .gnb li .lnb-list1 > li > a { padding: 7px 0; font-size: 1.7rem; }
	.header-sitemap .gnb li .lnb-list1 > li > a .arrow { width: 18px; height: 18px; margin-left: 8px; }
	.header-sitemap .gnb li .lnb-list1 > li > a .arrow::before,
	.header-sitemap .gnb li .lnb-list1 > li > a .arrow::after { height: 8px; }
	.header-sitemap .gnb li .lnb-list2 > li > a { font-size: 1.5rem; }
}
@media only screen and (max-width: 1380px) {
	.thead .right .user-menu { gap: 10px; }
	/********* gnb *********/
	.gnb-box .gnb > li a.gnb-title { width: unset; padding: 0 20px; }
	.gnb-box.open .gnb > li a.gnb-title { width: unset; }
	
}
@media only screen and (max-width: 1200px) {
	/********* logo *********/
	.thead .logo img {height: 17px;}

	/********* gnb *********/
	.gnb-box .gnb > li a.gnb-title { width: fit-content; padding: 0 20px; }
	
	/********* usermenu *********/
	.thead .right { gap: 20px; }
	.thead .right .user-menu li.join { display: none; }
}
@media only screen and (max-width: 1199px) {
	/********* gnb *********/
	.gnb-box .gnb > li a.gnb-title { padding: 0 15px; }

}
@media only screen and (max-width: 1023px) {
	/********* tnb *********/
	.tnb { display: none; }

	/********* thead *********/
	.thead { height: 58px; }
	.thead .inner-padding { height: 100%; align-items: center; }
	
	/********* logo *********/
	
	/********* gnb-box *********/
	.gnb-box { display: none; }
	
	/********* gnb-overlay-bg *********/
	.gnb-overlay-bg { display: none; }
	
	/********* gnbBg *********/
	#gnbBg { display: none; }
	
	/********* usermenu *********/
	.thead .right .user-menu { display: none; }
	
	/********* sitemap *********/
	.header-sitemap .search { position: absolute; top: 18px; right: 60px; }
	.header-sitemap .smp-btn { display: none; }
	.header-sitemap .sitemap-wrap { display: none; }

	/********* mbtn-box *********/
	.mbtn-box { display: block; position: absolute; top: 20px; right: 30px; }
	.mbtn-box .open { position: relative; display: block; width: 18px; height: 14px; font-size: 0; }
	.mbtn-box .open span:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #333; }
	.mbtn-box .open:after { content: ""; position: absolute; top: 6px; left: 0; width: 100%; height: 2px; background: #333; }
	.mbtn-box .open span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333; }

	/********* mgnb-con *********/
	.mgnb-con { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0; visibility: hidden; transition: all 0.4s; }
	.mgnb-box { position: absolute; top: 0; right: -320px; width: 320px; height: 100%; padding: 25px 30px; background: #fff; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow-y: scroll; transition: all 0.4s; }
	.mgnb-box .close { 
		position: absolute; top: 31px; right: 20px;
		width: 15px; height: 15px;
		font-size: 0;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='15px' height='15px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E");
		background-repeat: no-repeat; background-position: center center;
	}
	.mgnb-box > strong { display: block; padding: 30px 0 15px; font-weight: 500; font-size: 2.0rem; color: var(--gray-55) }
	.mgnb-box > strong > span {font-family: 'The Jamsil';}
	.mgnb-box .member-bt-box { display: flex; gap: 5px; margin: 20px 0 40px; }
	.mgnb-box .member-bt-box a { display: block; flex: 1; height: 34px; line-height: 34px; font-size: 1.5rem; text-align: center; border-radius: 50px; }
	.mgnb-box .member-bt-box a.login { color: #fff; background: var(--main-color); }
	.mgnb-box .member-bt-box a.join { color: var(--main-color); border: 1px solid var(--main-color); }
	.mgnb-box .gnb > li { margin-bottom: 20px; }
	.mgnb-box .gnb > li a.gnb-title { display: block; padding-bottom: 15px; font-weight: 600; font-size: 1.6rem; color: #333; border-bottom: 1px solid var(--gray-dd); }
		/* lnb-list1 */
		.mgnb-box .gnb > li .lnb-list1 { display: flex; flex-wrap: wrap; gap: 10px; padding: 15px 0; }
		.mgnb-box .gnb > li .lnb-list1 > li { flex: 1 1 48%; }
		.mgnb-box .gnb > li .lnb-list1 > li a { display: block; font-size: 1.4rem; color: #666; }
			/* lnb-list2 */
			.mgnb-box .gnb > li .lnb-list2 { display: none; }
	
	.mgnb-con.active { visibility: inherit; opacity: 1; transition: all 0.4s; }
	.mgnb-con.active .mgnb-box { right: 0; transition: all 0.4s; }

	/********* sub-visual *********/
	.sub-content { padding: 70px 0; }
	.con-header { margin-bottom: 30px; }
	.sub-visual-wrap { height: 250px; }
	
	
	.footer .inner-padding { gap: 20px; }
	.footer .foot-logo img { width: 180px; }
	
}
@media only screen and (max-width: 767px) {
	/********* sitemap *********/
	.header-sitemap .search { right: 50px; }
	
	/********* mbtn-box *********/
	.mbtn-box { right: 20px; }
	
	/********* sub-visual *********/
	.sub-content { padding: 50px 0; }
	.sub-visual-wrap { height: 150px; }
	.sub-visual-wrap .sub-visual { padding-bottom: 0; }
	.sub-visual-wrap .sub-visual > h3 { font-size: 3rem; }
	.sub-side-menu-wrap { display: none; }

	/********* location *********/
	.location-wrap li.home a { background-size: 13px; background-position: center 2px; }
	.location-wrap li a:after { top: 6px; }

	/********* footer *********/
	.footer { padding: 20px 0; }
	.footer .inner-padding { flex-wrap: wrap; justify-content: center; gap: 10px; }
	.footer .foot-text { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
	.footer .foot-text ul { flex-direction: column; width: 100%; }
	.footer .foot-text ul li { text-align: center; }
	.footer .foot-text ul li + li { margin-left: 0; padding-left: 0; }
	.footer .foot-text ul li + li::before { display: none; }
	.footer .foot-text > p.copyright { margin-top: 12px; }
	.footer .famy-select { position: relative; top: inherit; right: inherit; width: 100%; transform: inherit; background-position: 97% center; }
}
@media only screen and (max-width: 420px) {
	/********* sub-visual *********/
	.sub-visual-wrap { height: 180px; }
	.location-wrap { justify-content: start; }
}