@charset "utf-8";

body.on_mobile, body.on_popup, body.on_pop{overflow:hidden}

.blind{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:.25s;z-index:10}
body[class*="on_"] .blind{visibility:visible;opacity:.4}
body.on_popup .blind,
body.on_pop .blind{z-index:25}
.layout{position:relative;margin:0 auto;width:100%;max-width:1340px}

/* 전체메뉴 시 opacity 자연스럽게 조정 */
body.on_mobile .blind{visibility:hidden;opacity:0;z-index:25}
body.on_mobile.on_pop .blind,
body.on_mobile.on_popup .blind{visibility:visible;opacity:.4}

/* 퍼블 페이지 작업을 위한 블라인드 display:none */
body[class*="_html"] .blind{display:none}

@media(max-width:1339px) {
	.layout{padding:0 2rem}
}
/*
@media(max-width:767px) {
	.layout{padding:0 3rem}
}
*/
/* z-index */
#header{z-index:15}
#all_menu{}
#container{}
#footer{}

/* header */
/* logo, util */
#header{position:fixed;visibility:visible;top:0;left:0;width:100%;height:11rem;border-bottom:1px solid transparent;transition:.25s background-color, .25s border-color;transition:0s visibility .75s}
#header #logo{position:absolute;top:50%;left:calc(50% - 90rem);transform:translatey(-50%);z-index:1}
/*#header #logo a{display:block;overflow:hidden;width:24.835rem;height:4.397rem}*/
#header #logo a{display:block;overflow:hidden;width:28rem;height:4.96rem}
#header #logo a img{transition:.25s transform;transform:translatey(0)}
#header #header_util{display:flex;align-items:center;position:absolute;top:50%;right:calc(50% - 90rem);transform:translatey(-50%)}
#header #header_util>.util_btn{display:flex;gap:2px;align-items:center;position:relative;margin-left:2.8rem;color:#fff;font-size:1.8rem;line-height:2rem}
#header #header_util>.call_btn>i{font-size:2.4rem}
#header #header_util>.yt_btn>i{font-size:2.8rem}
#header #header_util>.all_btn>i{font-size:3.2rem}

/* gnb */
#header #gnb_wrap{position:static;height:100%}
#header #gnb{display:flex;justify-content:center;align-items:stretch;height:100%}
#header #gnb>li{}
#header #gnb>li a{display:flex;align-items:center}
#header #gnb>li>a{position:relative;padding:0 3rem;height:100%;color:#fff;font-size:2rem;line-height:2.4rem;text-align:center;z-index:1}
#header #gnb>li>a:before{content:"";display:block;position:absolute;bottom:-1px;left:50%;width:0;height:3px;background-color:#fff;transition:.25s width, .25s left}
#header #gnb>li>.sub{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;padding:15rem 0 2.5rem;width:100%;background-color:#fff;opacity:0}
#header #gnb>li>.sub:before,#header #gnb>li>.sub:after{content:"";display:block;position:absolute;bottom:0}
#header #gnb>li>.sub:before{left:0;width:33rem;height:19.7rem;background:url(../images/layout/gnb_obj_left_bottom.svg) no-repeat 50% 50%/contain}
#header #gnb>li>.sub:after{right:0;width:30.9rem;height:10.7rem;background:url(../images/layout/gnb_obj_right_bottom.svg) no-repeat 50% 50%/contain}
#header #gnb>li>.sub>.layout{display:flex;flex-wrap:wrap;align-items:flex-start;position:static;min-height:36rem}
#header #gnb>li>.sub>.layout:before{content:"";display:block;position:absolute;top:15rem;left:calc(50% - 72.5rem);width:15.7rem;height:24.5rem;background:url(../images/layout/gnb_obj_title.svg) no-repeat 50% 50%/cover}
#header #gnb>li>.sub>.layout:after{content:"";display:block;position:absolute;top:11rem;left:0;width:100%;height:1px;background-color:#ddd}
#header #gnb>li>.sub>.layout>b{padding-right:9rem;width:25%;color:#28392a;font-size:2.6rem;font-weight:800;line-height:3.2rem}
#header #gnb>li>.sub>.layout>b>span{margin-top:1rem;font-size:1.7rem;line-height:2.2rem}
#header #gnb>li>.sub>.layout>ul{display:flex;flex-wrap:wrap;align-items:stretch;position:relative;width:75%;z-index:1}
#header #gnb>li>.sub>.layout>ul>li{padding:0 3.5rem 2.5rem 0;width:calc(100% / 3)}
#header #gnb>li>.sub>.layout>ul>li>a{padding:.45rem 2.4rem .55rem;height:6rem;border:1px solid #42aa48;border-radius:.5rem;color:#42aa48;font-size:1.8rem;font-weight:600;line-height:2.6rem}
#header #gnb>li>.sub>.layout>ul>li>ul{padding:.5rem 2.4rem 0}
#header #gnb>li>.sub>.layout>ul>li>ul>li{display:flex;align-items:flex-start;margin-top:.75rem;font-size:1.7rem;line-height:2.2rem}
#header #gnb>li>.sub>.layout>ul>li>ul>li:before{content:"-";position:relative;top:-.15rem;padding-right:.5rem;text-decoration:none}
#header #gnb>li>.sub>.layout>ul>li>ul>li>a{display:block;color:#555}
#header #gnb>li>.sub>.layout>ul>li>ul>li>a>sub{font-size:1.3rem;line-height:1;vertical-align:-.1rem}
/* gnb_hover */
#header #gnb>li>a.on+.sub{visibility:visible;opacity:1}
#header #gnb>li>a.on:before,
#header #gnb>li>a.active:before,
.on_gnb #header #gnb>li>a.on.active:before{left:3rem;width:calc(100% - 6rem)}
.on_gnb #header #gnb>li>a.active:before{left:50%;width:0}
#header #gnb>li>.sub>.layout>ul>li>a.on,
#header #gnb>li>.sub>.layout>ul>li>a.on.active{background-color:#42aa48;color:#fff}
#header #gnb>li>.sub>.layout>ul>li>ul>li>a.on,
#header #gnb>li>.sub>.layout>ul>li>ul>li>a.on.active{text-decoration:underline}


