@charset "utf-8";

/* common */
.event_contents { position: relative; }
.event_contents .wrap { position: relative; max-width: 720px; height:100%; margin: 0 auto; text-align: center; }
.event_contents img { width: 100%; }
.event_contents .container { position: relative; text-align: center; }

.button{ position: absolute; left:50%; margin:0 auto;}
a.button.btn-01{ position: absolute;display: inline-block; width:70.83333333333333%; height:50px; line-height: 50px; bottom:0;left:0; right:0; background:#161616;border-radius:30px;}
a.button.btn-01:after{ content:""; position: absolute; top:20px; right:12px; width:10px; height:10px; border-top:1px solid #fff; border-right: 1px solid #fff; transform:rotate(45deg);}
a.button.btn-01 span{ font-size: 1rem; font-weight: bold; color:#fff; }
a.btn-02{ display: inline-block; width:37.77777777777778%; height:45px; line-height: 45px; bottom:0;left:0; right:0; background:#ffda00;border-radius:30px; position: relative;}
a.btn-02:after{ content:""; position: absolute; top:20px; right:12px; width:8px; height:8px; border-top:1px solid #1f39d2; border-right: 1px solid #1f39d2; transform:rotate(45deg);}
a.btn-02 span{ font-size: 1rem; font-weight: bold; color:#1f39d2; }
a.btn-03{ display: inline-block; width:37.77777777777778%; height:45px; line-height: 45px; bottom:0;left:0; right:0; background:#c6c6c6;border-radius:30px; position: relative;}
a.btn-03:after{ content:""; position: absolute; top:20px; right:12px; width:8px; height:8px; border-top:1px solid #828282; border-right: 1px solid #828282; transform:rotate(45deg);}
a.btn-03 span{ font-size: 1rem; font-weight: bold; color:#828282; }
a.btn-04{ display: inline-block; position: absolute; bottom:22.6628895184136%;left:0; right:0; width:44.16666666666667%; margin:0 auto;}
a.btn-04 img{ width:100%; height:auto;}

.section_a { background: url('https://img.eduwill.net/Img2/common/event/190502/mobile/section_a_bg.jpg') no-repeat 50% top; background-size:cover;}
.section_b, .section_c { background:#fff; }
.section_d { background:#f1f1f1; }
.section_e { background:#f1f1f1 url('https://img.eduwill.net/Img2/jutek/promotion/relayLecture/190423/mobile/section_e_bg.jpg') no-repeat 50% top; background-size:cover;}

.text01 { position:absolute; top:83%; right:0; left:0; margin:0 auto; z-index:7;}
.text01 p{ font-size: 11px; font-weight: 300; color: #adadad; z-index:7;}
.text02 { position:absolute; top:29.34935752078609%; left:10.69444444444444%; z-index:7;}
.text02 p{ font-size: 11px; font-weight: 300; color: #707070; z-index:7;}

.section_banner{ height:40px; line-height: 40px; width:100%; margin:0 auto; text-align: center; background:#36323c;}
.section_banner{ font-family:'Noto Sans KR','¸¼Àº°íµñ', Malgun gothic;  color:#fff; font-size: 15px; font-weight: bold;}
.section_banner span{ color:#ffe741;}

.apply-upolad { box-sizing:border-box; margin:0 4.166666666666667%; background:#fbfbfb;}
.apply-upolad .grid{ margin:0 5.555555555555556%; padding-bottom: 20px;}
.apply-upolad .grid .col { float:left;}
.apply-upolad .grid .col:first-child { width:63%; margin-right: 2%;}
.apply-upolad .grid .col:last-child { width:35%; margin-right: 0;}
.apply-upolad .upload-name { height: 40px; padding: 0 10px; border: none; background-color: #fff; border:1px solid #dcdcdc; font-size: 13px;color:#c8c8c8;}
.apply-upolad input[type='file'] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.apply-upolad .upload-fake label { display: block; width: 100%; height:40px; line-height: 40px; font-size: 13px; font-weight: 400; color: #fff; background-color: #5069ff; cursor: pointer;font-weight: bold;}
.apply-upolad .notice { padding: 25px 0; text-align: left; font-size: 11px; color: #9e9e9e; position: relative; left:3%;}

.productInfo { background:#f5f5f5; padding:35px 0 40px 0; }
.productInfo dl { letter-spacing: -1px; font-family:'Noto Sans KR','¸¼Àº°íµñ', Malgun gothic; text-align:left; margin:0 4.166666666666667%;}
.productInfo dl dt { font-size:14px; font-weight:700; color:#202020; text-align:left; line-height:1.2; margin-bottom: 23px;}
.productInfo dl dd { font-size:12px; font-weight:400; color:#585858; text-align:left; line-height:1.4;}

.productLayer { display: none; position:absolute; top:0; left:0; right:0;margin:0 auto; max-width:720px; height:auto; z-index:100000;}
.layerinner{ position: relative; background:#fff;  padding: 40px 15px; margin:0 4%;}
.productLayer .layer_close {position:absolute; top:15px; right:15px; width:14px; height:14px;}
.productLayer:after{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.productLayer table { text-align:center; font-size:12px; table-layout:fixed; border-collapse: collapse; border-top:solid 2px #666; width:100%;}
.productLayer table th, 
.productLayer table td{ border-bottom:solid 1px #e6e6e6; border-left: 1px solid #e6e6e6; padding:5px 0; font-size: 12px;}
.productLayer table th:first-child ,
.productLayer table tr:first-child td:first-child { border-left: 0; }
.productLayer table th { color:#202020; font-weight:bold; background:#f5f5f5;}
.productLayer table td { font-size:12px; color:#585858;}

.productLayer.in { display: block; }
.black { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, .6); z-index:9;}


@media only screen and (min-width: 720px){

.text01 p{ font-size: 20px;}
.text02 p{ font-size: 20px;}

.section_banner{ height:80px; line-height: 80px; }
.section_banner{ font-size: 28px;}

.apply-upolad .notice{ font-size: 22px;}

.productInfo dl dt { font-size:26px;}
.productInfo dl dd { font-size:22px;}

.productLayer table th, 
.productLayer table td{ padding:10px 0; font-size: 22px;}
.productLayer table td { font-size:20px; }

}