@charset "utf-8";

@import url('//img.eduwill.net/resources/common/web/css/webfont.css');

.full-container * { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; }
.full-container .wrap { position: relative; width: 100%; max-width: 720px; margin: 0 auto; letter-spacing: -1px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* title */
.full-title { background: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/bg_title.jpg') no-repeat center top; background-size: auto 100%; }
.full-title h2.title { position: absolute; top: 11.36671177266576%; right: 6.5278%; text-align: left; font-size: 14px; font-weight: bold; color: #fff; }
.full-title h2.title em { font-weight: 500; }
.full-title h2.title strong { position: relative; display: inline-block; margin-right: 5px; padding: 0 10px; font-size: 14px; font-weight: 500; color: #5cced4; }
.full-title h2.title strong:before,
.full-title h2.title strong:after { content: ''; position: absolute; top: 50%; display: block; width: 1px; height: 10px; margin-top: -5px; background-color: #5cced4; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.full-title h2.title strong:before { left: 0; }
.full-title h2.title strong:after { right: 0; }

@media only screen and (min-width: 720px) {
	.full-title h2.title { font-size: 21px; }
	.full-title h2.title strong { padding: 0 20px; font-size: 17px;  }
}

/* full-count */
.full-count { position: relative; background-color: #5cced4; }
.full-count p { display: inline-block; max-width: 720px; padding: 10px 0 11px 30px; line-height: initial; font-size: 1.0625rem; font-weight: 700; color: #1b1927; letter-spacing: -1px; background: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/bg_count.jpg') no-repeat left center; background-size: auto 100%; }
.full-count span { display: inline-block; width: 24px; height: 26px; line-height: 26px; margin-left: -3px; vertical-align: -2px; font-family: verdana; font-size: 21px; font-weight: bold; color: #fff; letter-spacing: 0; background: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/bg_num.png') no-repeat center top; background-size: 100% auto; }
.full-count strong { font-weight: 700; }
.full-count .highlight { font-weight: 700; color: #ffda1f; }

.full-count .notice { position: absolute; bottom: -20px; left: 50%; width: 100%; padding: 0; text-align: center; font-size: .6875rem; color: rgba(92, 206, 212, .6); letter-spacing: -.5px; background: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (min-width: 360px) {
	.full-count p { padding-left: 70px; }
	.full-count .notice { font-size: .75rem; }
}

@media only screen and (min-width: 720px) {
	.full-count p { padding-left: 109px; font-size: 34px; letter-spacing: -2px; }
	.full-count span { width: 48px; height: 53px; line-height: 53px; vertical-align: -2px; font-size: 42px; }
	.full-count .notice { bottom: -30px; font-size: 1rem; }
}

/* contents */
.full-contents { background: transparent }
.full-contents .service { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* tab */
.full-tab { position: relative; z-index: 1; margin-top: -43px; background-color: transparent; }
.full-tab:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 28px; background-color: rgba(49, 48, 55, .95); }
.full-tab li { float: left; width: 50%; height: 43px; }
.full-tab a { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 100%; }
.full-tab .tab-1 a { background-image: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/tab_1.png'); background-position: right top; }
.full-tab .tab-2 a { background-image: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/tab_2.png'); background-position: left top; }
.full-tab .tab-1 a.on { background-image: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/tab_1_on.png'); }
.full-tab .tab-2 a.on { background-image: url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/tab_2_on.png'); }

@media only screen and (min-width: 720px) {
	.full-tab { margin-top: -87px; }
	.full-tab:before { height: 57px; }
	.full-tab li { height: 87px; }
}

/* tab-conts */
.tab-conts { background-color: #fff; }
.service .service { position: relative; }

/* 1st Tab Content */
.service .action-list { margin: 0 2.78%; }
.service .action-list .col { width: 50%; padding-top: 7px; }
.service .action-list .col:nth-child(odd) { padding-right: 4px; }
.service .action-list .col:nth-child(even) { padding-left: 4px; }
.service .action-list a { display: block; padding: 7px 0; border: 1px solid #b3b3b4; border-radius: 5px; font-size: 12px; font-weight: 300; color: #000; background-color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.service .action-list a:hover { background-color: #f0f0f0; }
.service .action-list span { display: inline-block; }
.service .action-list span:after { content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 1px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.service .action-list em { font-weight: 500; }
.service .notice { margin: 7px 2.78% 0; padding-bottom: 40px; line-height: 1.7; text-align: left; font-size: 12px; color: #828282; }

@media only screen and (min-width: 720px) {
	.service .action-list .col { padding-top: 15px; }
	.service .action-list .col:nth-child(odd) { padding-right: 8px; }
	.service .action-list .col:nth-child(even) { padding-left: 8px; }
	.service .action-list a { padding: 27px 0; font-size: 18px; }
	.service .action-list span:after { width: 10px; height: 10px; margin-left: 5px; }
	.service .notice { margin-top: 14px; padding-bottom: 80px; font-size: 16px; }
}

.special-benefit { background: #ffad89 url('//img.eduwill.net/Img2/mobile2/brand_new/event/full_xat/190325/bg_benefit.jpg') no-repeat center top; background-size: auto 100%; }
.special-benefit img { margin-top: -21px; }
.special-benefit .grid { padding: 5% 5% 10%; }
.special-benefit .col { width: 58%; text-align: left; }
.special-benefit .col:first-child { width: 42%; }
.special-benefit .desc { font-size: 12px; font-weight: 700; color: #000; }
.special-benefit span { position: relative; display: inline-block; }
.special-benefit span:before { content: ''; position: absolute; bottom: 2px; left: 0; right: 0; width: 100%; height: 4px; background-color: rgba(255, 241, 0, .18); }
.special-benefit .highlight { color: #f83114; }
.special-benefit .notice { margin: 0; padding: 0; }
.special-benefit .notice li { font-size: 12px; color: #585858; letter-spacing: -1px; }

@media only screen and (min-width: 720px) {
	.special-benefit img { margin-top: -42px; }
	.special-benefit .desc { font-size: 20px; }
	.special-benefit .notice li { font-size: 15px; }
}

/* review */
.review-wrap { color: #1b1927; }
.review-title { padding: 10px 0; background-color: #5cced4; }
.review-title span { display: block; line-height: 1; font-size: 5.556vw; letter-spacing: 2px; }
.review-title strong { display: block; font-size: 7.639vw; }
.review-subject { margin-top: 20px; font-size: 5.139vw; font-weight: 700; }
.review-list { width: 100%; max-width: 640px; margin: 35px auto 0; }
.review-list .slick-slide { margin: 0 1%; }
.review-list .slick-arrow { position: absolute; top: 50%; z-index: 1; width: 30px; height: 30px; margin-top: -15px; padding: 0; font-size: 0; color: transparent; text-indent: -9999px; border: none; background: none; cursor: pointer; outline: none; }
.review-list .slick-arrow.slick-prev { left: -30px; }
.review-list .slick-arrow.slick-next { right: -30px; }
.review-list .slick-arrow:before { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; margin-top: -7.5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.review-list .slick-arrow.slick-prev:before { margin-left: 0; border-bottom: 1px solid #1b1927; border-left: 1px solid #1b1927; }
.review-list .slick-arrow.slick-next:before { margin-left: -7.5px; border-top: 1px solid #1b1927; border-right: 1px solid #1b1927; }
.review-list .slick-arrow.slick-disabled:before { opacity: .3; }

@media only screen and (min-width: 720px) {
	.review-title { padding: 20px 0; }
	.review-title span { font-size: 40px; }
	.review-title strong { font-size: 55px; }
	.review-subject { margin-top: 80px; font-size: 37px; }
	.review-list { margin-top: 70px; }
	.review-list .slick-arrow { width: 60px; height: 60px; margin-top: -30px; }
	.review-list .slick-arrow.slick-prev { left: -60px; }
	.review-list .slick-arrow.slick-next { right: -60px; }
	.review-list .slick-arrow:before { width: 30px; height: 30px; margin-top: -15px; }
	.review-list .slick-arrow.slick-prev:before { margin-left: 0; }
	.review-list .slick-arrow.slick-next:before { margin-left: -25px; }
}

.story-list { margin-top: 30px; background-color: #fff; }

/* 2nd Tab Content */
.service .frame { margin: 0 4.6875%; padding: 10px 15px; border: 1px solid #efefef; background: url('//img.eduwill.net/Img2/Common/Event/full/xat/201901/bgxy_frame.jpg') repeat 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.service .frame .col { width: 100%; text-align: left; }
.service .frame .title { display: inline-block; padding: 5px 10px; font-size: 13px; font-weight: bold; color: #fff; border-radius: 20px; background-color: #f8a580; }
.service .frame .desc { line-height: 1.7; text-align: left; font-size: 12px; color: #202020; -webkit-box-sizing: border-box; box-sizing: border-box; }
.service .frame .highlight { color: #f83114; }
.service .frame .info { margin-top: 18px; }
.service .frame .period span { display: block; font-size: 12px; color: #888; }

.conts-02 .service.service-1 { padding-bottom: 50px; }
.conts-02 .service.service-2 { background-color: #ebebeb; }
.conts-02 .service.service-2 .title-wrap { position: absolute; top: 7.416879795396419%; left: 19.861%; text-align: left; }
.conts-02 .service.service-2 .title-wrap h3.title { line-height: 1.375; font-size: 7.500vw; font-weight: 500; color: #000; letter-spacing: -3.2px; }
.conts-02 .service.service-2 .title-wrap h3.title span { display: block; font-size: 3.472vw; font-weight: 300; letter-spacing: -1.5px; }
.conts-02 .service.service-2 .title-wrap h3.title .highlight { font-weight: 900; color: #5cced4; }
.conts-02 .service.service-2 .notice { margin: 0; padding: 0; line-height: 1.2; font-size: 2.083vw; color: #828282; }

.conts-02 .service.service-2 .action-list { position: absolute; }
.conts-02 .service.service-2 .action-list .col { float: none; width: 100%; clear: both; padding: 7px 0 0; }
.conts-02 .service.service-2 .action-list .col:first-child { padding-top: 0; }
.conts-02 .service.service-2 .action-list a { display: block; margin-top: 10px; padding: 11px 0; }
.conts-02 .service.service-2 .action-list a:first-child { margin-top: 0; }
.conts-02 .service.service-2 .action-list.right { top: 41.77323103154305%; right: 4.861%; left: 49.0278%; }
.conts-02 .service.service-2 .action-list.left { top: 77.23785166240409%; left: 4.861%; right: 49.0278%; }

@media only screen and (min-width: 720px) {
	.service .frame { padding: 20px 30px; }
	.service .frame .title { padding: 8px 20px; font-size: 18px; }
	.service .frame .desc { font-size: 16px; }
	.service .frame .info { margin-top: 36px; }
	.service .frame .period span { font-size: 17px; }

	.conts-02 .service.service-2 .title-wrap h3.title { font-size: 3.375rem; }
	.conts-02 .service.service-2 .title-wrap h3.title span { font-size: 1.5625rem; }
	.conts-02 .service.service-2 .notice { font-size: .9375rem; }
	.conts-02 .service.service-2 .action-list a { padding: 27px 0; }
}


/* full-qna */
.full-qna { margin: 0 4.6875%; }
.full-qna .item { margin-top: 20px; }

.story-wrap { padding: 0 4.6875% 10%; }

.story-wrap .table,
.full-qna .table { width: 100%; border-top: 2px solid #69c5d1; table-layout: fixed; }
.story-wrap .table th,
.story-wrap .table td,
.full-qna .table th,
.full-qna .table td { padding: 10px 5px; line-height: 1.4; text-align: left; font-size: 12px; color: #666; letter-spacing: -1.5px; border-bottom: 1px solid #ccc; }
.story-wrap .table th,
.full-qna .table th { text-align: center; color: #333; background-color: #f5f5f5; }
.story-wrap .table .no,
.story-wrap .table .user,
.full-qna .table .no,
.full-qna .table .user { font-family: verdana; }
.story-wrap .table td .col,
.full-qna .table td .col { margin-left: 5px; }
.story-wrap .table a,
.full-qna .table a { display: inline-block; width: 90%; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #666; }
.story-wrap .table a:hover,
.full-qna .table a:hover { color: #333; text-decoration: underline; }

.story-wrap .action,
.full-qna .action { margin-top: 15px; }
.story-wrap .action .col,
.full-qna .action .col { width: 50%; padding: 2px; }
.story-wrap .action .button,
.full-qna .action .button { display: inline-block; width: 100%; padding: 10px 10px 11px; text-align: center; font-size: 13px; color: #fff; border: 1px solid #999; background-color: #999; -webkit-box-sizing: border-box; box-sizing: border-box; }
.story-wrap .action .button.primary,
.full-qna .action .button.primary { border-color: #69c5d1; background-color: #69c5d1; }
.story-wrap .action .button.info,
.full-qna .action .button.info { color: #666; border-color: #aaa; background-color: #fff; }

/* full-qna : qna-list */
.story-wrap .story-list .table th,
.story-wrap .story-list .table td,
.full-qna .qna-list .table th,
.full-qna .qna-list .table td { text-align: center; }
.story-wrap .story-list .table th,
.full-qna .qna-list .table th { padding: 10px 0; }
.story-wrap .story-list .table .subject,
.full-qna .qna-list .table .subject { text-align: left; padding: 0; }

/* full-qna : qna-view */
.story-wrap .story-list + .story-view { margin-top: 20px; }
.story-wrap .story-view .action .col,
.full-qna .qna-view .action .col { width: 25%; padding: 0 1px; }
.story-wrap .story-view .action .col:only-child { width: 100%; }

/* full-qna : qna-write */
.full-qna .qna-write .lecture .col { width: 50%; margin: 1px 0; }
.full-qna .qna-write input[type='text'],
.full-qna .qna-write textarea { width: 100%; height: 30px; line-height: 28px; margin-top: 0; vertical-align: middle; font-size: 12px; border: 1px solid #ccc; }
.full-qna .qna-write input[type='radio'] { display: inline-block; margin-right: 5px; }
.full-qna .qna-write textarea { height: 130px; line-height: 1.4; }

/* pagination */
.story-wrap .pager,
.full-qna .pager { margin-top: 20px; line-height: 34px; text-align: center; }
.story-wrap .pager span,
.full-qna .pager span { padding: 0 8px; line-height: 34px; font-size: 16px; color: #aaa; }
.story-wrap .pager strong,
.full-qna .pager strong { color: #333; }
.story-wrap .pager a,
.full-qna .pager a { display: inline-block; }
.story-wrap .pager img,
.full-qna .pager img { width: 34px; }

@media only screen and (min-width: 720px) {
	.story-wrap .table th,
	.story-wrap .table td,
	.full-qna .table th,
	.full-qna .table td { padding: 10px; font-size: 14px; }
}


/* popup */
.dimmed { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, .7); }
.popup { display: none; position: absolute; top: 0; left: 50%; z-index: 1001; width: 100%; max-width: 640px; font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif; color: #000; letter-spacing: -0.03125rem; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.popup-body .movies { position: relative; width: 100%; height: auto; }
.popup-body .movies a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.popup-body .movies a img { width: 100%; }
.popup-body .movies video,
.popup-body .movies iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%: }
.popup-close { position: absolute; top: -40px; right: 0; display: block; width: 40px; height: 40px; cursor: pointer; }
.popup-close:before,
.popup-close:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 1px; margin-left: -10px; background-color: #fff; }
.popup-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.popup-close:after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); }
.popup-close span { position: absolute; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }

@media screen and (min-width: 720px) {
    .popup { max-width: 700px; letter-spacing: -1px; }
    .popup-close { width: 60px; height: 60px; right: -60px; }
    .popup-close:before,
    .popup-close:after { width: 30px; margin-left: -15px; }
}