/* header_repsond */
@media(max-width:1819px) {
	/* logo, util */
	#header #logo{left:2rem}
	#header #header_util{right:2rem}

	/* gnb */
	#header #gnb_wrap{max-width:100%;padding:0 29rem}
	#header #gnb{margin:0 -3rem}
}

@media(max-width:1749px) {
	#header #gnb{margin:0 -2.25rem}
	#header #gnb>li>a{padding:0 2.25rem;font-size:1.8rem;line-height:2.2rem}
}

@media(max-width:1599px){
	/* logo, util */
	#header #logo a{width:calc(24.835rem * 0.9);height:calc(4.397rem * 0.9)}
	#header #header_util>.util_btn{margin-left:2rem;font-size:1.6rem;line-height:1.8rem}
	#header #header_util>.call_btn>i{font-size:2.2rem}
	#header #header_util>.yt_btn>i{font-size:2.6rem}
	#header #header_util>.all_btn>i{font-size:3rem}

	/* gnb */
	#header #gnb_wrap{max-width:100%;padding:0 30rem 0 25rem}
	#header #gnb{margin:0 -1.5rem}
	#header #gnb>li>a{padding:0 1.5rem;font-size:1.7rem;line-height:2rem}
	#header #gnb>li>.sub>.layout>b{font-size:2.4rem;line-height:3rem}
	#header #gnb>li>.sub>.layout>b>span{font-size:1.5rem;line-height:2rem}
	#header #gnb>li>.sub>.layout>ul>li>a{font-size:1.6rem;line-height:2.4rem}
	#header #gnb>li>.sub>.layout>ul>li>a>ul>li{font-size:1.5rem;line-height:1.9rem}

	/* gnb_hover */
	#header #gnb>li>a.on:before,
	#header #gnb>li>a.active:before,
	.on_gnb #header #gnb>li>a.on.active:before{left:1.75rem;width:calc(100% - 3.5rem)}
}
@media(max-width:1339px) {
	/* logo, util */
	#header #logo a{width:24.835rem;height:4.397rem}
	#header #header_util>.util_btn{font-size:1.8rem;line-height:2rem}
	#header #header_util>.call_btn>i{font-size:2.4rem}
	#header #header_util>.yt_btn>i{font-size:2.8rem}
	#header #header_util>.all_btn>i{font-size:3.2rem}
	
	/* gnb */
	#header #gnb{margin:0 -1.5rem}
	#header #gnb>li>a{padding:0 1.5rem;font-size:2rem;line-height:2.4rem}
	#header #gnb>li>.sub>.layout>b{font-size:2.6rem;line-height:3.2rem}
	#header #gnb>li>.sub>.layout>b>span{font-size:1.7rem;line-height:2.2rem}
	#header #gnb>li>.sub>.layout>ul>li>a{font-size:1.8rem;line-height:2.6rem}
	#header #gnb>li>.sub>.layout>ul>li>a>ul>li{font-size:1.7rem;line-height:2.1rem}

	/* gnb_hover */
	#header #gnb>li>a.on:before,
	#header #gnb>li>a.active:before,
	.on_gnb #header #gnb>li>a.on.active:before{left:1.5rem;width:calc(100% - 3rem)}
}
@media(max-width:1339px) {
	/* gnb */
	#header #gnb_wrap{display:none}
}
@media(max-width:1023px) {
	/* logo, util */
	#header #logo{left:3rem}
	#header #header_util{right:3rem}
}
@media(max-width:479px) {
	#header #header_util>.util_btn:not(.all_btn){display:none}
}

