@charset "utf-8";


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans%40v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");



@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream1-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream1-webfont.woff') format('woff');
   font-weight: 100;
  font-style: normal;;
}


@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream2-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream2-webfont.woff') format('woff');
   font-weight: 200;
  font-style: normal;;
}


@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream3-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream3-webfont.woff') format('woff');
   font-weight: 300;
  font-style: normal;;
}


@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream4-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream4-webfont.woff') format('woff');
   font-weight: 400;
  font-style: normal;;
}


@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream5-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream5-webfont.woff') format('woff');
   font-weight: 500;
  font-style: normal;;
}



@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream6-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream6-webfont.woff') format('woff');
   font-weight: 600;
  font-style: normal;;
}

@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream7-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream7-webfont.woff') format('woff');
   font-weight: 700;
  font-style: normal;;
}


@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream8-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream8-webfont.woff') format('woff');
   font-weight: 800;
  font-style: normal;;
}


@font-face {
  font-family: 'Escore Dream';
  src: url('/_font/scdream/scdream9-webfont.woff2') format('woff2'),
       url('/_font/scdream/scdream9-webfont.woff') format('woff');
   font-weight: 900;
  font-style: normal;;
}


@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ========================================================
 * SETTING
======================================================== */
:root{
	--main-color: #79ab44;
	--area-wide-width: 1520px;
	--area-box-width: 1420px;
	--area-width: 1320px;
	--area-padding: 30px;
	--header-height: 100px;
	--sub-header-height: 70px;
	--sub-visual-height: 55rem;
	--sub-visual-img-height: 50rem;
	--sub-menu-height: 7rem;
	--full-height: 100vh;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
	--font-family1:  'Escore Dream', 'Pretendard','Pretendard Variable',"돋움", Dotum, Arial, sans-serif;
	--font-family2: 'Escore Dream', 'Pretendard','Pretendard Variable',"돋움", Dotum, Arial, sans-serif;
}
/* html:not(.is-mobile) *::-webkit-scrollbar {
	width: 15px;
	height: 15px;
}
html:not(.is-mobile) *::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
} */
::selection {
    background: var(--main-color);   
    color: #fff;
}
::-moz-selection {
    background: var(--main-color);    
    color: #fff;
}
html{font-size:10px;}
body, table, th, td, button, select, input, textarea {
	font-family:var(--font-family1);
	color:#666;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }
table, th, td{word-break:break-word;}
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
/*#subFooter {margin-top:10rem;}*/
.font-wanted{font-family:var(--font-family1);}
.font-outfit{font-family:var(--font-family2);}

/* ========================================================
 * LAYOUT
======================================================== */
/* ****************** 공통클래스 ********************** */
.area{ max-width:var(--area-width); margin:0px auto;}
.area-box{ max-width:var(--area-box-width); margin:0px auto; }
.area-wide{ max-width:var(--area-wide-width); margin:0px auto; }
.full-height{height:var(--full-height);}
/* Fullpage Layout */
.fullpage-html{overflow:hidden; height:100%;}
.fullpage-html #wrap{position:static;}
/* br tag */
.m-br{display:none;}
.display-m{display:none;}

/* ****************** HEADER ********************** */
#header{
	/* position:relative; */ position:absolute; height:var(--header-height);  left:0; width:100%; z-index:9999; transition:var(--transition-custom2); 
}
.fullpage-html #header{
	position:fixed;
}
#headerInnerWrap{position:absolute; top:0px; left:0px; width:100%; height:var(--header-height); z-index:9999; transition:var(--transition-custom); /*transition-property:background-color;*/ }
#headerInner{position:relative; display:flex; align-items:center; justify-content:space-between; height:var(--header-height); margin:0px auto; padding:0 var(--area-padding); max-width:1780px; box-sizing:border-box;}
#header .logo{position:relative; z-index:100; }
#header .logo a{display:block; }
#header .logo img{display:block; vertical-align:top;}
#header .logo svg .logo-color{fill:#fff;  transition:var(--transition-custom2)}

.sub-page #headerInnerWrap{background:#fff;}

@media (max-width: 580px) {
	#header .logo a {width:230px;}
	#header .logo img {width:100%}
}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:relative; z-index:100; display: flex; align-items:center;}

