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

[v-cloak] {
	display: none;
}

body { overflow-x: hidden; }

#wrap { position: relative; }

/********* 컨텐츠 넓이 *********/
.inner { width:100%; max-width: 1600px; margin:0 auto; }
.inner-padding { width:100%; max-width: 1600px; margin:0 auto; padding: 0 30px; }

.inner2 {position: relative;  width:100%; max-width: 1600px; margin:0 auto; }
.inner-padding2 {position: relative;  width:100%; max-width: 1600px; margin:0 auto; padding: 0 30px; }
@media only screen and (max-width: 767px) {
	.inner-padding { padding: 0 20px; }
	.inner-padding2 { padding: 0 20px; }
}



/********* tnb *********/
.tnb { position: relative; border-bottom: 1px solid var(--gray-f5); z-index: 10; }
.tnb .inner { display: flex; align-items: center; justify-content: space-between; }
.tnb .rg { display: flex; align-items: center; }
.tnb .rg > ul { display: flex; align-items: center; gap: 23px; margin-right: 23px; }
.tnb .rg > ul li a { position: relative; z-index: 1; display: block; padding-left: 16px; font-size: 1.5rem; color: var(--gray-66); background-position: left center; background-repeat: no-repeat; }
.tnb .rg > ul li a:after { content: ""; position: absolute; top: 9px; right: -13px; width: 3px; height: 3px; background: var(--gray-e5); border-radius: 100%; }
.tnb .rg > ul li:last-child a:after { display: none; }
.tnb .rg > ul li.login a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 77.78' width='10px' height='13px'%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%3Cg id='icon'%3E%3Cg%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/g%3E%3C/g%3E%3C/svg%3E");}
.tnb .rg > ul li.join a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.73 78.28' width='12px' height='13px'%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%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/g%3E%3C/svg%3E");}
.tnb .rg .tnb-popup-open { display: flex; align-items: center; gap: 12px; height: 45px; line-height: 45px; padding: 0 18px; font-weight: 500; font-size: 1.5rem; color: #fff; background: #333; }
.tnb .rg .tnb-popup-open .arro { 
	display: block;
	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: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 9px; %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");
}

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

/********* logo *********/
.logo { position: relative; z-index: 10; }

/********* gnb-overlay-bg *********/
.gnb-overlay-bg { position: fixed; top: 0; left: 0; 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;z-index:1 }

/********* gnbBg *********/
#gnbBg { position: absolute; top: -46px; left: 0; width: 100%; height: 0; background: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; transition: height 0.5s; }
#gnbBg.open { height: 480px; 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; width: 200px; }
.gnb-box .gnb > li a.gnb-title { position: relative; z-index: 1; display: block; line-height: var(--thead-height); font-family: 'Daum_SemiBold'; font-weight: 500; font-size: 2rem; text-align: center; }
.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; padding: 7px 0; font-size: 1.6rem; font-family: 'Daum_SemiBold'; color: #777; text-align: center; }
	.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; }

/********* sns *********/
.header-sns { position: absolute; z-index: 1;  width: 100px; font-size: 0; right:200px; top:30px;}
.header-sns li { position: relative; display:inline-block; margin:0 5px; font-size: 0; }


/********* sitemap *********/
.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; left: 0; width: 100%; height: 2px; background: #333; }
.header-sitemap .smp-btn span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333; }

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

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