/* header_인터렉션 */
body.scrolling #header{background-color:#fff;border-color:#eee}
body.on_gnb #header #logo a img,
body.scrolling #header #logo a img{transform:translatey(-50%)}
body.on_gnb #header #gnb>li>a,
body.scrolling #header #gnb>li>a{color:#111}
body.scrolling #header #gnb>li>a:before,
body.on_gnb #header #gnb>li>a:before{background-color:#42aa48}
body.on_gnb #header #header_util>.call_btn,
body.scrolling #header #header_util>.call_btn{color:#111}
body.on_gnb #header #header_util>.yt_btn,
body.scrolling #header #header_util>.yt_btn{color:#f2511e}
body.on_gnb #header #header_util>.all_btn,
body.scrolling #header #header_util>.all_btn{color:#42aa48}

body.on_mobile #header>*{visibility:hidden;transition:.25s visibility}


/* 전체메뉴 */
#all_menu{display:flex;visibility:hidden;align-items:center;overflow:hidden;overflow-y:auto;position:fixed;bottom:100%;left:0;padding:11rem 0;width:100%;height:100%;background-color:#fff;transition:0s visibility .75s, .75s bottom ease-in-out;z-index:20}
#all_menu>.inner{display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin:auto;padding:0 2rem;width:100%;z-index:1}
#all_menu>.inner>.item{position:relative}
#all_menu>.inner>#all_nav{width:100%;max-width:1530px}
#all_menu>.inner>#all_nav>ul{display:flex;flex-wrap:wrap;flex-direction:column;position:relative;margin:-2.6rem -1.6rem 0}
#all_menu>.inner>#all_nav>ul>li{padding:2.6rem 1.6rem 0;width:calc(100% / 5)}
#all_menu>.inner>#all_nav>ul>li:nth-child(2){flex:1 1 100%} /* 예외처리... */
#all_menu>.inner>#all_nav>ul>li a,
#all_menu>.inner>#all_nav>ul>li button{display:flex;align-items:center;position:relative;width:100%}
#all_menu>.inner>#all_nav>ul>li>a,
#all_menu>.inner>#all_nav>ul>li>button{padding:.45rem 2.4rem .55rem;height:6rem;background-color:#42aa48;border-radius:.5rem;color:#fff;font-size:1.8rem;font-weight:600;line-height:2.4rem}
#all_menu>.inner>#all_nav>ul>li>button:after{content:"\e913";display:none;position:absolute;top:calc(50% - .1rem);right:2.4rem;font-family:"xeicon";font-size:2rem;line-height:1;transform:translatey(-50%)}
#all_menu>.inner>#all_nav>ul>li>button.on:after{content:"\e91a"}
#all_menu>.inner>#all_nav>ul>li>.sub{}
#all_menu>.inner>#all_nav>ul>li>.sub>ul{}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li{border-bottom:1px solid #ededed}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>a,
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>button{padding:.15rem 2.7rem .25rem;height:5.5rem;color:#28392a;font-size:1.8rem;line-height:2.4rem}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>button:after{content:"\e913";display:none;position:absolute;top:calc(50% - .1rem);right:2.7rem;font-family:"xeicon";font-size:2rem;line-height:1;transform:translatey(-50%)}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>button.on:after{content:"\e91a"}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul{padding:1.55rem 2.7rem 1.65rem;background-color:#f9f9f9;border-top:1px solid #ededed}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li{display:flex;align-items:flex-start;margin-top:.75rem;font-size:1.7rem;line-height:2.2rem}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li:first-child{margin-top:0}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li:before{content:"-";position:relative;top:-.15rem;padding-right:.5rem;text-decoration:none}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li>a{display:block;color:#555}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li>a>sub{font-size:1.3rem;line-height:1;vertical-align:-.1rem}
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li>a:hover,
#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li>a.active.on{text-decoration:underline}
#all_menu>.inner>#all_nav>.all_util{display:flex;position:absolute;bottom:0;right:calc(50% - 87rem)}
#all_menu>.inner>#all_nav>.all_util>.util_btn{display:flex;justify-content:center;align-items:center;margin-left:1.2rem;width:6rem;height:6rem;border:1px solid transparent;border-radius:100%}
#all_menu>.inner>#all_nav>.all_util>.call_btn{border-color:#42aa48;color:#42aa48}
#all_menu>.inner>#all_nav>.all_util>.call_btn:hover{background-color:#42aa48}
#all_menu>.inner>#all_nav>.all_util>.yt_btn{border-color:#f2511e;color:#f2511e}
#all_menu>.inner>#all_nav>.all_util>.yt_btn:hover{background-color:#f2511e}
#all_menu>.inner>#all_nav>.all_util>.util_btn>i{width:2.4rem;height:2.4rem;font-size:2.4rem;line-height:1}
#all_menu>.inner>#all_nav>.all_util>.util_btn:hover>i{color:#fff}

#all_menu .mobile_logo{display:none;position:absolute;top:3rem;left:calc(50% - 90rem);width:24.835rem;height:4.397rem}
#all_menu>.all_close_btn{position:absolute;top:3rem;right:calc(50% - 90rem);color:#42aa48;font-size:3.2rem}

@media(max-width:1819px) {
	/* logo, util */
	#all_menu .mobile_logo{left:2rem}
	#all_menu>.all_close_btn{right:2rem}
}

@media(max-width:1749px) {
	#all_menu>.inner>#all_nav>.all_util{right:0}
}

@media(max-width:1549px) {
	#all_menu>.inner>#all_nav>ul>li:nth-child(2){flex:0 0 auto} /* 예외처리... */
}

@media(max-width:1279px) {
	#all_menu>.inner>#all_nav>ul{margin:-2.6rem -1rem 0}
	#all_menu>.inner>#all_nav>ul>li{padding:2.6rem 1rem 0}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>a,
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>button{padding:.15rem 2rem .25rem}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul{padding:1.55rem 2rem 1.65rem}
}

@media(max-width:1023px) {
	#all_menu .mobile_logo{display:block}
	#all_menu{align-items:flex-start}
	#all_menu>.inner{margin-top:0}
	#all_menu>.inner>#all_nav>ul{}
	#all_menu>.inner>#all_nav>ul>li{width:100%}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul{display:flex;flex-wrap:wrap;align-items:flex-start}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li{width:calc(100% / 3)}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>button:after{display:block}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul{display:none}

	#all_menu>.inner>#all_nav>.all_util{bottom:auto;top:calc(100% + 1.5rem)}
}

@media(max-width:767px) {
	#all_menu>.inner>#all_nav>ul{margin:-1rem 0 0}
	#all_menu>.inner>#all_nav>ul>li{padding:1rem 0 0}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li{width:calc(100% / 2)}
	#all_menu>.inner>#all_nav>ul>li>a,
	#all_menu>.inner>#all_nav>ul>li>button{height:6.6rem;font-size:2.4rem;line-height:2.8rem}
	#all_menu>.inner>#all_nav>ul>li>button:after{display:block}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>a,
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>button{height:6.6rem;font-size:2.2rem;line-height:2.6rem}
	#all_menu>.inner>#all_nav>ul>li>.sub{display:none}
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li>ul>li{margin-top:1rem;font-size:2rem;line-height:2.4rem}
}
@media(max-width:479px) {
	#all_menu>.inner>#all_nav>ul>li>.sub>ul>li{width:100%}
}

/* motion */
body.on_mobile #all_menu{visibility:visible;bottom:0;transition-delay:0s}


/* 020-HelpCall */
#lpop_help{max-width:70rem}
#lpop_help .layout{padding:0 5rem}
#lpop_help .layout .c_tit_1 span{font-size:inherit;line-height:inherit;vertical-align:0}
#lpop_help .layout .lpop_close{position:absolute;top:.5rem;right:5rem}
#lpop_help .layout .lpop_close>i{font-size:2.4rem;line-height:1}

#lpop_help.lpop_help_open #lpop_help_close_all,
#lpop_help.lpop_help_open_all #lpop_help_close{display:none}

/* container */
#container{}
#svisual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding: 6rem 1rem 2rem; /* 모바일에서는 패딩을 줄입니다 */
  height: 33rem; /* 모바일에 맞춰 높이를 줄입니다 */
  background: no-repeat 50% 50%/cover;
  transition: .3s height;
}
#svisual:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
#svisual.sub01 { background-image: url(../images/layout/svisual_sub01.jpg); }
#svisual.sub02 { background-image: url(../images/layout/svisual_sub02.jpg); }
#svisual.sub03 { background-image: url(../images/layout/svisual_sub03.jpg); }
#svisual.sub04 { background-image: url(../images/layout/svisual_sub04.jpg); }
#svisual.sub05 { background-image: url(../images/layout/svisual_sub05.png); }
#svisual.sub06 { background-image: url(../images/layout/svisual_sub06.jpg); }

