@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2021-04-19
Modify Date : 2021-04-19
File : /event/2021/aws
*******************************************/

body, div, dl, dt, li, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {font-family:"Noto Sans KR", sans-serif;}
body {min-width:360px;}
img {max-width:100%;}
#event_header {position:relative; border-bottom:1px solid transparent; background:#fff; z-index:5;}
#event_footer {border-color:#f0f0f0;}
#wrap {position:relative; overflow:hidden; background:#fff; opacity:0;}
.top_btn {background:#2989e1;}
.show_mot {position:relative; opacity:0; top:20px;}
.section > .inner, .section > #sectionTab {opacity:0;}
.section.active > .inner, .section.active > #sectionTab {opacity:1;}
.section {position:relative; height:auto; padding:100px 0; text-align:center;}
.section .inner {position:relative; width:1000px; height:100%; margin:auto; text-align:center;}
.section .step {margin-bottom:20px;}
.section h3 {margin-bottom:50px; font-size:50px; font-weight:600; color:#000; letter-spacing:-2px; line-height:1.2;}
.section h3 em {font-weight:inherit;}
.section h3 p {margin-top:20px; font-size:26px; font-weight:300; color:#333;}
.section h3 em, #section0 dd {font-family:"Spoqa Han Sans", sans-serif;}
.section h3 span {font-size:1.2em; font-family:"Spoqa Han Sans", sans-serif; letter-spacing:-1px;}

/* #section0 */
#section0 {background:#e5f1ff url('/images/event/20210503/sec0_bg.jpg') no-repeat center top; padding:200px 0;}
#section0 .inner {width:1180px; text-align:left;}
#section0 h3 {margin-bottom:20px;}
#section0 p {margin:30px 0 50px; font-size:45px; color:#2a343c; letter-spacing:-3px; line-height:1.2;}
#section0 dl {margin:10px 0;}
#section0 dt {display:inline-block; vertical-align:top; box-shadow:5px 5px 10px rgba(33,150,243,0.3); border-radius:50px; background:#2196f3; padding:2px 25px; font-size:20px; color:#fff; letter-spacing:-1px;}
#section0 dd {display:inline-block; padding-left:15px; font-size:24px; color:#5e748e; letter-spacing:-1px; line-height:1.4;}
#section0 .img {display:none;}

/* 탭메뉴 */
#sectionTab {position:relative; background:#e5f1ff; overflow:hidden;}
#sectionTab .swiper-container {max-width:1180px; margin:0 auto;}
#sectionTab .swiper-container li {float:left; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.05);}
#sectionTab .swiper-container li a {position:relative; display:block; margin:0 1px; border-top-left-radius:30px; border-top-right-radius:30px; background:#6ab4f4; padding:24px 0 22px; text-align:center; font-size:25px; font-weight:400; color:#fff; letter-spacing:-1px; line-height:1.2;}
#sectionTab .swiper-container li a em {font-weight:600;}
#sectionTab .swiper-container li:hover a,
#sectionTab .swiper-container li.on a {background:#2c3035;}
#sectionTab.tab_flying {position:fixed; top:0; left:0; right:0; z-index:1;}
#sectionTab.tab_flying .swiper-container li a {padding:14px 0; font-size:20px; line-height:1.4;}

/* #section1 */
#section1 {background:#2c3136;} 
#section1 h3 {color:#3aa5fa;}
#section1 h3 em {font-size:0.8em;}
#section1 dl {float:left; width:calc(50% - 40px); box-sizing:border-box; margin:20px; box-shadow:0 0 20px rgba(0,0,0,0.05); border-radius:15px; background:#32373c; padding:30px 60px;}
#section1 dl:hover {box-shadow:5px 5px 20px rgba(0,0,0,0.2);}
#section1 dl > dt {margin:-70px 0 0 -20px; text-align:left;}
#section1 dl > dd {font-size:30px; color:#fff;}
#section1 dl:hover dd {color:#fe9f04;}
#section1 dl a {display:block; margin-top:40px; height:70px; line-height:67px; border:1px solid #3ba5fa; font-size:26px; color:#fff;}
#section1 dl a:hover {border-color:transparent; background:#fe9f04;}

/* #section2 */
#section2 {background:#ddeffc url('/images/event/20210503/sec2_bg.jpg') no-repeat center top; padding-bottom:0;}
#section2 h3 {color:#1278cb;}
#section2 h3 em {color:#3ba5fa;}
#section2 h3 p {color:#252628;}

/* #section3 */
#section3 {background:#4caaf5 url('/images/event/20210503/sec3_bg.jpg') no-repeat center top;}
#section3 h3 {color:#fff;}
#section3 h3 em {color:#005ca6;}
#section3 h3 p {color:#252628;}
#section3 .img {margin:-40px 0 -10px;}

/* #section4 */
#section4 {background:#f5f5f5;}
#section4 dl {float:left; width:calc(50% - 40px); box-sizing:border-box; margin:20px; box-shadow:5px 5px 20px rgba(0,0,0,0.1); border-radius:15px; padding:90px 30px 30px 30px; text-align:left;}
#section4 dl.img1 {background:#fff url('/images/event/20210503/sec4_img1.png') no-repeat 30px 30px;}
#section4 dl.img2 {background:#fff url('/images/event/20210503/sec4_img2.png') no-repeat 30px 30px;}
#section4 dl.img3 {background:#fff url('/images/event/20210503/sec4_img3.png') no-repeat 30px 30px;}
#section4 dl.img4 {background:#fff url('/images/event/20210503/sec4_img4.png') no-repeat 30px 30px;}
#section4 dl > dt {margin:10px 0; font-size:22px; font-weight:600; color:#333; letter-spacing:-2px; line-height:1.4;}
#section4 dl > dd {font-size:16px; font-weight:400; color:#474747; letter-spacing:-2px; line-height:1.4;}

/* #section5 */
#section5 {background:#040506 url('/images/event/20210503/sec5_bg.jpg') no-repeat center top;}
#section5 h3 {color:#fff;}
#section5 .box {border-radius:15px; background:#fff; padding:50px 70px; text-align:left;}
#section5 dl {padding:20px 0 20px 130px;}
#section5 dl.img1 {background:url('/images/event/20210503/sec5_img1.png') no-repeat 0 20px;}
#section5 dl.img2 {background:url('/images/event/20210503/sec5_img2.png') no-repeat 0 20px;}
#section5 dl.img3 {background:url('/images/event/20210503/sec5_img3.png') no-repeat 0 20px;}
#section5 dl.img4 {background:url('/images/event/20210503/sec5_img4.png') no-repeat 0 20px;}
#section5 dl > dt {margin:0 0 10px; font-size:24px; font-weight:600; color:#333; letter-spacing:-2px; line-height:1.4;}
#section5 dl > dd {font-size:17px; font-weight:300; color:#878787; letter-spacing:-2px; line-height:1.4;}
#section5 a.serviceBtn {display:inline-block; margin-top:40px; height:70px; line-height:67px; border:1px solid #3ba5fa; padding:0 50px; font-size:24px; color:#fff;}
#section5 a.serviceBtn:hover {border-color:transparent; background:#fe9f04;}


/* #section6 */
#section6 {background:#36393f; padding:70px 0;}
#section6 .inner {text-align:left;}
#section6 h3 {margin-bottom:20px; font-size:22px; font-weight:600; color:#fff;}
#section6 ul > li {padding-top:5px; padding-left:10px; text-indent:-15px; font-size:17px; font-weight:300; color:#97999c; letter-spacing:-1px; line-height:1.4;}

/* 반응형 */
@media only screen and (max-width:1180px) {
	.section .inner {width:100% !important; padding:0 20px;}	
}
@media only screen and (max-width:960px) {
	#section4 dl br {display:none;}
	#section4 dl > dd {height:50px;}
}
@media only screen and (max-width:768px) {
	.section {padding:100px 0;}
	.section h3 {font-size:40px;}
	#section0 {padding:120px 0 0;}
	#section0 p {font-size:40px;}
	#section0 .img {display:block; padding-top:30px;}
	#section1 dl { padding:30px;}
	#section4 dl {width:100%; margin:10px 0;}
	#section4 dl > dd {height:auto;}
	#section5 .box {padding:20px 40px 0;}
	#section6 ul > li br {display:none;}
}
@media only screen and (max-width:640px) {
	.section h3 br {display:none;}
	#section0 dt {}
	#section0 dd {display:block; padding:10px 0;}
}
@media only screen and (max-width:500px) {	
	#section0 p {margin:0 0 50px;}
	#section0 dt,
	#section0 dd {font-size:20px;}
	#sectionTab .swiper-container li a {padding:14px 0; font-size:20px; line-height:1.4;}
	#section1 dl {width:100%; margin:10px 0;}
	#section5 .box {padding:10px 30px 0;}
	#section5 dl {padding:140px 0 20px 0;}
	#section5 dl br {display:none;}	
}
@media only screen and (max-width:375px) {
	.section {padding:70px 0;}
	.section h3 {font-size:34px;}
	.section h3 p {font-size:20px;}
	#section0 {padding:100px 0 0;}
	#section0 h3 {margin-bottom:0;}
	#section0 p {margin-bottom:30px; font-size:32px;}
	#section0 dt,
	#section0 dd {font-size:18px; letter-spacing:-1px;}
	#section0 .img {padding-top:0;}
	#section5 a.serviceBtn {width:100%;}
}