/* Header :: 언어선택 */
.header-lang-list {position:relative; z-index:100; width:12rem; height:3rem; border-radius:3rem; overflow:hidden; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(20px); transition:var(--transition-custom2);}
.header-lang-list ul{display: flex; align-items:center; height:3rem;}
.header-lang-list li{width:50%; height:3rem;}
.header-lang-list li a{display:block; position:relative; transition:var(--transition-custom); text-align:center; line-height:3rem; font-size:1.1rem; font-weight:600; color:#fff; border-radius:3rem;  transition:var(--transition-custom2);}
.header-lang-list li.cur a{background: transparent linear-gradient(180deg, #FFFFFF80 0%, #FFFFFF00 51%, #FFFFFF80 100%) 0% 0% no-repeat padding-box;}

/* Header :: 사이트맵버튼 */
.sitemap-line-btn{float:left; width:30px; height:42px; display:flex; flex-direction:column; justify-content: center; margin-left:6rem; box-sizing:border-box;}
.sitemap-line-btn .line{display:block; width:100%; height:1px; background-color:#fff; margin: 5px auto; transition:var(--transition-custom); margin-right:0; transition:var(--transition-custom2);}
.sitemap-line-btn .line:nth-child(1){width:100%;}
.sitemap-line-btn .line:nth-child(2){width:80%}
.sitemap-line-btn .line:nth-child(3){width:100%}
/* active */
.sitemap-line-btn.active{position:relative; z-index:100000;}
.sitemap-line-btn.active .line:nth-child(2), 
.sitemap-line-btn.active .line:nth-child(4){opacity: 0;}
.sitemap-line-btn.active .line:nth-child(1){
	transform: translateY(14px) rotate(45deg); width:100%;
}
.sitemap-line-btn.active .line:nth-child(3){
	transform: translateY(-8px) rotate(-45deg); width:100%;
}

/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg{position:fixed; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0; background:rgba(0,0,0,0.5); z-index:9997;  transition:var(--transition-custom); }	/* gnb overlay BG */
.gnb-overlay-bg.open{visibility:visible; opacity:1.0;}
#gnb{position:absolute; text-align:left; top:0; left:50%; width:100%; z-index:99; margin-left:-35rem;}
#gnb > ul{display:inline-block;}
#gnb > ul > li{position:relative; float:left; word-break:keep-all;}
#gnb > ul > li > a{
	position:relative; z-index:100; display:block; line-height:var(--header-height); padding:0 3rem; text-align:center;color:#404142; font-size:1.6rem; font-weight:500; transition:var(--transition-custom);   cursor:pointer
}

/* GNB :: 2차 전체메뉴 */
#gnbBg{
	overflow:hidden; 
	position:absolute; 
	left:0; top:0px; 
	width:100%; 
	height:0; 
	background:#fff; 
	z-index:98;
	opacity:0;
	transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
#gnbBg:after{position:absolute; top:var(--header-height); width:100%; left:0; height:1px; background-color:#ddd; content:"";}
#gnb.total-menu > ul > li .gnb-2dep{
	position:absolute; 
	top:var(--header-height); 
	left:0px; 
	z-index:99;
	width:100%; 
	text-align:left; 
	border-right:1px solid #ddd;
	opacity:0;filter:Alpha(opacity=0);
	height:0;
    transition: all 0.2s 0s;
	transition-delay: 0s;
	visibility:hidden;
}
#gnb.total-menu > ul > li:first-child .gnb-2dep{border-left:1px solid #ddd;}
#gnb.total-menu > ul > li .gnb-2dep:before {
	content:""; position:absolute; left:0; top:0px; width:0; left:50%; height:1px; background-color:var(--main-color); 
	transition:var(--transition-custom);
}
#gnb.total-menu > ul > li:hover .gnb-2dep:before {width:100%; left:0;}
#gnb.total-menu > ul > li .gnb-2dep ul{padding:13px 0px;}
#gnb.total-menu > ul > li .gnb-2dep ul li{position:relative;}
#gnb.total-menu > ul > li .gnb-2dep ul li a{ display:block;  padding:7px 15px; color:#333; font-size:14px; letter-spacing:-0.5px; font-weight:400; line-height:1.3; transition:var(--transition-custom2); }
#gnb.total-menu > ul > li .gnb-2dep ul li a:hover{color:var(--main-color);}

/* GNB :: 2차메뉴 Over (높이변경) */
#gnb.open #gnbBg{height:350px; opacity:1.0;filter:Alpha(opacity=100);}
#gnb.open > ul > li .gnb-2dep{
	height:250px; opacity:1.0;filter:Alpha(opacity=100);
	visibility:visible;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;
}

/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	/* display:none; */
	position:absolute; 
	top:calc(var(--header-height) - 20px); 
	left:50%; 
	transform:translateX(-50%);
	z-index:99;
	width:150px; 
	text-align:left; 
	visibility:hidden;
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);
}