#svisual > * {
  position: relative;
  color: #fff;
  z-index: 1;
}
#svisual .svisual_tit {
  font-size: 3rem; /* 모바일에 맞춰 폰트 크기를 줄입니다 */
  line-height: 3.4rem;
  text-align: center; /* 타이틀을 중앙 정렬 */
}
#svisual .svisual_txt {
  margin-top: 1rem; /* 모바일에 맞춰 마진을 줄입니다 */
  font-size: 1.6rem; /* 모바일에 맞춰 폰트 크기를 줄입니다 */
  line-height: 2.2rem;
  opacity: .9;
  text-align: center;
}

/* 미디어 쿼리로 더 작은 디바이스에 추가 최적화 */
@media (max-width: 768px) {
  #svisual {
    padding: 4rem 1rem 2rem;
    height: 18rem;
  }
  #svisual .svisual_tit {
    font-size: 3.4rem;
    line-height: 2.8rem;
  }
  #svisual .svisual_txt {
    font-size: 1.7rem;
    line-height: 2.6rem;
	margin-top: 2rem;
  }
}

@media(max-width:1023px) {
	#svisual{height:38rem}
}
@media(max-width:639px) {
	#vsiaul{height:25rem}
}

#path{position:sticky;top:11rem;height:6.4rem;background-color:#fff;border-bottom:1px solid #eee;z-index:5}
#path>.layout,#path>.layout>*{display:flex;position:relative;height:100%}
#path>.layout{padding-right:11rem}
#path>.layout>#snb{padding-left:5.6rem;width:100%}
#path>.layout>#snb>.home_btn{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:5.6rem;height:100%}
#path>.layout>#snb>.snb_select{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;min-width:22rem;max-width:100%}
#path>.layout>#snb>.snb_select:before,
#path>.layout>#snb>.snb_select:last-child:after{content:"";display:block;position:absolute;top:calc(50% - 1rem);left:0;width:1px;height:2rem;background-color:#d2dcd2}
#path>.layout>#snb>.snb_select:last-child:after{left:auto;right:0}
#path>.layout>#snb>.snb_select>button{position:relative;padding:.45rem 5rem .55rem 2rem;width:100%;height:100%;color:#676767;font-size:1.6rem;line-height:2rem;text-align:left}
#path>.layout>#snb>.snb_select>button>i{position:absolute;top:calc(50% - 1rem);right:1.4rem;color:#333;font-size:2rem;line-height:1}
#path>.layout>#snb>.snb_select>button>sub{font-size:1.1rem;line-height:1;vertical-align:-.1rem}
#path>.layout>#snb>.snb_select>.select_list{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #bcbcbc;border-top:2px solid #676767;box-shadow:.5rem .5rem 1rem rgba(0, 0, 0, .05)}
#path>.layout>#snb>.snb_select>.select_list>li:not(:first-child){border-top:1px solid #eee}
#path>.layout>#snb>.snb_select>.select_list>li{display:table;width:100%;min-height:5rem}
#path>.layout>#snb>.snb_select>.select_list>li>a{display:table-cell;padding:.45rem 2rem .55rem;width:100%;height:100%;color:#676767;font-size:1.5rem;line-height:2rem;vertical-align:middle}
#path>.layout>#snb>.snb_select>.select_list>li>a>sub{font-size:1.1rem;line-height:1;vertical-align:-.1rem}
#path>.layout>#path_util{position:absolute;top:0;right:0}
#path>.layout>#path_util:before{content:"";display:block;position:absolute;top:calc(50% - 1rem);left:50%;width:1px;height:2rem;background-color:#d2dcd2}
#path>.layout>#path_util>:not(.sns_list){display:flex;justify-content:center;align-items:center;margin-left:1px;color:#333;width:5.4rem;height:100%}
#path>.layout>#path_util>.sns_btn.on>i:before{content:"";color:#000}
#path>.layout>#path_util>.sns_list{display:none;position:absolute;top:100%;right:0;z-index:5}
#path>.layout>#path_util>.sns_list>li{padding-top:1rem}
#path>.layout>#path_util>.sns_list>li>.share_btn{display:flex;justify-content:center;align-items:center;width:5.4rem;height:5.4rem;border-radius:100%}
#path>.layout>#path_util>.sns_list>li>.share_btn:before{margin:auto;color:#fff;font-family:"xeicon";font-size:2rem;line-height:1}
#path>.layout>#path_util>.sns_list>li:first-child>.share_btn{background-color:#50abf0}
#path>.layout>#path_util>.sns_list>li:first-child>.share_btn:before{content:""}
#path>.layout>#path_util>.sns_list>li:nth-child(2)>.share_btn{background-color:#2f5095}
#path>.layout>#path_util>.sns_list>li:nth-child(2)>.share_btn:before{content:""}
#path>.layout>#path_util>.sns_list>li:nth-child(3)>.share_btn{background-color:#ffc508}
#path>.layout>#path_util>.sns_list>li:nth-child(3)>.share_btn:before{content:""}
#path>.layout>#path_util>.sns_list>li>.share_btn:before{}

