@charset "utf-8";

/* pc frame */
.konestBody	{ padding:0; margin-top:0px; }
.mainKonest { padding:0; line-height:normal; }

/* sp frame */
.km-part_line { display:none; }
#contents_body { height:100%; }

.pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 999999!important; }

/* common */
.konestBody .sp { display:none!important; }
#contents_body .pc { display:none!important; }

.trans {
	transition-property:transform;
	transition-duration:0.5s;
	transition-timing-function:ease;
	x-transform:translate(0, 40px) scale(0.95, 0.95);
	transform:translate(0, 40px);
}
.trans.inview {
	x-transform:translate(0, 0) scale(1,1);
	transform:translate(0, 0);
}

.trans.tr0,   .trans.tr-n  { }
.trans.tr45,  .trans.tr-ne { transform:translate(-40px, 40px); }
.trans.tr90,  .trans.tr-e  { transform:translate(-40px, 0px); }
.trans.tr135, .trans.tr-se { transform:translate(-40px, -40px); }
.trans.tr180, .trans.tr-s  { transform:translate(0px, -40px); }
.trans.tr225, .trans.tr-sw { transform:translate(40px, -40px); }
.trans.tr270, .trans.tr-w  { transform:translate(40px, 0px); }
.trans.tr315, .trans.tr-nw { transform:translate(40px, 40px); }

.trans.inview {
	x-transform:translate(0, 0) scale(1,1);
	transform:translate(0, 0);
}

.hfzoom { transition:transform 0.5s ease; transform:scale(0.7); }
.hfzoom.inview { transform:scale(1); }


/* main */
.go-btn { transition:transform 0.5s ease; }
.go-btn:hover { transform:scale(1.00, 1.00) translateY(-2px); z-index:1000; }

.go-btn2 { transition:transform 0.5s ease; }
.go-btn2:hover { transform:translateY(-4px); z-index:1000; }