#gnb.each-menu > ul > li .gnb-2dep:before{
	content:""; 
	position:absolute; top:0px; left:0px; right:0px; 
	height:0; 
	background-color:var(--main-color); 
	transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);
}
#gnb.each-menu > ul > li .gnb-2dep ul{padding:15px 0px;}
#gnb.each-menu > ul > li .gnb-2dep ul li{position:relative; padding:8px 10px; opacity:0; transition:all 0s 0s; }
#gnb.each-menu > ul > li .gnb-2dep ul li a{display:block; color:#fff; font-size:14px; font-weight:400; text-align:center; line-height:1.4; opacity:0.9; }
#gnb.each-menu > ul > li .gnb-2dep ul li a:hover{opacity:1.0;}
/* over했을때 */
#gnb.each-menu > ul > li .gnb-2dep.open{visibility:visible; opacity:1.0;}
#gnb.each-menu > ul > li .gnb-2dep.open:before{height:100%;}
#gnb > ul > li .gnb-2dep.open ul li{opacity:1.0; transition:var(--transition-custom2);}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(1){transition-delay:0.1s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(2){transition-delay:0.2s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(3){transition-delay:0.3s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(4){transition-delay:0.4s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(5){transition-delay:0.5s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(6){transition-delay:0.6s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(7){transition-delay:0.7s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(8){transition-delay:0.8s;}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}

.main-page #header #headerInnerWrap{background:#fff}
.main-page #header.sitemap-open #headerInnerWrap{background:none;}