@media(min-width:1024px) {
	#path>.layout>#snb>.snb_select>button:hover,
	#path>.layout>#snb>.snb_select>button.on{color:#333}
	#path>.layout>#snb>.snb_select>.select_list>li>a:hover{text-decoration:underline}
}
@media(max-width:1339px) {
	#path>.layout{padding-right:10rem}
	#path>.layout>#path_util{right:2rem}
	#path>.layout>#snb{padding-left:3.6rem;width:100%}
	#path>.layout>#snb>.home_btn{justify-content:flex-start;width:3.6rem}
	#path>.layout>#path_util>:not(.sns_list){margin-left:2.5rem;width:auto}
	#path>.layout>#path_util>:not(.sns_list):first-child{margin-left:0}
}
@media(max-width:1023px) {
	#path>.layout>#snb>.snb_select{min-width:0}
	#path>.layout>#path_util>a:first-child{display:none}
	#path>.layout>#path_util:before{display:none}
	#path>.layout>#snb>.snb_select button{min-width:0}
	#path>.layout{padding-right:5.5rem}
}
@media(max-width:767px) {
	#path>.layout{padding-right:6.5rem}
	#path>.layout>#path_util{right:3rem}
	#path>.layout>#path_util>:not(.sns_list){margin-left:0}
	#path>.layout>#snb>.snb_select:last-child{flex:1}
	#path>.layout>#snb>.snb_select:not(:last-child){display:none}
}