.main { color:#333; font-size:15px; line-height:normal; }
.main img { max-width:100%; }
.main a,
.main a.link,
.main a:visited,
.main a:active,
.main a:hover { color:inherit; text-decoration:none; }

.main img.sinfo { display:block; margin:0 auto; }

.main .sz50 { zoom:0.5; }
.main .sz60 { zoom:0.60; }
.main .sz75 { zoom:0.75; }

.main .for-pc { }
.main .for-sp { display:none!important; }

pcbr { display:block; font-size:0; line-height:0; }
pcsp { display:inline-block; }
pcsp:after { content:"　"; }

.sl-overlay { background:#000; opacity:1; }
.sl-wrapper .sl-close { font-size:40px; border-radius:50%; background-color:rgba(0,0,0,0.5); color:#fff; }
.sl-wrapper .sl-navigation button { color:#fff; }
.sl-wrapper .sl-counter { color:#fff; font-size:16px; text-shadow:0 0 1px #000; }
.sl-wrapper .sl-image .sl-caption { font-size:14px; background:rgba(0,0,0,0.6); text-shadow:0 0 1px #000; }
.sl-wrapper .sl-image .sl-caption kr:before { content:" ／ "; }

.sec-top { background-color:#191c22; }
	.sec-top .wrap { position:relative; min-height:580px; height:70vh; }
	.sec-top #movie-wrap { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden; pointer-events:none; }
	.sec-top #movie-main { position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); }
	.sec-top .mfrm { pointer-events:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; }

	.sec-top .twrap { width:1114px; height:100%; position:relative; margin:0 auto; z-index:10; }
	.sec-top .twrap > div { position:absolute; width:100%; }
	.sec-top .twrap .pos1 { top:30px; left:0; }
	.sec-top .twrap .pos2 { top:50%; left:0; text-align:center; margin-top:-52px; }
	.sec-top .twrap .pos3 { bottom:30px; left:0; text-align:center; }


.sec02 { background-color:#f2f1df; padding:80px 0; }
	.sec02 .wrap { width:1114px; height:675px; margin:0 auto; background:url(../img/s2_map_img.png) no-repeat center center; display:flex; justify-content:space-between; }
	.sec02 .wrap .scont { padding:50px 40px; width:400px; text-shadow:0px 0px 2px #f2f1df; }
	.sec02 .wrap .scont:first-child { align-self:flex-end; }


.sec04 { margin:100px 0; }
	.sec04 .wrap { display:flex; justify-content:center; }
	.sec04 .days { width:300px; text-align:center; background-color:#f7f7f3; padding:30px 0; margin:0 30px; border-radius:20px; cursor:pointer; }
	.sec04 .days img.rnd { width:77%; margin:16px 0; border-radius:50%; }
	.sec04 .days b { font-size:16px; }


.sec05 { background:url(../img/s5_bg.jpg) no-repeat center center/cover; }
	.sec05 .wrap { width:842px; margin:0 auto; padding-bottom:60px; }
	.sec05 .wrap > img { margin:90px 0 32px 32px; }
	.sec05 .scont { background-color:rgba(255,255,255,0.9); padding:40px 30px; border-radius:24px; font-size:14px; line-height:1.6; }
	.sec05 .scont img.deco { float:right; margin:-90px 0 30px 30px; pointer-events:none; }

	.sec05 .sbtn { padding:38px 0; text-align:center; display:flex; gap:16px; flex-wrap:wrap; align-items:center; justify-content: center; align-content:stretch; }
	.sec05 .sbtn a { min-width:51%; display:inline-block; color:#fefefe; background-color:#092744; padding:0px 20px; line-height:18px; border-radius:100px; }
	.sec05 .sbtn a div { padding:6px 0; }
	.sec05 .sbtn a div:nth-child(1) { font-size:23px; }
	.sec05 .sbtn a div:nth-child(2) { font-size:30px; color:#9ae6ff; }
	.sec05 .sbtn a div:nth-child(3) { font-size:22px; }
	.sec05 .sbtn a:last-child div:nth-child(2) { color:#e8ff8a; }


.sec06 { padding:70px 0 100px;  background:no-repeat center bottom/contain; border-bottom:1px solid #ededed; }
	.sec06 .wrap { width:848px; margin:0 auto; }
	.sec06 .rsvlink { text-align:center; margin:60px 0; position:relative; text-shadow:0 0 3px #fff; }
	.sec06 .rsvlink a { display:block; margin:24px 0; position:relative; }
	.sec06 .rsvlink img.deco { position:absolute; bottom:-2px; right:50px; pointer-events:none; }
	.sec06 .rsvlink img.deco.d2 { right:auto; left:-72px; }


.sec-gal { padding-top:100px; }
	.sec-gal .wrap { width:1114px; margin:0 auto; }
	.sec-gal .gallery { display:flex; flex-wrap:wrap; justify-content:space-between; }
	.sec-gal .gallery a { display:block; width:175px; margin:5px 0; cursor:pointer; aspect-ratio:1/1 }
	.sec-gal .gallery a span { display:block; width:100%; height:100%; background:no-repeat center center/cover; border-radius:15px; }


.sec-bot { padding:50px 0 50px 0; }
	.sec-bot .wrap { width:1035px; margin:0 auto; padding:60px 0px; }
	.sec-bot .link { margin:40px auto 0 auto; padding:0 50px; display:flex; justify-content:center; gap:40px; }
	.sec-bot .link a { display:inline-block; width:180px; height:180px; border-radius:50%; background-color:#f4f4f4; font-weight:bold; font-size:22px; text-align:center; }
	.sec-bot .link a { display:flex; flex-direction: column; justify-content: center; }
	.sec-bot .link a img { display:block; margin:10px auto 0 auto; }

.sec-tab { display:flex; justify-content:center; }

	.sec-tab .gtab { box-sizing:border-box; width:1114px; display:flex; justify-content: space-evenly; background-color:#414141; border-radius:60px 60px 0 0; padding:20px 0; position:relative; box-shadow: 0 0 4px #aaa; }
	.sec-tab .gtab button { display:block; width:21%; text-align:center; color:#555; border:0; padding:16px 0; border-radius:50px; cursor:pointer; }
	.sec-tab .gtab button:nth-child(1) { background-color:#fceac6; }
	.sec-tab .gtab button:nth-child(2) { background-color:#d6d791; }
	.sec-tab .gtab button:nth-child(3) { background-color:#aaccd8; }
	.sec-tab .gtab button:nth-child(4) { background-color:#afb0cf; }

	.sec-tab .gtab.fixed { position:fixed; bottom:0; z-index:1010; background-color:rgba(65,65,65,0.7); }



.sec03 { background-color:#f2f1df; padding:120px 0 100px 0; }
	.sec03 .wrap { width:941px; margin:0 auto; position:relative; }
	.sec03 .wrap > img { position:absolute; top:-200px; left:50%; margin-left:-138px; }
	.sec03 .tab { height:128px; background:url(../img/s3_tab1.png) no-repeat; display:flex; justify-content:space-between; align-items:flex-start; }
	.sec03 .tab a { cursor:default; display:none; }
	.sec03 .tab a.off { cursor:pointer; }

	.sec03 .tab[tab="suwon"] a:nth-child(odd) { display:block; }

	.sec03 .tab[tab="daegu"] { background:url(../img/s3_tab2.png) no-repeat; }
	.sec03 .tab[tab="daegu"] a:nth-child(even) { display:block; }

	/* AREA DETAIL */
	.sec03 .darea { border:15px solid #414141; border-radius:44px; margin-top:-44px; background-color:#fff; padding:80px 20px; min-height:500px; font-size:14px; }
	.sec03 .darea #tab-suwon { display:block; }
	.sec03 .darea #tab-daegu { display:none; }

	.sec03 .tab[tab="daegu"] ~ .darea #tab-suwon { display:none; }
	.sec03 .tab[tab="daegu"] ~ .darea #tab-daegu { display:block; }

	.darea .tit { font-size:30px; font-weight:bold; text-align:center; }
	.darea .stit { font-size:18px; }
	.darea .stit2 { font-size:20px; }
	.darea .movie-cont { width:594px; height:auto; aspect-ratio:594/335; margin:0 auto; }
	.darea .movie-cont iframe { width:100%; height:100%; border-radius:12px; }
	.darea > div > div { margin:0 auto 80px auto; width:771px; }
	.darea a span { display: inline-block; color: #d5d5d5!important; background-color: #676767; margin-left:4px; width: 28px; height: 28px; line-height: 30px; border-radius: 50%; }
	.darea a:hover { text-decoration:underline; }
	.darea .ct { text-align:center; }

	.darea .in1 { }

	.darea .in2 { text-align:center; }
	.darea .in2 img:first-child { border-radius:24px; }
	.darea .in2 .img { position:relative; margin:20px 0; }
	.darea .in2 .img .deco { position:absolute; }
	.darea .in2 .img .deco.d1 { top:-136px; left:28px }
	.darea .in2 .img .deco.d2 { bottom:-60px; right:-60px; }

	.darea .in3 { }
	.darea .in3 .stit2 { font-weight:bold; margin-bottom:4px; }
	.darea .in3 .deco { float:right; }

	.darea .in4 { overflow:hidden; position:relative; }
	.darea .in4 a { text-decoration:underline;; }
	.darea .in4 .tit { padding:80px 0 20px 0; text-align:left; }
	.darea .in4 .deco.d1 { float:right; margin-left:30px; }
	.darea .in4 .deco.d2 { float:right; margin:30px -12px 0 0; }
	.darea .in4 .deco.d3 { margin-top:30px; border-radius:12px; }
	.darea .in4 .coup { text-align:center; display: inline-block; }
	.darea .in4 .coup a { display:block; }
	.darea .in4 .coup a img { margin-bottom:4px; }


	.darea .in5 { }
	.darea .in5 .prods { display:flex; justify-content: space-between; flex-wrap: wrap; gap:24px 16px; margin:20px 0; gap:16px; }

	.darea .colfix:after { content:""; flex:auto; } /* for last-row alignment */

	.darea .in5 .prod { text-align:center; width:240px; }
	.darea .in5 .prod .pimg img { border-radius:24px; margin-bottom:8px; aspect-ratio:720/540; }
	.darea .in5 .prod .pinfo { padding:0px 20px; }
	.darea .in5 .prod .pinfo div { margin-bottom:4px; }
	.darea .in5 .prod .pinfo div:nth-child(1) a { font-weight:bold; font-size:16px; }
	.darea .in5 .prod .pinfo div:nth-child(3) { color:#f71b40; }
	.darea .in5 .ct { padding-top:12px; }

	.darea .in6 { width:100%; margin-top:120px; }
	.darea .in6 .map-area { border:1px solid #dedcd7; position:relative; height:480px; x-aspect-ratio:800/480; } /* iPhone 6s에서 aspect-ratio + script 사용시 깨짐 */
	.darea .in6 .map-area .deco { position:absolute; top:-100px; left:50px; z-index:10; pointer-events:none; }
	.darea .in6 .map-go { text-align:right; padding-top:8px; }

	.darea .in7 { margin-bottom:0; }
	.darea .in7 .prods { display:flex; flex-wrap:wrap; justify-content: space-between; margin:20px 0; gap:24px 16px; }

	.darea .in7 .prod { width:48%; display:flex; justify-content: flex-start; align-items: center; gap:12px; }
	.darea .in7 .prod .pimg { flex:0 0 120px; }
	.darea .in7 .prod .pimg img { aspect-ratio:720/540; }
	.darea .in7 .prod .pinfo { flex:1 0; }
	.darea .in7 .prod .pinfo div { }
	.darea .in7 .prod .pinfo div:nth-child(1) a { font-weight:bold; }
	.darea .in7 .prod .pinfo div:nth-child(3) { color:#f71b40; }
	.darea .in7 .ct { padding-top:12px; }

	/* DAEGU */
	.darea #tab-daegu .in2 .img .deco.d1 { left:auto; top:-130px; right:16px }
	.darea #tab-daegu .in2 .img .deco.d2 { bottom:-60px; right:auto; left:-16px; }

	.darea #tab-daegu .in3 .deco { margin-left:12px; }

	.darea #tab-daegu .in4 .tit { padding-top:0; }
	.darea #tab-daegu .in4 .deco.d2 { position:absolute; bottom:70px; left:250px; width:180px; }
	.darea #tab-daegu .in4 .deco.d3 { margin-top:-16px; }

	.darea #tab-daegu .in6 .map-area .deco { top:-130px; left:auto; right:52px; }


@media only screen and (max-width: 760px) {
	.go-btn:hover { transform:none; }

	.hfzoom { x-transform:none; }

	.main { font-size:13px; width:100vw; }

	.main .spsz50 { zoom:0.5; }
	.main .spsz60 { zoom:0.65; }
	.main .spsz75 { zoom:0.75; }

	.main .for-pc { display:none!important; }
	.main .for-sp { display:inherit!important; }

	.main img.sinfo { zoom:0.5; }

	.main * { max-width:100%; }

	.main .spct { float:none!important; position:relative; left:50%; transform:translateX(-50%); }

	pcbr { display:none; }
	pcsp { display:none; }

	.sl-wrapper .sl-counter { font-size:14px; }
	.sl-wrapper .sl-image .sl-caption { font-size:13px; }

	.sec-top { }
		.sec-top .wrap { min-height:auto; height:calc(100vh - 88px); }
		.sec-top .twrap .pos1 { top:30px; left:auto; right:20px; max-width:50%; text-align:right; }
		.sec-top .twrap .pos2 { top:50%; left:50%; max-width:30%; margin-top:0; transform:translate(-50%, -50%); }
		.sec-top .twrap .pos3 { top:auto; bottom:20px; left:20px; max-width:50%; text-align:left; }
		.sec-top #movie-main { max-width:none; }

	.sec02 { padding:60px 0; }
		.sec02 .wrap { width:auto; height:auto; background:none; margin:10px; display:block; }
		.sec02 .wrap .scont { width:auto; padding:0 12px; }
		.sec02 .wrap .scont div.for-sp { text-align:center; margin-bottom:20px; }
		.sec02 .wrap .scont.for-sp { background:url(../img/s2_map_img_m.png) no-repeat center center/contain; padding:12px 0; }
		.sec02 .wrap .scont.for-sp img { width:100%; aspect-ratio:849/842; }

	.sec04 { margin:60px 0; }
		.sec04 .wrap { flex-direction:column; align-items:center; gap:20px 0; }
		.sec04 .days { width:70%; max-width:250px; }

	.sec05 { }
		.sec05 .wrap { padding-bottom:10px; }
		.sec05 .wrap > img { margin:120px 0 80px 32px; }
		.sec05 .scont { font-size:13px; margin:0 24px; padding:50px 12px 30px 12px; position:relative; }
		.sec05 .scont img.deco { position:absolute; width:44%; max-width:174px; top:-7em; right:0.5em; margin:0; float:none; }

		.sec05 .sbtn { padding:30px; }
		.sec05 .sbtn a { width:50%; min-width:250px; line-height:1.2; padding:0 8px; }
		.sec05 .sbtn a div { padding:2px 0; }
		.sec05 .sbtn a div:nth-child(1) { font-size:14px; }
		.sec05 .sbtn a div:nth-child(2) { font-size:16px; }
		.sec05 .sbtn a div:nth-child(3) { font-size:14px; }

	.sec06 { padding:28px 22px; }
		.sec06 .wrap { }
		.sec06 .rsvlink { text-align:center; margin:30px 0; }
		.sec06 .rsvlink a { margin:8px 0; }
		.sec06 .rsvlink img.deco { bottom:0%; right:10px; height:110%; }
		.sec06 .rsvlink img.deco.d2 { bottom:0%; left:-10px; height:110%; }

	.sec-gal { padding:60px 24px 0 24px; }
		.sec-gal .wrap { }
		.sec-gal .gallery { gap:8px; }
		.sec-gal .gallery a { flex:1 0 22%; margin:0; }


	.sec-bot { padding:60px 0;  }
		.sec-bot .wrap { padding:0; }
		.sec-bot .link { display:flex; justify-content:center; width:80%; gap:12px; padding:0; }
		.sec-bot .link a { flex:1 0 30%; width:100%; height:auto; aspect-ratio:1/1; font-size:13px; }
		.sec-bot .link a img { }

	.sec-tab { }

		.sec-tab .gtab { }

		.sec-tab .gtab { width:auto; flex-wrap:wrap; justify-content:center; gap:12px 12px; border-radius:30px 30px 0 0; padding:16px 10%;  }
		.sec-tab .gtab button { display:block; width:45%; padding:8px 0; border-radius:50px; line-height:0; }
		.sec-tab .gtab button:nth-child(1) { background-color:#fceac6; }
		.sec-tab .gtab button:nth-child(2) { background-color:#d6d791; }
		.sec-tab .gtab button:nth-child(3) { background-color:#aaccd8; }
		.sec-tab .gtab button:nth-child(4) { background-color:#afb0cf; }

		.sec-tab .gtab.fixed { width:100%; }


	.sec03 { background-color:#f2f1df; padding:130px 0 60px 0; }
		.sec03 .wrap { width:auto; margin:0 20px; position:relative; }
		.sec03 .wrap > img { position:absolute; top:-380px; margin-left:-16px; pointer-events:none; }

		.sec03 .tab { width:100%; height:52px; max-width:380px; margin:0 auto; background:url(../img/s3_tab1_m.png) no-repeat center center/contain; display:flex; justify-content:space-between; }
		.sec03 .tab a { cursor:default; display:none; }
		.sec03 .tab a.off { cursor:pointer; }
		.sec03 .tab a img { max-height:50px; }


		.sec03 .tab[tab="suwon"] a:nth-child(odd) { display:block; }

		.sec03 .tab[tab="daegu"] { background:url(../img/s3_tab2_m.png) no-repeat center center/contain; }
		.sec03 .tab[tab="daegu"] a:nth-child(even) { display:block; }

		/* AREA DETAIL */
		.sec03 .darea { border-width:8px; border-radius:16px; padding:24px 16px; font-size:13px; margin-top:-16px; }

		.darea .tit { font-size:20px; }
		.darea .stit { font-size:14px; }
		.darea .stit2 { font-size:15px; }
		.darea .movie-cont { }
		.darea .movie-cont iframe { border-radius:8px; }
		.darea > div > div { margin:0 auto 40px auto; width:auto; }
		.darea a span { display: inline-block; color: #d5d5d5!important; background-color: #676767; margin-left:4px; width: 28px; height: 28px; line-height: 30px; border-radius: 50%; }
		.darea a:hover { text-decoration:underline; }
		.darea .ct { text-align:center; }

		.darea .in1 { }

		.darea .in2 { }
		.darea .in2 img:first-child { border-radius:16px; }
		.darea .in2 .img { margin:90px 0 0 0; }

		.darea .in3 { }
		.darea .in3 .stit2 { font-weight:bold; margin-bottom:4px; }
		.darea .in3 .deco { margin-bottom:30px; }

		.darea .in4 { }
		.darea .in4 .tit { padding:20px 0 10px 0; text-align:center; }
		.darea .in4 .deco.d1 { margin:0; }
		.darea .in4 .deco.d2 { margin:30px 0 0 0; }

		.darea .in5 { }
		.darea .in5 .prods { display:flex; flex-direction:column; gap:8px 0; }
		.darea .in5 .prods:after { display:none; }

		.darea .in5 .prod { text-align:left; width:100%; display:flex; justify-content: flex-start; align-items: center; gap:12px; }
		.darea .in5 .prod .pimg { flex:0 0 120px; }
		.darea .in5 .prod .pimg img { aspect-ratio:720/540; margin:0; border-radius:12px; }
		.darea .in5 .prod .pinfo { flex:1 0; padding:0; }
		.darea .in5 .prod .pinfo div { }
		.darea .in5 .prod .pinfo div:nth-child(1) a { font-size:13px; font-weight:bold; }
		.darea .in5 .prod .pinfo div:nth-child(3) { color:#f71b40; }
		.darea .in5 .ct { padding:0; }

		.darea .in6 { margin-top:0; }
		.darea .in6 .map-area { height:75vh; }
		.darea .in6 .map-area .deco { display:none; top:-150px; left:80px; }
		.darea .in6 .map-go { text-align:right; padding-top:8px; }

		.darea .in7 { margin-bottom:0; }
		.darea .in7 .prods { display:flex; flex-direction:column; gap:8px 0; }
		.darea .in7 .prods:after { display:none; }

		.darea .in7 .prod { width:100%; display:flex; justify-content: flex-start; align-items: center; gap:12px; }
		.darea .in7 .prod .pimg { flex:0 0 120px; }
		.darea .in7 .prod .pimg img { aspect-ratio:720/540; }
		.darea .in7 .prod .pinfo { flex:1 0; }
		.darea .in7 .prod .pinfo div { }
		.darea .in7 .prod .pinfo div:nth-child(1) a { font-weight:bold; }
		.darea .in7 .prod .pinfo div:nth-child(3) { color:#f71b40; }
		.darea .in7 .ct { padding:0; }


		/* DAEGU */
		.darea #tab-daegu .in2 .img .deco.d1 { left:auto; top:-130px; right:16px }
		.darea #tab-daegu .in2 .img .deco.d2 { bottom:-60px; right:auto; left:-16px; }

		.darea #tab-daegu .in3 .deco { margin:0 0 30px 0; }

		.darea #tab-daegu .in4 .tit { padding-top:30px; }
		.darea #tab-daegu .in4 .ct { margin-top:-1em; }
		.darea #tab-daegu .in4 .deco.d2 { position:relative; width:auto; bottom:auto; left:none; }

		.darea #tab-daegu .in6 .map-area .deco { top:-130px; left:auto; right:52px; }
}

/* 24.06.12 ksnam : recruit end */
.sec05 .sbtn a:last-child { background-color:#696969; opacity:0.8; pointer-events:none; }
.sec05 .sbtn a:last-child div:nth-child(2) { color:#ccc; }