#header { position:fixed;top:0;left:0;z-index:999;width:21rem;height:150vh;background:var(--white-color);white-space:nowrap; }
#header .hd_wrap { display:flex;height:100%;border-right:1px solid var(--line-color); }
#header .hd_wrap .left { flex:0 0 60px;order:-1;display:flex;flex-direction:column;align-items:center;gap:2.0rem;padding:5rem 0 0 0;background:var(--primary-color); }
#header .hd_wrap .left .icon { width:1.2rem;height:1.2rem;stroke:var(--white-color);stroke-width:2; }
#header .hd_wrap .right { flex:1 1 0;display:flex;flex-direction:column;padding:0 1.8rem; }
#header .hd_wrap h1 { margin:5rem 0 5rem 0; }
#header .hd_wrap h1 a { display:block; }
#header .hd_wrap h1 img { width:160px; }
#header .gnb { width:14rem; }
#header .gnb > ul > li { position:relative; }
#header .gnb > ul > li > a { display:block;border-bottom:1px solid var(--line-color);line-height:3.0rem;font-size:1.0rem;font-weight:500;white-space:nowrap; }
#header .gnb > ul > li > ul { position:absolute;top:-2px;left:100%;background:var(--white-color);border:2px solid var(--primary-color);display:none;min-width:15rem; }
#header .gnb > ul > li > ul::before { content:"";position:absolute;top:10px;left:-6px;width:20px;height:20px;background:var(--white-color);border:2px solid var(--primary-color);transform:rotate(45deg); }
#header .gnb > ul > li > ul > li { position:relative;padding:0 1.6rem;background:var(--white-color); }
#header .gnb > ul > li > ul > li a { display:block;line-height:3rem;padding:0 2.0rem;white-space:nowrap;font-size:0.96rem; }
#header .gnb > ul > li > ul > li:not(:last-child) a { border-bottom:1px solid var(--line-color); }
#header .gnb > ul > li:hover > ul { display:block; }
#header .adm { position:relative;display:flex;gap:2.4rem;margin-top:4rem;color:var(--body-color); }
#header .adm svg { vertical-align:-2px; }
#header .adm .icon { width:1.4rem;height:1.4rem;stroke:var(--body-color);stroke-width:2;vertical-align:-0.2rem; }
#header .util_area { margin-top:16rem; }
#header .util_area strong { display:block;padding:0.8rem 0;font-size:1.0rem;font-weight:600;border-bottom:1px solid var(--line-color);margin-bottom:1.6rem; }
#header .util_area .call { position:relative;display:block;font-size:1.7rem;font-weight:800; }
#content { margin:0 0 0 21rem; }

@media (max-width: 1400px) {
	#header { position:sticky;top:0;left:0;right:0;width:auto;height:6rem;background:var(--white-color);border-bottom:1px solid var(--line-color); }
	#header .hd_wrap { border-right:none;height:auto; }
	#header .hd_wrap .left { display:none; }
	#header .hd_wrap .right {position:relative; flex-direction:row;justify-content:space-between;padding:0 2.4rem 0 2.4rem;height:6rem; }
	#header .hd_wrap h1 { flex:0 0 auto;margin:0 0 0 0;display:flex;align-items:center;padding:0 1.0rem; }
	#header .hd_wrap h1 a { display:block; }
	#header .hd_wrap h1 img { width:140px; }
	#header .gnb { display:block; position:absolute;padding-left:16rem; }
	#header .gnb > ul { display:flex;gap:4rem; }
	#header .gnb > ul > li { position:relative; }
	#header .gnb > ul > li > a { border-bottom:none;line-height:6rem; white-space:nowrap;font-size:1.12rem; font-weight:600; }
	#header .gnb > ul > li > ul { top:5.9rem;left:50%;transform:translate(-50%, 0); }
	#header .gnb > ul > li > ul::before { top:-5px;left:50%;transform:translate(-50%, 0) rotate(45deg); }
	#header .gnb > ul > li > ul > li { position:relative;padding:0 0.8rem;background:var(--white-color); }
	#header .gnb > ul > li > ul > li a { display:block;line-height:3.0rem;padding:0 0.2rem;white-space:nowrap;font-size:0.92rem; }
	#header .gnb > ul > li > ul > li:not(:last-child) a { border-bottom:1px solid var(--line-color); }
	#header .gnb > ul > li:hover .depth2 { display:block; }
	#header .adm { display:flex;align-items:center;margin-top:0; }
	#header .util_area { margin:auto 0; }
	#header .util_area strong { display:none; }
	#header .util_area .call { position:relative;display:block;font-size:1.7rem;font-weight:800; }
	#header .util_area .call::before { display:none; }
	#content { margin:0 0 0 0; }
}
@media (max-width: 1200px) {
	#header .util_area { display:none; }
}