#content_tit{padding:6rem 2rem 4rem;text-align:center}
#content_tit>h3{color:#111;font-size:4rem;line-height:4.4rem}

/* 메뉴 탭 */
#menu_tab>.inner{z-index:0}
#menu_tab>.type02{padding-top:6rem}
#menu_tab>.type02>.tab_list{justify-content:center}

/* url별 예외처리 */
body[class*="sub0105"] #menu_tab>.type01>.tab_list>.item{flex:unset;width:calc(100% / 5 + 1px)}
@media(max-width:1023px) {
	body[class*="sub0105"] #menu_tab>.type01>.tab_list>.item{flex:1 1 calc(100% / 4)}
}
@media(max-width:767px) {
	body[class*="sub0105"] #menu_tab>.type01>.tab_list>.item{flex:1 1 calc(100% / 3)}
}
@media(max-width:479px) {
	body[class*="sub0105"] #menu_tab>.type01>.tab_list>.item{flex:1 1 calc(100% / 2)}
}

/* content */
#content_wrap{min-height:100%;padding:6rem 0 6rem}
#content_tit+#content_wrap{padding-top:4rem}

.c_visual{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.95rem 3rem 3.05rem;background:no-repeat 50% 50%/cover;text-align:center}
.c_visual>.c_visual_tit{color:#fff;font-size:3.2rem;line-height:4rem}
.c_visual>.c_txt{margin-top:1rem;color:#fff;font-size:1.7rem;line-height:2.6rem}

/* quick_menu */
#quick_menu{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:26rem;right:2rem;width:11.6rem;transition:.35s ease-out;z-index:5}
#quick_menu .m_quick_open_btn{display:none;padding:1rem 2rem 1.5rem;background-color:#43ab49;color:#fff;font-size:2rem;line-height:2.4rem;text-align:center}
#quick_menu .m_quick_open_btn>i{font-size:3.4rem;line-height:1}
#quick_menu .quick_menu_list{}
#quick_menu .quick_menu_list>a{display:flex;flex-direction:column;justify-content:center;align-items:center}
#quick_menu .quick_menu_list>.quick_btn{height:9rem;background-color:#fff;border:1px solid #eee;border-bottom:0;color:#555;font-size:1.5rem;line-height:1.9rem}
#quick_menu .quick_menu_list>.quick_btn>.ico{position:relative;margin-bottom:.5rem;width:4rem;height:3.8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
#quick_menu .quick_menu_list>.quick_btn>.ico>[class^="ico_"]{overflow:hidden;position:absolute;left:0;width:100%;transition:.25s height}
#quick_menu .quick_menu_list>.quick_btn>.ico>.ico_before{top:0;height:100%}
#quick_menu .quick_menu_list>.quick_btn>.ico>.ico_after{bottom:0;height:0}
#quick_menu .quick_menu_list>.quick_btn>.ico>[class^="ico_"]:before{content:"";display:block;position:absolute;left:0;width:4rem;height:3.8rem;background-repeat:no-repeat;backgroudn-position:50% 50%;background-size:cover}
#quick_menu .quick_menu_list>.quick_btn>.ico>.ico_before:before{top:0}
#quick_menu .quick_menu_list>.quick_btn>.ico>.ico_after:before{bottom:0}
#quick_menu .quick_menu_list>.quick_btn>.ico01>.ico_before:before{background-image:url(../images/layout/quick_ico_01.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico02>.ico_before:before{background-image:url(../images/layout/quick_ico_02.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico03>.ico_before:before{background-image:url(../images/layout/quick_ico_03.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico04>.ico_before:before{background-image:url(../images/layout/quick_ico_04.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico05>.ico_before:before{background-image:url(../images/layout/quick_ico_05.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico02>.ico_after:before{background-image:url(../images/layout/quick_ico_02_ov.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico03>.ico_after:before{background-image:url(../images/layout/quick_ico_03_ov.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico04>.ico_after:before{background-image:url(../images/layout/quick_ico_04_ov.svg)}
#quick_menu .quick_menu_list>.quick_btn>.ico05>.ico_after:before{background-image:url(../images/layout/quick_ico_05_ov.svg)}
#quick_menu .quick_menu_list>.top_btn{height:4rem;background-color:#28392a;color:#fff;font-size:1.6rem;line-height:2rem}
@media(min-width:1280px) {
	#quick_menu .quick_menu_list{display:block !important}
}

/* 팝업버튼 예외처리 */
#quick_menu .quick_menu_list>.quick_btn.popup_open{background-color:#43ab49;border-color:#43ab49;color:#fff}
#quick_menu .quick_menu_list>.quick_btn.popup_open.active>.ico:before{content:"";display:block;position:absolute;top:-.2rem;right:-.4rem;width:.8rem;height:.8rem;background-color:#ffc43a;border-radius:100%}
@media(min-width:1024px) {
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):hover,
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):focus{background-color:#dbeedc;border-color:#dbeedc;color:#42aa48}
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):hover>.ico>[class^="ico_"],
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):focus>.ico>[class^="ico_"]{transition-delay:.125s}
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):hover>.ico>.ico_before,
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):focus>.ico>.ico_before{height:0}
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):hover>.ico>.ico_after,
	#quick_menu .quick_menu_list>.quick_btn:not(:first-child):focus>.ico>.ico_after{height:100%}

	@keyframes q_opacity {
		0% {opacity:0}
		50% {opacity:1}
		0% {opacity:0}
	}
}

