@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: 100%; margin: 0 auto; text-align: center;}

.area01 .toparea{position: relative; width: 100%; height: 1103px; background: #fffbe8 url(images/mobile_top_bg.jpg) no-repeat 50% 60px; text-align: center; background-size: 1080px 867px; padding-top: 60px;}
.area01 .logo{display: block; padding: 33px 0 17px;}
.area01 .logo img{width: 100%; width: 137px; height: 29px; background-size: cover;}
.area01 .top_tit{font-family: 'GmarketSans'; font-size: 22px; color: #2A7E6F; font-weight: 500;}
.area01 .title{font-family: 'GmarketSans'; font-size: 28px; color: #2A7E6F; font-weight: 700; letter-spacing: -2px;}
.area01 .title span{color: #1C564C;}
.area01 .subcopy{font-size: 14px; font-family: 'Pretendard'; font-weight: 300; padding: 8px 0 23px; letter-spacing: -1px;}
.area01 .subcopy span{display: block; font-weight: 500;}
.area01 .date{display: inline-block; font-size: 16px; text-align: left; margin-bottom: 10px; font-weight: 500; letter-spacing: -0.5px;}
.area01 .date div + div{margin-top: 5px;}
.area01 .date em{display: inline-block; font-size: 12px; color: #fff; font-weight: 500; background: #2A7E6F; padding: 4px 12px; vertical-align: middle; margin-right: 8px;}
.area01 .date span{font-weight: 800; font-size: 19px; color: #1C564C; vertical-align: baseline;}
.area01 .btmcopy{display: block; font-size: 13px;}
.area01 .btmbox{position: absolute; top: 628px; left: 50%; transform: translateX(-50%); width: 100%;}
.area01 .btmbox .btmlayer{width: 100%; padding-bottom: 33px;}
.area01 .btmbox .btmlayer .tab{display: inline-block; margin-top: -36px; max-width: 175px;}
.area01 .btmbox .btmlayer .tab img{width: 100%;}
.area01 .btmbox .btmlayer .tab_group span{display: block;}
.area01 .btmbox .btmlayer .tab_group img{max-width: 245px;}
.area01 .btmbox .btmlayer .tab_group span{margin-top: 15px;}
.area01 .txtbox{padding: 50px 0; background: #2A7E6F; color: #fff; font-size: 14px; line-height: 23px;}
.area01 .txtbox span{position: relative; display: inline-block; padding: 0 60px 28px; box-sizing: border-box;}
.area01 .txtbox span:last-child{padding: 0 60px;}
.area01 .txtbox span:before{content: ''; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 13px; height: 1px; background: #fff; }

.area02 .cont_sp{width: 100%; padding: 50px 24px; box-sizing: border-box; text-align: left;}
.area02 .title{font-size: 20px; font-weight: 800;}
.area02 .title em{font-size: 46px; font-weight: 100; vertical-align: baseline;}
.area02 .title .color{display: inline-block; color: #1C564C; vertical-align: baseline;}
.area02 .title .stxt{display: inline-block; font-size: 12px; margin-left: 10px; font-weight: 300; vertical-align: baseline;}
.area02 .title.ar2{display: flex; padding-top: 35px;}
.area02 .image{display: block; width: 100%; height: 130px; margin: 10px 0 20px;}
.area02 .image.why{background: url(images/why_img.png) no-repeat 100%; background-size: cover;}
.area02 .image.who{background: url(images/who_img.png) no-repeat 0%; background-size: cover;}
.area02 .text{font-size: 14px; font-weight: 400; line-height: 21px;}
.area02 .title.ar2{display: flex; justify-content: center; align-items: baseline; justify-content: flex-start; padding-top: 40px;}
.area02 .title.ar2 em{display: inline-block; margin-right: 10px;}
.area02 .text span{display: block; line-height: 23px;}
.area02 .text span:before{content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #111; margin: 0 8px 4px 0;}
.area02 .btmtitle{font-size: 22px; font-weight: 700; padding: 40px 10% 40px; text-align: center;}
.area02 .btmtitle p{color: #1C564C;}
.area02 .btn_apply{display: flex; justify-content: center; align-items: center; width: 330px; height: 73px; background: #1C564C; margin: 0 auto; font-size: 26px; color: #fff; font-weight: 700;}

.area03{background: #F4F4F4;} 
.area03 .cont_sp{width: 100%; padding: 60px 24px; box-sizing: border-box;}
.area03 .stit{display: inline-block; font-size: 14px; font-weight: 700; border: 1px solid #111; padding: 3px 10px; margin-bottom: 10px;}
.area03 .title{display: block; font-size: 30px; color: #1C564C; font-weight: 800; margin-bottom: 20px;}
.area03 .bookbox{background: #fff; width:100%; padding: 25px 0 30px; margin-bottom: 10px;}
.area03 .bookbox img{width: 100%; max-width: 287px;}
.area03 .bookbox .book_tit{font-size: 22px; font-weight: 600; padding-bottom: 6px;}
.area03 .bookbox .bst{display: inline-block; font-size: 14px; font-weight: 400; padding-bottom: 17px;}
.area03 .bookbox .ctxt{font-size: 13px; font-weight: 500;}
.area03 .bookbox .ctxt::before{content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #111; margin: 0 8px 4px 0;}
.area03 .giftlist{display: flex; flex-wrap: wrap;}
.area03 .giftlist li{width: calc(50% - 5px); padding: 145px 20px 20px; box-sizing: border-box; margin-bottom: 10px; font-size: 16px; font-weight: 700;}
.area03 .giftlist li:nth-of-type(odd){margin-right: 10px;}
.area03 .giftlist .gift01{background: #fff url(images/basic_gift01.png) no-repeat 50% 22px; background-size: 143px;}
.area03 .giftlist .gift02{background: #fff url(images/basic_gift02.png) no-repeat 50% 0; background-size: 143px;}
.area03 .giftlist .gift03{background: #fff url(images/basic_gift03.png) no-repeat 50% 20px; background-size: 93px;}
.area03 .giftlist .gift04{background: #fff url(images/basic_gift04.png) no-repeat 50% 5px; background-size: 105px;}

.area04{background: url(images/area04_bg.jpg) no-repeat 10% 0; padding: 20px 0;        background-size: cover;}
.area04 .cont_sp{width: calc(100% - 30px); padding: 80px 15px 20px; box-sizing: border-box; background: #fff;}
.area04 .num{font-size: 44px; font-weight: 100; color: #1C564C;}
.area04 .tcopy{position: relative; display: block; font-size: 16px; font-weight: 800; color: #1C564C; margin-bottom:46px;}
.area04 .tcopy:after{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #1C564C;}
.area04 .title{font-size: 16px; color: #1C564C; font-weight: 500; padding-bottom: 40px;}
.area04 .title em{display: block; font-size: 30px; font-weight: 800; color: #2A7E6F;}
.area04 .scopy{width: 85%; margin: 0 auto; font-size: 14px; padding-bottom: 15px; font-weight: 400;}
.area04 .total{display: inline-block; background: #1C564C; color: #fff; font-size: 16px; font-weight: 500; padding: 6px 14px; margin-bottom: 25px;}
.area04 .activity{display: flex; flex-wrap: wrap; justify-content: center; width: 100%; gap: 3%; margin: 0 auto 15px;}
.area04 .activity li{width: 48.5%; max-width: 255px; margin-bottom: 20px;}
.area04 .activity li img{width: 100%;}
.area04 .textlist{width: 100%; margin: 0 auto; text-align: left; margin-bottom: 50px; font-size: 13px; line-height: 20px;}
.area04 .textlist li:before{content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #111; margin: 0 8px 4px 0;}
.area04 .circle{display: flex; justify-content: center; align-items: center;flex-direction: column; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: #1F9F52; color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 20px;}
.area04 .circle span{font-size: 24px; font-weight: 600;}
.area04 .photowrap{width: 100%; max-width: 780px; margin-bottom: 40px;}
.area04 .feedback{width: 100%; margin: 0 auto 20px; background: #F0F0F0; padding: 30px 0 10px;}
.area04 .feedback .title{font-size: 26px; font-weight: 800; padding-bottom: 6px;}
.area04 .feedback .scopy{font-size: 14px; padding-bottom: 30px;}
.area04 .feedback .image{display: inline-block; max-width: 780px;}
.area04 .feedback .image img{width: 100%;}
.area04 .qna{width: 100%; margin: 0 auto; background: #F0F0F0; padding: 5px 13px; box-sizing: border-box; text-align: left;}
.area04 .qna .box + .box{border-top: 1px solid #111;}
.area04 .qna .box{padding: 20px 0;}
.area04 .qna .question{font-size: 15px; font-weight: 700; line-height: 22px; vertical-align: middle; padding-bottom: 10px; text-indent: -24px; margin-left: 24px;}
.area04 .qna .answer{font-size: 14px; line-height: 22px; text-indent: -24px; margin-left: 24px; font-weight: 400;}
.area04 .qna .question span,.area04 .qna .answer span{font-size: 20px; font-weight: 900;vertical-align: baseline;}

.area05{background: #50B847; padding: 60px 0;}
.area05 .num{font-size: 44px; font-weight: 100; color: #fff;}
.area05 .tcopy{position: relative; display: block; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 43px;}
.area05 .tcopy:after{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #fff;}
.area05 .title{font-size: 16px; color: #fff; font-weight: 500; padding-bottom: 20px;}
.area05 .title em{display: block; font-size: 30px; font-weight: 800; color: #FFF27A; padding: 0 10%;}
.area05 .scopy{width: 80%; margin: 0 auto; font-size: 14px; padding-bottom: 15px; font-weight: 400; color: #fff; font-weight: 300; line-height: 20px;}
.area05 .total{display: inline-block; background: #fff; color: #0A6408; font-size: 16px; font-weight: 700; padding: 6px 14px; margin-bottom: 25px;}
.area05 .schedule{display: block; width: calc(100% - 48px); background: #fff; margin: 0 auto; padding: 40px 20px; box-sizing: border-box;}
.area05 .schedule .box .image{display: inline-block; width: 100%;}
.area05 .schedule .box .image img{max-width: 290px;}
.area05 .schedule .day span{display: inline-block; padding-top: 22px; font-size: 16px; color: #666666; font-weight: 400;}
.area05 .schedule .day p{font-size: 24px; font-weight: 600; padding-bottom: 15px;}
.area05 .schedule .day p em{font-weight: 700;}
.area05 .schedule .ilsan{padding-bottom: 35px;}
.area05 .schedule .ilsan .day p em{color: #4CA437;}
.area05 .schedule .suniv .day p em{color: #295BA6;}
.area05 .schedule .part{display: inline-block; font-size: 16px; line-height: 27px; text-align: left; font-weight: 600;}
.area05 .schedule .ilsan .part{margin-left: 30px;}
.area05 .schedule .suniv .part{margin-left: 12px;}
.area05 .schedule .part span{display: inline-block; height: 21px; line-height: 21px; padding: 0 7px; background: #888888; font-size: 14px; border-radius: 4px; color: #fff; font-weight: 400; vertical-align: middle; margin-right: 8px;}
.area05 .textlist{width: 85%; margin: 0 auto; text-align: left; margin-bottom: 60px; font-size: 13px; line-height: 32px; color: #fff; padding: 20px 0 0;}
.area05 .textlist li:before{content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #fff; margin: 0 7px 3px 0;}
.area05 .circle{display: flex; justify-content: center; align-items: center;flex-direction: column; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: #257D17; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 20px;}
.area05 .circle span{font-size: 24px; font-weight: 500;}
.area05 .photowrap{width: calc(100% - 46px); margin: 0 auto 20px;}
.area05 .photowrap span{display: inline-block; width: 100%; max-width: 530px;}
.area05 .photowrap span img{width: 100%;}
.area05 .photowrap span + span{margin-top: 20px;}
.area05 .qna{width: calc(100% - 46px); margin: 0 auto; background: #F5F5F5; padding: 5px 15px; 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: 15px; font-weight: 800; vertical-align: middle; padding-bottom: 10px;}
.area05 .qna .answer{font-size: 14px; line-height: 22px; text-indent: -24px; margin-left: 24px;}
.area05 .qna .question span,.area05 .qna .answer span{font-size: 20px; font-weight: 900;vertical-align: baseline;}

.area06{background: #F4F4F4;}
.area06 .cont_sp{width: 100%; padding: 60px 24px; box-sizing: border-box;}
.area06 .stit{display: inline-block; font-size: 14px; font-weight: 700; border: 1px solid #111; padding: 3px 10px; margin-bottom: 10px;}
.area06 .title{display: block; font-size: 30px; color: #1C564C; font-weight: 800; margin-bottom: 20px;}
.area06 .timetable{width: 100%; margin: 0 auto; border: 1px solid #0A6408; font-size: 14px; background-color:#fff;}
.area06 .timetable th{height: 29px; background: #2A7E6F; border: 1px solid #1C564C; vertical-align: middle; font-size: 14px; font-weight: 500; color: #fff;}
.area06 .timetable .tt{display: inline-block; border: 1px solid #1C564C; font-size: 10px; color: #1C564C; margin-right: 6px; padding: 2px 4px; font-weight: 600;}
.area06 .timetable .tt.ngday{background: #1C564C; color: #fff; font-weight: 400;}
.area06 .timetable td{min-height: 57px; padding: 3px; vertical-align: middle; border: 1px solid #1C564C; font-weight: 600; color: #1C564C;}
.area06 .timetable td:nth-child(2){font-size: 13px; text-align: left; padding: 10px;}
.area06 .timetable td:nth-child(3){font-size: 13px; font-weight: 500;}
.area06 .timetable .bg_y{background: #FFF5DA;}
.area06 .timetable .sat{color: #0055A7; font-size: 12px;}
.area06 .timetable .sun{color: #D81C1C; font-size: 12px;}

.area07{background: #4C509D; padding: 60px 23px; box-sizing: border-box;}
.area07 .cont_sp{width: 100%;}
.area07 .num{font-size: 44px; font-weight: 100; color: #fff;}
.area07 .tcopy{position: relative; display: block; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 40px;}
.area07 .tcopy:after{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #fff;}
.area07 .title{font-size: 16px; color: #fff; font-weight: 500; padding-bottom: 20px;}
.area07 .title em{display: block; font-size: 30px; font-weight: 800; color: #FFF27A;}
.area07 .scopy{font-size: 14px; padding-bottom: 30px; font-weight: 400; color: #fff; font-weight: 300; line-height: 20px;}
.area07 .aitest{display: flex; margin-bottom: 20px; flex-wrap: wrap;}
.area07 .aitest li{display: flex; width: 50%; padding: 160px 0 20px; font-size: 16px; font-weight: 300; color: #fff; text-align: left; justify-content: center;}
.area07 .aitest .test_1{background: url(images/03_imglist01.png) no-repeat 50% 0; background-size: 150px 150px;}
.area07 .aitest .test_2{background: url(images/03_imglist02.png) no-repeat 50% 0; background-size: 150px 150px;}
.area07 .aitest .test_3{background: url(images/03_imglist03.png) no-repeat 50% 0; background-size: 150px 150px;}
.area07 .aitest .test_4{background: url(images/03_imglist04.png) no-repeat 50% 0; background-size: 150px 150px;}
.area07 .aitest li em{display: inline-block; font-size: 32px; font-weight: 100; padding: 0 10px 0 20px;}



.area07 .exp{padding: 40px 20px 200px; border-radius: 16px; color: #fff; text-align: left; font-size: 14px; font-weight: 500; background: rgba(45, 48, 98, 0.5) url(images/text_Group.png) no-repeat 50% 90%; background-size: 290px;}
.area07 .exp .stxt{font-size: 14px;}
.area07 .exp .ytxt{font-size: 18px; color: #FEF052; padding: 5px 0 20px; font-weight: 400;}
.area07 .exp .bodytxt{width: 100%; line-height: 21px; padding-bottom: 20px; font-weight: 200;}
.area07 .exp .btxt{display: block; color: #ACB0F9; padding-bottom: 60px;}

.area08{background: #298977; padding: 60px 0;}
.area08 .cont_sp{width: 100%;}
.area08 .num{font-size: 44px; font-weight: 100; color: #fff;}
.area08 .tcopy{position: relative; display: block; font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 50px;}
.area08 .tcopy:after{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #fff;}
.area08 .title{font-size: 16px; color: #fff; font-weight: 500; padding-bottom: 20px;}
.area08 .title em{display: block; font-size: 30px; font-weight: 800; color: #FFF27A; padding-top: 5px;}
.area08 .smtxt{display: block; font-size: 14px; padding-bottom: 40px; font-weight: 400; color: #fff; font-weight: 300;}
.area08 .image{display: inline-block; max-width: 300px;}
.area08 .image img{width: 100%;}

.area09{background: #F4F4F4;}
.area09 .cont_sp{width: 100%; padding: 100px 23px; box-sizing: border-box;}
.area09 .num{font-size: 44px; font-weight: 100; color: #1C564C;}
.area09 .tcopy{position: relative; display: block; font-size: 16px; font-weight: 800; color: #1C564C; margin-bottom: 50px;}
.area09 .tcopy:after{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #1C564C;}
.area09 .interview{display: block; text-align: left; margin-bottom: 80px;}
.area09 .interview .ivbox + .ivbox{margin-top: 20px;}
.area09 .interview .ivbox{text-align: center;}
.area09 .interview .image{display: inline-block; max-width: 530px;}
.area09 .interview .image img{display: inline-block; margin-bottom: 20px; width: 100%;}
.area09 .interview .who{font-size: 20px; padding-bottom: 25px; text-align: left;}
.area09 .interview .text{font-size: 16px; text-indent: -15px; margin-left: 32px; line-height: 22px; padding-bottom: 15px; text-align: left;}
.area09 .interview .text span{display: inline-block; padding-right: 10px; font-size: 22px; margin-top: -5px;}
.area09 .afterword{text-align: left;}
.area09 .aftitle{display: inline-block; font-size: 20px; font-weight: 500; color: #fff; background: #2A7E6F; padding: 6px 17px; margin-bottom: 20px;}
.area09 .afbox{display: flex; gap: 15px; padding: 15px; background: #fff;flex-direction: row; align-items: center;}
.area09 .afbox + .afbox{margin-top: 20px;}
.area09 .afbox span{display: inline-flex; width: 75px; font-size: 64px; font-weight: 100; text-align: center; color: #1C564C;}
.area09 .afbox p{display: inline-block; width: calc(100% - 75px); font-size: 15px; line-height: 22px; word-break: break-all;}
.area09 .btn_apply{display: flex; justify-content: center; align-items: center; width: 330px; height: 73px; background: #1C564C; margin: 50px auto 50px; font-size: 26px; color: #fff; font-weight: 700;}