@import url("font.css");
@import url("default.css");

body {padding:0; background-color:var(--white);}


#mainTitle {
	background:url('/main/view/images/event_250620/main_bg.jpg') no-repeat 50%
	, linear-gradient(90deg, rgb(223 216 231) 0%, rgb(179 174 215) 50%, rgb(35 42 58) 100%);
	text-align:center;
}

/* MidSection01 */
#MidSection01 {
	/* background:url('/main/view/images/event_250425/MidSection01_01.png') no-repeat 50% 118%
	, linear-gradient(to bottom right, #f83701 55%, #fb6500); */
	background:#5ea5ff;
	text-align:center;
	padding:35px 0;
}
#MidSection01 h2 {font-size:3rem; font-weight:bold; color:var(--white); position:relative; margin-bottom:0;}
/* #MidSection01 h2::after {
	content: "";
	position: absolute;
	width: 400px;
	background: radial-gradient(rgb(255 0 0 / 20%), rgb(145 152 229 / 0%) 50%);
	height: 200px;
	top: -80px;
	z-index: 0;
	left:calc(50% - 178px);
}
#MidSection01 h2::before {content:""; position:absolute; width:360px; height:1px; background-color:var(--white); bottom:0;} */
#MidSection01 p {font-size:2.3rem; margin-top:5px;}

/* MidSection02 */
#MidSection02 {position:relative; z-index:9;}
/* #MidSection02::after {
	content: "";
	position: absolute;
	width: 100%;
	background: radial-gradient(rgb(255 0 0 / 28%), rgb(145 152 229 / 0%) 50%);
	height: 540px;
	top: -270px;
}
#MidSection02::before {
	content: "";
	position: absolute;
	width: 100%;
	background: radial-gradient(rgb(255 0 0 / 28%), rgb(145 152 229 / 0%) 50%);
	height: 710px;
	top: calc(50% - 80px);
	left: -45%;
	z-index:-1;
} */
#threeBnSection {background:url('/main/view/images/event_250620/mid_bg.jpg') no-repeat 
	, linear-gradient(180deg, rgb(168 181 255) 60%, rgb(247 248 253) 100%);
	padding:96px 0 0;
	margin-top:100px;
	background-size:100%;
}
#threeBnCnt {padding:20px 0 0; text-align: center;}
#threeBnCnt h2 {
	width:122px;
	border: 3px solid transparent;
	border-radius: 10px;
	background-color:#5d7cea;
	/* background-image: linear-gradient(#000, #000),linear-gradient(to bottom right, #f83701 0%, #fb6500 100%);
	background-origin: border-box;
	background-clip: content-box, border-box; */
	margin:0 auto;
	padding:5px;
}
#threeBnCnt h2 > span {
	font-size:2.5rem;
	color:#fff;
	/* background: linear-gradient(to bottom right, #f83701 0%, #fb6500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}

#threeBnCnt dl {text-align:center; margin:54px auto;}
#threeBnCnt dl dt {
	font-size:2.1rem;
	/* background: linear-gradient(to bottom right, #f83701 0%, #fb6500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}
#threeBnCnt dl dd {
	font-size:2.1rem;
	padding:10px 0;
	/* font-weight:bold;
	color:var(--white);
	margin-top:10px;
	text-shadow: 0px 0px 10px red; */
}
#threeBnCnt dl dd > b {font-size:4rem;}
#threeBnCnt dl dd > p {padding-bottom:10px;}

#threeBnCnt ul {display:inline-flex; position:relative; top:-70px; }
#threeBnCnt ul li {margin:20px;}
#threeBnCnt ul img {width:100%;}

.emphasize {margin:80px auto;}

#threeBnCnt ol {display:flex; flex-wrap:wrap; justify-content:center; list-style:none;}
#threeBnCnt ol li {margin:30px;}
#threeBnCnt ol img {box-shadow:0 1px 50px -28px #f00;}


/* MidSection03 */
#MidSection03 {position:relative; background:url('/main/view/images/event_250425/fireplug_bg.png') no-repeat -10% 100% #000; overflow:hidden;}
#MidSection03::after {
	content: "";
	position: absolute;
	width: 150%;
	left: -25%;
	background: radial-gradient(rgb(255 0 0 / 35%), rgb(145 152 229 / 0%) 50%);
	height: 1030px;
	top: -50%;
}