@media (max-width: 768px) {
	#header { position:sticky;top:0;z-index:999;height:5rem; }
	#header h1.on { position:fixed;left:1.6rem;top:4rem;z-index:1000;max-width:24rem; }
	#header .hd_wrap { border-right:none;height:auto;height:12rem; }
	#header .hd_wrap .left { display:none; }
	#header .hd_wrap { border-right:none; }
	#header .hd_wrap .gnb { position:fixed;top:0;left:-100%;z-index:999;background:var(--white-color) url(<?=G5_THEME_URL;?>/images/bar_01.png) no-repeat left top/100% 2px;width:100%;height:100vh; }
	#header .hd_wrap .gnb.on { left:0; }
	#header .hd_wrap .right { padding:0 0 0 0;height:5rem; }
	#header .gnb { position:fixed;top:0;left:-100vw;z-index:999;width:100vw;height:150vh;padding:12rem 1.6rem 0 1.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:6.4rem; }
	#header .gnb.on { left:0; }
	#header .gnb > ul { display:flex;flex-direction:column;gap:0;width:100%;border-top:1px solid var(--line-color);max-height:32rem;overflow-y:auto; }
	#header .gnb > ul > li { position:relative; }
	#header .gnb > ul > li > a { display:block;padding:0 2.4rem;line-height:4.8rem;white-space:nowrap;text-align:left;border-bottom:1px solid var(--line-color); }
	#header .gnb > ul > li > ul { position:static;transform:translate(0, 0);background:var(--background-color);border:none;padding-top:0;padding-bottom:0;height:auto;border-radius:0; }
	#header .gnb > ul > li > ul::before { display:none; }
	#header .gnb > ul > li > ul > li { position:relative;padding:0 1.6rem;background:var(--background-color); }
	#header .gnb > ul > li > ul > li:not(:last-child) a { border-bottom:1px solid var(--line-color); }
	#header .gnb > ul > li:hover ul { display:none; }
	#header .gnb > ul > li:focus-within ul { transform:translate(0, 0);opacity:1;visibility:visible;display:none; }
	#header .adm { position:relative;display:flex;gap:2.4rem;margin-left:0;order:-1;height:6.4rem;align-items:center;width:100%;padding:0 1.6rem;font-size:1.6rem;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1); }
	#header .util_area { display:none; }
	#header .util_area.on { position:fixed;left:2.4rem;right:2.4rem;bottom:4rem;z-index:999;display:block; }
	#header .util_area strong { display:block; }
}

/* 모바일 반응형 메뉴 PC 출력 제한 */
.mbtn { display:none; }

@media (max-width: 768px) {
	.mbtn { display:flex;align-items:center;position:fixed;top:2rem;right:1.6rem;z-index:999;width:32px;height:32px;background:var(--lightgray-color);border:1px solid var(--line-color);border-radius:4px;/* background:rgba(255, 255, 255, 0.25);*/ font-size:0; }
	.mbtn::before { content:"";position:absolute;top:7px;left:4px;right:4px;height:2px;background:var(--body-color); }
	.mbtn.on::before { display:none; }
	.mbtn::after { content:"";position:absolute;bottom:7px;left:4px;right:4px;height:2px;background:var(--body-color); }
	.mbtn.on::after { display:none; }
	.mbtn span::before { content:"";position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--body-color); }
	.mbtn.on span::before { transform:rotate(45deg); }
	.mbtn span::after { content:"";position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--body-color); }
	.mbtn.on span::after { transform:rotate(-45deg); }
}

.sub_title { position:relative;background-color:var(--primary-color);background-repeat:no-repeat;background-position:center center;background-size:cover;text-transform:uppercase;color:var(--white-color);/* border-radius:4rem 0 0 0;*/ overflow:hidden;min-height:24rem; }
.sub_title::before { content:"";position:absolute;inset:0 0 0 0;background:rgba(0, 0, 0, 0.2) url(<?=G5_THEME_URL;?>/images/pt-bg01.png); }
.sub_title .title { position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 3.2rem);margin:0 0;margin-bottom:0;text-align:right; }
.sub_title .title h2 { font-size:2.8rem;font-weight:700; color: var(--white-color); font-family: 'KIMM_Bold';  text-shadow:0 0 4px rgba(0, 0, 0, 0.5); }
.sub_title .title h2::after { content:"";display:block;margin:0.8rem 0 0.8rem auto;width:8rem;height:2px;background:var(--point-color); }
.sub_title .title p { margin-top:1.6rem;font-size:1.6rem;font-weight:300;/* opacity:0.75;*/ }