/* quick_menu_respond */
@media(max-width:1919px) {
	#quick_menu{right:2rem}
}

@media(max-width:1619px) {
	#quick_menu{top:auto;bottom:2rem}
}

@media(max-width:1279px) {
	#quick_menu .m_quick_open_btn{display:block}
	#quick_menu .quick_menu_list{display:none;position:absolute;bottom:100%;left:0;width:100%}
}
/*
@media(max-width:1023px) {
	#quick_menu{right:3rem;bottom:3rem}	
}*/

@media(max-height:767px) {
	#quick_menu .quick_menu_list>.quick_btn{height:5rem}
	#quick_menu .quick_menu_list>.quick_btn>.ico{display:none}
}

#footer{position:relative;padding:6rem 0 9rem;background-color:#262a25}
#footer>.layout{display:flex;flex-wrap:wrap;align-items:flex-start;position:static}
#footer .footer_logo{width:25rem}
#footer .footer_info{padding:0 3rem 0 5.4rem;width:calc(100% - 44rem)}
#footer .footer_info>.footer_util{display:flex;margin-top:-1.2rem}
#footer .footer_info>.footer_util>a{margin:1.2rem 2.4rem 0 0;color:#fff;font-size:1.7rem;line-height:2.4rem}
#footer .footer_info>address{display:flex;flex-wrap:wrap;margin-top:.5rem}
#footer .footer_info>address>.addr_item_group{display:flex;flex-wrap:wrap}
#footer .footer_info>address .addr_item{position:relative;margin-right:1rem;padding-right:1rem;color:#ddd;font-size:1.6rem;line-height:2.4rem}
#footer .footer_info>address .addr_item:nth-child(odd):before{content:"";display:block;position:absolute;top:calc(50% - .6rem);right:0;width:1px;height:1.4rem;background-color:#707070}
#footer .footer_site{position:relative;margin-left:auto}
#footer .footer_site>button{display:flex;align-items:center;padding:.45rem 2rem .55rem 2.4rem;width:24rem;height:5.4rem;background-color:#404040;color:#fff;font-size:1.6rem;line-height:2rem}
#footer .footer_site>button>i{margin-left:auto;font-size:2rem;line-height:1}
#footer .footer_site>.footer_site_list{display:none;position:absolute;overflow-y:auto;bottom:calc(100% - 1px);left:0;width:100%;max-height:calc(20rem + 1px);background-color:#404040;border-bottom:1px solid #6c6c6c;z-index:6}
#footer .footer_site>.footer_site_list>li{position:relative}
#footer .footer_site>.footer_site_list>li:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#6c6c6c}
#footer .footer_site>.footer_site_list>li:last-child:before{display:none}
#footer .footer_site>.footer_site_list>li>a{display:flex;flex-wrap:wrap;align-items:center;padding:.45rem 2.25rem .55rem 2.4rem;height:5rem;color:#fff;font-size:1.5rem;line-height:2rem}
#footer .footer_site>.footer_site_list>li>a>i{position:relative;margin-left:auto;right:0;animation:.35s btn_right_arr}
#footer .footer_site>.footer_site_list>li>a:hover>i{right:-.75rem;animation:.35s btn_right_arr_ov}
@keyframes btn_right_arr {
    0% {right:-.75rem}
    75% {right:.25rem}
    100% {right:0}
}
@keyframes btn_right_arr_ov {
    0% {right:0rem}
    25% {right:.25rem}
    100% {right:-.75rem}
}

