@charset "utf-8";

body {width:100%; height:100%; overflow:hidden;}
#container section[id] {width:100%; height:100vh; box-sizing:border-box; position:relative;}
#container h3 {font-family:'AritaBuri',sans-serif; font-size:50px; font-weight:400; transition:all .3s ease;}
@media screen and (max-width: 1440px) {
	#container h3 {font-size:40px; transition:all .4s ease;}
}
@media screen and (max-width: 1023px) {
	body {overflow:visible;}
	#container section[id] {height:auto; padding:100px 40px;}
	#container h3 {font-size:35px;}
}
@media screen and (max-width: 740px) {
	#container section[id] {padding:80px 30px;}
	#container h3 {font-size:25px;}
}

/* main visual */
#home ul {width:inherit; height:inherit;}
#home li {width:inherit; height:inherit; background-size:cover; background-repeat:no-repeat; background-position:top center; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center;}
/* tt box */
#home .tt_box {margin-top:-50px;}
#home .tt_box h3 {font-size:80px; letter-spacing:-0.04em; transition:all .3s ease;}
#home .tt_box p {font-family:'AritaBuri',sans-serif; font-size:24px; letter-spacing:0; padding-top:30px; transition:all .3s ease;}
/* control */
#home .control {display:block; width:100%; height:auto; text-align:center; position:absolute; bottom:38vh; left:0;}
#home .control a {display:inline-block; width:9px; height:9px; border-radius:100%; box-sizing:border-box; border:1px solid #fff; font-size:0; margin:0 5px;}
#home .control .current {background:#fff;}
/* scroll */
.bt_scroll {display:block; width:100%; height:auto; text-align:center; position:absolute; bottom:100px; left:0; color:#fff; text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:0.1em; animation:scroll_effect .3s infinite alternate linear;}
.bt_scroll a {display:block; width:100%; height:100%;}
.bt_scroll .ico-arr-btm.small:first-child {margin-top:5px;}
.bt_scroll .ico-arr-btm.small {margin:0 auto;}
@keyframes scroll_effect {
	from {
		transform : translateY(7px);
	}
	to {
		transform : translateY(14px);
	}
}
@media screen and (max-width: 1440px) {
	#home .tt_box h3 {font-size:60px;}
}
@media screen and (max-width: 1023px) {
	#container #home {height:100vh; padding:0;}
	#home .tt_box h3 {font-size:50px;}
}
@media screen and (max-width: 740px) {
	#home .tt_box h3 {font-size:40px;}
	#home .tt_box .nb {display:block;}
	#home .tt_box p {font-size:20px; line-height:1.2;}
	#home .control {bottom:35vh;}
	.bt_scroll {bottom:100px;}
}
/* page move */
.page_move {position:fixed; top:50%; transform:translateY(-50%); left:67px; z-index:1;}
.page_move a {display:block; width:9px; height:9px; border-radius:100%; box-sizing:border-box; border:1px solid #fff; font-size:0; margin:15px 0;}
.page_move .current {background:#fff;}
.page_move.black a {border-color:#222}
.page_move.black .current {background:#222;}
@media screen and (max-width: 1440px) {
	.page_move {left:40px;}
}
@media screen and (max-width: 1023px) {
	.page_move {display:none;}
}

/* about jade */
#about_jd {background:#222; color:#fff; text-align:center; display:flex; justify-content:center; flex-direction:column;}
#about_jd .about_box {width:100%/*69.79166666666667%*/; max-width:1340px; margin:7vh auto 0; }
#about_jd .about_box .gall_inner {width:inherit; position:relative;}
#about_jd .about_box .slide_lst {width:100%; display:block; position:relative; overflow:hidden; }
#about_jd .about_box .slide_lst li {width:50%; position:absolute; transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#about_jd .about_box .slide_lst img {max-width:100%;}
#about_jd .about_box .tt_box {width:inherit; display:flex; margin-top:40px; line-height:1.5; font-size:19px; letter-spacing:-0.05em; /* position:relative; overflow:hidden; */}
#about_jd .about_box .tt_box p {width:50%;/* position:absolute; */ transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-sizing:border-box;}
#about_jd .about_box .nb {display:block;}
/* control */
#about_jd .about_box .control {display:flex; width:160px; height:80px; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#222;}
#about_jd .about_box .control a {display:block; width:100%; height:100%; position:relative; font-size:0; box-sizing:border-box; padding:30px;}
#about_jd .about_box .control a:after {content:''; width:1px; height:30px; background:#393939; position:absolute; top:25px; right:0;}
#about_jd .about_box .control a:last-child:after {width:0;}
@media screen and (max-width: 1440px) {
	#about_jd {padding:0 6.8vw;}
	#about_jd .about_box .tt_box {font-size:16px;}
	/* control */
	#about_jd .about_box .control {width:120px; height:60px;}
	#about_jd .about_box .control a {padding:20px;}
	#about_jd .about_box .control a:after {top:15px;}
}
@media screen and (max-width: 1024px) {
	#about_jd .about_box .tt_box p {box-sizing:border-box; padding:0 30px;}
	#about_jd .about_box .nb {display:inline;}
}
@media screen and (max-width: 1023px) {
	#about_jd .about_box {margin-top:5vh;}
	#about_jd .about_box .tt_box {flex-direction:column;}
	#about_jd .about_box .tt_box p {width:100%; padding:10px 50px;}
	#about_jd .about_box .slide_lst {display:block; height:auto; position:relative;}
	#about_jd .about_box .slide_lst li {width:100%; height:auto;}
	#about_jd .about_box .slide_lst li:last-child { }
	/* control */
	#about_jd .about_box .control {background:rgba(0,0,0,0.75);}
	#about_jd .about_box .control a:after {background:rgba(255,255,255,0.3);}
}
@media screen and (max-width: 740px) {
	#about_jd .about_box .tt_box {font-size:14px;}
	#about_jd .about_box .tt_box p {padding:10px 0;}
	/* control */
	#about_jd .about_box .control {width:96px; height:48px;}
	#about_jd .about_box .control a {padding:14px;}
	#about_jd .about_box .control a:after {height:17px; top:16px;}
}

/* program */
/*
#program {padding:0 6.8vw; display:table;}
#program .slide_bn {width:100%; height:auto; display:table-cell; position:relative;}
*/
#program {padding:0 6.8vw; display:block; overflow:hidden; background:#222; color:#fff;}
#program .slide_bn {width:100%; height:100%; display:block; position:relative;}
#program .p_slide {width:100%; height:auto; max-width:1440px; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%); transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#program .p_slide.notransition { transition:none; }
#program .p_slide > p {float:left; width:54.86111111111111%; max-width:790px; height:580px; overflow:hidden; position:relative; z-index:1;}
#program .p_slide > p img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#program .p_slide .tt_box {float:left; width:45.13888888888889%; max-width:650px; height:580px; box-sizing:border-box; padding-left:3.44vw;}
#program .p_slide .tt_box h3 {font-size:34px; color:#c0a07b; font-weight:700; padding:40px 0 20px;}
#program .p_slide .tt_box em {font-family:'AritaBuri',sans-serif; font-size:50px; font-weight:400; letter-spacing:-0.07em; transition:all .5s ease; line-height:1.2;}
#program .p_slide .tt_box em:after {content:''; display:block; width:400px; height:1px; background:#fff; margin-top:40px; margin-left:-310px;}
#program .p_slide .tt_box p {padding:35px 2vw; line-height:1.7; letter-spacing:-0.05em; color:rgba(255,255,255,0.5);}
#program .p_slide .tt_box .bt_area {margin-left:2vw;}
#program .p_slide .tt_box .bt_area .bt_more {background:#000;}
#program .p_slide .tt_box .bt_more:before, 
#program .p_slide .tt_box .bt_more:after {background:#fff; color:#fff;}
#program .p_slide .tt_box .nb {display:block;}
#program .p_slide.im_gray img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity:.5;}

/* control */
	#program .control {position:absolute; top:50%; right:13%; transform:translateY(-50%); display:flex; flex-direction:column;}
	#program .control a {display:block; position:relative; width:64px; height:64px; border-radius:100%; font-size:0; box-sizing:border-box; padding:20px 18px; margin:5px 0; background:#fff;}
	#program .control a:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; line-height:64px; text-align:center; font-size:13px; font-weight:700; color:#222;}
	#program .control a:hover i {display:none;}
	#program .control .bt_prev:hover:after {content:'이전';}
	#program .control .bt_next:hover:after {content:'다음';}

@media screen and (max-width: 1440px) {
	#program .p_slide {padding:0 40px;}
	#program .p_slide > p {transform:scale(.95);}
	#program .p_slide .tt_box em {font-size:40px;}
	#program .control {right:40px;}
}
@media screen and (max-width: 1023px) {
	#program .p_slide.current {position:relative;}
	#program .p_slide {top:0; transform:none; padding:0;}
	#program .p_slide > p {float:none; width:100%; max-width:100%; height:360px; transform:scale(1);}
	#program .p_slide .tt_box {float:none; width:100%; max-width:100%; height:auto; padding-left:0;}
	#program .p_slide .tt_box em:after {display:none;}
	#program .p_slide .tt_box p {padding-left:0; padding-right:0;}
	#program .p_slide .tt_box .bt_area {margin-left:0;}
	#program .p_slide .tt_box .nb {display:inline;}
}
@media screen and (max-width: 740px) {
	#program .p_slide {padding:0;}
	#program .p_slide > p {height:200px;}
	#program .p_slide > p img {width:480px;}
	#program .p_slide .tt_box h3 {font-size:20px; padding:20px 0 10px;}
	#program .p_slide .tt_box p {padding:20px 0;}
	#program .p_slide .tt_box em {font-size:24px;}
	#program .p_slide .tt_box .bt_area .bt_more {width:48%; padding:17px 0; text-align:center;}

	#program .control {top:80px; right:30px; transform:none; flex-direction:unset;}
	#program .control a {width:48px; height:48px; border-radius:0px; padding:19px 11px; background:rgba(0,0,0,0.5); border:none; margin:0 0 0 1px;}
	#program .control a:after {line-height:48px; font-size:11px; color:#fff;}
}

/* event */
#event {background:url("../image/main/bg_event.jpg") top center no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0 6.8vw; overflow:hidden;}
#event hgroup {font-size:34px; color:#c0a07b; text-align:center;}
#event hgroup h4 {font-family:'AritaBuri',sans-serif; font-size:50px; font-weight:100; color:#fff; padding-top:30px;}
#event ul {width:100%; max-width:1338px; height:auto; margin:7vh auto 0;}
#event li {float:left; width:100%; max-width:340px; height:auto; box-sizing:border-box; margin:0 10px; position:relative; line-height:0;}
#event li a {display:block; width:100%; height:100%; box-sizing:border-box; padding-top:30px; background:#fff;}
#event li p {font-family:'AritaBuri',sans-serif; font-size:23px; font-weight:700; color:#222; padding:0 30px; line-height:1.2;}
#event li p:after {content:''; display:block; width:30px; height:1px; background:#222; margin:20px 0;}
#event li .tt_box {min-height:120px;}
#event li .tt {display:block; padding:0 30px; line-height:1.3; text-align:left;}
#event li .im {display:block; overflow:hidden; position:relative;}
#event li .im:before {content:''; position:absolute; top:-144px; right:0; width:100%; height:180px; background:#fff; transform:skewY(12deg); transition:all .3s ease;}
#event li img {max-width:100%;}
#event li .arr {display:block; position:absolute; top:180px; right:30px; z-index:1;}

/* hover */
#event li a:hover .im:before {transform:skewY(-12deg);}
#event li a:hover .ico-next:before {border-color:#fff;}
#event li a:hover .ico-next:after {background:#fff;}
#event li a:hover p {color:#c0a07b;}
#event li a:hover p:after {background:#c0a07b;}

/* controll-image */
#event .controll-im {display:none; position:absolute; bottom:60px; left:0; width:100%; height:auto; text-align:center; z-index:1;}
#event .controll-im span {display:block; width:48px; height:48px; box-sizing:border-box; padding:8px 0 0 0; background:rgba(255,255,255,0.3); border-radius:100%; margin:0 auto; overflow:hidden;}
#event .controll-im img {width:32px; animation:main-scroll-frame .3s infinite alternate linear;}
@keyframes main-scroll-frame {
	from {
		transform : translateX(-2px);
	}
	to {
		transform : translateX(5px);
	}
}

@media screen and (max-width: 1440px) {
	#event {padding:0 40px;}
	#event hgroup h4 {font-size:40px;}
}
@media screen and (max-width: 1023px) {
	#event {align-items:flex-start;}
	#event hgroup {text-align:left;}
	#event hgroup h4 {font-size:35px;}
	#event ul {margin-top:40px;}
	#event li {max-width:320px;}
	#event li p {font-size:20px;}
	#event .mo-slide {width:750px; overflow:hidden;} /* slide width */
	#event .controll-im {display:block; bottom:30px;}
}
@media screen and (max-width: 740px) {
	#event hgroup {font-size:24px;}
	#event hgroup h4 {font-size:24px; padding-top:20px;}
	#event ul {margin-top:30px;}
	#event li .tt {padding-right:20px;}
	#event li .arr {right:20px;}
	#event li .arr .ico-prev:before {border-color:#222;}
	#event li .arr .ico-prev:after {background:#222;}
	#event li .arr .ico-next:before {border-color:#222;}
	#event li .arr .ico-next:after {background:#222;}
}

/* location */
#location {background:#222; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#location img {max-width:100%;}
#location h3 {width:50%; box-sizing:border-box; padding-left:6vw; font-size:40px; position:absolute; top:0; right:0;}
#location .inner {width:auto; height:auto; position:relative;}
#location .tt_box {width:100%; height:auto; display:flex;}
#location .tt_box p {width:50%; text-align:center;}
#location .tt_box ul {width:50%; color:#797979; box-sizing:border-box; padding-left:6vw; margin-top:9vh; line-height:1.2;}
#location .tt_box li:nth-child(2) {margin:5vh 0;}
#location .tt_box i {display:block; width:32px; height:32px; margin:10px 0 15px;}
#location .tt_box .ico-add {background:url("../image/common/ico_pin.svg") 0 0 no-repeat; background-size:100%;}
#location .tt_box .ico-time {background:url("../image/common/ico_time.svg") 0 0 no-repeat; background-size:100%;}
#location .tt_box .ico-tel {background:url("../image/common/ico_call.svg") 0 0 no-repeat; background-size:100%;}

@media screen and (max-width: 1440px) {
	#location h3 {width:100%; text-align:center; position:static; padding-left:0;}
	#location .inner {padding:0 40px;}
	#location .tt_box {margin-top:40px;}
	#location .tt_box ul {margin-top:30px;}
}
@media screen and (max-width: 1023px) {
	#location h3 {font-size:35px;}
	#location .tt_box {flex-direction:column; margin-top:5vh;}
	#location .tt_box p {width:100%;}
	#location .tt_box ul {width:100%; margin-top:50px; padding-top:50px; padding-left:0; display:flex; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,0.1);}
	#location .tt_box li {display:flex; align-items:center;}
	#location .tt_box li:nth-child(2) {width:50%; margin:20px 0;}
	#location .tt_box li:nth-child(3) {width:50%; margin:20px 0;}
	#location .tt_box li em {display:block; padding-left:5px;}
}
@media screen and (max-width: 740px) {
	#location h3 {font-size:24px;}
	#location .inner {padding:0;}
	#location .tt_box ul {margin-top:30px; padding-top:30px;}
	#location .tt_box li {display:block;}
	#location .tt_box i {width:24px; height:24px;}
	#location .tt_box li em {padding-left:0;}
}

#mouse_get_wrap { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; background:#000;}