@charset "utf-8"; 

/* Reset */
html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* -webkit-user-select:none; 택스트 긁힘 방지 */ 
body { width:100%; background: #fff; min-width: 320px; -webkit-text-size-adjust: none; word-wrap: break-word; word-break: keep-all; overflow-y: scroll; }
body, input, select, textarea, button { border: none; color: #141414; background: #ffffff; font-weight: 300; letter-spacing: -0.03rem; font-family: 'Pretendard', 'Noto Sans KR', '돋움', 'Dotum', 'Apple SD Gothic Neo', 'Helvetica','sans-serif'; }
body, article, aside, details, figcaption, caption, figure, legend, footer, header, hgroup, main, menu, nav, section, summary { display:block; padding:0; margin:0; }
div, p, ul, li, ol, table, th, td, textarea, select, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup { margin: 0; padding: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: inherit; font-size: inherit; }
ul, ol, dl, dd, dt, li { list-style-type:none;}
table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; border-spacing: 0; }
form, fieldset { margin: 0; padding: 0; border: 0; }
a { color: inherit; text-decoration: inherit; }
img, fieldset { border:0; vertical-align:middle; }
address, em { font-style: normal; }
legend, caption { position: absolute; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
button, label { cursor: pointer; }
button { border: 0; padding: 0; cursor: pointer; background: transparent; overflow: visible; white-space: nowrap; }
button:focus { outline: none;}
optgroup { font-style:normal; font-size:0px; height:0px; line-height:0px;}

/* 본문 바로가기 */
#skip { position: absolute; left: 0; top: -50px; width: 100%; line-height: 48px; text-align: center; background: rgba(0, 0, 0, 0.5); color: #ffffff; border-bottom: 1px solid #ffffff; z-index: 100000; transition: all 0.3s; }
#skip:focus { top: 0; }

/* 숨김 */
.blind { position: absolute; overflow: hidden; left:-9999px; top: 0; width: 1px; height: 1px; font-size: 1px; line-height: 0;}

/* Form */
select, textarea, input { color: #141414; border: 1px solid #C8C8C8; font-family: inherit; background:#fff; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; }
select { padding: 0 2%; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
select::-ms-expand { display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
input { vertical-align: middle; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
input::placeholder{ font-weight: 300; }
input:-ms-input-placeholder { color: #C8C8C8; font-size: 1.4rem; } /*Internet Explorer 10 이상에 적용*/
input::-moz-placeholder { color: #C8C8C8; font-size: 1.4rem; } /*Mozilla Firefox 4 부터 18에 적용*/
input::-webkit-input-placeholder { color: #C8C8C8; font-size: 1.6rem; font-weight: 300; } /*Webkit, Blink, Edge에 적용*/
input[type="checkbox"],input[type="radio"] { border:none; font-family:inherit; }
textarea { padding: 5px 3px; }
select:focus, textarea:focus, input:focus { border: 1px solid #C8C8C8; outline: none; }
select option { display: inline-block; line-height: 3.3rem;}
html {
    font-size: 10px;
    height: 100%;
}

body {
    font-size: 1rem;
    height: 100%;
}

/* 이벤트 페이지 CSS : START */
body{box-sizing: border-box; color: #111;}
.cont_sp{position: relative; width: 1280px; margin: 0 auto; text-align: center;}

.area01 .toparea{position: relative; width: 100%; height: 1797px; background: url(images/top_bg.jpg) no-repeat 50%;}
.area01 .logo{display: block; padding: 140px 0 52px;}
.area01 .top_tit{font-family: 'GmarketSans'; font-size: 66px; color: #2A7E6F; font-weight: 500;}
.area01 .title{font-family: 'GmarketSans'; font-size: 86px; color: #2A7E6F; font-weight: 700; letter-spacing: -2px;}
.area01 .title span{color: #1C564C;}
.area01 .subcopy{font-size: 42px; font-family: 'Pretendard'; font-weight: 300; padding: 23px 0 76px; letter-spacing: -1px;}
.area01 .subcopy span{display: block; font-weight: 500;}
.area01 .date{display: inline-block; font-size: 44px; text-align: left; margin-bottom: 40px; font-weight: 400;}
.area01 .date div + div{margin-top: 15px;}
.area01 .date em{display: inline-block; font-size: 37px; color: #fff; font-weight: 500; background: #2A7E6F; padding: 8px 34px; vertical-align: middle; margin-right: 20px;}
.area01 .date span{font-weight: 800; font-size: 49px; color: #1C564C; vertical-align: text-bottom;}
.area01 .btmcopy{display: block; font-size: 28px;}

.area01 .btmbox{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%;}
.area01 .btmbox .btmlayer{background: rgba(0,0,0,0.5); width: 100%; padding-bottom: 40px;}
.area01 .btmbox .btmlayer .tab{display: inline-block; margin-top: -36px;}
.area01 .btmbox .btmlayer .tab_group img + img{margin-left: 55px;}

.area01 .txtbox{padding: 90px 0 60px; background: #2A7E6F; color: #fff; font-size: 28px;}
.area01 .txtbox span{position: relative; display: inline-block; width: 505px; padding: 0 20px; box-sizing: border-box;}
.area01 .txtbox span:last-child{margin-left: 40px; padding: 0 50px;}
.area01 .txtbox span:before{content: ''; position: absolute; top: -29px; left: 50%; transform: translateX(-50%); width: 30px; height: 4px; background: #fff; }

.area02 .cont_sp{width: 1080px; padding: 120px 0; text-align: left;}
.area02 .title{font-size: 44px; font-weight: 800;}
.area02 .title em{font-size: 100px; font-weight: 100; vertical-align: baseline;}
.area02 .title .color{display: inline-block; color: #1C564C; margin-left: 20px; vertical-align: baseline;}
.area02 .title .stxt{display: inline-block; font-size: 24px; margin-left: 20px; font-weight: 300; vertical-align: baseline;}
.area02 .image{display: block; width: 1080px; height: 296px; margin: 20px 0 40px;}
.area02 .image.why{background: url(images/why_img.png) no-repeat 50%;}
.area02 .image.who{background: url(images/who_img.png) no-repeat 50%;}
.area02 .text{font-size: 24px;}
.area02 .title.ar2{display: flex; justify-content: center; align-items: baseline; padding-top: 80px;}
.area02 .text span{display: block; line-height: 34px;}
.area02 .text span:before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #111; margin: 0 14px 7px 0;}
.area02 .btmtitle{font-size: 44px; font-weight: 700; padding: 80px 0 100px; text-align: center;}
.area02 .btmtitle p{color: #1C564C;}
.area02 .btn_apply{display: flex; justify-content: center; align-items: center; width: 686px; height: 154px; background: #1C564C; margin: 0 auto; font-size: 54px; color: #fff; font-weight: 700;}

.area03{background: #F4F4F4;} 
.area03 .cont_sp{width: 806px; padding: 120px 0;}
.area03 .stit{display: inline-block; font-size: 28px; font-weight: 700; border: 2px solid #111; padding: 3px 10px; margin-bottom: 10px;}
.area03 .title{display: block; font-size: 64px; color: #1C564C; font-weight: 800; margin-bottom: 60px;}
.area03 .bookbox{background: #fff; width: 806px; padding: 64px 0 80px; margin-bottom: 20px;}
.area03 .bookbox .book_tit{font-size: 44px; font-weight: 600; padding-bottom: 12px;}
.area03 .bookbox .bst{display: inline-block; font-size: 24px; font-weight: 400; padding-bottom: 45px;}
.area03 .bookbox .ctxt{font-size: 24px; font-weight: 500;}
.area03 .bookbox .ctxt::before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #111; margin: 0 14px 7px 0;}
.area03 .giftlist{display: flex; flex-wrap: wrap;}
.area03 .giftlist li{width: calc(50% - 10px); padding: 350px 20px 40px; box-sizing: border-box; margin-bottom: 20px; font-size: 34px; font-weight: 700;}
.area03 .giftlist li:nth-of-type(odd){margin-right: 20px;}
.area03 .giftlist .gift01{background: #fff url(images/basic_gift01.png) no-repeat 50% 60px;}
.area03 .giftlist .gift02{background: #fff url(images/basic_gift02.png) no-repeat 50% 0;}
.area03 .giftlist .gift03{background: #fff url(images/basic_gift03.png) no-repeat 50% 50px;}
.area03 .giftlist .gift04{background: #fff url(images/basic_gift04.png) no-repeat 50% 15px;}

.area04{background: url(images/area04_bg.jpg) no-repeat 50% 0; padding: 120px 0 60px; background-size:100%;}
.area04 .cont_sp{width: 1280px; padding: 80px 0; background: #fff;}
.area04 .num{font-size: 92px; font-weight: 100; color: #1C564C;}
.area04 .tcopy{position: relative; display: block; font-size: 32px; font-weight: 800; color: #1C564C; margin-bottom: 85px;}
.area04 .tcopy:after{content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #1C564C;}
.area04 .title{font-size: 34px; color: #1C564C; font-weight: 500; padding-bottom: 40px;}
.area04 .title em{display: block; font-size: 64px; font-weight: 800; color: #2A7E6F;}
.area04 .scopy{width: 720px; margin: 0 auto; font-size: 24px; padding-bottom: 40px; font-weight: 400;}
.area04 .total{display: inline-block; background: #1C564C; color: #fff; font-size: 24px; font-weight: 500; padding: 9px 25px; margin-bottom: 60px;}
.area04 .activity{display: flex; flex-wrap: wrap; width: 1080px; gap: 20px; margin: 0 auto 40px;}
.area04 .textlist{width: 1080px; margin: 0 auto; text-align: left; margin-bottom: 100px; font-size: 22px; line-height: 32px;}
.area04 .textlist li:before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #111; margin: 0 14px 7px 0;}
.area04 .circle{display: flex; justify-content: center; align-items: center;flex-direction: column; width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; background: #1F9F52; color: #fff; font-size: 33px; font-weight: 500; margin-bottom: 60px;}
.area04 .circle span{font-size: 43px; font-weight: 600;}
.area04 .photowrap{margin-bottom: 80px;}
.area04 .feedback{width: 1080px; margin: 0 auto 20px; background: #F0F0F0; padding: 60px 0 35px;}
.area04 .feedback .title{font-size: 65px; font-weight: 800; padding-bottom: 6px;}
.area04 .feedback .scopy{font-size: 28px; padding-bottom: 30px;}

.area04 .qna{width: 1080px; margin: 0 auto; background: #F0F0F0; padding: 40px 50px; box-sizing: border-box; text-align: left;}
.area04 .qna .box + .box{border-top: 1px solid #111;}
.area04 .qna .box{padding: 25px 0;}
.area04 .qna .question{font-size: 28px; font-weight: 700; vertical-align: middle; padding-bottom: 10px;}
.area04 .qna .answer{font-size: 24px; line-height: 40px; text-indent: -44px; margin-left: 44px;}
.area04 .qna .question span,.area04 .qna .answer span{font-size: 36px; font-weight: 900;vertical-align: baseline;}

.area05{background: #50B847; padding: 100px 0;}
.area05 .num{font-size: 92px; font-weight: 100; color: #fff;}
.area05 .tcopy{position: relative; display: block; font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 85px;}
.area05 .tcopy:after{content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #fff;}
.area05 .title{font-size: 34px; color: #fff; font-weight: 500; padding-bottom: 40px;}
.area05 .title em{display: block; font-size: 64px; font-weight: 800; color: #FFF27A;}
.area05 .scopy{width: 720px; margin: 0 auto; font-size: 24px; padding-bottom: 40px; font-weight: 400; color: #fff; font-weight: 300; line-height: 32px;}
.area05 .total{display: inline-block; background: #fff; color: #0A6408; font-size: 24px; font-weight: 600; padding: 9px 25px; margin-bottom: 60px;}
.area05 .schedule{display: flex; justify-content: center; align-items: center; gap: 50px; width: 1090px; background: #fff; margin: 0 auto; padding: 50px; box-sizing: border-box;}
.area05 .schedule .day span{display: inline-block; padding-top: 13px; font-size: 28px; color: #666666; font-weight: 400;}
.area05 .schedule .day p{font-size: 38px; font-weight: 600; padding-bottom: 30px;}
.area05 .schedule .day p em{font-weight: 700;}
.area05 .schedule .ilsan .day p em{color: #4CA437;}
.area05 .schedule .suniv .day p em{color: #295BA6;}
.area05 .schedule .part{font-size: 26px; line-height: 45px; margin-left: 20px; text-align: left; font-weight: 600;}
.area05 .schedule .part span{display: inline-block; height: 30px; line-height: 31px; padding: 0 7px; background: #888888; font-size: 22px; border-radius: 4px; color: #fff; font-weight: 400; vertical-align: middle; margin-right: 8px;}
.area05 .textlist{width: 1080px; margin: 0 auto; text-align: left; margin-bottom: 100px; font-size: 22px; line-height: 32px; color: #fff; padding: 40px 0 0;}
.area05 .textlist li:before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #fff; margin: 0 14px 7px 0;}
.area05 .circle{display: flex; justify-content: center; align-items: center;flex-direction: column; width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; background: #257D17; color: #fff; font-size: 33px; font-weight: 500; margin-bottom: 60px;}
.area05 .circle span{font-size: 43px; font-weight: 600;}
.area05 .photowrap{margin-bottom: 60px;}
.area05 .photowrap span{display: inline-block;}
.area05 .photowrap span + span{margin-left: 20px;}
.area05 .qna{width: 1080px; margin: 0 auto; background: #F5F5F5; padding: 20px 50px; box-sizing: border-box; text-align: left; font-weight: 400;}
.area05 .qna .box + .box{border-top: 1px solid #111;}
.area05 .qna .box{padding: 20px 0;}
.area05 .qna .question{font-size: 28px; font-weight: 800; vertical-align: middle; padding-bottom: 10px;}
.area05 .qna .answer{font-size: 24px; line-height: 40px; text-indent: -44px; margin-left: 44px;}
.area05 .qna .question span,.area05 .qna .answer span{font-size: 36px; font-weight: 900;vertical-align: baseline;}

.area06{background: #F4F4F4;} 
.area06 .cont_sp{width: 1080px; padding: 120px 0;}
.area06 .stit{display: inline-block; font-size: 28px; font-weight: 700; border: 2px solid #111; padding: 3px 10px; margin-bottom: 10px;}
.area06 .title{display: block; font-size: 64px; color: #1C564C; font-weight: 800; margin-bottom: 60px;}
.area06 .timetable{width: 100%; margin: 0 auto; border: 1px solid #0A6408; font-size: 24px; background-color:#fff;}
.area06 .timetable th{height: 83px; background: #2A7E6F; border: 1px solid #1C564C; vertical-align: middle; font-size: 28px; font-weight: 700; color: #fff;}
.area06 .timetable .tt{display: inline-block; border: 1px solid #1C564C; font-size: 20px; color: #1C564C; margin-right: 12px; padding: 3px 8px; font-weight: 800;}
.area06 .timetable .tt.ngday{background: #1C564C; color: #fff; font-weight: 600;}
.area06 .timetable td{height: 80px; vertical-align: middle; border: 1px solid #1C564C; font-weight: 600; color: #1C564C;}
.area06 .timetable td:nth-child(2){text-align: left; padding-left: 20px;}
.area06 .timetable .bg_y{background: #FFF5DA;}
.area06 .timetable .sat{color: #0055A7;}
.area06 .timetable .sun{color: #D81C1C;}

.area07{background: #4C509D; padding: 100px 0;}
.area07 .cont_sp{width: 1080px;}
.area07 .num{font-size: 92px; font-weight: 100; color: #fff;}
.area07 .tcopy{position: relative; display: block; font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 85px;}
.area07 .tcopy:after{content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #fff;}
.area07 .title{font-size: 34px; color: #fff; font-weight: 500; padding-bottom: 40px;}
.area07 .title em{display: block; font-size: 64px; font-weight: 800; color: #FFF27A;}
.area07 .scopy{font-size: 24px; padding-bottom: 60px; font-weight: 400; color: #fff; font-weight: 300; line-height: 32px;}
.area07 .aitest{display: flex; margin-bottom: 120px;}
.area07 .aitest li{width: 25%; padding-top: 285px; font-size: 28px; font-weight: 500; color: #fff;}
.area07 .aitest .test_1{background: url(images/03_imglist01.png) no-repeat 50% 0;}
.area07 .aitest .test_2{background: url(images/03_imglist02.png) no-repeat 50% 0;}
.area07 .aitest .test_3{background: url(images/03_imglist03.png) no-repeat 50% 0;}
.area07 .aitest .test_4{background: url(images/03_imglist04.png) no-repeat 50% 0;}

.area07 .exp{padding: 60px 50px; border-radius: 26px; color: #fff; text-align: left; font-size: 26px; font-weight: 500; background: rgba(45, 48, 98, 0.5) url(images/text_Group.png) no-repeat 93% 50%;}
.area07 .exp .stxt{font-size: 30px;}
.area07 .exp .ytxt{font-size: 34px; color: #FEF052; padding: 5px 0 40px;}
.area07 .exp .bodytxt{width: 560px; line-height: 34px; padding-bottom: 30px;}
.area07 .exp .btxt{color: #ACB0F9;}

.area08{background: #298977; padding: 100px 0;}
.area08 .cont_sp{width: 1080px;}
.area08 .num{font-size: 92px; font-weight: 100; color: #fff;}
.area08 .tcopy{position: relative; display: block; font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 85px;}
.area08 .tcopy:after{content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #fff;}
.area08 .title{font-size: 34px; color: #fff; font-weight: 500; padding-bottom: 10px;}
.area08 .title em{display: block; font-size: 54px; font-weight: 800; color: #FFF27A; padding-top: 10px;}
.area08 .smtxt{display: inline-block; font-size: 24px; padding-bottom: 80px; font-weight: 400; color: #fff; font-weight: 300;}

.area09{background: #F4F4F4;}
.area09 .cont_sp{width: 1080px; padding: 100px 0;}
.area09 .num{font-size: 92px; font-weight: 100; color: #1C564C;}
.area09 .tcopy{position: relative; display: block; font-size: 32px; font-weight: 800; color: #1C564C; margin-bottom: 110px;}
.area09 .tcopy:after{content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #1C564C;}
.area09 .interview{display: flex; gap: 20px; text-align: left; margin-bottom: 80px;}
.area09 .interview img{display: inline-block; margin-bottom: 40px;}
.area09 .interview .who{font-size: 30px; padding-bottom: 40px;}
.area09 .interview .text{font-size: 24px; text-indent: -20px; margin-left: 47px; line-height: 32px; padding-bottom: 20px;}
.area09 .interview .text span{display: inline-block; padding-right: 10px; font-size: 34px; margin-top: -5px;}
.area09 .afterword{text-align: left;}
.area09 .aftitle{display: inline-block; font-size: 34px; font-weight: 600; color: #fff; background: #2A7E6F; padding: 6px 17px; margin-bottom: 20px;}
.area09 .afbox{display: flex; gap: 50px; padding: 28px 40px; background: #fff;flex-direction: row; align-items: center;}
.area09 .afbox + .afbox{margin-top: 20px;}
.area09 .afbox span{display: inline-block; width: 120px; font-size: 100px; font-weight: 100; text-align: center; color: #1C564C;}
.area09 .afbox p{display: inline-block; width: calc(100% - 120px); font-size: 24px;}
.area09 .btn_apply{display: flex; justify-content: center; align-items: center; width: 686px; height: 154px; background: #1C564C; margin: 100px auto; font-size: 54px; color: #fff; font-weight: 700;}


.device-pc { display: block; }
.device-mobile { display: none; }