/*@media(max-width:1023px) {
	#footer .footer_info{padding:0 2.5rem 0 4.5rem}
	#footer .footer_info>.footer_util>a{margin-right:1.2rem}
}*/
@media(max-width:1023px) {
	#footer .footer_info{margin-top:2rem;padding:0;width:100%;order:3}
}

@media(max-width:479px) {
	#footer{padding:10rem 0 6rem}
	#footer .footer_info{width:100%}
	#footer .footer_info>address{margin-top:1.5rem;flex-direction:column}
	#footer .footer_info>address>.addr_item:nth-child(odd):before{display:none}
	#footer .footer_site{position:absolute;top:0;left:0;width:100%}
	#footer .footer_site>button{width:100%}
}



        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
            margin: 0;
        }

        .form-container {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 700px;
            width: 100%;
        }





        .form-container form label {
            display: block;
            margin-bottom: 5px;
        }

        .form-container form input,
        .form-container form textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .form-container form textarea {
            resize: vertical;
            height: 100px;
			font-family:"xeicon";
			font-size: 1.5rem;
        }

        .form-container form .full-width {
            width: 100%;
        }

        .form-container form button {
            background-color: #004080;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .form-container form button:hover {
            background-color: #0066cc;
        }

        .form-container form .checkbox-group {
            display: flex;
            align-items: flex-start;
            margin-top: 10px;
        }

        .form-container form .checkbox-group input {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            appearance: checkbox;
			margin-top: 5px;
            -webkit-appearance: checkbox;
        }

        .form-container form .checkbox-group label {
            margin: 0;
            display: flex;
            flex-direction: column;
        }

        .form-container form .checkbox-group .small-text {
            font-size: 0.8em;
            margin-top: 5px;
        }

        /* 모바일 최적화를 위한 미디어 쿼리 */
        @media (max-width: 600px) {
            .form-container {
                padding: 15px;
                box-shadow: none;
            }

            .form-container form .form-group {
                width: 100%;
            }

            .form-container form button {
                width: 100%;
                padding: 15px;
                font-size: 1.2em;
            }

            .form-container form .checkbox-group {
                flex-direction: column;
                align-items: flex-start;
            }

            .form-container form .checkbox-group input {
                margin-bottom: 10px;
            }
        }