.header-call  {display:none !important;}
@media (max-width: 1280px) {
/* Header :: 전화 */
.header-call{display:block !important; position:fixed; top:30px; right:70px; width:40px; height: 40px; z-index:100 }
.header-call i{font-size: 28px; color: #000;}
}

@media (max-width: 580px) {
	.header-call{right:55px;}
}

/* -------- Header :: GNB(Black) -------- */
/* 언어선택 */
#header.black:not(.sitemap-open) .header-lang-list{background:rgba(0,0,0,0.1);}
#header.black:not(.sitemap-open) .header-lang-list li a{color:#58595B;}
#header.black:not(.sitemap-open) .header-lang-list li.cur a{background:#transparent linear-gradient(180deg, #FFFFFF80 0%, #FFFFFF00 51%, #FFFFFF80 100%) 0% 0% no-repeat padding-box}
/* 사이트맵 */
#header.black:not(.sitemap-open) .sitemap-line-btn .line{background:#222}
#header.black:not(.sitemap-open) .sitemap-line-btn .line:first-child{background:var(--main-color);}
/* Gnb */
#header.black:not(.sitemap-open) #gnb > ul > li > a{color:#222;}

/* -------- Header :: sub -------- */
.sub-page #header.sitemap-open #headerInnerWrap{background:transparent; transition:0s;}
.sub-page #header.sitemap-open #headerInnerWrap:before{opacity:0 !important; transition:0s;}

/* 언어선택 */
.sub-page #header:not(.sitemap-open) .header-lang-list{background:rgba(0,0,0,0.1);}
.sub-page #header:not(.sitemap-open) .header-lang-list li a{color:#58595B;}
.sub-page #header:not(.sitemap-open) .header-lang-list li.cur a{background:#transparent linear-gradient(180deg, #FFFFFF80 0%, #FFFFFF00 51%, #FFFFFF80 100%) 0% 0% no-repeat padding-box}
/* 사이트맵 */
.sub-page #header:not(.sitemap-open) .sitemap-line-btn .line{background:#222}
.sub-page #header:not(.sitemap-open) .sitemap-line-btn .line:first-child{background:var(--main-color);}
/* Gnb */
.sub-page #header:not(.sitemap-open) #gnb > ul > li > a{color:#222;}

/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer {background:url('../images/common/footer_bg.jpg') no-repeat center; background-size:cover; }
.flex-box {display:flex;}
.footer_bottom {border-top:0px; padding:40px 0 50px;}
.footer_bottom .flex-box {justify-content:space-between;}
.footer_bottom .flex-box p {color:#9C9F9D; font-size: 14px;font-weight: 400;line-height: 22px;}
.footer_bottom .flex-box ul {display:flex;}
.footer_bottom .flex-box li a {color:#9C9F9D; font-size: 14px;font-weight: 400;line-height: 22px;}
.footer_bottom .flex-box li + li {margin-left:50px;}

.footer_top {position:relative; overflow:hidden;}
.footer_top .box {padding:100px 30px 80px;border-left: 1px solid #27382C; width:33.33%;position:relative; z-index:5;}
.footer_top .box1 {border-left: 0px;}
.footer_top .box2 {padding-left:65px;}
.footer_top .iconTit {display:flex; align-items:center;color:#fff;
font-size: 18px;font-weight: 700;line-height: 1;letter-spacing: -0.03em;}
.footer_top .iconTit img {margin-right:9px;}
.footer_top .phone_wrap strong {display:block; margin:16px 0 30px; font-size:4rem; color:#fff; font-family:var(--font-family2); letter-spacing: 0.1em;}
.footer_top .links {display:inline-block; width:165px; height:45px;border: 1px solid #F6F6F6; border-radius:40px;
font-size: 15px;font-weight: 400;line-height: 41px;letter-spacing: -0.03em;text-align: center;}
.footer_top .links span {position:relative; display:inline-block;color:#F6F6F6;}
.footer_top .links span:after {content:''; display:block; background-repeat:no-repeat; background-position:center; position:absolute; top:50%; transform:translateY(-50%); left:0; height:17px;}


.footer_top .iconTit.top {margin-top:53px}
.footer_top .time_wrap dl {display:flex;/* align-items:center;*/ height:30px}
.footer_top .time_wrap dt {color:#D8DCE2;
font-size: 16px;font-weight: 700;line-height: 30px;letter-spacing: -0.01em; width:90px; margin-right:42px;}
.footer_top .time_wrap dd {color:#D8DCE2;
font-size: 16px;font-weight: 500;line-height: 30px;letter-spacing: 0.12em;}
.footer_top .time_wrap .info {color:#ADB2BB;
font-size: 14px;font-weight: 400;line-height: 25px; margin-top:25px;}
.footer_top .time_wrap {margin-top:19px;}
.footer_top .location_wrap p {color:#fff; font-size: 16px;font-weight: 400;line-height: 1.2;letter-spacing: -0.03em; padding:18px 0 14px;}
.footer_top .location_wrap ul {display:flex;}
.footer_top .location_wrap li + li {margin-left:10px;}
.footer_top .roughmap_maker_label .roughmap_lebel_text {}
.footer_top .map_wrap {width:340px; height:230px; border-radius:8px; overflow:hidden; position:relative; margin-top:28px;}
.footer_top .root_daum_roughmap {width:100%;}
.footer_top .root_daum_roughmap .wrap_map {height:230px;}
.footer_top .root_daum_roughmap .wrap_controllers {display:none;}

.footer_top .box3 {padding-left:60px;}
.footer_top .box3 .logo {display:flex; margin-bottom:30px;}
.footer_top .box3 .txt_wrap {display:flex; height:100%; width:100%; align-items:flex-start; justify-content:flex-start;}
.footer_top .box3 dl {display:flex; align-items:baseline;}
.footer_top .box3 dt {color:#9C9F9D; font-size: 14px;font-weight: 700;line-height: 30px;letter-spacing: -0.03em; width:123px; margin-right:21px;}
.footer_top .box3 dd {color:#fff; font-size: 14px;font-weight: 400;line-height:1.4;}

.footer_top .box3 ul {display:flex; justify-content:flex-end; padding-top:50px;}
.footer_top .box3 li + li {margin-left:14px;}
.footer_top .box3 li a {display:block; width:37px; height:37px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.footer_top .box3 li .naver {background-image:url("../images/common/footer_sns1.png");}
.footer_top .box3 li .youtube {background-image:url("../images/common/footer_sns2.png");}
.footer_top .box3 li .instar {background-image:url("../images/common/footer_sns3.png");}

/* ****************** FOOTER ********************** */
@media all and (max-width:800px){
.footer_top .phone_wrap strong { font-size:3rem;}
.footer_top .box {width:100%; padding:30px 0; border-left:0px}
.flex-box {display: block;}
.footer_top .box3 ul {display:flex; justify-content:flex-start;}
.footer_top .box3 .logo {display:none}
.footer_top .box3 dt {width:auto}
.footer_bottom {padding:20px 0 90px;}
.footer_bottom .flex-box ul {padding-top:20px;}
}


/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual{position:relative; width:100%; height:var(--sub-visual-height); }
#visual .visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:var(--sub-visual-height);
	overflow:hidden; 
}
#visual .visual-img-inner{
	width:100%; 
	height:100%; 
	background-size:cover !important; 
	transform: scale(1.1,1.1); 
	transition:transform 5s linear;
}
#visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:100%; letter-spacing:-0.5px; color:#fff;}
#visual .visual-txt-container{position:relative; width:100%; margin-top:7rem;}
#visual .visual-tit,
#visual .visual-subtitle,
#visual .visual-sub-txt,
#visual .location{
	opacity:0;
    transform: translateY(30px);
	transition:var(--transition-custom2);
	transition-property: transform, opacity;
}
#visual .visual-tit{
	font-weight:600; 
	font-size:6.6rem; 
	transition-delay:0.3s;
	font-family:var(--font-family2);
}

#visual .visual-subtitle {
  font-size: 30px;
  color: #fff !important;
  margin-top: 20px;
  transition-delay:0.4s;
}


#visual .visual-sub-txt{
	font-size:2rem; 
	padding-top:30px;
	color:rgba(255,255,255,0.8);
	transition-delay:0.5s;
}
#visual .location{
	transition-delay:0.5s;
}

#visual.small-visual,
#visual.small-visual .visual-img-con{height:var(--sub-visual-height-small);}

/* mypage */
#visual.sub-visual-mypage,
#visual.sub-visual-mypage .visual-img-con{height:24rem;}


/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-inner{
     transform: scale(1.0,1.0) rotate(0.002deg);
}
#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .visual-subtitle,
#visual.active .location{
	opacity:1.0;
    transform: translateY(0px);
}

/* SUB LAYOUT :: 위치정보(location) */
.location{overflow:hidden; padding-top:18px;}
.location li{display:inline-block; vertical-align:middle; color:#a7a7a7; color:rgba(108, 108, 108, 0.63); font-size:13px; letter-spacing:-0.5px;}
.location li a{color:inherit;}
.location li i{font-size:18px; margin-top:-2px;}
.location li:before{font-family: 'xeicon'; display:inline-block; content: "\e93f"; position:relative; top:-1px; vertical-align:middle; margin:0px 10px 0 8px; color:#222; font-size:12px; opacity:0.5;}
.location li:first-child:before{display:none;}
.location li:last-child{color:#333;}

/*  SUB LAYOUT :: 이전페이지,다음페이지 버튼 */
.sub-page-controls-btn{position:absolute; top:50%; height:20px; margin-top:-10px; transition:var(--transition-custom); }
.sub-page-controls-btn.sub-prev-page-btn{left:0; }
.sub-page-controls-btn.sub-next-page-btn{right:0; }
.sub-page-controls-btn .sub-page-name{display:inline-block; vertical-align:middle; color:#fff; font-size:14px; font-weight:400;}
.sub-page-controls-btn span{display:inline-block; color:#fff; vertical-align:middle;}
.sub-page-controls-btn span i{margin-top:-2px; font-size:30px;}
.sub-page-controls-btn.sub-prev-page-btn:hover{margin-left:-10px}
.sub-page-controls-btn.sub-next-page-btn:hover{margin-right:-10px}

/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#topMenu01{position:relative; width:100%; height:calc(var(--sub-menu-height) + 1px); } /* (+1 border height)*/
#topMenu01 .side-menu-inner{text-align:center; width:100%; height:var(--sub-menu-height); border-bottom:1px solid #ddd; background-color: #fff;}
#topMenu01 .side-menu-inner ul{display:flex; align-items:center; justify-content:center;}
#topMenu01 .side-menu-inner ul li{float:left; max-width:200px;} /* max-width 자유롭게 수정 */
#topMenu01 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:var(--sub-menu-height);
	line-height:1.2; 
	color:#333; 
	font-size:17px; 
	letter-spacing:-0.5px; 
	font-weight:400; 
	word-break:keep-all;
	transition:var(--transition-custom);
}
#topMenu01 .side-menu-inner ul li > a:before{
	position:absolute;
	bottom:0px;
	left:50%;
	width:0;
	height:2px;
	background-color:var(--main-color);
	content:"";
	transition:var(--transition-custom);
}
#topMenu01 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 25px; }
#topMenu01 .side-menu-inner ul li > a:hover, 
#topMenu01 .side-menu-inner ul li.on > a{color:var(--main-color);}
#topMenu01 .side-menu-inner ul li > a:hover:before, 
#topMenu01 .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}

/* SUB LAYOUT :: 서브메뉴(스타일2) */
#topMenu02{position:relative; width:100%; height:calc(var(--sub-menu-height) + 1px); } /* (+1 border height)*/
#topMenu02 .side-menu-inner{text-align:center; width:100%; height:var(--sub-menu-height); border-bottom:1px solid #ddd; background-color: #fff; }
#topMenu02 .side-menu-inner ul{display:flex; align-items:center; justify-content:center;}
#topMenu02 .side-menu-inner ul li{
	float:left;
	width: 16.66%; 
	border-right:1px solid #ddd;
	box-sizing: border-box; 
	transition:var(--transition-custom);
}
#topMenu02 .side-menu-inner ul li:first-child {border-left: 1px solid #ddd;}
#topMenu02 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:var(--sub-menu-height);
	line-height:1.2; 
	color:#333; 
	font-size:17px; 
	letter-spacing:-0.5px; 
	font-weight:400; 
	word-break:keep-all;
	transition:var(--transition-custom);
}
#topMenu02 .side-menu-inner ul li > a:before{
	position:absolute;
	bottom:0px;
	left:50%;
	width:0;
	height:2px;
	background-color:var(--main-color);
	content:"";
	transition:var(--transition-custom);
}
#topMenu02 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px; }
#topMenu02 .side-menu-inner ul li.on{background-color:#f2f2f2;}
#topMenu02 .side-menu-inner ul li > a:hover:before, 
#topMenu02 .side-menu-inner ul li.on > a:before{width:100%; width:calc(100% + 1px); margin-left:-50%;}
#topMenu02 .side-menu-inner ul li:hover > a, 
#topMenu02 .side-menu-inner ul li.on > a{color:var(--main-color);}

/* SUB LAYOUT :: 서브메뉴(스타일3) */
#topMenu03{position:relative; width:100%; height:calc(var(--sub-menu-height) + 1px); } /* (+1 border height)*/
#topMenu03 .side-menu-inner{text-align:center; width:100%; height:var(--sub-menu-height); border-bottom:1px solid #ddd; background-color: #fff; }
#topMenu03 .side-menu-inner ul{display:flex; align-items:center; justify-content:center; }
#topMenu03 .side-menu-inner ul li{
	float:left;
	width:25%;
	vertical-align:middle;
	border-right:1px solid #ddd;
	transition:var(--transition-custom);
}
#topMenu03 .side-menu-inner ul li:first-child {border-left: 1px solid #ddd; margin-left:0}
#topMenu03 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:var(--sub-menu-height);
	line-height:1.2; 
	color:#333; 
	font-size:17px; 
	letter-spacing:-0.5px; 
	font-weight:400; 
	word-break:keep-all;
	transition:var(--transition-custom);
}
#topMenu03 .side-menu-inner ul li > a:before{
	position:absolute;
	bottom:0px;
	left:50%;
	width:0;
	height:2px;
	background-color:var(--main-color);
	content:"";
	transition:var(--transition-custom);
}
#topMenu03 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px; }
#topMenu03 .side-menu-inner ul li.on{background-color:#f2f2f2;}
#topMenu03 .side-menu-inner ul li > a:hover:before, 
#topMenu03 .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}
#topMenu03 .side-menu-inner ul li:hover > a, 
#topMenu03 .side-menu-inner ul li.on > a{color:var(--main-color);}

