@charset "euc-kr";
* {box-sizing:border-box; text-decoration:none;}
body {font-family:'NEXON','CAFE24Ss','Jalnan'!important; font-size:16px; font-weight:400; line-height:1.8; letter-spacing:0; color:#000;}
:root {
	--red:#d40000;
	--yellow:#ffff00;
	--smooth:rotate(0.03deg);
}
.red {color:var(--red);}
.yellow {color:var(--yellow);}
.btn {position:fixed; left:0; bottom:0; width:100%; box-shadow:0 -10px 10px rgba(0,0,0,.1); background:#fff; z-index:5;}
.btn .btn_inner {max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:20px 0;}
.btn .btn_inner h2 {margin-right:50px;}
.btn .btn_inner .logo_esti {display:flex; align-items:center;}
.btn .btn_inner .estimate_apply {background:#2a4ec1; padding:8px 30px; border-radius:2rem; color:#fff; font-weight:800; font-size:18px; transform:var(--smooth);}
.btn .btn_inner .estimate_apply span.yellow {color:#ffff00; margin-left:5px;}
.btn .btn_inner .estimate_apply img {margin-right:15px;}
.btn .btn_inner .inquiry a {display:inline-block; color:#000; font-weight:800; font-size:18px; transform:var(--smooth);}
.btn .btn_inner .inquiry a img {margin-right:5px;}
.btn .btn_inner .inquiry a:last-child {margin-left:85px;}
.inputWrap {display:flex; flex-wrap:wrap; align-items:center;}
.inputWrap .hiddenOpt {width:100%; margin-top:5px;}
.inputWrap.ea {display:flex; align-items:center; line-height:1; gap:5px;}
.inputWrap.ea>* {width:50%;}
input,select,textarea {border-color:rgba(0,0,0,.15); width:100%; background:transparent; transition:.3s;}
button.chat {font-size:12px; line-height:1; color:#fff; background:#888; border-radius:4px; padding:7px 10px 5px;}
button.chat:hover {background:#222;}
.hiddenOpt {display:none;}
.hiddenOpt .tip {font-size:13px; color:#888;}

.wrapper {z-index:0; position:relative;}

section {position:relative;}
section .inner {max-width:1400px; margin:0 auto;}

.part1 {height:100vh; text-align:center; background:url(../images/contents/event/ebook/part1_bg.webp) no-repeat center / cover;}
.part1 dl {color:#fff;}
.part1 dl dt {font-family:'CAFE24Ss'; padding-top:10vh;}
.part1 dl dt h2 {font-size:11.5vw; margin-top:2vh;}
.part1 dl dt p {font-size:2.2vw; word-break:keep-all}
.part1 dl dt p .yellow {text-decoration:underline; text-underline-offset:15px; text-decoration-thickness:3px; word-break:keep-all}
.part1 dl dd {font-size:24px; padding-top:7vh; word-break:keep-all}
.part1 .inner > img {position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:807px; width:60%; z-index:1;}

.part2 {height:100vh; text-align:center; background:url(../images/contents/event/ebook/part2_bg.webp) no-repeat center / cover;}
.part2 dl {padding:16vh 0;}
.part2 dl dt {font-family:'Jalnan';color:#ff6c00; font-size:4vw; line-height:1.2;}
.part2 dl dt span {display:block; font-size:12vw;}
.part2 dl dd {padding-top:14vh;}
.part2 dl dd p {font-size:18px; font-weight:500; transform:var(--smooth);  word-break:keep-all}
.part2 dl dd p.big {font-size:36px; word-break:keep-all}

.part3 {height:100vh; text-align:center; background:url(../images/contents/event/ebook/part3_bg.webp) no-repeat center / cover;}
.part3 dl {padding:15vh 0;}
.part3 dl dt {font-family:'Jalnan';color:#fff; font-size:4.2vw; line-height:1.3;}
.part3 dl dt span {display:block; font-size:10.8vw;}
.part3 dl dd {padding-top:14vh; color:#fff;}
.part3 dl dd p {font-size:18px; font-weight:500; transform:var(--smooth);  word-break:keep-all}
.part3 dl dd p.big {font-size:36px;  word-break:keep-all}

.part4 {height:100vh; text-align:center; background:url(../images/contents/event/ebook/part4_bg.webp) no-repeat center / cover;}
.part4 dl {padding:15vh 0;}
.part4 dl dt {font-family:'Jalnan';color:#e3358b; font-size:4.2vw; line-height:1.3;  position:relative;}
.part4 dl dt:before {content:""; position:absolute; background:url(../images/contents/event/ebook/discount_illust.webp) no-repeat center / cover; width:161px; height:142px; bottom:-13vh; left:11vw;}
.part4 dl dt span {display:block; font-size:10.8vw;}
.part4 dl dd {padding-top:14vh;}
.part4 dl dd p {font-size:18px; font-weight:500; transform:var(--smooth);  word-break:keep-all}
.part4 dl dd p.big {font-size:36px;  word-break:keep-all}

.part5 {height:100vh; text-align:center; background:url(../images/contents/event/ebook/part5_bg.webp) no-repeat center / cover;}
.part5 dl {padding:15vh 0;}
.part5 dl dt {font-family:'Jalnan';color:#fff; font-size:4.2vw; line-height:1.3;}
.part5 dl dt span {display:block; font-size:10.8vw;}
.part5 dl dd {padding-top:14vh; color:#fff;}
.part5 dl dd p {font-size:18px; font-weight:500; transform:var(--smooth);  word-break:keep-all}
.part5 dl dd p.big {font-size:36px;  word-break:keep-all}
.part5 dl dd p.white_box {display:inline-block; background:#fff; border-radius:2rem; color:#642393; padding:7px 25px; margin-top:3px;  word-break:keep-all}

.part6 {text-align:center; background:url(../images/contents/event/ebook/part6_bg.webp) no-repeat center / cover;}
.part6 .inner {padding:18vh 30px;}
.part6 h2 {font-size:10.8vw; color:#514ed7; font-family:'Jalnan'; position:relative;}
.part6 .type_wrap {display:grid; grid-template-columns:repeat(3,1fr); gap:70px; position:relative; padding-top:9vh; z-index:1;}
.part6 h2:before {content:""; position:absolute; bottom:-19.5vh; left:50%; transform:translateX(-50%); z-index:0; width:21.7vw; height:26.3vh;background:url(../images/contents/event/ebook/part6_illust.webp) no-repeat center / contain; min-width:220px;}
.part6 .type_wrap a .img {border-radius:10px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,.1); border:1px solid rgba(0,0,0,.1);}
.part6 .type_wrap a .img img {width:100%;}
.part6 .type_wrap a span {display:inline-block; font-size:24px; color:#000; font-weight:600; margin-top:5px;}
.part6 .inner > p {font-size:18px; font-weight:500; transform:var(--smooth);  word-break:keep-all}
.part6 .inner > p.big {font-size:36px; padding-top:9vh;  word-break:keep-all}


.part7 {padding:18vh 30px; background:url(../images/contents/event/ebook/part7_bg.webp) no-repeat center / cover;}
.part7 h2 {font-size:10.8vw; font-family:'Jalnan'; line-height:1.25; text-align:center; color:#fff;}
.part7 h2 span {display:block; color:#00ffff;}
.part7 .inner {}
.part7 .inner .left {width:100%; margin-top:10vh; display:grid; grid-template-columns:repeat(3,1fr); gap:50px; color:#fff;}
.part7 .inner .left dl {position:relative; transform:var(--smooth); padding-left:40px;}
.part7 .inner .left dl dt {color:#00ffff; font-size:18px; font-weight:600; transform:var(--smooth); position:relative; word-break:keep-all}
.part7 .inner .left dl dt:before {content:""; display:block; position:absolute; width:29px; height:30px; background:url(../images/contents/event/ebook/i-star_check.webp); left:-40px; top:0;}
.part7 .inner .left dl dd {word-break:keep-all;}
.part7 .estimate {display:flex; justify-content:center; margin-top:10vh;}
.part7 .estimate a {display:flex; padding:30px 50px; line-height:1; font-family:'Jalnan'; font-size:40px; font-weight:600; background:#fff; color:#ff6c00; border-radius:100px; }
.part7 .estimate a:hover {background:yellow; color:#000;}



/* Æà¾÷ ¸Þ½ÃÁö */
.popWrap {z-index:9999; position:fixed; left:0; top:0; width:100%; height:100%; display:none; justify-content:center; align-items:center; background:rgba(0,0,0,.5); backdrop-filter:blur(10px);}
.popWrap.on {display:flex;}
.popWrap .close {position:absolute; right:20px; top:20px; display:block; width:40px; aspect-ratio:1/1; padding:10px; transform:rotate(45deg); border-radius:50%; transition:all .5s ease; cursor:pointer; text-indent:-9999px;}
.popWrap .close i {position:relative; display:block; width:100%; height:100%;}
.popWrap .close i:before,
.popWrap .close i:after {content:""; position:absolute; left:0; top:50%; display:block; width:100%; height:2px; background:#000; transition:.3s;}
.popWrap .close i:before {transform:rotate(90deg);}
.popWrap .close:hover i:before,
.popWrap .close:hover i:after {background:var(--red)}

.popWrap .wrap {position:relative; width:90%; max-width:500px; max-height:90vh; padding:3vw; background:#fff; box-shadow:20px 20px 20px rgba(0,0,0,.3); border-radius:20px; overflow-y:scroll;}
.popWrap .wrap dt {font-size:18px; color:#2a4ec1; font-weight:600; lline-height:1.2; margin-bottom:5px; transform:var(--smooth);}
.popWrap .wrap dd+dt {margin-top:5vh;}
.popWrap .wrap dd {position:relative; padding-left:15px; font-size:15px; color:#666; line-height:1.6;}
.popWrap .wrap dd+dd {margin-top:10px;}
.popWrap .wrap dd:after {content:""; width:3px; height:3px; background:#999; position:absolute; left:3px; top:9px;}
.popWrap .wrap .uline {font-weight:500; color:#000; border-bottom:1px solid #000;}





/* ************************ Å×ºí¸´(~1200) ************************ */
@media screen and (max-width:1199px) {
	section .inner {padding:0 30px;}

	.btn .btn_inner {padding:10px 30px;}

	.part1 {height:80vh; text-align:center; background:url(../images/contents/event/ebook/part1_bg.webp) no-repeat center / cover;}
	.part1 dl dd {font-size:20px; padding-top:5vh;}
	.part1 .inner > img {width:50%;}
	.part1 dl dt p .yellow {text-underline-offset:10px;}

	.part2 {height:80vh; text-align:center; background:url(../images/contents/event/ebook/part2_bg.webp) no-repeat center / cover;}
	.part2 dl dd {padding-top:10vh;}
	.part2 dl dd p.big {font-size:30px;}

	.part3 {height:80vh; text-align:center; background:url(../images/contents/event/ebook/part3_bg.webp) no-repeat center / cover;}
	.part3 dl dd {padding-top:10vh;}
	.part3 dl dd p.big {font-size:30px;}


	.part4 {height:80vh; text-align:center; background:url(../images/contents/event/ebook/part4_bg.webp) no-repeat center / cover;}
	.part4 dl dd {padding-top:10vh;}
	.part4 dl dd p.big {font-size:30px;}
	.part4 dl dt:before {width:77px; height:82px; bottom:-4vh; left:13vw;}

	.part5 {height:80vh; text-align:center; background:url(../images/contents/event/ebook/part5_bg.webp) no-repeat center / cover;}
	.part5 dl dd {padding-top:10vh;}
	.part5 dl dd p.big {font-size:30px;}

	.part6 .inner > p.big {font-size:30px;}
	.part6 .type_wrap {grid-template-columns:repeat(1,1fr); gap:40px;}	
	.part6 .type_wrap a span {display:block;}

	.part7 .inner {display:block;}
	.part7 .inner .left {width:100%; grid-template-columns:repeat(1,1fr); margin-top:5vh;}
	.part7 .inner .left h2 span {display:inline-block;}
	/*.part7 .inner .left dl:first-of-type {padding-top:9vh;}*/
	.part7 .inner .right {width:100%; margin-top:9vh; padding:50px;}
	.part7 .inner .right .apply_wrap a.esti_apply_btn {font-size:24px; background-size:16px;}
}

/* ************************ ¸ð¹ÙÀÏ(~767) ************************ */
@media screen and (max-width:767px) {
	.btn .btn_inner {}
	.btn .btn_inner h2 {margin-right:20px;}	
	.btn .btn_inner h2 a img {height:20px;}
	.btn .btn_inner .estimate_apply {padding:5px 20px; font-size:16px; transform:var(--smooth);}
	.btn .btn_inner .inquiry {}
	.btn .btn_inner .inquiry a span {display:none;}
	.btn .btn_inner .inquiry a:last-child {margin-left:10px;}
	.btn .btn_inner .logo_esti {justify-content:center;}
	.btn .btn_inner .logo_esti span.white {display:none;}
	.btn .btn_inner .logo_esti .estimate_apply img {margin-right:0;}
		
	.part1 {height:70vh;}
	.part1:before {content:""; display:block; background:url(../images/contents/event/ebook/part1_shooting_mob.webp) no-repeat center;
	position:absolute; top:-60px; left:-60px; background-size:100%; width:170px; height:90%;}
	.part1:after {content:""; display:block; background:url(../images/contents/event/ebook/part1_shooting_mob.webp) no-repeat center;
	position:absolute; top:-100px; right:0; background-size:100%; width:170px; height:90%;}
	.part1 dl dt h2 {font-size:55px;}
	.part1 dl dt p {font-size:18px;}
	.part1 dl dd {font-size:16px;}
	.part1 .inner > img {width:70%;}

	.part2 {height:70vh; text-align:center; background:url(../images/contents/event/ebook/part2_bg_mob.webp) no-repeat center / cover;}
	.part2 dl dt span {font-size:50px;}
	.part2 dl dt {font-size:24px;}
	.part2 dl dd p.big {font-size:20px;}
	.part2 dl dd p {font-size:16px;}

	.part3 {height:70vh; text-align:center; background:url(../images/contents/event/ebook/part3_bg_mob.webp) no-repeat center / cover;}
	.part3 dl dt span {font-size:50px;}
	.part3 dl dt {font-size:24px;}
	.part3 dl dd p.big {font-size:20px;}
	.part3 dl dd p {font-size:16px;}

	.part4 {height:70vh; text-align:center; background:url(../images/contents/event/ebook/part4_bg_mob.webp) no-repeat center / cover;}
	.part4 dl dt span {font-size:50px;}
	.part4 dl dt {font-size:24px;}
	.part4 dl dd p.big {font-size:20px;}
	.part4 dl dd p {font-size:16px;}
	.part4 dl dt:before {width:77px; height:82px; bottom:-7vh; left:-5vw;}

	.part5 {height:70vh;}
	.part5 dl {padding:12vh 0;}
	.part5 dl dt span {font-size:50px;}
	.part5 dl dt {font-size:24px;}
	.part5 dl dd {padding-top:5vh;}
	.part5 dl dd p.big {font-size:20px;}
	.part5 dl dd p {font-size:16px;}

	.part6 {text-align:center; background:url(../images/contents/event/ebook/part6_bg_mob.webp) no-repeat center / cover;}
	.part6 .inner {padding:13vh 30px;}
	.part6 h2 {font-size:50px;}
	.part6 h2:before {bottom:-20.5vh;}
	.part6 .type_wrap {gap:20px;}
	.part6 .type_wrap a span {font-size:20px;}	
	.part6 .inner > p {font-size:16px;}
	.part6 .inner > p.big {padding-top:5vh; font-size:22px;}

	.part7 {padding:10vh 30px;}
	.part7 .inner {padding:0vh 0px 5vh;}
	.part7 .estimate a {font-size:24px;}
	.part7 .inner .left h2 {font-size:32px; line-height:1.4;}
	.part7 .inner .left dl:first-of-type {padding-top:5vh;}
	.part7 .inner .right {padding:50px 25px; margin-top:5vh;}
	.part7 .inner .right .indi_privacy .notice {padding:20px 10px 20px 20px;}
	.part7 .inner .right .apply_wrap {margin-top:40px;}
	.part7 .inner .right .apply_wrap article {display:block;}
	.part7 .inner .right .apply_wrap article h4.subject {margin:8px 0;}
	.part7 .inner .right .apply_wrap article.radio_type {padding-top:20px;}
	.part7 .inner .right .apply_wrap a.esti_apply_btn {font-size:20px;
	background-size:12px; padding:12px 30px 12px 15px; background:#2a4ec1 url(../images/contents/event/ebook/arrow_rightW.png) no-repeat 91% 46%;background-size:12px;}
	
	.popWrap .wrap {padding:40px;}
}

/* ************************ ¸ð¹ÙÀÏ(~500) ************************ */
@media screen and (max-width:500px) { 
.part7 .inner .left dl:first-of-type {padding-top:0;}
}