#movBnCnt {padding:60px 0 0; text-align: center; background:url('/main/view/images/event_250620/jung_mov_bg.png') no-repeat calc(50% - 520px) 300px;}
#movBnCnt h2 {
	width:122px;
	border: 3px solid transparent;
	border-radius: 10px;
	background-color:#5d7cea;
	margin:0 auto;
	padding:5px;
}
#movBnCnt h2 > span {
	font-size:2.5rem;
	color:#fff;
}
#movBnCnt dl {text-align:center; margin:54px auto;}
#movBnCnt dl dt {
	font-size:2.5rem;
}
#movBnCnt dl dd {
	width:800px;
	font-size:4.5rem;
	font-weight:bold;
	margin:auto;
	background:linear-gradient(90deg, rgb(46 164 253) 0%, rgb(38 88 203) 50%, rgb(116 106 255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#movContent {margin-top:100px;}
#movContent ul {}
#movContent ul li {margin-left:280px; margin-top:80px;}
#movContent ul li > a {
	display: block;
	overflow: hidden;
	/* width: 590px; */
	margin: auto;
}



/* MidSection04 */
#MidSection04 {}
#MidSection04 {position:relative; background:linear-gradient(90deg, rgb(80 129 255) 0%, rgb(88 49 254) 100%); overflow:hidden;}


#specialBnCnt {padding:110px 0; text-align: center;}
#specialBnCnt h2 {
	width:122px;
	border: 3px solid transparent;
	border-radius: 10px;
	background-color:#f9f034;
	padding: 5px;
	/* background-image: linear-gradient(#f97920, #f97920),linear-gradient(to bottom right, #fff 0%, #fff734 100%);
	background-origin: border-box;
    background-clip: content-box, border-box; */
    margin:0 auto;
}
#specialBnCnt h2 > span {
	font-size:2.5rem;
	/* background: linear-gradient(to bottom right, #fff 0%, #fff734 100%); */
	color:#5462fe;
	/* background-color:#5462fe;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}
#specialBnCnt dl {text-align:center; margin:54px auto;}
#specialBnCnt dl dt {
	font-size: 2.5rem;
	color: var(--white);
	font-weight: 300 !important;
	letter-spacing: 8px;
}
#specialBnCnt dl dd {
	font-size:3.3rem;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
}

#specialContent {background:url('/main/view/images/event_250620/notebook.png') no-repeat 50% 0%; overflow:auto;}
#specialContent ul {margin-top:570px;}
#specialContent ul li {font-weight:bold; font-size:3.5rem; color:var(--white);}
#specialContent ul li > a {font-size:2.5rem; color:var(--white); background-color:#4940e9; padding:25px 120px; display:inline-block; margin:30px auto 10px; border-radius:50px;}

/* couponAddSubmit */
#couponAddSubmit {text-align:center; background-color:#f1f1f3; padding:70px 0;}
#couponAddSubmit > ul {width:70%; margin:0 auto; border-radius:30px; background-color:#fff; padding:70px 0 0;}


#edCode {border-radius:20px; background-color:#f1f1f3; padding:30px; width:80%; margin:0 auto;}
#edCode > h2 {font-size:2rem; font-weight:normal; font-family:"Noto Sans KR", sans-serif;}
#edCode > h2 > span {font-size:2.5rem; font-weight:bold;}
#edCode > ul {}
#edCode > ul > li {}


#coupon-position {font-family:"Noto Sans KR", sans-serif; margin:50px auto 20px; width:80%;}
#coupon-position > input{line-height:30px; font-size:30px; padding:30px; width:calc(100% - 230px); text-transform:uppercase;}
#coupon-position > span {
	float:right;
	width:150px;
	color:#fff;
	background:linear-gradient(90deg, rgb(80 129 255) 0%, rgb(88 49 254) 100%);
	padding:27.5px 6.3px;
	font-size:2rem;
	border-radius:10px;
	font-weight:bolder;
	cursor:pointer;
	box-sizing: border-box;
}

#InfoText {font-family:"Noto Sans KR", sans-serif; font-size:1.15rem; padding:50px;}
#InfoAddBasket {
	font-family:"Noto Sans KR", sans-serif;
	display:inline-block;
	background-color:#666d7f;
	color:#fff;
	padding:20px 100px;
	overflow:hidden;
	border-radius:50px;
	font-size:2.5rem;
	font-weight:bold;
	margin:20px auto 70px;
}
/* couponAddSubmit */

#mainCourse {background-color:#282f41; text-align:center; padding:95px 0; position:relative;}
#mainCourse ul {}
#mainCourse ul li:first-child {font-size:3.5rem; font-weight:bold;
	color:#fff;
	/* background:linear-gradient(to right, #f63401 0%, #f78022 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}
#mainCourse ul li > span {display:inline-block; line-height:170px;}
#mainCourse ul li > .bookImg {position:relative; width:500px; }
#mainCourse ul li > .bookImg > img {position:absolute; top:-200px; left:0;}
#mainCourse ul li a {
	font-size:2.5rem;
	font-weight:normal;
	color:var(--white);
	display: inline-block;
	background-color:#4f6189;
	padding: 20px 180px;
	overflow: hidden;
	border-radius:50px;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
#mainfooter a {display:inline-block;}
#pop_alert-search #wrapAlert-search #msgAra {display:flex; justify-content: center;}

.fzCls {}

@media (max-width: 1910px) {
	#threeBnSection {background-size:unset; background-position:top;}
}

@media (max-width: 1180px) {

	#mainTitle img {width:100%;}
	#mainfooter > .footerInner {width:100%;}
	.emphasize img.graph {width:93%;}
	#threeBnCnt ul {display:block;}
	/* #threeBnCnt ul li {width:33.33%;} */
	#threeBnCnt ul img {width:93%;}

	#specialContent {background-size:90%;}
	#movContent ul li {margin:567px 0 0;}
	#movContent ul li > a {width:100%;}
	#movContent ul li img {width:80%;}
	#threeBnCnt ol {margin-left:-47px;}
	#threeBnCnt ol li {width:100%;}
	#threeBnCnt ol li > img {width:95%;}
	#specialContent ul {margin-top: 460px;}
	#mainCourse ul li a {margin:0px auto 10px;}

	/* #threeBnCnt dl dt {font-size:3.4rem;} */
	#threeBnCnt dl dt, #movBnCnt dl dt, #specialBnCnt dl dt {font-size:3.4rem;}
	#threeBnCnt dl dd, #movBnCnt dl dd, #specialBnCnt dl dd {font-size:4rem;}

	#couponAddSubmit > ul {width:90%;}

	.fzCls dt {font-size:2.8rem !important;}
	.fzCls dd {font-size:3.1rem !important;}
	
	#threeBnSection {background: url('/main/view/images/event_250620/mid_Mo_bg.jpg') no-repeat, linear-gradient(0deg, rgb(200 209 255) 0%, rgb(255 255 255) 100%);
        background-size: 100%;}

	#movBnCnt {background-position:calc(50% - 50px) 300px;}
}

@media (max-width: 1083px) {



}