/*  SUB LAYOUT :: 서브메뉴(스타일3) */
#topMenu04{position:relative; width:100%; height:calc(var(--sub-menu-height) + 1px); transform: translateY(calc(-1*(var(--sub-menu-height) / 2))); z-index:99;} /* (+1 border height)*/
#topMenu04 .side-menu-inner{width:100%; height:var(--sub-menu-height); text-align:center;}
#topMenu04 .cm-top-menu{display: inline-flex; justify-content:center; background:var(--main-color); border-radius:var(--sub-menu-height);}
#topMenu04 .menu-location{position:relative; width:32.5rem;}
#topMenu04 .menu-location:before{position: absolute; content:'\e93f'; right:0; top:50%; transform:translate(50%, -50%); font-size:2.4rem; color:rgba(255,255,255,0.5); font-family:'xeicon'; z-index:12;}
#topMenu04 .menu-location:last-child:before{display: none;}
#topMenu04 .menu-location > .cur-location{position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:var(--sub-menu-height); padding:0 2.5rem; box-sizing:border-box; z-index:12;}
#topMenu04 .menu-location > .cur-location.cm-drop-open-btn-JS{padding:0 5rem 0 2rem;}
#topMenu04 .menu-location > .cur-location span{width:100%; color:#fff; font-weight:500; font-size:1.8rem; letter-spacing:-0.045em; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#topMenu04 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:2.5rem; transform:translateY(-50%); width:2.4rem; height:2.4rem; border-radius:50%; background:#fff; font-size:1.8rem; display: flex; align-items:center; justify-content:center; color:var(--main-color);}
#topMenu04 .menu-location.open > .cur-location .arrow:before{content:'\e930';}
#topMenu04 .menu-location .location-menu-con{display:none; position:absolute; top:calc(100% - (var(--sub-header-height) / 2)); left:-1px; right:0px; background-color:var(--main-color); z-index:11; padding-bottom:10px; padding-top:calc(var(--sub-header-height) / 2); border-radius:0 0 calc(var(--sub-header-height) / 2) calc(var(--sub-header-height) / 2)}
#topMenu04 .menu-location .location-menu-con li a{display:block; padding:1rem 2rem; font-size:1.5rem; word-break:keep-all; line-height:1.5; color:#fff; }
#topMenu04 .menu-location .location-menu-con li.on{position:relative;}
#topMenu04 .menu-location .location-menu-con li.on a{font-weight:500;}

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM{display:none;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content:not(.wide){padding:10rem 0 19.5rem;}
#content.wide{ padding:5rem 0 0 0}

/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:0 auto 4rem; text-align:center;}
#contentInfoCon .content-tit{color:var(--main-color); font-size:2.6rem; font-weight:700; letter-spacing:-0.025em; margin-bottom:2.3rem;}
#contentInfoCon .content-sub-tit{color:#000; font-weight:800; font-size:5rem; letter-spacing:-0.025em;}
#contentInfoCon .content-sub-tit:after{display:block; content:""; width:1px; height:3rem; background-color:#cdcdcd; margin:4.2rem auto 0;}

