@Charset "utf-8";

@font-face {
    font-family: 'Gmarket Sans';
    src: url('../font/GmarketSansLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gmarket Sans';
    src: url('../font/GmarketSansMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gmarket Sans';
    src: url('../font/GmarketSansBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@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;}
.subcon {padding-left: 20px; text-indent: -10px;}
.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;}
.t19 {font-size:18px; color:#555555; line-height:30px;}
.t20 {font-size:18px; color:#000000; line-height:30px;}

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

#obj {position: relative; top:300px; left: 0; z-index: 100; width:20%; height: 90px; vertical-align: bottom}
#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:#f19b19; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
#head .gnb .title {display:block; text-align:center; padding:15px 0 15px; background:#f19b19;}
#head .gnb .title .t22 {display:block; letter-spacing:0.1em;}
#head .gnb .title .t18 {display:block; color:#ffffff; 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 #f7cc95;}
#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 .title .t18 {color:#fff;}
	#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:#7a87c1; padding:10px 0 30px; border-bottom:2px solid #7a87c1;}
	#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:80px; 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 #ffc71a; background:#ffc71a;}


@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; padding:280px 0 0;}
.main_bg1 {background-image:url("../img/main_bg02.png"); background-repeat:no-repeat; background-position:center 0; background-size:cover;}
.main_bg1 .title01 {position:absolute; top:95px; left:50%; transform:translate(-50%, 0);}
.main_bg1 .title02 {position:relative; height:220px;}
.main_bg1 .title02 .title {position:absolute; top:0; left:50%; transform:translate(-50%, 0);}

@media only screen and (max-width:1000px) {
	.main_bg1 {padding:210px 0 0; background-image:url("../img/main_bg03.png");}
	.main_bg1 .title01 {top:30px;}
}


.main_story {margin-top:50px;}
.main_story .list {max-width:1450px; margin:0 auto; padding:30px 0 50px; 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 {max-width:730px; margin:0 auto; padding:40px 0 100px;}
.youtube .list {position:relative; 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; background:#fff;}
.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 .c1 {color:#313131;}
.sub .c2 {color:#db0000;}
.sub a {color:#8c8c8c; text-decoration:none;}

.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;}
a {color:#313131; text-decoration:none;}


@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%;}

.img_text3 {display:flex; padding:20px; font-size:18px; color:#8c8c8c; line-height:20px; text-align:center; background:#ececec;}
.img_text3 div {width:33%;}


.img2 {display:flex; justify-content:space-between;}
.img3 {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; margin-left:1px;}

	.img3 {display:block;}
	.img3 .img img {width:100%;}
	.img3 .img+.img {margin-top:1px; margin-left: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 #5363aa; 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;}
.mt1 {margin-top:1px !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}