/********* sub-visual *********/
.sub-visual-wrap { width: 100%; height: 330px; padding: 0 0px; }
.sub-visual-wrap .sub-visual { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 40px; /*border-top-left-radius: 20px; border-bottom-right-radius: 20px;*/ overflow: hidden; }
.sub-visual-wrap .sub-visual > h3 { position: relative; font-family: 'Daum_SemiBold'; font-weight: 500; font-size: 3.6rem; color: #fff; }
.sub-visual-wrap .sub-visual > h3:after { content: ""; position: absolute; top: -21px; right: -14px; width: 22px; height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 106.46 106.98' width='22px' height='22px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237cb62d; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m77.26,0c-2.48.01-4.94.17-7.42.42v25.72c2.64-.39,5.29-.59,7.95-.59,1.03,0,2.05.03,3.07.09.06,1.03.09,2.07.09,3.1-.01,13.88-5.25,27.64-15.83,38.23h0c-6.8,6.79-14.91,11.37-23.51,13.79v26.21c15.22-2.85,29.81-10.18,41.57-21.94h0c15.51-15.52,23.29-35.96,23.28-56.29V0h-29.2ZM26.47,62.46c2.56-7.69,6.91-14.92,13.06-21.07,6.74-6.74,14.77-11.3,23.3-13.73V1.44c-15.15,2.88-29.65,10.19-41.36,21.89C10.34,34.46,3.16,48.11,0,62.45'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center;	
}
/********* sub-side-menu *********/
.sub-side-menu { display: flex; justify-content: center; align-items: center; height: 50px; margin: 30px 0px;  /*border-top-left-radius: 20px; border-top-right-radius: 20px;*/ overflow: hidden; }
.sub-side-menu li { text-align:center; /*flex: 1;*/  margin:0 10px; /*background: var(--sub-color1);*/background: #fff;  }
/*.sub-side-menu li:last-child { border-right: 0; }*/
.sub-side-menu li a { padding:0 20px; display: block; line-height: 45px; font-family: 'Daum_SemiBold'; font-weight: 500; font-size: 1.8rem; color: #323232; text-align: center; border-radius:20px; border:2px solid #5dc2f6}
.sub-side-menu li.active a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.32 108.35' width='54px' height='54px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; opacity: 0.15; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m79.12,0c-2.48.01-4.94.17-7.42.42v25.72c2.64-.39,5.29-.59,7.95-.59,1.03,0,2.05.03,3.07.09.06,1.03.09,2.07.09,3.1-.01,13.88-5.25,27.64-15.83,38.23h0c-6.8,6.79-14.91,11.37-23.51,13.79v26.21c15.22-2.85,29.81-10.18,41.57-21.94h0c15.51-15.52,23.29-35.96,23.28-56.29V0h-29.2ZM0,108.35h28.81c2.55,0,5.1-.12,7.65-.37v-25.72c-2.55.36-5.13.55-7.7.55-1.04,0-2.07-.03-3.11-.09-.06-1.04-.09-2.07-.09-3.11.01-13.88,5.25-27.64,15.83-38.23,6.74-6.74,14.77-11.3,23.3-13.73V1.44c-15.15,2.88-29.65,10.19-41.36,21.89C7.93,38.72.11,58.95,0,79.12v29.22Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right -25px; background-color: #699b24; border-radius:20px; color:#fff ; border:none; }


/********* location *********/
.location-wrap { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-top: 15px; }
.location-wrap li a { position: relative; display: block; line-height: 2.0rem; font-family: 'Daum_SemiBold'; font-weight: 300; font-size: 1.4rem; color: #777; }
.location-wrap li.home a {
	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 a: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.active a { font-weight: 400; color: var(--main-color); }
.location-wrap li:last-child a:after { display: none; }

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

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

/********* footer *********/
.footer {position: relative; z-index: 0; background: var(--main-color4)}
.footer .foot-menu { background: var(--main-color4); }
.footer .foot-menu ul { display: flex; align-items: center; gap: 20px; padding: 17px 0; }
.footer .foot-menu ul li a { font-family: 'Daum_SemiBold'; font-weight: 400; font-size: 1.5rem; color: #fff; }
.footer .bottom { padding: 30px 0; }
.footer .bottom .inner-padding { position: relative; z-index: 1; display: flex; align-items: center; gap: 40px; padding-right: 200px; }
.footer .bottom .foot-text > p { line-height: 2.0rem; font-family: 'Daum_Regular'; font-weight: 100; font-size: 1.4rem; color: #777; }
.footer .bottom .foot-text > p.tel { 
	display: inline-block;
	margin-right: 15px; padding-left: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.66 58.66' width='11px' height='11px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23666; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m57.75,43.8l-9.86-8.55c-1.65-1.59-4.26-1.6-5.85,0l-3.06,3.06c-.72.67-1.38,1.14-1.86,1.35-2.02.74-6.05,1.4-10.27-2.53l-5.23-5.23c-4.13-4.45-3.21-8.68-2.65-10.2.27-.62.72-1.26,1.34-1.94l3.12-3.13c1.6-1.6,1.61-4.19.04-5.8L14.95.99l-.08-.08c-.71-.71-1.87-1.04-3.2-.86-1.19.16-2.37.71-3.15,1.49l-4.12,4.12-.09.1c-12.37,14.8,5.8,33.28,5.98,33.47l9.16,9.17c.14.14,10.44,10.27,21.83,10.27,3.89,0,7.91-1.18,11.69-4.35l4.15-4.15c.78-.78,1.34-1.96,1.49-3.15h0c.17-1.3-.14-2.44-.87-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: left center; background-repeat: no-repeat;
}
.footer .bottom .foot-text > p.copyright { margin-top: 20px; }
.footer .bottom .foot-text > p.copyright { margin-top: 20px; }
.footer .bottom .famy-select { 
	position: absolute; top: 50%; right: 30px;
	display: block;
	width: 160px; height: 38px;
	padding: 0 10px;
	font-family: 'The Jamsil'; 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: #f5fbed; 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-color1);
	border-radius: 100%;
}
.fix-bt.active .top-bt { bottom: 20px; transition: bottom 0.4s; }

@media only screen and (max-width: 1500px) {
	/********* tnb *********/
	.tnb .inner { padding-left: 30px; }
	.header-sns { position: absolute; z-index: 1;  width: 100px; font-size: 0; right:60px; top:30px;}
}

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

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

	/********* thead *********/
	.thead { height: 62px; }
	.thead .inner-padding { height: 100%; align-items: center; justify-content: center; }

	/********* logo *********/
	.logo a img { height: 24px; }

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

	/********* gnb-overlay-bg *********/
	.gnb-overlay-bg { display: none; }

	/********* gnbBg *********/
	#gnbBg { display: none; }

	/********* sitemap *********/
	.header-sitemap { display: none; }

	/********* mbtn-box *********/
	.mbtn-box { display: block; position: absolute; top: 24px; 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-family: 'Daum_SemiBold'; font-weight: 500; font-size: 2.0rem; color: var(--gray-55) }
	.mgnb-box > strong > span {font-family: 'Daum_SemiBold';}
	.mgnb-box .member-bt-box { display: flex; gap: 5px; margin-bottom: 40px; }
	.mgnb-box .member-bt-box a { display: block; flex: 1; height: 34px; line-height: 34px; font-family: 'Daum_SemiBold'; 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; font-family: 'Daum_SemiBold'; font-size: 1.5rem; border-bottom: 1px solid var(--gray-dd); }
		/* lnb-list1 */
		.mgnb-box .gnb > li .lnb-list1 { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 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-visual-wrap { height: 250px; }

}
@media only screen and (max-width: 767px) {
	/********* mbtn-box *********/
	.mbtn-box { right: 20px; }

    /********* logo *********/
    	.logo a img { height: 30px; }

	/********* sub-visual *********/
	.sub-visual-wrap { padding: 0 20px; }

	/******** sub-side-menu-wrap  ************/
   	.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 .bottom .inner-padding { flex-wrap: wrap; justify-content: center; gap: 30px; padding-right: 20px; }
	.footer .bottom .foot-text { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
	.footer .bottom .foot-text > p { width: 100%; text-align: center; }
	.footer .bottom .foot-text > p.tel { width: auto; margin-top: 5px; }
	.footer .bottom .foot-text > p.copyright { margin-top: 12px; }
	.footer .bottom .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; }
}

.search-box{width: 100%; position: relative; box-sizing: border-box; padding:20px 40px 30px 40px; min-height: 135px; border:1px solid #d3d3d3; background-color: #fafafa; border-radius:0px; margin-bottom: 15px;}
.search-box *{margin: 0px; padding: 0px; border: 0px;}
.search-box i{display:inline; text-indent: 0px;}
.search-box i:before{left:0px;}
.search-box *{box-sizing: border-box;}
.search-box .reset-btn{text-indent: 15px !important; display: block; margin-top: 15px;}
.search-box .reset-btn:before{text-indent: 0px !important;}
.search-box:after{content:""; display: block; clear: both;}
.search-box input[type="text"],.search-box .code-select{height:26px; border:1px solid #aeaeae; border-radius: 0px;}
.search-box > dl{position: relative; float: left; padding-left:115px; margin-top: 10px; max-width: 100%;}/* z-index: 9; */
.search-box > dl.all-col{width: calc(100% - 177px) !important;}
.search-box > dl > dt{position: absolute; left:0px; top:0px; width: 115px; font-size: 14px; color:#222222; text-align: right; padding-right: 14px; line-height: 24px; height: 24px;}
.search-box > dl > dd{width: 100%;}
.search-box > dl > dd .btn{height: 28px; line-height: 26px; border: 1px solid #62bfff; color:#1d8bd5;  }

.search-box.one-line > .btn-group{width: auto; display: flex;}
.search-box > .btn-group{float: none; clear: both; text-align: right; padding: 0px;display:block; position: absolute; right:40px; top:30px;}
.search-box > .btn-group button,.search-box > .btn-group a{color:#fff; background-color:#7f7f7f; border:1px solid #727272; font-size: 13px; text-indent:7px; font-weight: bold; display: inline-block; min-width: 109px; padding: 5px; box-sizing: border-box; border-radius: 4px; position: relative;}
.search-box > .btn-group .search-btn{background-color: #2e71d1; margin-right: 0px; border: 1px solid #2465c0; display: block;}
.seup .search-box > .btn-group .search-btn{background-color: #7ebd25; border: 1px solid #74af22;}
.dam .search-box > .btn-group .search-btn{background-color:#3da998;border: 1px solid #3da998; }
.hak .search-box > .btn-group .search-btn{background-color:#f17600;border: 1px solid #f17600; }
.search-box > .btn-group button i:before{position: absolute; left:8px; top:50%; margin-top: -7px;}
.search-box > .btn-group .info{position: relative; padding-left: 35px;}
.search-box > .btn-group .info:before{content: "!"; color:#fff; display: block; width: 30px; height: 30px; border-radius: 180px; background-color: red; position: absolute; left:0px; top:0px;}
.search-box.dt-top > dl{padding-left: 0px;}
.search-box.dt-top > dl > dt{position: relative; width: 100%; text-align: left; padding-right: 0px;}

/* 한줄 검색박스 스타일 적용 */
.search-box.one-line{padding-right:290px; min-height: 10px;}
.search-box.one-line .btn-group{position: absolute; right:40px; top:15px; padding-top: 0px;}
.search-box.one-line > .btn-group .search-btn{position: relative; left:0px; top:13px; height: 30px;}
.search-box.one-line > .btn-group .reset-btn{top:-2px;}
.search-box.one-line > .btn-group button i:before{ left: 13px;}

/*컨텐츠영역*/
.con-box{background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 0px rgba(0,0,0,0.0); margin-bottom: 15px; } /* overflow: hidden; */
.con-box h3.title-h3, .view-con h3.title-h3{border-bottom: 1px solid #ddd; font-size: 15px; padding: 8px 15px; padding-left: 20px; position: relative; color:#444b5e; background: url("../images/h3-icon.png") no-repeat left 10px center;}
.con-box h3.title-h3 .more{display: block; font-size: 0px; background: url("../images/box-more.png") no-repeat center center; width: 20px; height: 20px; position: absolute; right:10px; top:5px;}

.con-area{padding: 15px;}
.modal-body .con-box{border: 1px solid #ccc;} /* overflow: hidden; */
.box-in-type table tr:last-child td,.box-in-type table tr:last-child th{border-bottom: 0px;}
p .info{display: block; color: #506eba;}


input[type="number"],input[type="text"],input[type="password"], select{ box-sizing:border-box; padding:0 5px; line-height: 22px; width: 100%; border: 1px solid #dddddd;  height: 24px; border-radius: 5px; color:#666; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}