@charset 'utf-8';

/* °øÅë */
*{ word-break: keep-all; box-sizing: border-box; }
.inner1700{ max-width: 1700px; width: 100%; margin: 0 auto; }
.w1700{ max-width: 1700px; width: 100%; margin: 0 auto; }
.w1440{ max-width: 1440px; width: 100%; margin: 0 auto; }
.w1400{ max-width: 1400px; width: 100%; margin: 0 auto; }
.w1300{ max-width: 1300px; width: 100%; margin: 0 auto; }
.w1000{ max-width: 1300px; width: 100%; margin: 0 auto; }

@media screen and (max-width: 1740px){
	.w1700{ padding: 0 20px; }
}

@media screen and (max-width: 1480px){
	.w1440{ padding: 0 20px; }
}

@media screen and (max-width: 1440px){
	.w1400{ padding: 0 20px; }
}

@media screen and (max-width: 1340px){
	.w1300{ padding: 0 20px; }
}

@media screen and (max-width: 1040px){
	.w1000{ padding: 0 20px; }
}

 /* ¾ÆÀÌÆù À̹ÌÁö ÀúÀå ¸·±â */
body { -webkit-touch-callout:none;}

/* privacy */
#privacy{ padding-bottom: 95px; }
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px; line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#B8926E;font-weight:500;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:5px 10px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 500; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/* header */
#header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: #fff; }
#header .bg-color{ width: 100%; height: 150px; background-color: #fff; position: absolute; top: 129px; display: none; }
#header .inner{ max-width: 1700px; width: 100%; margin: 0 auto; position: relative; }
#header .flex-box{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
#header .logo{ display: inline-block; position: relative; padding: 30px 0 25px; }
#header .logo img.small{ display: none; }
#header .logo a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#header nav > div{ display: inline-block; }
#header nav > div.moblie{ display: none; }

#header .depth01{ display: flex; }
#header .depth01 > li{ position: relative; }
#header .depth01 > li > a{ display: inline-block; font-size: 1.4rem; font-weight: 500; color: #54565A; padding: 20px; }
#header .depth02{ width: 100%; position: absolute; display: none; }
#header .depth02 > li > a{ width: 100%; display: inline-block; font-size: 1.4rem; font-weight: normal; color: #666; text-align: center; padding: 6px 0; }

#header .depth01 > li:hover > a{ color: #B8926E; }
#header .depth02 > li:hover > a{ color: #B8926E; font-weight: 500; }

#header .icon-menu{ position: absolute; top: 25px; right: 0; }
#header .icon-menu ul{ display: flex; }
#header .icon-menu ul li{ position: relative; }
#header .icon-menu ul li:not(:last-of-type){ margin-right: 25px; }
#header .icon-menu ul li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#header .icon-menu ul li.logout{ display: none; }
#header .icon-menu ul li button{ border: none; background: none; padding: 0; cursor: pointer; }

/* header scroll */
#header.scroll .bg-color{ top: 68px; }
#header.scroll .flex-box{ flex-direction: row; justify-content: flex-start; }
#header.scroll .logo{ margin-top: -4px; margin-right: 90px; }
#header.scroll .logo img.big{ display: none; }
#header.scroll .logo img.small{ display: block; }

#header .depth01 > li > a{ padding: 15px 20px 15px; }

#header.login .icon-menu ul li.logout{ display: block; }

@media screen and (max-width: 1740px){
	/* header */
	#header .bg-color{ top: 127px; }
	#header .logo{ margin-left: 20px; }
	#header .icon-menu{ right: 20px; }
}

@media screen and (max-width: 1000px){
	/* header */
	#header .bg-color{ top: 97px; } 
	#header nav{ width: 100%; }
	#header .flex-box{ align-items: flex-start; }
	#header .logo img.big{ display: none; }
	#header .logo img.small{ display: block; }

	#header .depth01 > li > a{ padding: 10px 20px; }

	/* header scroll */
	#header.scroll .flex-box{ flex-direction: column; }
	#header.scroll .logo{ margin-top: 0; }
}