@media (max-width: 768px) {
	.sub_title .title h2 { font-size:3.8rem;font-weight:800;text-shadow:0 0 4px rgba(0, 0, 0, 0.15); }
}

.sub_nav { position:relative;margin-bottom:8rem;background:var(--white-color);height:3.4rem; border-bottom:1px solid var(--line-color);line-height:6.4rem; }
.sub_nav .inner { display:flex;justify-content:space-between; }
.sub_nav .navigation { padding-left:1.6rem;font-size:0.92rem; line-height: 3.0rem; white-space:nowrap; }
.sub_nav .navigation .icon { width:1.2rem;height:1.2rem;stroke:var(--body-color);stroke-width:2;vertical-align:-0.1rem;margin:0 0.4rem; }
.sub_nav .lnb ul { display:flex;justify-content:flex-end;gap:0; }
.sub_nav .lnb ul a { display:block;background:var(--white-color);font-size:1.0rem; line-height: 3.3rem;white-space:nowrap;padding:0 3rem; }
.sub_nav .lnb ul li ~ li { border-left:1px solid var(--line-color); }
.sub_nav .lnb ul li.on a { border-top:4px solid var(--point-color);margin-top:-4px; }
.sub_nav .lnb > a { display:none; }



@media (max-width: 992px) {
	.sub_nav .navigation { display:none; }
	.sub_nav { position:relative;margin-top:-4rem;margin-bottom:8rem;background:var(--white-color);border:1px solid var(--line-color);border-top:4px solid var(--primary-color);border-bottom:1px solid var(--line-color);line-height:6.4rem; }
	.sub_nav .inner { display:block;margin:0 0; }
	.sub_nav .lnb ul { display:none; }
	.sub_nav .lnb > a { position:relative;display:block;padding:0 1.6rem; }
	.sub_nav .lnb > a::after { content:"";position:absolute;top:50%;transform:translate(0, -50%);right:1.6rem;width:24px;height:24px;background:url(<?=G5_THEME_URL;?>/lib/icon/chevron-down.svg) no-repeat center center/22px;opacity:0.5; }
	.sub_nav .lnb > a.on::after { background:url(<?=G5_THEME_URL;?>/lib/icon/chevron-up.svg) no-repeat center center/22px; }
	.sub_nav .lnb ul li ~ li { border-left:0px solid var(--line-color); }
	.sub_nav .lnb ul li { border-top:1px solid var(--line-color); }
	.sub_nav .lnb ul a { display:block;/* background:var(--white-color);*/ background:var(--background-color);white-space:nowrap;padding:0 0;padding:0 1.6rem; }
	.sub_nav .lnb ul li.on a { border-top:0px solid var(--point-color);margin-top:0px; }
}




@media (max-width: 1440px) {

}

#footer { padding:2rem 0 4rem 5rem;background:var(--footerbg-color); border-top:1px solid var(--line-color);font-size:1.5rem;line-height:2.4rem;margin-left:16rem; }
#footer .lnk { padding:4rem 0; width:100%; max-width:1200px; height:100%;  margin:0px auto;}
#footer .lnk > ul { display:flex;gap:2rem; }
#footer .lnk > ul > li { width:16.6666%; }
#footer .lnk > ul > li > a { display:block;font-size:1.12rem;font-weight:700;margin-bottom:1.6rem;}
#footer .lnk > ul ul a { display:block;line-height:2.0; font-size:0.92rem;line-height:1.8rem;}
#footer .customer_list { display:flex;gap:1.6rem;margin-bottom:1.6rem; font-size:1rem;font-weight:400; line-height:1.8rem;}
#footer .ft_top { position:relative;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(0, 0, 0, 0.1); }
#footer .ft_bottom { position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:3.6rem; }
#footer .ft_bottom .address { display:flex; font-size:1rem;font-weight:400; line-height:1.8rem;}
#footer .ft_bottom .info { display:flex;gap:2.4rem; }
#footer .ft_bottom .info li { position:relative;/* text-align:center;*/ white-space:nowrap; font-size:1rem;font-weight:400; line-height:1.8rem;}
#footer .ft_bottom .info li ~ li::before { content:"";position:absolute;top:50%;left:-12px;transform:translate(0, -50%);width:1px;height:0.5em;background:#ccc; }
#footer .ft_bottom .footer-copyright {color:#656565;font-size:.86rem;text-align:center;margin-top:10px;padding:10px 0}


