@Charset "utf-8";

@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400&display=swap');



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
fieldset,img{border:0 none; vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
body {font:16px/1.4 'Gmarket Sans'; color:#313131; letter-spacing:-0.05em;}
a:active, a:HOVER, a:focus {text-decoration:none !important;}
a {color:#313131; text-decoration:none;}

.a_link {color:#8c8c8c; text-decoration:none;}

body {min-width:1400px\9; overflow-x:hidden;}


.t40 {font-size:40px; color:#392711; line-height:50px; letter-spacing:-0.08em;}
.t22 {font-size:22px; color:#fff; line-height:30px;}
.t20 {font-size:20px; color:#838383; line-height:30px;}
.t18 {font-size:18px; color:#fff; line-height:30px;}
.t15 {font-size:15px; color:#CCCCCC; line-height:30px;}

.tl {font-weight:300;}
.tb {font-weight:bold;}


#head {position:absolute; top:0; left:0; width:100%; height:90px; background:rgba(0,0,0,0.6); z-index:10;}
#head .head {position:relative; max-width:1400px; margin:0 auto;}
#head .head .logo {text-align:center; line-height:90px;}
#head .head .logo a {position:relative; z-index:1;}

#head .gnb {position:absolute; top:0; left:0; width:240px; background:#f47256; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
#head .gnb .title {display:block; text-align:center; padding:15px 0 15px; background:#ce583e;}
#head .gnb .title .t22 {display:block; letter-spacing:0.1em;}
#head .gnb .title .t18 {display:block; color:#f6b3a5; letter-spacing:0.1em;}
#head .gnb .list {padding:30px 35px 20px 30px; box-sizing:border-box;}
#head .gnb .list .t22 {padding-bottom:15px; margin-bottom:20px; border-bottom:2px solid #f79d89;}
#head .gnb .list a {display:block; font-size:16px; font-weight:300; color:#fff; line-height:30px;}

#head .prev {position:absolute; top:23px; right:2%; }
#head .prev .num {font-size:15px; font-weight:300; color:#fff; margin-right:20px;}
#head .prev .link {display:inline-block; width:140px; height:38px; line-height:42px; font-size:18px; font-weight:300; color:#fff; text-align:center; border:1px solid #ddd; background:rgba(0,0,0,0.5); border-radius:10px;}
#head .prev .link span {display:inline-block; margin-left:5px;}
#head .prev .menu {display:none;}

@media only screen and (max-width:1000px) {
	#head .gnb {width:100%; background:none;}
	#head .gnb .title {display:inline-block; background:none; text-align:left; padding:15px 3% 15px;}
	#head .gnb .list {display:none;}
	#head .gnb .list {position:absolute; top:90px; left:0; width:100%; padding:30px 3% 70px; background:#fff; box-shadow:0px 5px 15px #5c5c5c;}
	#head .gnb .list .t22 {font-size:40px; color:#f47256; padding:10px 0 30px; border-bottom:2px solid #fcded7;}
	#head .gnb .list a {font-size:30px; color:#313131; line-height:80px;}
	
	#head .prev {top:30px;}
	#head .prev .num {font-size:18px;}
	#head .prev .link {display:none;}
	#head .prev .link {position:absolute; top:85px; right:3%; font-size:24px; width:168px; height:48px; line-height:48px; letter-spacing:-0.1em;}
	#head .prev .link span {font-size:18px;}
	#head .prev .menu {display:inline-block;}
	
	#head .head.on .gnb .list {display:block;}
	#head .head.on .prev .link {display:block;}
	
}




.splash {position:relative; height:680px;}
.splash .list .img {height:680px; background-position:center 0; background-size:100% auto;}
.splash .text {position:absolute; bottom:130px; left:50%; transform:translate(-50%, 0); width:96%; max-width:1400px; padding-top:35px; z-index:1;}
.splash .text {font-size:18px; font-weight:300; color:#fff; text-align:right;}
.splash .text img {display:inline-block; vertical-align:top; margin-right:10px;}
.splash .text .t2 {font-size:27px; font-weight:400;}

.splash .slick-dots {position:absolute; top:-35px; right:0; z-index:2;}
.splash .slick-dots li {display:inline-block; margin:0 0 0 10px;} 
.splash .slick-dots button {width:14px; height:14px; font-size:0; border:0; border:1px solid #fff; background:none; border-radius:50%; cursor:pointer;}
.splash .slick-dots .slick-active button {border:1px solid #ffc000; background:#ffc000;}


@media only screen and (max-width:1700px) {
	.splash .list .img {background-size:auto 100%;}
}
@media only screen and (max-width:1000px) {
	.splash {height:500px;}
	.splash .list .img {height:500px;}
	.splash .text {bottom:70px;}
	.splash .text .t1 {display:none;}
}


.main_bg1 {position:relative; height:200px; padding:50px 0; margin:-150px 0 0; text-align:center; background:url("../img/main_bg01.png") no-repeat center center; background-size:100% auto; overflow:visible;}
.main_bg1 .img1 {position:absolute; top:30px; left:0;}
.main_bg1 .img2 {position:absolute; top:150px; right:0; z-index:-1;}

@media only screen and (max-width:1700px) {
	.main_bg1 {background-size:auto; }
}
@media only screen and (max-width:1400px) {
	.main_bg1 .img2 {top:auto; bottom:-630px; width:270px;}
}
@media only screen and (max-width:1000px) {
	.main_bg1 .img1 {top:60px; width:200px;}
	.main_bg1 .img2 {bottom:-540px; width:220px;}
}


.main_bg2 {background:linear-gradient(to bottom, #fff, #fff7ec 30%);}
.main_bg3 {background-image:url("../img/main_bg02.png"); background-repeat:no-repeat; background-position:center 100%; background-size:100% auto;}

@media only screen and (max-width:1700px) {
	.main_bg3 {background-size:auto 716px;}
}

.main_story {margin-top:50px;}
.main_story .list {max-width:1450px; margin:0 auto; padding:30px 0 70px; overflow:hidden;}
.main_story .list .item {float:left; width:calc(20% - 50px); margin:0 25px 25px;}
.main_story .list .item a {display:block; padding:0 0 30px; font-size:18px; color:#313131; text-align:center; background:#fff; border:1px solid #ddd; border-radius:10px; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_story .list .item a .img {display:block; margin-bottom:20px;}
.main_story .list .item a .img img {width:100%;}

.main_story .list .item:nth-child(3n + 1) {transform:translate(0, -30px);}
.main_story .list .item:nth-child(3n + 3) {transform:translate(0, +30px);}

.main_story .slick-list {overflow:visible;}

@media only screen and (max-width:1000px) {
	.main_story .list {padding:30px 100px 20px 0;}
	.main_story .list .item {width:calc(20% - 30px); margin:0 15px 25px;}
	.main_story .list .item:nth-child(3n + 1) {transform:translate(0, 0);}
	.main_story .list .item:nth-child(3n + 3) {transform:translate(0, 0);}
		
}


.youtube {padding:30px 0 140px;}
.youtube .bg {max-width:1400px; margin:0 auto;}
.youtube .list {position:relative; max-width:730px; margin:40px auto 0; padding:0 80px;}
.youtube .list .item img {width:100%;}
.youtube .slick-prev {position:absolute; top:110px; left:0px; z-index:10; width:32px; height:96px; font-size:0; border:0; background:url("../img/slick-prev.png") no-repeat 0 0; cursor:pointer;}
.youtube .slick-next {position:absolute; top:110px; right:0px; z-index:10; width:32px; height:96px; font-size:0; border:0; background:url("../img/slick-next.png") no-repeat 0 0; cursor:pointer;}

.youtube .slick-dots {display:none !important;}
.youtube .slick-dots {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:2;}
.youtube .slick-dots li {display:inline-block; margin:0 5px;} 
.youtube .slick-dots button {width:10px; height:10px; font-size:0; border:0; background:#fff; border:1px solid #ddd; border-radius:50%; cursor:pointer;}
.youtube .slick-dots .slick-active button {background:#ffb951;}
 

@media only screen and (max-width:1000px) {
	.youtube {padding:30px 0 70px;}
	.youtube .list {padding:0 3% 40px;}
	.youtube .slick-prev {display:none !important;}
	.youtube .slick-next {display:none !important;}
	.youtube .slick-dots {display:block !important;}
		
}

 

.sns_link {display:flex; justify-content:center; line-height:54px; text-align:center; border-top:1px solid #ddd;}
.sns_link a {display:inline-block; text-align:center; padding:0 3%;}

@media only screen and (max-width:1000px) {
	.sns_link a img {width:100%;}

}
	
	
.tail {padding:35px 3%; background:#2d2d2d;}
.tail .text {position:relative; max-width:1400px; margin:0 auto; font-size:15px; font-weight:300; color:#959595; line-height:24px;}
.tail .text span {display:inline-block;}
.tail .text .logo {float:right;}
.tail .text .logo a {font-size:15px; color:#fff;}

@media only screen and (max-width:1000px) {
	.tail .text .logo .ml30 {margin-left:10px;}
}
@media only screen and (max-width:600px) {
	.tail .text .logo a {display:none;}
}

.sub .t35 {font-size:35px; font-weight:bold; color:#313131;}
.sub .t20.bg {font-weight:500; text-align:center; padding-top:15px; margin-top:40px; background:url("../img/t35_bg.png") no-repeat center 0; }

.sub .t20 {color:#313131;}
.sub .t18 {color:#8c8c8c;}
.sub .t18.bg { text-align:center; padding-top:15px; margin-top:40px; background:url("../img/t35_bg.png") no-repeat center 0; }
.sub .c1 {color:#313131;}


.sub_title {position:relative; height:500px; background:url("../img/s1_t.png") no-repeat center 0; background-size:100% auto;}
.sub_title .text {position:absolute; top:50%; left:50%; width:96%; max-width:660px; transform:translate(-50%, -50%); font-family:'Noto Sans KR';}
.sub_title .text {font-size:40px; color:#fff; font-weight:100; line-height:80px; text-align:center; padding-top:60px;}
.sub_title .text .num {display:inline-block; font-size:88px; font-weight:400; vertical-align:bottom; margin-bottom:17px;}
.sub_title .text .prev {position:absolute; top:50%; left:0;}
.sub_title .text .next {position:absolute; top:50%; right:0;}


@media only screen and (max-width:1700px) {
	.sub_title {background-size:auto 100%;}
}
@media only screen and (max-width:1000px) {
	.sub_title {height:300px;}
}



#top_btn {position:fixed; bottom:5%; right:3%; opacity:0; transition:1s; cursor:pointer; z-index:100;}

.sub {max-width:1200px; margin:0 auto; padding:80px 3% 100px; font-family:'Noto Sans KR'; word-break:keep-all;}
.sub .box {padding:40px 20px 30px; border:1px solid #d2d2d2;}
.img_text {padding:20px; font-size:18px; color:#8c8c8c; line-height:25px; text-align:center; background:#ececec;}
.img_text2 {display:flex; padding:20px; font-size:18px; color:#8c8c8c; line-height:25px; text-align:center; background:#ececec;}
.img_text2 div {width:50%;}

.img2 {display:flex; justify-content:space-between;}
@media only screen and (max-width:800px) {
	.img2 {display:block;}
	.img2 .img img {width:100%;}
	.img2 .img+.img {margin-top:1px;}
	.img img {max-width:none !important;}
}


.w2 {display:flex; align-items:flex-end; overflow:hidden;}
.w2 .item {width:48%;}
.w2 .item+.item {padding-left:4%;}
@media only screen and (max-width:800px) {
	.w2 {display:block;}
	.w2 .item {width:auto;}
	.w2 .item+.item {padding-left:0; margin-top:20px;}
}


.mv {position:relative;}
.mv .on {position:absolute; bottom:10px; right:10px; display:none;}
@media only screen and (max-width:800px) {
	.mv .on {display:block;}
}


caption {font-size:0; height:0;}
.tw {overflow:auto;}

.table01 {width:100%; border-top:2px solid #f47256; border-collapse:collapse;}
.table01 th {padding:10px 10px; height:30px; font-size:18px; font-weight:bold; line-height:25px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5;}
.table01 td {padding:10px 10px; height:30px; font-size:18px; line-height:24px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:break-all;}
.table01 th+th {border-left:1px solid #ddd;}
.table01 td+td {border-left:1px solid #ddd;}
.table01 th:LAST-CHILD {border-right:none;}
.table01 td:LAST-CHILD {border-right:none;}






@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}






.os {overflow-y: scroll;}
.oh {overflow: hidden;}

.fl {float:left;}
.fr {float:right;}

.tal {text-align:left;}
.tar {text-align:right;}
.taj {text-align:justify;}
.tac {text-align:center;}


.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}