@media screen and (max-width: 565px){
	/* header */
	#header nav > div{ width: 100%; }
	#header nav > div.pc{ display: none; }
	#header nav > div.moblie{ display: block; }
	#header .depth01{ width: 100%; justify-content: space-between; padding: 0 20px; }
	#header .depth01 > li > a{ padding: 20px 0; }
}


/* footer */
#footer .logo{ display: inline-block; position: relative; }
#footer .logo a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }  

#footer .line01{ border-bottom: 1px solid #eaeaea; }
#footer .line01 .flex-box{ display: flex; justify-content: space-between; align-items: center; }  
#footer .line01 ul{ display: flex; align-items: center; }
#footer .line01 ul li{ position: relative; }
#footer .line01 ul li:not(:last-of-type){ margin-right: 20px; }
#footer .line01 ul li.policy{ margin-top: 5px; }
#footer .line01 ul li a{ display: inline-block; font-size: 1.6rem; font-weight: 500; color: #222; padding: 25px 0; }

#footer .line01 ul li.sns a::after{ content: ""; width: 26px; height: 26px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; opacity: 0; }
#footer .line01 ul li.sns.insta a::after{ background: url("/img/common/sns_insta_hover.png") no-repeat center center; }
#footer .line01 ul li.sns.blog a::after{ background: url("/img/common/sns_blog_hover.png") no-repeat center center; }
#footer .line01 ul li.sns.facebook a::after{ background: url("/img/common/sns_facebook_hover.png") no-repeat center center; }

#footer .line01 ul li.sns:hover a::after{ opacity: 1; }

#footer .line02{ padding: 45px  0 55px; }
#footer .line02 .flex-box{ display: flex; justify-content: space-between; align-items: flex-end; }
#footer .line02 p:not(.copyright){ font-size: 1.6rem; font-weight: normal; color: #444; margin-bottom: 15px; }
#footer .line02 ul{ display: flex; align-items: center; }
#footer .line02 ul li{ font-size: 1.6rem; font-weight: normal; color: #666; position: relative; }
#footer .line02 ul li::after{ content: ""; width: 1px; height: 12px; background-color: #e2e2e2; position: absolute; top: 38%; right: -16px; transform: translateY(-50%); }
#footer .line02 ul li:last-of-type::after{ display: none; }
#footer .line02 ul li:not(:last-of-type){ margin-right: 30px; }
#footer .line02 ul li span{ font-weight: 500; color: #444; }
#footer .line02 p.copyright{ font-family: 'SCoreDream'; font-size: 1.5rem; font-weight: 300; color: #666; line-height: 1.8; }

@media screen and (max-width: 1400px){
	#footer .line02 p:not(.copyright){ margin-bottom: 0; }
	#footer .line02 ul{ max-width: 410px; width: 100%; flex-wrap: wrap; }
	#footer .line02 ul li{ margin-top: 10px; }
	#footer .line02 ul li:nth-of-type(2)::after{ display: none; }
}

@media screen and (max-width: 1250px){
	#footer .line01 ul li a{ padding: 15px 0; }

	#footer .line02{ padding: 30px 0; }
	#footer .line02 p.copyright{ font-size: 1.4rem; }
	#footer .line02 p:not(.copyright){ font-size: 1.5rem; }
	#footer .line02 ul li{ font-size: 1.5rem; }
}

@media screen and (max-width: 1000px){
	#footer .line02 p:not(.copyright){ text-align: center; }
	#footer .line02 .flex-box{ flex-direction: column; align-items: center; }	
	#footer .line02 ul{ justify-content: center; }
	#footer .line02 ul li:nth-of-type(2){ margin-right: 0; }
	#footer .line02 p.copyright{ margin-top: 5px; text-align: center; }
}