#sns_link { margin-bottom: 10rem;}
#sns_link a { display: inline-flex; justify-content: center; align-items: center; margin-right: 4px; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: var(--background-color); color: var(--primary-color); font-size: 1.8rem; border: 1px solid rgba(0, 0, 0, 0.1);}
#sns_link a img { filter: invert(1);}
#sns_link a:hover { background: var(--point-color);}
#sns_link a:hover img { filter: invert(0);}


@media (max-width: 1440px) {
	#footer { margin-left:0; }
}

@media (max-width: 768px) {
	#footer .lnk { display:none; }
	#footer .customer_list { display:flex;flex-direction:column;gap:0.8rem; }
	#footer .info { flex-direction:column;gap:0; }
	#footer .info li ~ li::before { display:none; }
	#footer .ft_top { flex-direction:column;border-bottom:none;align-items:flex-end; }
	#footer .ft_bottom { flex-direction:column;align-items:flex-start; }

	#sns_link {   text-align: left; }
}


#flnk { position:relative;height:3.2rem;line-height:3.2rem;padding:0 4rem 0 2.4rem;border:1px solid var(--line-color);background:var(--primary-color);color:var(--white-color);font-size:1.4rem;appearance:none;-webkit-appearance:none;-moz-appearance:none; }
.f_lnk { position:relative; }
.f_lnk::after { content:"";position:absolute;top:50%;right:0.8rem;width:1.6rem;height:1.6rem;background:url(<?=G5_THEME_URL;?>/lib/icon/chevron-down.svg) no-repeat center center/1.6rem;filter:invert(100%);transform:translate(0, -50%); }
.f_lnk #flnk option { }


.page_title h3 { position:relative;padding:1.0rem 0;/* border-bottom:1px solid var(--line-color);*/ white-space:nowrap;text-align:center; }
.page_title h3::after { content:"";display:block;margin:1.0rem auto;width:0.8rem;height:0.8rem;background:var(--point-color);transform:rotate(45deg); }
.page_title h3 strong { font-size:2rem;font-weight:600; }
.sub_title_desc { line-height:1.5;margin-bottom:1.5rem; }
.page_title p { font-size:1.12rem;line-height:2.4rem;text-align:center;opacity:0.9; }
hr.hr_line { display:block;border:1px solid transparent;border-top:1px solid var(--line-color);margin:5rem 40% 1rem 40%; }
@media (max-width: 992px) { { margin-top:4.2rem;margin-bottom:8rem; }
.page_title { margin-bottom:1.0rem;text-align:center; }
.page_title h3 { position:relative;padding:0.2rem 0;/* border-bottom:1px solid var(--line-color);*/ white-space:nowrap; }
.page_title h3::after { content:"";display:block;margin:1.0rem auto;width:0.8rem;height:0.8rem;background:var(--point-color);transform:rotate(45deg); }
.page_title h3 strong { font-size:1.4rem;font-weight:500; }
.sub_title_desc { line-height:1.2;margin-bottom:1.2rem; }
.page_title p { font-size:0.98rem;line-height:2.4rem;opacity:0.9; }
hr.hr_line { display:block;border:1px solid transparent;border-top:1px solid var(--line-color);margin:3rem 40% 1rem 40%; }
}



.scontents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:80px 0 100px 0; background:none;  }
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: block; width:1px; height:20px; background: url('../img/bg_vline.gif') no-repeat center; margin:0px auto; }
.scontents h3.title {  font-size: 1.8em;  text-align: center; margin-top:20px;}
.scontents .eng {  display:block; text-align:center; font-size: 1.8em;  font-weight:500;  margin:10px 0;}
.scontents .eng em { color: #c53528; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:28px; text-align:center; color:#333; margin-bottom:20px; }

/* 반응형 대형기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	.scontents{width:96%;}
}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	
	.scontents{padding:80px 0px;}
	.scontents .eng { font-size: 2em; }
	.scontents .stitle { margin-bottom:30px; }	
}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	.scontents .eng { font-size: 2em; }
	.scontents .stitle { font-size:1em;  }
}