@charset "utf-8";

/* common */
.promotion-wrap,
.promotion-wrap p,
.promotion-wrap li,
.promotion-wrap th,
.promotion-wrap td { line-height: inherit;font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; font-size: inherit; color: #000; }
.promotion-wrap { position: relative; line-height: normal; text-align: center;}
.promotion-wrap .container { position: relative; width: 100%; background-repeat: no-repeat; background-position: center top; }
.promotion-wrap .wrap { position: relative; width: 1200px; margin: 0 auto; }
.promotion-wrap .verdana { font-family: verdana; }

.promotion-wrap .common-slogan { background: url('//img.eduwill.net/Img2/Gov2/promotion/150318/bg_pattern2.gif') repeat left top; }
.promotion-wrap .common-slogan .wrap { background: url('//img.eduwill.net/Img2/Gov2/promotion/150318/bg_end.gif') no-repeat center top; }

/* hidden */
.sr-only { display: inline-block; position: absolute; z-index: -1; clip: rect(0 0 0 0); width: 1px; height: 1px; *height: 0; margin: -1px; padding: 0; overflow: hidden; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }

/* Grid System */
.grid { position: relative; *zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }
.grid:before,
.grid:after { content: ''; display: table; }
.grid:after { clear: both; }
.grid .col { position: relative; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* etc */
.bg-gray { background-color: #eee; }
.bg-gray.nth-child-1 { padding-top: 123px; }
.bg-yellow { background-color: #fff6d2; }

.fly { position: absolute; text-align: left; }

/* freebook-title */
.promotion-title { padding-bottom: 381px; background-color: #f6f6f6; background-image: url('//img.eduwill.net/Img2/common/promotion/freebook/190409/bg_title.jpg'); }
.promotion-title .flag { top: 41px; left: 50%; margin-left: 467px; }
.promotion-title .apply-wrap { position: absolute; top: 585px; left: 137px; }
.promotion-title .apply-wrap li { line-height: 1.6; font-size: 21px; color: #f5f5f5; }
.promotion-title .apply-wrap span { margin-left: 4px; font-weight: 300; letter-spacing: -1px; }
.promotion-title .action { margin-top: 56px; }
.promotion-title .notice { margin-top: 12px; line-height: 1.6; font-size: 18px; font-weight: 300; color: #ff9a69; }

/* freebook-event */
.promotion-event { padding-bottom: 524px; background-color: #e7e7e7; }
.promotion-event .notice { top: 314px; left: 126px; line-height: 1.6; font-size: 19px; font-weight: 300; color: #350c38; letter-spacing: -1.5px; }

/* freebook-fly */
.promotion-fly { z-index: 1; }
.promotion-fly.fly-1 { margin: -524px 0 -466px; }
.promotion-fly.fly-2 { margin: -247px 0 -583px; }

/* freebook-why */
.promotion-why { padding-top: 466px; background-color: #ffebe1; }

/* freebook-find */
.promotion-find { background-color: #ff884e; }

/* freebook-video */
.promotion-video { padding: 583px 0 134px; background-color: #6c3d71; background-image: url('//img.eduwill.net/Img2/common/promotion/freebook/190326/bg_video.jpg'); }
.promotion-video .flag { top: 138px; right: 100px; z-index: 3; }
.promotion-video .video-wrap { position: relative; z-index: 1; width: 864px; height: 485px; margin: 0 auto; }
/* .promotion-video .video-wrap a { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; } */
.promotion-video .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.promotion-video .desc { margin-top: 35px; font-size: 26px; font-weight: 500; color: #cba1d0; letter-spacing: -1.5px; }
.promotion-video .desc span { position: relative; z-index: 1; display: inline-block; margin: 0 20px; }
.promotion-video .desc span:before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; z-index: -1; width: 100%; height: 15px; background-color: #4f2d53; }

/* freebook-apply-title */
.promotion-apply-title { background-color: #360d39; }

/* freebook-apply */
.promotion-apply { padding-bottom: 90px; background-color: #242736; } 
.promotion-apply .wrap { width: 924px; }
.promotion-apply .apply_top { padding:95px 0 40px; }
.promotion-apply .apply_top .verdana { font-weight:bold;}
.promotion-apply .title { height: 60px; line-height: 60px; font-size: 32px; color: #fef500; letter-spacing: -3px; background-color: #000; }
.promotion-apply .desc { margin: 0; font-size: 67px; color: #fff; letter-spacing: -5px; line-height:1; font-weight:400;}
.promotion-apply .desc span { font-family:'Montserrat'; font-weight:400; font-size:78px; color: #ffd53a; -webkit-animation: .5s flash step-start infinite; animation: .5s flash step-start infinite; }
.promotion-apply .desc strong { font-weight:400; color:#ffd53a;}
.promotion-apply .desc2 { margin:3px 0 0; padding:0; font-size:36px; color:#bcd5e1; letter-spacing:-3px; line-height:1.2;}
.promotion-apply .apply_count { display: inline-block; font-size: 0; }
.promotion-apply .apply_count .count span { display: inline-block; padding: 8px 4px 9px; background-image: url('//img.eduwill.net/Img2/Ten/promotion/freebook/bg_apply_count.png'); background-repeat: no-repeat; }
.promotion-apply .apply_count .count .nth_child_1 { padding-left: 8px; background-position: left top; }
.promotion-apply .apply_count .count .nth_child_2 { padding-right: 8px; background-position: right top; }

.promotion-apply .apply_count .action { margin-left: 24px; }
.promotion-apply .apply_count .action .nth_child_2 { margin-top:15px;}
.promotion-apply .apply_count .btn { display: table; width: 265px; height: 110px; border-bottom-width: 4px; border-bottom-style: inset; border-radius: 10px;  border-color:#161923;}
.promotion-apply .apply_count .btn span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; line-height: 1.3; font-size: 19px; letter-spacing: -2px; }
.promotion-apply .apply_count .btn strong { font-size: 46px; color: #cdcccc; }
.promotion-apply .apply_count .btn em { font-size: 27px; }

.promotion-apply .apply_count .btn_apply { border-bottom-width: 5px; border-bottom-color: #161923; background-color: #fef500; }
.promotion-apply .apply_count .btn_apply span { color: #797513; }
.promotion-apply .apply_count .btn_apply strong { font-size: 43px; color: #242736; }
.promotion-apply .apply_count .btn_end { background-color: #0b0c11; border-bottom-color: #101119; cursor: default; pointer-events: none; }
.promotion-apply .apply_count .btn_today_end { background-color: #0b0c11; cursor: default; pointer-events: none; }
.promotion-apply .apply_count .btn_today_end em { color: #60606a; }

.promotion-apply .apply-calendar { margin: 60px 0 75px; }
.promotion-apply .table-calendar { width: 100%; table-layout: fixed; border-top: 2px solid #0b0c11; }
.table-calendar th { padding: 13px 0 15px; font-size: 17px; font-weight: 700; color: #858585; border-bottom: 2px solid #0b0c11; }
.table-calendar th.sat { color: #1a69ec; }
.table-calendar th.sun { color: #eb4f00; }
.table-calendar td { text-align:center; border-bottom: 1px solid #0b0c11; }
.table-calendar .c_item { color: #6d6e76; font-family: 'Noto Sans KR', '맑은고딕', 'Malgun Gothic'; font-size: 28px; font-weight: 700; background-color: #242736; }
.table-calendar .bg_line { height: 74px; background: url('//img.eduwill.net/Img2/license/promotion/150601/td_line.gif') no-repeat 0 50%; }
.table-calendar .c_item .c_text { display: none; font-size: 20px; color: #ffff00; }
.table-calendar .c_today { color: #fc8e3d; border: 3px solid #fc8e3d; }
.table-calendar .c_close { font-size: 18px; font-weight: normal; color: #ccc; background: url('//img.eduwill.net/Img2/license/promotion/150601/bg_close.png') no-repeat 50% 50%; }
.table-calendar .c_close .c_text { display: block; }

.promotion-notice { background:#171924;}
.promotion-notice .wrap { position:relative; width:960px; padding:30px 0 50px 20px; margin:0 auto; text-align: left; }
.promotion-notice p { font-size:20px; font-weight:700; color:#ffd800;}
.promotion-notice dl dt { font-size:13px; margin:20px 0 5px; font-weight:100; color:#ffd800;}
.promotion-notice dl dd { font-size:13px; line-height:20px; color:#fff;}
.promotion-notice dl dd .sub-title { margin-bottom:5px; font-weight:700; font-size:18px; font-weight:700; color:#616a8d; letter-spacing:-2px;}
.promotion-notice dl dd ul { margin-bottom:20px;}
.promotion-notice dl dd ul li { line-height:1.7; font-size:14px; color:#616a8d; letter-spacing:-1px;}
.promotion-notice dl dd .btn-join { display:inline-block; margin-left:10px; width:120px; height:26px; text-align:center; color:#000; font-weight:400; font-size:14px; line-height:24px; background:#fff;}


/* freebook_member */
.promotion-member { padding: 16px 0; font-size: 16px; color: #717171; background-color: #181a25; }
.promotion-member strong { font-weight: 500; color: #939393; }
.promotion-member .action { display: inline-block; margin-left: 20px; }
.promotion-member .btn { min-width: 113px; padding: 2px 0; background-color: #404040; }
.promotion-member .btn span { font-weight: 500; color: #9a9a9a; }
.promotion-member .btn:only-child { min-width: 143px; }

/* layer */
.layer-complete { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.layer-complete.in { display: block; }
.layer-complete .layer-wrap { position: absolute; top: 50%; left: 50%; width: 630px; height: 814px; margin: -407px 0 0 -315px; background-color: #fff; }
.layer-complete .layer-title { margin-top: 50px; font-size: 26px; color: #888; }
.layer-complete .layer-title strong { position: relative; z-index: 1; display: inline-block; font-size: 44px; font-weight: 700; color: #111; }
.layer-complete .layer-title strong:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 16px; background-color: #fff1a6; }
.layer-complete .layer-title span { font-family: 'Montserrat'; }
.layer-complete .layer-body { margin-top: 37px; padding: 0 65px; text-align: left; }
.layer-complete .info { margin-top: 30px; }
.layer-complete .info li { position: relative; margin-top: 10px; padding-left: 10px; line-height: 1.5; font-size: 14px; font-weight: 400; color: #333; }
.layer-complete .info li:first-child { margin-top: 0; }
.layer-complete .info .highlight { margin-top: 30px; font-weight: 500; color: #f13408; }
.layer-complete .info li:before { content: '*'; position: absolute; top: 0; left: 0; }
.layer-complete .info li li { margin-top: 0; font-size: 13px; color: #666; }
.layer-complete .info li li:before { content: '-'; }
.layer-complete .layer-close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
.layer-complete .layer-close a { position: relative; display: block; width: 100%; height: 100%; }
.layer-complete .layer-close a:before,
.layer-complete .layer-close a:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; background-color: #000; }
.layer-complete .layer-close a:before { top: 50%; width: 20px; height: 1px; margin-left: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.layer-complete .layer-close a:after { top: 50%; width: 1px; height: 20px; margin-top: -10px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

/* 소문내기 이벤트 */
.section-event { position:relative; padding:164px 0; background:#fdcccf;}
.section-event .wrap { position:relative; padding:80px 102px 0; width:1100px; margin:0 auto; z-index:10; box-sizing:border-box; background:#fff; -webkit-box-shadow: 12px 12px 0px 0px rgba(252,181,185,1);-moz-box-shadow: 12px 12px 0px 0px rgba(252,181,185,1);box-shadow: 12px 12px 0px 0px rgba(252,181,185,1);}
.section-event .wrap .plus { position:absolute; top:-54px; left:50%; margin-left:-54px; width:109px; height:109px; background:url('//img.eduwill.net/Img2/Common/promotion/freebook/190306/plus2.png') 50% 0 no-repeat;}
.section-event .wrap .title { padding:170px 0 70px; font-family:'Noto Sans KR'; font-size:36px; font-weight:300; color:#262626; line-height:1.3; letter-spacing:-3px;}
.section-event .wrap .title span { position:relative; z-index:1;}
.section-event .wrap .title span:after { content:' '; display:block; position:absolute; left:0; bottom:6px; width:100%; height:12px; background:#f2d6d8; z-index:-1;}

.info-wrap { padding: 32px 38px; margin-bottom:40px; background: #f5f5f5; }
.info-wrap .col { position: relative; margin-left: 18px; width: 259px; height: 185px; box-sizing: border-box; border:1px solid #dcdcdc; background: #fff; -webkit-box-shadow: 3px 3px 0px 0px rgba(237,237,237,1); -moz-box-shadow: 3px 3px 0px 0px rgba(237,237,237,1); box-shadow: 3px 3px 0px 0px rgba(237,237,237,1);}
.info-wrap .nth-child-1 { margin-left: 0;}
.info-wrap .step-title { margin: 18px 0 12px;}
.info-wrap .step-title span { position: relative; display: inline-block; padding:0 5px; font-size: 16px; font-weight: 900; color: #396e6f; letter-spacing:-1px; border-bottom: 2px solid #396e6f;}
.info-wrap .desc { font-size: 16px; color: #343434; font-weight: 400; line-height: 1.3;}
.info-wrap .button { display: block; margin-top: 13px; text-align:center;}
.info-wrap .button a { display:inline-block; width:155px; color:#fff; font-size:13px; letter-spacing:-1px; height:36px; line-height:36px; border:2px solid #d2d2d2; background:#1d1d1d;}
.info-wrap .button a + a { margin-top: 2px;}
.info-wrap .button.url a { background:#d92121;}
.info-wrap .next-step { position: absolute; z-index: 1000; width: 15px; height: 21px; top: 50%; right: -6px; margin-top:-11px; background:url('//img.eduwill.net/Img2/Common/promotion/govVMWare/step_arrow.png') 0 0 no-repeat;}
.info-wrap .nth_child_2 .button { margin-top:10px;}
.info-wrap .nth_child_2 .button a { border-radius:50%; width:60px; height:60px; margin-left:5px; text-align:center; -webkit-box-shadow: 2px 2px 5px 0px rgba(231,222,213,1);-moz-box-shadow: 2px 2px 5px 0px rgba(231,222,213,1);box-shadow: 2px 2px 5px 0px rgba(231,222,213,1); border:0 none;}
.info-wrap .nth_child_2 .button a.community01 { background:#00bd56; margin-left:0;}
.info-wrap .nth_child_2 .button a.community02 { background:#608ffb;}
.info-wrap .nth_child_2 .button a.community03 { background:#f1685e;}
.info-wrap .nth_child_2 .button a span { position:relative; top:14px; font-weight:500; color:#fff; font-size:13px; line-height:1.2;}
.info-wrap .nth_child_3 .button a { background:#fbbd00;}
.info-wrap .nth_child_3 .button a span{ color:#000; font-weight:500;}

.event-form { padding: 0;}
.comment-wrap .comment-form { position: relative; width: 100%; height: 63px;}
.section-event .comment-wrap .text { padding:12px 20px; margin-right: 10px; width: 706px; height: 100%; font-size: 14px;color:#666; border: 3px solid #e5e5e5; box-sizing: border-box;}
.section-event .comment-wrap .buttons { display: inline-block; text-align: center; color: #000; width: 180px; height: 100%; font-size: 19px; font-weight: 700; letter-spacing:-2px; line-height: 59px; box-sizing: border-box; background: #fbbd00; border:2px solid #e5e5e5;}
.section-event .comment-wrap .buttons strong { font-weight: 700;}
.section-event .notice { margin: 20px 0 35px; text-align: left; margin-top: 10px; font-size: 12px; font-weight: 300; color: #a4a4a4; line-height: 1.5;}
.section-event .table-comment{ width: 100%; table-layout: fixed; border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f;}
.section-event .table-comment th { height: 45px; text-align: center; font-size: 14px; color: #222; vertical-align: middle; border-bottom: 1px solid #7f7f7f;}
.section-event .table-comment td { padding: 17px 0; font-size: 13px; color: #666; text-align:center; border-top:1px solid #ddd; letter-spacing: 0;}
.section-event .table-comment .text_left { text-align:left; color: #222; font-weight: 500;}
.section-event .paging{margin-top:40px;}
.section-event .paging a{display:inline-block;width:18px;height:12px;line-height:12px;vertical-align:middle;font-size:13px;font-weight:700;color:#666;}
.section-event .paging a.on{color:#e62a29;}
.sns-share { margin-bottom:80px;}

.notice-wrap { position:relative; left:-102px; margin-top:70px; padding:55px 0; width:1100px; margin:0 auto; z-index:100; background:#eee;}
.notice-wrap dl:after { content: ' '; display:block; clear:both;}
.notice-wrap dl dt { width:196px; text-align:center;}
.notice-wrap dl dt div { padding-top:75px;}
.notice-wrap dl dt div span { position:relative; padding-top:50px; display:inline-block; vertical-align:middle; font-size:18px; font-weight:700; color:#242736; letter-spacing:-1px;}
.notice-wrap dl dt div span:before { content:'!'; display:inline-block; position:absolute; top:0; left:50%; margin-left:-19px; width:38px; height:38px; line-height:38px; text-align:center; font-size:30px; color:#fff; font-weight:bold; border-radius:50%; background:#313131;}
.notice-wrap dl dd .notice-sub-title{ margin-bottom:10px; font-size:21px; font-weight:700; color:#191919; letter-spacing:-1px;}
.notice-wrap dl dd { padding-left:55px; width:800px; text-align:left; border-left:1px solid #000;}
.notice-wrap dl dd ul { margin-bottom:20px;}
.notice-wrap dl dd ul li { line-height:1.7; font-size:14px; color:#191919; letter-spacing:-1px;}


.section_banner {background-color:#f9f9f9;padding:100px 0;font-family: 'Noto Sans KR';}
.section_banner p,
.section_banner span,
.section_banner strong{line-height:100%;margin:0;}

.section_banner .tit{margin-bottom:50px;}
.section_banner .tit>strong{color:#d40000;font-size:55px;display:block;font-weight:700;margin-top:15px;}
.section_banner .tit>span{font-size:34px;font-weight:400;color:#000;}

.section_banner dl{position:relative;width:940px;height:110px;margin:0 auto 15px;padding:30px;}
.section_banner dl:after{content:'';display:block;clear:both;}
.section_banner dt{float:left;width:20%;background-color:#fff;width:106px;height:106px;line-height:106px;border-radius:50%;color:#de301e;font-weight:900;font-size:27px;}
.section_banner dd{float:left;width:77%;text-align:left;margin-left:3%;font-size:20px;color:#464646;letter-spacing: -1px;font-weight:300;}
.section_banner dd>strong{display:block;font-size:38px;color:#202020;margin-bottom:17px;}
.section_banner dd>span{display:block;margin-bottom:10px;}
.section_banner dd>img{position:absolute;right:0;top:0;}

.section_banner dl.ban1{background:url(//img.eduwill.net/Img2/license/promotion/freebook/190429/pc/bg_banner5.jpg) no-repeat 0 0;}
.section_banner dl.ban1 .color{color:#905a52;}
.section_banner dl.ban2{background:url(//img.eduwill.net/Img2/license/promotion/freebook/190429/pc/bg_banner2.jpg) no-repeat 0 0;}
.section_banner dl.ban2 .color{color:#4f75a2;}
.section_banner dl.ban3{background:url(//img.eduwill.net/Img2/license/promotion/freebook/190429/pc/bg_banner3.jpg) no-repeat 0 0;}
.section_banner dl.ban3 .color{color:#7466b2;}

@-webkit-keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}