.content-intro-tit-box{position:relative; margin:0 auto 4rem; text-align:center;}
.content-intro-tit-box .content-tit{color:var(--main-color); font-size:2.6rem; font-weight:700; letter-spacing:-0.025em; margin-bottom:2.3rem;}
.content-intro-tit-box .content-sub-tit{color:#000; font-weight:800; font-size:5rem; letter-spacing:-0.025em;}
.content-intro-tit-box .txt{color:#333; font-weight:800; font-size:2rem; letter-spacing:-0.025em; margin-top:2rem;}
.content-intro-tit-box .txt:after{display:block; content:""; width:1px; height:3rem; background-color:#cdcdcd; margin:4.2rem auto 0;}


/* quick_menu */
@keyframes bouncebounce {
    0%,50%,100% { transform: translateY(0); }
    25%,75% { transform: translateY(15px); }
}

.quick_wrap{
    position: fixed; bottom:2.5rem; right:2%; width:51px; padding-top:0; z-index:11; display:block;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;  
    -moz-transition: 0.4s ease;  
    -ms-transition: 0.4s ease;  
    -o-transition: 0.4s ease;
    animation: bouncebounce 3s ease-in-out infinite;
}
.quick_wrap:hover { animation: none; }
.quick_wrap.scrolled{bottom:0;}
.open .quick_wrap{display:none;}
.quick_menu_wrap{
    position:absolute; bottom:5.8rem; right:0%; width:0; height:0; overflow:hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.quick_wrap.open .quick_menu_wrap{
    width:auto; height:auto;
}
.quick_menu_list{
    position:relative; width:100%; margin:4% 0; opacity:0;
    transform: translateY(30%);
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.quick_wrap.open .quick_menu_list{
    opacity:1; 
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}
.quick_wrap.open .quick_menu_list.quick_menu_li_naver{
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
}
.quick_wrap.open .quick_menu_list.quick_menu_li_navertalk{
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
}
.quick_wrap.open .quick_menu_list.quick_menu_li_blog{
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
}
.quick_wrap.open .quick_menu_list.quick_menu_li_insta{
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}
.quick_menu_list > a{display:flex; justify-content:flex-end; align-items:center; overflow:hidden; color:#fff;}
.quick_menu_list > a > p{
    margin-right:6px; width:auto; height:42px; padding:0 1.5rem;
    color:#fff; background-color:rgba(121, 171, 68, 0.5); border-radius:50px;
    text-align:center; line-height:40px; opacity:0; visibility:hidden; 
    transform:translateX(20%) translateZ(0); 
    -webkit-transform:translateX(20%) translateZ(0); 
    -moz-transform:translateX(20%) translateZ(0); 
    -ms-transform:translateX(20%) translateZ(0); 
    -o-transform:translateX(20%) translateZ(0); 
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out; 
    -moz-transition:all 0.6s ease-in-out; 
    -ms-transition:all 0.6s ease-in-out; 
    -o-transition:all 0.6s ease-in-out;
}
.quick_menu_list > a:hover > p{
    opacity:1; visibility:visible; 
    transform:translateX(0%) translateZ(0); 
    -webkit-transform:translateX(0%) translateZ(0);  
    -moz-transform:translateX(0%) translateZ(0);  
    -ms-transform:translateX(0%) translateZ(0);  
    -o-transform:translateX(0%) translateZ(0);  
}
.quick_icon{position:relative; display:block; width:51px; height:51px;}

.quick_icon.q_naver{background: url(../images/common/q_naver.png)0 0/100% no-repeat;}
.quick_icon.q_naver_talk{background: url(../images/common/q_naver_talk.png)0 0/100% no-repeat;}
.quick_icon.q_blog{background: url(../images/common/q_blog.png)0 0/100% no-repeat;}
.quick_icon.q_insta{background: url(../images/common/q_insta.png)0 0/100% no-repeat;}

.quick_btn_wrap{position:relative; width:100%;}
.quick_btn{
    position:relative; width:51px; height:51px; padding:0; margin:0; border:0; border-radius:100%; background-color: transparent; display:block; margin-left:auto; margin-right:0;
}
.open_btn{
    position:relative; width:100%; height:100%; 
    text-align:center; margin-left:auto; margin-right:auto;
    transform: rotate(0deg) translateZ(0); 
    -webkit-transform: rotate(0deg) translateZ(0); 
    -moz-transform: rotate(0deg) translateZ(0); 
    -ms-transform: rotate(0deg) translateZ(0); 
    -o-transform: rotate(0deg) translateZ(0); 
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}
.open_btn > div { 
    position:absolute; 
    display:inline-block; margin:0;
    background-color:#fff; 
    transform: translate(-50%,-50%) translateZ(0); 
    -webkit-transform: translate(-50%,-50%) translateZ(0); 
    -moz-transform: translate(-50%,-50%) translateZ(0); 
    -ms-transform: translate(-50%,-50%) translateZ(0); 
    -o-transform: translate(-50%,-50%) translateZ(0); 
}
.quick_wrap .open_btn > .bounce1 { top:50%; left:50%; width:50%; height:2px;}
.quick_wrap .open_btn > .bounce2 { top:50%; left:50%; width:2px; height:50%;}
.quick_wrap.open .open_btn { 
    transform: rotate(45deg) translateZ(0); 
    -webkit-transform: rotate(45deg) translateZ(0); 
    -moz-transform: rotate(45deg) translateZ(0); 
    -ms-transform: rotate(45deg) translateZ(0); 
    -o-transform: rotate(45deg) translateZ(0); 
}

.quick_btn{opacity:1; background-color:#79ab44;}
.quick_wrap.open .quick_btn{opacity:1; background-color:#79ab44;}

.quick_top_btn{
    position:relative; 
    width:51px; height:51px; 
    padding:0; margin:0; border:0; 
    background-color: transparent; 
    display:block; 
    margin-top:15px; margin-left:auto; margin-right:0; 
    opacity:0; visibility:hidden;
    transition: opacity 0.3s ease; 
    -webkit-transition: opacity 0.3s ease; 
    -moz-transition: opacity 0.3s ease; 
    -ms-transition: opacity 0.3s ease; 
    -o-transition: opacity 0.3s ease; 
}
.top_btn{position:absolute; top:0; right:0; width:100%; height:100%; border-radius:100%; text-align:center; margin-left:auto; margin-right:0; display:flex; justify-content:center; align-items:center; background: url(../../img/q_top_btn.png) 50% 50%/100% no-repeat;}

@media (max-width:960px){
    .quick_wrap{bottom:2rem; right:2rem;}
    .quick_wrap.scrolled{bottom:2rem;}
    .quick_wrap.move{bottom:2rem;}
    .quick_menu_wrap{bottom:6.6rem;}
    .quick_menu_list{margin:0.5rem 0;}
    .quick_menu_list > a > p{
        opacity:1; visibility:visible; 
        transform: translateX(0%) translateZ(0);
        -webkit-transform: translateX(0%) translateZ(0);
        -moz-transform: translateX(0%) translateZ(0);
        -ms-transform: translateX(0%) translateZ(0);
        -o-transform: translateX(0%) translateZ(0);
    }
    .quick_menu_list > a:hover{overflow:hidden;}
    .quick_menu_list > a:hover > p{
        opacity:1; visibility:visible; 
        transform: translateX(0%) translateZ(0);
        -webkit-transform: translateX(0%) translateZ(0);
        -moz-transform: translateX(0%) translateZ(0);
        -ms-transform: translateX(0%) translateZ(0);
        -o-transform: translateX(0%) translateZ(0);
        transition:none;
        -webkit-transition:none; 
        -moz-transition:none; 
        -ms-transition:none; 
        -o-transition:none;
    }
    
    .scrolled .quick_top_btn{opacity:1; visibility:visible;}
    .move .quick_top_btn{opacity:1; visibility:visible;}
    
}
@media (max-width:480px){
    .quick_wrap{right:1.5rem; width:45px;}
    .quick_wrap.scrolled{bottom:4.2rem;}
    .quick_wrap.move{bottom:3rem;}
    
    .quick_menu_wrap{bottom:6rem;}
    .quick_icon{width:45px; height:45px;}
    .quick_menu_list > a > p{height:40px; line-height:40px; padding:0 1.4rem; font-size:12px;}
    .quick_btn{width:45px; height:45px;}
    .quick_top_btn{width:45px; height:45px; margin-top:0.5rem;}
    
}
@media (max-width:376px){
    
}