@charset "euc-kr";
/*=============================================================================+
+------------------------------------------------------------------------------+
| ŸÀÌƲ: ¸Þ°¡·Î½ºÄð ¸ð¹ÙÀÏ                                                             |  
+-----------------------------------------------------------------------------*//* 2019.07.16 */

body { background:#f6f6f6; }
body::-webkit-scrollbar { display:none; }
#wrap { position:relative; min-width:320px; height:100%; margin:0 auto; }

#gnb { position:relative; height:3.375em; border-bottom:1px solid #d8d8d8; background:#fff; box-sizing:border-box; }
#gnb a { display:inline-block; }
#gnb h1 { height:100%; color:#1c1e23; font-size:1.5em; white-space:nowrap; text-align:center; }
#gnb .left { position:absolute; left:0; top:0; width:30%; height:100%; }
#gnb .left > a { float:left; }
#gnb .right { position:absolute; right:0; top:0; width:30%; height:100%; text-align:right; }
#gnb .right > a { float:right; border-left:1px solid #d8d8d8; }
#gnb .menu  { width:3.5833em; height:100%; background:url('/images/gnb.menu.png') center center/auto 100% no-repeat; }
#gnb .home  { width:3.2916em; height:100%; background:url('/images/gnb.home.png') center center/auto 100% no-repeat; }
#gnb .my    { width:3.0833em; height:100%; background:url('/images/gnb.my.png'  ) center center/auto 100% no-repeat; }
#gnb .push  { width:2.25em; height:100%; background:url('/images/push/gnb.push.png') center center/auto 100% no-repeat; display:none; }
#gnb .setup { width:2.25em; height:100%; background:url('/images/push/gnb.setup.png') center center/auto 100% no-repeat; display:none; }
#gnb.forIndex h1 { background:url('/images/gnb.bi.png') center center/auto 100% no-repeat; }
#gnb.forIndex .home { display:none; }

#lnb { position:fixed; left:0; top:0; width:100%; height:0; line-height:1em; overflow:hidden; transition:background-color .5s linear, height 0s .5s; z-index:1; }
#lnb > section { position:absolute; left:-22rem; top:0; width:22rem; height:100%; background:#1c1e23; overflow:auto; box-sizing:border-box; transition:left 0.5s ease; }
#lnb a { display:inline-block; }
#lnb header { border-bottom:1px solid #303237; font-size:0.9166em; line-height:3.6363em; display:-webkit-flex; display:flex; }
#lnb header div { padding:0 1rem; color:#f0f2f7; -webkit-flex:1 1 50%; flex:1 1 50%; }
#lnb header div .bltVbar:after { color:#303237; }
#lnb header div + div { border-left:1px solid #303237; }
#lnb .banner { padding:1em; }
#lnb .banner img { width:100%; }
/*--- 2017-02-01 ¼öÁ¤ */
#lnb .menu1 { border:solid #303237; border-width:1px 0; color:#7f7f81; font-size:0.8333em; line-height:2.9em; display:-webkit-flex; display:flex; }
#lnb .menu1 li { text-align:center; -webkit-flex:1 1; flex:1 1; }
#lnb .menu1 li + li:before { content:'|'; float:left; margin-left:-.16em; color:#303237; font:'Arial'; }
#lnb .menu1 li a { padding:0 1em; }
#lnb .menu2 a { padding:0 .75rem 0 1rem; }
#lnb .menu2 > li { border-top:1px solid #303237; }
#lnb .menu2 > li > a { color:#fefefe; font-size:1.1666em; line-height:3em; font-weight:bold; }
#lnb .menu2 > li > a.tag { margin:0 0 0 -.5em; padding:0; line-height:1em; vertical-align:middle; }
#lnb .menu2 > li > a.tag:after { content:'\E145'; font:1em 'Material Icons'; }
#lnb .menu2 > li ul { margin-top:-.25em; padding-bottom:.75em; display:none; }
#lnb .menu2 > li ul li { color:#7f7f81; line-height:2em; display:inline-block; }
#lnb .menu2 > li ul li.on { color:#ec4e35; }
#lnb .menu2 > li.on > a.tag:after { content:'\E316'; }
#lnb .menu2 > li.on ul { display:block; }
#lnb .film { position:absolute; left:0; top:0; width:100%; height:100%; }
#lnb.on { height:100%; background:rgba(0,0,0,.5); transition:background-color .5s linear; }
#lnb.on > section { left:0; }

#body { min-height:30em; }

#foot { bottom:0; width:100%; color:#fff; line-height:1em; text-align:center; }
#foot section { padding:0 1.25em; }
#foot .sub1 { background:#474747; }
#foot .sub1-1 { border-bottom:1px solid #25262a; font-size:0.9166em; line-height:3.5em; }
#foot .sub1-1 a { color:#fff; }
#foot .sub1-1 li + li:before { color:#25262a; }
#foot .sub1-3 { color:#888 }
#foot .sub1-3 li { display:inline-block; }
#foot .sub1-3 li + li { margin-left:1em; }
#foot .sub1-4 { line-height:1.3em; }
#foot .sub1-4 li { padding:1em 0; }
#foot .sub1-4 li a { color:#b9bed2; }
#foot .sub2 { padding:.25em 1.25em; background:#292c35; }
#foot .sub2-1 { padding:1.25em 0 .5em; }
#foot .sub2-1 a { color:#fff; }
#foot .sub2-1 li + li:before { color:#6a6c72; }
#foot .sub2-2 { padding-bottom:1em; color:#a1a6ba; text-align:left; }
#foot .sub2-2 dt { line-height:2em; }
#foot .sub2-2 dd { margin-right:1em; font-size:.75em; line-height:1.35em; display:inline-block; }
#foot .radius { height:1.2em; margin-left:.5em; padding:.1em .75em; border:1px solid #fff; border-radius:0.7272em; }

#myMenu { position:absolute; right:1.5em; top:1.5em; text-align:right; }
#myMenu ul { margin-top:1em; }
#myMenu ul li a { padding:1em 0; color:#fff; display:block; }
#myMenu ul li a img { height:1.5em; margin-left:1em; }
#myMenu .close { width:3.75em; height:3.75em; background:url('/images/my.close.png') 50% 50%/contain no-repeat; display:inline-block; }

#pushMenu { position:fixed; left:0; bottom:0; width:100%; height:4em; background:#1c1e23; font-size:1rem; display:none; box-sizing:border-box; z-index:6; }
#pushMenu li { float:left; width:12.5%; }
#pushMenu li a { padding:1.125em 0; height:1.75em; text-align:center; display:block; }
#pushMenu li a img { height:1.75em; }
#pushMenu li + li a { border-left:1px solid #000; }
#pushMenu li.left { float:left; }
#pushMenu li.right { float:right; }

#gotop { position:fixed; right:1em; bottom:5em; }
#gotop img { height:2.1em; }


/* ·Î±×ÀÎ */
.layLogin { width:25em; }
.layLogin p + p { margin-top:.5em; }
.layLogin input { height:2.5em; padding-left:1em; border:2px solid #d8d8d8; font-size:1rem; box-sizing:border-box; }
.layLogin .btn02 { height:2.5em; width:100%; line-height:2.5em; box-sizing:border-box; }
.layLogin .tab90 li a { color:#666; }

.layList1 { border-bottom:1px solid #d8d8d8; background:#fff; }
.layList1 li { position:relative; border-top:1px solid #d8d8d8; }
.layList1 li > .subj { padding:1em 1.25rem 0; line-height:1.41em; display:block; }
.layList1 li > .subj p { position:relative; padding:.5em 2em .5em 0; font-weight:bold; }
.layList1 li > .subj p > a { padding-right:6em; display:block; }
.layList1 li > .subj:not(.noarr) p:before { content:''; position:absolute; right:0; top:50%; width:1em; height:1.75em; margin-top:-.875em; background:url('/images/ico.arr1.png') right center/auto 100% no-repeat; display:block; }
.layList1 li > .barSide { margin:.5em 1.25rem 0; padding:.75em 0 !important; border-top:1px dashed #b1b1b1; line-height:2em; }
.layList1 li .barSide { padding:.5em 0 1em; }
.layList1 li .barSide.forPay { margin:1em 0 0; padding:.75em 1.25rem !important; border:0; background:#ececec; }
.layList1 li .btns { position:absolute; right:2em; top:50%; height:3.6em; margin-top:-1.8em; }
.layList1 li .btns a { margin:.1em 0; width:4em; }
.layList1 li.li_sub { padding-left:1.5em; background:url('/images/ico.sub.png') 1.25em .75em/1em 1em no-repeat; }
.layList1 li.li_mark1 { background:#eaf6fe; }
.layList1 li.li_mark1 p { color:#1c1e23; }
.layList1 li.nodata { padding:2em 0 !important; text-align:center; }
.layList1.type1 li { padding-left:1.25rem; }
.layList1.type1 li > .subj p { padding:0 2em 0 0; }
.layList1.type2 li > .subj { padding:.5em 1.25rem 1em; }
.layList1.type3 li > .subj { padding:1em 1.25rem; }
.layList1.forDown li > .subj p:before { width:1.5em; height:1.5em; margin-top:-.75em; background-image:url('/images/ico.down1.png'); }
.layList1.forPlay li > .subj p:before { width:1.5em; height:1.5em; margin-top:-.75em; background-image:url('/images/ico.play1.png'); }
.layList1.forSlide li > .subj { padding:1em 1.25rem; }
.layList1.forSlide li > .subj p:before { width:1.75em; height:1em; margin-top:-.5em; background-image:url('/images/ico.arr2.png'); }
.layList1.forSlide li.slideContent { padding:1.25em; background:#fff; display:none; }
.layList1.forSlide li.on { background:#f6f6f6; }
.layList1.forSlide li.on + li.slideContent { display:block; }
.layList1.forSlide li.on > .subj p:before { background-image:url('/images/ico.arr2.on.png'); }

.layList2 { border-top:1px solid #1c1e23; border-bottom:1px solid #d8d8d8; background:#fff; }
.layList2 dt { border-top:1px solid #1c1e23; }
.layList2 dt > * { padding:1em 1.25rem .5em 3em; line-height:1.41em; display:block; }
.layList2 dt > * p { position:relative; margin-left:-1.75em; padding:.5em 2em .5em 1.75em; font-weight:bold; }
.layList2 dt > * p:after { content:''; position:absolute; left:0; top:50%; width:1em; height:1.5em; margin-top:-.75em; background:url('/images/ico.q.png') right center/auto 100% no-repeat; display:block; }
.layList2 dt > * p:before { content:''; position:absolute; right:0; top:50%; width:1.75em; height:1em; margin-top:-.5em; background:url('/images/ico.arr2.png') right center/auto 100% no-repeat; display:block; }
.layList2 dd { padding:1.25em; border-top:1px solid #d8d8d8; line-height:1.75em; display:none; }
.layList2 dt.on { background:#ececec; }
.layList2 dt.on + dd { display:block; }
.layList2 dt.on > * p:before { background-image:url('/images/ico.arr2.on.png'); }

.layBox1 { padding:1em; border-top:1px solid #d8d8d8; background:#eaf6fe; line-height:1.4em; }
.layBox1 > div { background:#fff; }
.layBox1 > div > * { padding:.5em 1em; }

/* ±³¼ö¼Ò°³ */
.layProfList > div { float:left; width:33.3333%; }
.layProfList > div a { position:relative; height:13em; margin:0 auto; border-left:1px solid #d8d8d8; background:center 1em/10em auto no-repeat; display:block; }
.layProfList > div summary { position:absolute; left:0; bottom:0; width:100%; padding:.75em 0; background:rgba(58,63,92,.9); text-align:center; }
.layProfList > div:nth-of-type(3n+1) a { border-left:0; }
.layProfList:after { content:''; clear:both; display:block; }

/* ±³¼ö¼Ò°³ > ±³¼öȨ */
.layProf1 { padding:1em 1.25rem; }
.layProf1 p.teacher { margin-right:1.25em; width:8em; height:8em; border-radius:100%; background:#1c1e23 center .25em/120% auto no-repeat; }

/* Á÷¿µÇпø > ¿À½Ã´Â±æ */
.root_daum_roughmap { position:relative; width:auto !important; margin:0 auto; z-index:0; }

/* ÀÌ¿ë¾à°ü; °³ÀÎÁ¤º¸ Ãë±Þµ¿ÀÇ */
.clause_text h5 { margin-bottom:1em; color:#e12c22; font-size:1em; font-weight:bold; }
.clause_text { margin-bottom:0px; word-break:normal; }
.clause_text div { margin-bottom:1em; }
.clause_text dl dt { margin-bottom:2px; color:#333; font-weight:bold; }
.clause_text dl dd { margin-bottom:1em; color:#666; }
.clause_text dl dd ul.sub1 li { padding-left:1.25em; text-indent:-1.25em; }
.clause_text dl dd ul.sub2 { padding-top:.5em; font-size:0.9167em; }
.clause_text dl dd ul.sub2 li { padding-left:1.25em; text-indent:-1.25em; }
.clause_text dl dd ul.sub3 { padding-top:.5em; font-size:0.9167em; }
.clause_text dl dd ul.sub3 li { padding-left:6.5em; text-indent:-6.5em; }


/* ¿¹¾à»ó´ã½Åû *//*2019.04.30*/
.reserve_date {}
.reserve_time {}
.select_button { display: block; width: 100%; padding: .6em 0 .6em;border: 1px solid #d8d8d8;background: #fff url(//img.megamd.co.kr/ls1/mobile/form.select.png) 98% center no-repeat; background-size: auto 0.5em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.select_button span {margin-left: .8em; font-size: 1em;color: #3a3f5c;}
.select_button + .selectBox {display: none; border: 1px solid #d8d8d8; border-top: none; background: #fff; }
.select_button + .selectBox a {display: block; }
.on .select_button {background-image: url(//img.megamd.co.kr/ls1/mobile/form.select2.png);}

.selectBox ul:after {clear: both;content: '';display: block;}
.selectBox.date {padding: .5em 0;}
.selectBox.date ul {}
.selectBox.date ul li a {padding: .5em 1em;color: #666;}
.selectBox.date ul li.on a { font-weight: bold; color: #fb5336;}

.selectBox.time {text-align: center;}
.selectBox.time ul {display: inline-block; width: 92%;}
.selectBox.time li {float: left; width: 25%;}
.selectBox.time li a { height: 2.2em; line-height: 2.1em; margin: .3em; border: 1px solid #999; background: #fff;color: #333;}
.selectBox.time li.on a { background: #fe5339; border-color: #fe5339; color: #fff; }
.selectBox.time li.off a { background: #ededed; border-color: #ededed; color: #999;}
.selectBox.time .desc { position: relative; padding: .5em 1em .4em; text-align: left; font-size: 1em;color: #666; letter-spacing: -0.01em;}
.selectBox.time .color_info { position: absolute; right: 1em; top: .5em; text-align: right;  }
.selectBox.time .color_info i { display: inline-block; width: .5em;height: .5em; vertical-align: middle; margin: -.2em .3em 0 0;}
.selectBox.time .yes i {background: #fe5339;}
.selectBox.time .no i {background: #ededed;}


/* 2019.07.16 mobile-popup ( pc-popup style) */
#popup {border-top:3px solid #cf2424; max-width: 800px;}
#popup .pop_head {padding:1em 0; background:#333;}
#popup .pop_head .pop_tit {display: inline-block;margin: 0 0 0 1em;font-size: 1.2em;color: #fff;}
#popup .pop_con { background: #fff; padding: 1em;}
#popup .x_scroll {overflow-x: scroll;}

#popup .mt10 {margin-top: 1em;}
#popup .emp01 {color: #f84f26 !important;}

#popup .js_tab_type_con{display:none}
#popup .js_tab_type_con.on{display:block}
#popup ul.lstNemo > li,dl.lstNemo > dt,
#popup p.bltNemo,div.bltNemo,
#popup span.bltNemo,
#popup strong.bltNemo { position:relative; padding-left: .7em; }
#popup ul.lstNemo > li:before,
#popup dl.lstNemo > dt:before,
#popup .bltNemo:before { content:''; position:absolute; top:0; left:0; width:2px; height:2px; margin: .5em .4em .2em .2em; background:#777; vertical-align:middle; display:block; }
#popup .no_before:before {display: none !important; }

#popup table .tleft {text-align: left !important;}

#popup .tbl_type09 {width:100%; border-top: 1px solid #333; }
#popup .tbl_type09 th {padding:1em .5em; margin: 0; font-size: .85em; line-height: 1.5; color:#000; border-bottom:1px solid #ddd; vertical-align: middle; background:#f5f5f5; font-weight: bold; text-align: center;}
#popup .tbl_type09 td {padding:1em .5em; border-bottom:1px solid #ddd; background: #fff;vertical-align:middle; font-size: .85em; line-height: 1.5; color: #000;}
#popup .tbl_type09 input {vertical-align:middle;}

#popup .tbl_type10 {width:100%; border-top: 2px solid #333; }
#popup .tbl_type10 th {padding:1em .5em; border-bottom:1px solid #363636; font-weight: bold; font-size: .85em; line-height: 1.5; color:#363636;  text-align:center; }
#popup .tbl_type10 td {padding:1em .5em; border-bottom:1px solid #ddd; border-left: 1px solid #e1e1e1; color:#333; font-weight: normal; vertical-align:middle; text-align:center;  font-size: .85em; line-height: 1.5; }
#popup .tbl_type10 td:first-child{border-left:0;}
#popup .tbl_type10 td input {vertical-align:middle;}
#popup .tbl_type10 td label {font-weight:normal;}
#popup .tbl_type10 td a {font-size: .85em; line-height: 1.5; color:#333; font-weight:bold;}
#popup .tbl_type10 .last td {border-bottom-color:#888;}
#popup .tbl_type10 .line_l {border-left: 1px solid #e1e1e1 !important; }

#popup .test_ul {overflow:hidden; }
#popup .test_ul li {float:left; margin-left:-1px;width:50%; }
#popup .test_ul li a {display:block; height:3em;font-size: 1em; line-height: 3em; color:#707070;font-weight:bold;background:url("//img.megals.co.kr/lecture/tab_li.jpg") no-repeat left top;text-align:center; }
#popup .test_ul li a.on {position:relative; display:block; color:#fff; font-weight:bold; background:url("//img.megals.co.kr/lecture/tab_li_on.jpg") no-repeat left top;}
#popup .test_ul li a.on:hover { color:#fff}
/*// 2019.07.16 mobile-popup ( pc-popup style) */

/* 2023.08.02 : E-BOOK Ãß°¡ */
/* BTN */
.btn_wide .btn{display:block;}
.btn_half .btn{display:inline-block; width:49%;}
.btns_wrapper{text-align:center; }
.btn{display:inline-block; border-width:1px; border-style:solid; text-align:center; box-sizing:border-box;}
.btn span{display:inline-block; padding:0 10px; height:46px; line-height:46px; vertical-align:top; font-size:1.143em; text-align:center; letter-spacing:-0.05em}
.btn.size0 span{height:16px; padding:0 6px; line-height:16px; font-size:0.714em;}
.btn.sizeS span{height:20px; line-height:20px; font-size:0.857em;}
.btn.sizeM span{height:30px; line-height:30px; font-size:0.857em;}
.btn.sizeL span{font-size:1.429em; height:62px; line-height:62px; letter-spacing:0;}
.btn.disabled{pointer-events: none; cursor: default;}
.btn.btn_point.blue {border-radius:5px ; background: #0082ff;}
.btn.btn_point.black {border-radius:5px ; background:#222; border:none;}
.btn.btn_point.gray {border-radius:5px ; background:#aaa; border:none;} 
.ebook .btn_type01 { height:3.125em; background:#3a3f5c; color:#fff; line-height:3.125em; text-align:center; display:block !important;  }

/* EBOOK ÀÌ¿ë±Ç ±¸¸Å - Æ˾÷ÇüÅ ·¹À̾îÆ˾÷ */
.popup-layer-box {display: none; position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index:102;}
.popup-layer-box.open {display:block; animation: opacity 0.3s ease-out forwards}
.popup-layer-box::before {content: ''; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0,0,0,0.7)}
.popup-layer-box .popup-layer{position: fixed; left: 50%; top: 50%; width:90%; background: #fff; height: 80%; transform: translate(-50%,-50%); z-index: 1000;}
.popup-layer-box .popup-layer .popup-inner{position:absolute; left:0; right:0; bottom:48px; top:45px; padding:15px 10px; overflow-y:auto; box-sizing:border-box; max-height: calc(100% - 48px);}
.popup-layer-box .popup-layer .popup-title{position:relative; font-size:1.071em; line-height:44px; padding:0 20px; border-bottom:1px solid #858a93; }
.popup-layer-box .popup-layer .popup-title .btn_close{position:absolute; left:12px; top:11px; overflow:hidden; float:left; text-indent:-9999px; height:40px; width:40px; background:url(//img.megals.co.kr/mobile/icon_close_popup.png) no-repeat center 50%; background-size:20px;}

.popup-layer-box > .popup-layer{width:100%; height:100%; top:0; left:0; right:0; bottom:0; transform:none;}
.popup-layer-box > .popup-layer > .popup-inner{bottom:0; top:62px; padding:30px 20px;}
.popup-layer-box > .popup-layer > .popup-inner.v2{bottom:64px;}
.popup-layer-box > .popup-layer > .popup-title{height:62px; border-bottom: 1px solid #1a1a1a; text-align:center; box-sizing:border-box;}
.popup-layer-box > .popup-layer > .popup-title h5{display:inline-block; letter-spacing:-1px; color:#292929; font-size:20px; font-weight:300; line-height:62px; text-align:center; height:62px; font-weight: 600;}

.popup-layer-box .popup-inner {margin:0 auto; padding: 30px 20px !important;}
.popup-layer-box .popup-inner .tab-type5 ul li.on a { color:#0082ff; font-weight:100}
.popup-layer-box .popup-inner .ebook_top_area {border:2px solid #6a8ec2; margin:0 auto; text-align: center; padding: 2.5rem 1.5rem;}
.popup-layer-box .popup-inner .ebook_top_area .sub_logo { margin:0 auto; width:80%;}
.popup-layer-box .popup-inner .ebook_top_area img {width:100%;}
.popup-layer-box .popup-inner .ebook_top_title { font-size:2rem; color:#0082ff; font-weight: bold; letter-spacing: -1px; line-height: 1.3; }
.popup-layer-box .popup-inner .ebook_top_subtitle { font-size:1rem; color:#999; font-weight: 100; display: inline-block; letter-spacing: -0.1px;}
.popup-layer-box .popup-inner .ebook_top_cont {background: #f7f7f7; padding: 1.5rem 1rem;}
.popup-layer-box .popup-inner .info_wrap { background: #f5f5f5; border:2px solid #ddd; padding: 1em; margin-top: 2em;}
.popup-layer-box .popup-inner .info_box {font-size: 0.8rem; font-weight: 100;}
.popup-layer-box .popup-inner .info_box h5 { font-size: 1.1rem;}
.popup-layer-box .popup-inner .info_box ul li {list-style-position: inside; text-indent: -0.1rem; padding-left: 0.1rem; line-height: 1.5; color:#222; font-size: 1rem;}

/* °­Á »ó¼¼ÆäÀÌÁö - ebook ·¹À̾ƿô */
.layList1 li.ebook { flex-wrap:wrap;}
.layList1 li.ebook .ebook_wrap { display: flex; width:100%;}
.layList1 li.ebook .flxGlow { padding: 0.5em;}
.layList1 li.ebook label { align-self: center;}
/*// 2023.08.02 : E-BOOK Ãß°¡ */


/* End StyleSeet */