button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
body, select,input,textarea { font-size:13px; }
img{max-width:100%}
.nom{display:none; position:absolute; width:0; height:0; overflow:hidden;}
#bodyWrap{width:auto}
.wrap{width:auto; margin:0;}
/* 팝업레이어 */
#hd_pop {margin:0 auto;width:auto;height:0}
.hd_pops {position:absolute;border:1px solid #EEE;background:#fff; top:0 !important; left:0 !important;}
.hd_pops.mobile {display:none; }
.hd_pops img{max-width:100%;}
.hd_pops_con {width:auto !important; height:auto !important;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px ;border:0;background:#393939;color:#fff}
.hd_pops.mobile {display:block;}
.hd_pops.pc {display:none;}
#intro_section #section1{margin-top:6rem;}
#intro_section .int_section{ position:relative; height:auto; }
#intro_section #section1{ background-size:cover; margin-top:6rem; }
#intro_section #section1 .swiper-slide{ height:calc(100vh - 6rem); }
#intro_section #section1 .slide1{ }
#intro_section #section1 .slide1 h1{font-size:6.4vw }
#intro_section #section1 .slide1 h5{font-size:3vw }
#intro_section #section1 .slide1 dl{display:block;}
#intro_section #section1 .slide1 dt{width:auto; }
#intro_section #section1 .slide1 dd{width:auto; margin-top:4vw;}
#intro_section #section1 .slide1 h4{font-size:3vw }
#intro_section #section1 .slide1 h2{font-size:5vw; }
#intro_section #section1 .slide1 h3{font-size:4.2vw;}
#intro_section #section1 .slide1 h6{font-size:3vw }
#intro_section #section1 .slide1 a{ width:15em; font-size:2vw; }
#intro_section #section1 .slide2 h4{font-size:3.2vw }
#intro_section #section1 .slide2 h1{font-size:6.4vw }
#intro_section #section1 .slide2 h1 span strong{ font-size:3vw; }
#intro_section #section1 .slide2 h2{font-size:4vw;}
#intro_section #section1 .slide2 h5{font-size:4vw }
#intro_section #section1 .slide2 h6{font-size:3vw }
#intro_section #section1 .slide2 a{ width:15em; font-size:2vw; }
#intro_section #section1 .slide3 h4{font-size:3.2vw }
#intro_section #section1 .slide3 h1{font-size:6.4vw }
#intro_section #section1 .slide3 h1 span strong{ font-size:3vw; }
#intro_section #section1 .slide3 h3{font-size:4.4vw }
#intro_section #section1 .slide3 h5{font-size:4vw }
#intro_section #section1 .slide3 h6{font-size:3vw }
#intro_section #section1 .slide3 a{ width:15em; font-size:2vw; }
#intro_section #section1 .slide4 h4{font-size:3.2vw }
#intro_section #section1 .slide4 h1{font-size:6.4vw }
#intro_section #section1 .slide4 h3{font-size:4.4vw }
#intro_section #section1 .slide4 h5{font-size:4vw }
#intro_section #section1 .slide4 h6{font-size:3vw }
#intro_section #section1 .slide5 h4{font-size:3.2vw }
#intro_section #section1 .slide5 h4 img{height:5vw}
#intro_section #section1 .slide5 h1{font-size:12vw}
#intro_section #section1 .slide5 h3{font-size:6vw}
#intro_section #section1 .slide5 h5{font-size:4vw; }
#intro_section #section1 .slide5 h6{font-size:2.4vw }
#intro_section #section1 .slide5 div{ }
#intro_section #section1 .slide5 div p{font-size:2.4vw}
#intro_section #section1 .slide5 a{ width:15em; font-size:2vw; }
/*
#intro_section #section1 h1{font-size:8vw; }
#intro_section #section1 h2{font-size:6vw; line-height:160%; }
#intro_section #section1 h2 strong{font-size:6vw; }
#intro_section #section1 h3{font-size:5vw; }
#intro_section #section1 h4{font-size:4vw;}
#intro_section #section1 h5{font-size:3.5vw;}
#intro_section #section1 h5.tl{ text-align:center !important; padding:0 4vw;}
#intro_section #section1 h6{font-size:3vw;}
#intro_section #section1 h6 strong{font-weight:600; background:#5c939e; padding:.3em 1em; display:inline-block; line-height:150%;}
#intro_section #section1 .swiper-slide.slide1{ }
#intro_section #section1 .swiper-slide.slide2 dd{width:40%;}
#intro_section #section1 .swiper-slide.slide2 img{height:auto; width:40vw; margin:0 0}
*/
#intro_section #section1 .swiper-slide a.btn_view{ font-size:3.5vw; }
#intro_section #section1 .swiper-slide a.btn_view:hover{padding:0 2em 0 2em;}
#intro_section #section2{padding:10vw 0;}
#intro_section #section3{padding:10vw 0;}
#intro_section #section4{padding:10vw 0;}
#intro_section .mlr dt{z-index:2;}
#intro_section .mlr dt i img{width:40vw; }
#intro_section .mlr dt h5{font-size:6vw; }
#intro_section .mlr dd{margin-top:5vw;}
#intro_section .section_link{margin-top:2rem;}
#intro_section .section_link .btn_sns img{width:4rem;}
#intro_section dl.select{ width:80vw; display:block; margin:4vw auto; }
#intro_section dl.select dt{font-size:1.4rem; }
#intro_section dl.select dd{ margin-top:0;}
#intro_section #section4 .mlr dt a{ font-size:1.4rem; width:80vw; margin:4vw auto;}
#intro_section .mlr{display: -webkit-flex; display: flex; justify-content:center; flex-flow:wrap; }
#intro_section .mlr > dt{width:800px;}
#intro_section .mlr > dd{width:100%; padding:0 10vw;}
#intro_section .mlr > dd h5 strong{font-size:5vw}
#intro_section .mlr > dd ul li{position:relative; line-height:30px;}
#ajax_login section{ width:80vw; margin-left:-40vw; left:50%; top:10%; }
#ajax_login section h1{ line-height:6rem; }
#ajax_login section fieldset{padding:2rem; }
#ajax_login section fieldset dt .btn_submit{font-size:1.6rem; height:4rem; }
#ajax_login section fieldset .frm_input:focus {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
#ajax_login section fieldset .frm_input {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 0px !important;border-bottom: 1px solid #DDD !important;}
#ajax_login #login_info a{ line-height:4rem;}
#hdTop{display:block; border-bottom:1px solid #DDD; padding:0 4vw; line-height:3rem;height:3rem; position:relative; overflow:hidden;}
#hdTop h6{ font-size:.9em;font-family:"scoredream"; font-weight:600; float:left; }
#hdTop dl{float:right; font-size:.9em}
#hdTop dl dt{float:left; }
#hdTop dl dd{float:left; }
#hdTop dl dt span{float:left; margin-left:.5em;}
#hdTop dd a.adm{ padding:0 .8rem; background:#f33; display:block; margin-left:4px; color:#FFF; line-height:3rem; }
#header h1 img{ height:6rem }
#header h1 span{display:none;}
#header #hd_login{ margin-left:1rem; height:6rem; right:6rem;}
#header #hd_login dt{ display:none;}
#header #hd_login dt span{display:none;}
#header #hd_login dd{ }
#header #hd_login dd strong{display:none}
#header #hd_login dd a{ padding:0 .5rem; line-height:3rem ; font-size:1.2rem; }
#header #hd_login dd a.adm{ padding:0 1rem; background:#f33; background-size:3rem; margin-left:4px}
#topMenu{display:none;}
#mobileMenu{position:fixed; display:none; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99 }
#mobileMenu ol{border-bottom:1px solid #DDD; line-height:40px; text-align:center; }
#mobileMenu ol:after {display:block;visibility:hidden;clear:both;content:""}
#mobileMenu ol li{display:inline-block; padding:0 20px}
#mobileMenu .btn_close{position:absolute; right:100%; width:60px; background:#333; height:60px; text-indent:-1000px; overflow:hidden;}
#mobileMenu .btn_close:after{position:absolute; left:50%; top:50%; margin-left:-40%; margin-top:-1px; width:80%; height:2px; background:#FFF; content:"";
transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
#mobileMenu .btn_close:before{position:absolute; left:50%; top:50%; margin-left:-40%; margin-top:-1px; width:80%; height:2px; background:#FFF; content:"";
transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); }
#mobileMenu section{position:absolute; right:-70%; top:0; width:70%; height:100%; background:#FFF; overflow:auto; }
#mobileMenu dl {margin:10%; }
#mobileMenu dl dd{border-bottom:1px solid #999; }
#mobileMenu dl dd > a{position:relative; display:block; padding-left:10px; font-size:1.2em; line-height:45px;}
#mobileMenu dl dd > a:after{ position:absolute; top:0; right:20px; content:"\f107"; font-family:'fontawesome';}
#mobileMenu dl dd.active > a:after{ content:"\f106";}
#mobileMenu dl dd > ul{position:relative; max-height:0; overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mobileMenu dl dd.active > ul{max-height:500px; border-top:1px solid #DDD; }
#mobileMenu dl dd > ul a{display:block; padding-left:10px; border-bottom:1px solid #FFF; line-height:2.6em;}
#mobileMenu dl dd > ul a:before{content:"- "; }
#topMenu dl{display: -webkit-flex; display: flex; justify-content:center;}
#topMenu dd{ position:relative; }
#topMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:1em; line-height:8rem; height:8rem; padding:0 1em; font-size:1.6rem; font-weight:700; font-family:"scoredream"; }
#topMenu dd:hover > a:before{position:absolute; left:50%; bottom:0; margin-left:-10px; border:10px solid transparent; border-top-color:#0098da ; content:"";}
#topMenu dd:hover > a{color:#0098da }
#topMenu dd ul{position:absolute; z-index:1; border-radius:1rem; opacity:0; max-height:0; padding:0; width:20rem; left:50%; margin-left:-10rem; overflow:hidden; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#topMenu dd:hover ul{background:#0098da ; padding:1rem 0; max-height:50rem; opacity:1; margin-top:-1rem; box-shadow:1px 1px 10px rgba(0,0,0,.3)}
#topMenu dd ul li{position:relative}
#topMenu dd ul li a{display:block; color:#FFF; padding-left:2rem; text-align:left; line-height:4rem; }
#topMenu dd ul li a:before{content:"- ";}
#topMenu dd ul li a:hover{background:#333;}
#footer{ padding:5vw 4vw; color:#999; }
#quick_kakao{ top:auto; bottom:4vw; left:auto; right:4vw; margin-left:0; border:1px solid #463439; border-radius:8px; padding:1px; }
#quick_kakao i{ width:3rem;}
#quick_kakao strong{ line-height:3rem;padding:0 .2em; font-size:1em; }
#subVisual h2{ height:30vw; z-index:2; color:#FFF; font-size:2rem; }
#subMenu {display:none; position:relative; text-align:center; z-index:3; margin-top:-2.5rem; }
#in_state{ min-width:100vw; }
#in_state section.wrap_B{display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; height:100vh }
#in_state section.wrap_C{display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; height:100vh}
#in_state section h1{font-size:6vw; }
#in_state section h2{font-size:3rem; font-family:"Noto Serif KR", sans-serif; line-height:120%; color:#FFF; margin-top:1em;}
#in_state section .select_time{ position:relative; display: -webkit-flex; display: flex; justify-content:center}
#in_state section .select_time dd{ height:3rem; line-height:3rem; font-size:1.6rem; }
#in_state section .select_time dt{ font-size:1.8rem; line-height:3rem; padding:0 .5em;}
#in_state section .residue_time{ position:relative; display: -webkit-flex; display: flex; justify-content:center}
#in_state section .residue_time dd{padding:0 .5em; height:3rem; line-height:3rem; font-size:1.6rem; }
#in_state section .residue_time dt{ font-size:1.8rem; line-height:3rem; padding:0 .5em;}
#in_state section .btn_out{position:relative; margin-top:3rem;}
#in_state section .state_out{ padding:0 1em; line-height:4rem;}
#in_state section.wrap_A {display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; height:100vh }
#in_state section.wrap_A header{ flex-flow:wrap;}
#in_state section.wrap_A header div{ }
#in_state section.wrap_A header div dl{ flex-flow:wrap; }
#in_state section.wrap_A header #class_time{ font-size:1.4rem; width:100%; height:6rem; }
#in_state section.wrap_A header #class_info{ width:100%; }
#in_state section.wrap_A header #class_info dd{ flex-grow:1; padding:.4em ; border-top:1px solid #007cb2; width:33.33%; height:auto; }
#in_state section.wrap_A header #class_info dd strong{font-size:1.1em; font-weight:500}
#in_state section.wrap_A header #class_controll{ position:fixed; left:2%; right:2%; bottom:2%; width:96%; }
#in_state section.wrap_A header #class_controll button{ width:25%; margin:1%; height:5rem; border-radius:4em; }
#in_state section.wrap_A #couse_controll{margin-bottom:2em; margin-top:20vw;}
#in_state section.wrap_A #couse_controll button{width:6em; height:6em; line-height:6em; font-size:1.2em; border:0; background:#d25656; border-radius:50%;color:#FFF; font-size:1.4em; margin:0 .5em;}
#in_state section.wrap_A #couse_controll #hd_over{background:#444;}
#in_state section.wrap_A #couse_controll #hd_start.on{background:#d25656; color:#FFF;} /* 수업시작 */
#in_state section.wrap_A #couse_controll #hd_start.off{background:#666; color:#FFF; display:none;} /* 수업시작 */
#in_state section.wrap_A #couse_controll #hd_stopNcontinue{background:#00cc66; }/* 정지 */
#in_state section.wrap_A #couse_controll #hd_stopNcontinue.off{display:none;}/* 정지 */
#in_state section.wrap_A #couse_controll #hd_stopNcontinue .stop{display:block}/* 정지 */
#in_state section.wrap_A #couse_controll #hd_stopNcontinue .continue{display:none}/* 정지 */
#in_state section.wrap_A #couse_controll #hd_stopNcontinue.stop{background:#0066cc; color:#FFF;}
#in_state section.wrap_A #couse_controll #hd_stopNcontinue.stop .stop{display:none}
#in_state section.wrap_A #couse_controll #hd_stopNcontinue.stop .continue{display:block}
#in_state section.wrap_A header #class_controll #hd_start{} /* 수업시작 */
#in_state section.wrap_A header #class_controll #hd_confirm{}/* XXX */
#in_state section.wrap_A header #class_controll #hd_confirm.twinkle{background:#fff; animation: extendfade 300ms infinite; -webkit-animation: extendfade 300ms infinite;} /* 익일 연장 */
#in_state section.wrap_A header #class_controll #hd_extend{} /* 익일 연장 */
#in_state section.wrap_A header #class_controll #hd_extend.off{background:#EEE;} /* 익일 연장 */
#in_state section.wrap_A header #class_controll #hd_extend.twinkle{background:#fff; animation: extendfade 300ms infinite; -webkit-animation: extendfade 300ms infinite;} /* 익일 연장 */
#in_state section.wrap_A header #class_controll #hd_over{}/* >수업종료 */
#in_state section.wrap_A header #class_controll #hd_report{}/* >일일보고서 제출 */
#in_state section.wrap_A header #class_controll #hd_out{background:#D33; color:#FFF; font-size:1.2em}/* 나가기 */
#in_state section.wrap_A .connect{display:block; width:10em; height:7rem; margin:0 auto; line-height:7rem; margin-top:2rem; font-size:2.2rem; background:#FFF; border:1px solid #AAA; border-radius:1rem;}
#in_state.state_A1{background:#FFF url(/img/intro_bg_A1.jpg) center no-repeat; background-size:cover;}
#in_state.state_A21{background:#FFF url(/img/intro_bg_A2_1.jpg) center no-repeat; background-size:cover;}
#in_state.state_A22{background:#FFF url(/img/intro_bg_A2_2.jpg) center no-repeat; background-size:cover;}
#in_state.state_A23{background:#FFF url(/img/intro_bg_A2_3.jpg) center no-repeat; background-size:cover;}
#in_state.state_A24{background:#FFF url(/img/intro_bg_A2_4.jpg) center no-repeat; background-size:cover;}
#in_state.state_A25{background:#FFF url(/img/intro_bg_A2_5.jpg) center no-repeat; background-size:cover;}
#in_state.state_A26{background:#FFF url(/img/intro_bg_A2_6.jpg) center no-repeat; background-size:cover;}
#in_state.state_A2lane{background:#FFF url(/img/intro_bg_A2_lane.jpg) center no-repeat; background-size:cover;}
#in_state.state_A31{background:#FFF url(/img/intro_bg_A31.jpg) center no-repeat; background-size:cover;}
#in_state.state_A32{background:#FFF url(/img/intro_bg_A32.jpg) center no-repeat; background-size:cover;}
#in_state.state_A4{background:#FFF url(/img/intro_bg_A4.jpg) center no-repeat; background-size:cover;}
#in_state.state_B1{background:#FFF url(/img/intro_bg_B1.jpg) center no-repeat; background-size:cover;}
#in_state.state_B2{background:#FFF url(/img/intro_bg_B2.jpg) center no-repeat; background-size:cover;}
#in_state.state_B3{background:#FFF url(/img/intro_bg_B3.jpg) center no-repeat; background-size:cover;}
#in_state.state_B4{background:#FFF url(/img/intro_bg_B4.jpg) center no-repeat; background-size:cover;}
#in_state.state_C1{background:#FFF url(/img/intro_bg_C1.jpg) center no-repeat; background-size:cover;}
#in_state.state_C2{background:#FFF url(/img/intro_bg_C2.jpg) center no-repeat; background-size:cover;}
#in_state.state_C3{background:#FFF url(/img/intro_bg_C3.jpg) center no-repeat; background-size:cover;}
#in_state.state_C6{background:#FFF url(/img/intro_bg_C6.jpg) center no-repeat; background-size:cover;}
#in_state.state_A41{background:#FFF url(/img/intro_bg_A41.jpg) center no-repeat; background-size:cover;}
#in_state.state_A42{background:#FFF url(/img/intro_bg_A42.jpg) center no-repeat; background-size:cover;}
#in_state.state_A43{background:#FFF url(/img/intro_bg_A43.jpg) center no-repeat; background-size:cover;}
#in_state #teaching_count_win{position:fixed; left:50%; bottom:10%;width:400px; padding:4rem 0; margin-left:-200px; background:#FFF; border-radius:1rem; box-shadow:10px 10px 10px rgba(0,0,0,.2); text-align:center; z-index:10; display:none; animation: extendfade 300ms infinite; -webkit-animation: extendfade 300ms infinite;}
#in_state #teaching_count_win h3{font-size:3rem; color:#F33; line-height:150%; animation: extendfade2 300ms infinite; -webkit-animation: extendfade2 300ms infinite;}
#in_state #teaching_count_win h3 strong{font-size:1.3em; font-weight:800;}
#in_state #teaching_count_msg{margin:1rem 0;display:none;}
#in_state #teaching_count_msg h3{ font-size:1.6rem; padding:1rem 4rem; border-radius:.5rem; }
#in_state #teaching_count_msg h3 strong{font-size:1.2em; }
#in_state .cfr{color:#F33}
#report_form header{ line-height:3rem; }
#report_form header p{position:absolute; right:0; bottom:0; line-height:3rem; }
#report_form header a{position:absolute; left:0; bottom:0; background:#2fa2dd; color:#FFF; padding:0 .5em; line-height:3rem; z-index:2;}
#report_form table.tb tbody td{background:transparent;}
#report_form table.table_s thead {display:none;}
#report_form table.table_s tbody{ border-top:1px solid #AAA; }
#report_form table.table_s tbody tr{position:relative; border-bottom:1px solid #AAA; padding:2vw 0 2vw 4em; display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;}
#report_form table.table_s tbody td{display:block; border:0; text-align:left; width:100%; padding:0}
#report_form table.table_s tbody td:before{ font-size:.9em; color:#888; width:4em; float:left; clear:both; }
#report_form table.table_s tbody td:nth-of-type(1){ position:absolute; top:2vw; left:0; width:4em; text-align:center;}
#report_form table.table_s tbody td:nth-of-type(2):before{ content:"시간 : "; }
#report_form table.table_s tbody td:nth-of-type(3):before{ content:"수업시간 : "; }
#report_form table.table_s tbody td:nth-of-type(4):before{ content:"과목 : "; }
#report_form table.table_s tbody td:nth-of-type(5):before{ content:"수업 : "; }
#report_form table.table_s tbody td:nth-of-type(6):before{ content:"구분 : "; }
#report_form table.table_s tbody td:nth-of-type(7):before{ content:"강사 : "; }
#report_form table.table_s tbody td:nth-of-type(8):before{ content:"과정 : "; }
#report_form table.table_s tbody td:nth-of-type(3){ width:50%}
#report_form table.table_s tbody td:nth-of-type(4){ width:50%}
#report_form table.table_s tbody td:nth-of-type(5){ width:50%}
#report_form table.table_s tbody td:nth-of-type(6){ width:50%}
#report_form table.table_s tbody td:nth-of-type(9){ margin-top:.5em;}
#report_form table.table_s tbody td .stop_term{ margin-left:4em !important;}
#report_form table.table_s tbody td .stop_term li{ margin:0; text-align:left !important; }
#report_form table.table_s tbody.total tr:nth-of-type(1) td:nth-of-type(1){position:relative; top:0; width:50%}
#report_form table.table_s tbody.total tr:nth-of-type(1) td:nth-of-type(2){ width:50%}
#report_form table.table_s tbody.total tr:nth-of-type(1) td:nth-of-type(2):before{display:none;}
#report_form table.table_s tbody.total tr:nth-of-type(1) td:nth-of-type(3){ display:none;}
#report_form table.table_s tbody.total tr:nth-of-type(2) {padding:2vw}
#report_form table.table_s tbody.total tr:nth-of-type(2) td:nth-of-type(1){position:relative; top:0; width:100%; text-align:left; }
#report_form table.table_s tbody.total tr:nth-of-type(2) td:nth-of-type(2){ width:100%; }
#report_form table.table_s tbody.total tr:nth-of-type(2) td:nth-of-type(2):before{display:none;}
/*
#report_form table.table_s tbody td:nth-of-type(4){ width:calc(100% - 12em); }
| 순번 |
시간 |
수업시간 |
과목 |
수업 |
구분 |
강사 |
과정 |
학습내용 및 기재사항 | */
#btn_intro_date{position:fixed; right:5%; bottom:5%; z-index:99; width:8em; height:8em; border-radius:50%; text-align:center; background:#2ad; box-shadow:3px 3px 10px rgba(0,0,0,.2); color:#FFF; padding-top:1.5em; font-size:1.2em;}
#btn_intro_date i{font-size:3em; line-height:100%; display:block; }
#report_form .btn_confirm{margin-top:2rem;}
.btn_confirm #btn_submit{height:2.5em; line-height:2.5em; font-size:1.2em; padding:0 2em}
#intro_explain{position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.8); z-index:99; }
#intro_explain .btn_close{position:fixed; top:0rem; right:0rem; width:3rem; height:3rem; z-index:20}
#intro_explain .pageContent{margin:0 auto; position:absolute; top:0;padding:5vw; height:100vh; overflow:auto; width:100vw; left:0; background:#FFF; margin-left:0; }
#intro_explain .s1{display:block;}
#intro_explain .s1 dd{width:auto}
#intro_explain .s2 dd{width:auto}
#intro_explain .s4{display:block;}
#intro_explain .s4 dd{width:auto}
#ph_read .btn_close{ top:0rem; right:0rem; width:3rem; height:3rem; background:#333; z-index:3;}
#ph_read .btn_close:after{position:absolute; left:50%; top:50%; margin-left:-40%; margin-top:-1px; width:80%; height:2px; background:#FFF; content:"";
transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
#ph_read .btn_close:before{position:absolute; left:50%; top:50%; margin-left:-40%; margin-top:-1px; width:80%; height:2px; background:#FFF; content:"";
transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); }
#ph_read .pageContent{ padding:5vw; top:0; height:100vh; overflow:auto; width:100vw; left:0; background:#FFF; margin-left:0; }
#ph_read h5{margin-top:1.5em; margin-bottom:.5em;}
#ph_read dl{ display:block; }
#ph_read dl dt{padding:.5em 0; width:auto;}
#ph_read dl ul{}
#ph_read article{border:1px solid #AAA; padding:2em 5em; text-align:center; margin:1em 0; display:inline-block;}
#my_pay_info{position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.8); z-index:99; display:none;}
#my_pay_info section{width:90vw; left:50%; margin-left:-45vw; top:5vw; bottom:5vw; }
#my_pay_info section header{padding:0; line-height:12vw; border-bottom:1px solid #DDD;}
#my_pay_info article{position:relative; height:calc(100vh - 22vw); overflow:auto; padding:4vw;}
#my_pay_info section header strong{font-size:1.8rem; font-weight:600; padding-left:3rem;}
#my_pay_info section table thead{ display:none;}
#my_pay_info section table tbody tr{ border:1px solid #AAA; margin-top:2%; padding:3vw; position:relative; display: block}
#my_pay_info section table tbody td{padding:0; text-align:left; border:0; display: block}
#my_pay_info section table tbody td:before{color:#888; display:inline-block; width:5em; }
#my_pay_info section table tbody td:nth-of-type(1):before{ content:"결제시간 : ";}
#my_pay_info section table tbody td:nth-of-type(2):before{ content:"결제코드 : ";}
#my_pay_info section table tbody td:nth-of-type(3):before{ content:"결제금액 : ";}
#my_pay_info section table tbody td:nth-of-type(4):before{ content:"결제수단 : ";}
#my_pay_info section table tbody td:nth-of-type(5):before{ content:"수강시작 : ";}
#my_pay_info section table tbody td:nth-of-type(6):before{ content:"수강마감 : ";}
#my_pay_info section table tbody td:nth-of-type(7):before{ content:"수강개월수 : ";}
#my_pay_info section table tbody td:nth-of-type(8){position:absolute; top:3vw; right:3vw;}
#my_pay_info .btn_close{ width:12vw; height:12vw; background:#fff;}
#time2355{ margin-left:-40vw; width:80vw; padding:1em 0; border-radius:.5rem; }
#time2355 p{font-size:1em;}
#time2355 a{ padding:.5em 1em;}
#small_head_title{font-size:2rem; }
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 tr {display:block; border-bottom:1px solid #EEE; padding:10px 0}
.tbl_frm01 th {width:auto; display:block; border:0; padding:0;}
.tbl_frm01 td {display:block; border:0; padding:0}
.tbl_frm01 td .frm_input{width:100%;}
.tbl_frm01 td #reg_mb_zip{width:20%;}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
hr.h1 {height:2vw}
hr.h1-5 {height:3vw}
hr.h2 {height:4vw}
hr.h2-5 {height:5vw}
hr.h3 {height:6vw}
hr.h4 {height:8vw}
hr.h5 {height:10vw}
hr.h6 {height:12vw}
hr.h7 {height:14vw}
hr.h8 {height:16vw}
hr.h9 {height:18vw}
hr.h10 {height:20vw}