.boardListStyle li {list-style:none;} .boardListStyle ul {padding:0px;} .hidden {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;line-height:0; font:0/0 a;} /* ------------------ jqm 수정 ------------------ */ .ui-mobile-viewport {-webkit-tap-highlight-color: rgba(0, 0, 0, 100%) !important;} .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {background-color: #fff;border: none 0; color: #333; text-shadow:0;} .ui-header .ui-title, .ui-footer .ui-title {padding:0; margin:0;} .ui-content {padding: 0;} * {text-shadow: none;} .ui-footer {border:0 none;} .ui-btn {font-family:'NanumGothic';} .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a, .ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited, .ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {color: #666;} .selectBox {display:table-cell;} .selectBox .ui-select {margin-top: 0; margin-bottom: 0; position: relative;} .selectBox .ui-select .ui-btn {background-color: #fff !important; text-shadow:0; padding:0; margin:0; color:#666; border: 1px solid #d9d9d9; text-align:left; padding-left:10px; padding-right:25px; font-size:11px; line-height:24px; display:block; font-weight:normal;} .ui-select .ui-btn:hover, .ui-select .ui-btn:active, .ui-select .ui-btn:visited {background:none; border: 1px solid #dbdbdb;} .ui-select .ui-btn.ui-corner-all {-webkit-border-radius:3px; border-radius: 3px} .ui-select .ui-shadow {-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none;} .ui-select .ui-btn-icon-right:after {content: ""; position: absolute; display: block; width: 7px; height: 4px; right:10px; top: 50%; margin-top: -2px; background:none; -webkit-border-radius: 0; border-radius: 0; } .ui-select .ui-icon-carat-d:after {background-image: url('/asset/skin/mbasil/img/common/bg_select.png') !important; background-size:7px 4px;} .selectBox.selectGr .ui-select .ui-btn {color:#4e4e4e; border: 1px solid #dbdbdb; background-color: #dbdbdb !important; line-height:24px; font-weight: bold;} .selectBox.selectGr .ui-select label.ui-btn {font-weight: bold;} .ui-input-text, .ui-input-search {margin: 0;} .ui-input-text.ui-shadow-inset, .ui-input-search.ui-shadow-inset {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} textarea.ui-input-text.ui-shadow-inset.ui-focus {-webkit-box-shadow: 0 0 4px #3388cc !important; -moz-box-shadow: 0 0 4px #3388cc; box-shadow: 0 0 4px #3388cc; -webkit-appearance: none;} .ui-input-text.ui-corner-all {-webkit-border-radius: 0; border-radius: 0;} .ui-page-theme-a .ui-input-text.ui-body-inherit {background:none;border:none;color: inherit;text-shadow:none !important;} .ui-input-text input, .ui-input-search input, textarea.ui-input-text {padding:2px 0 0 0; min-height: 0; line-height:22px;} .ui-checkbox, .ui-radio {margin: 0; position: relative; display: inline-block;} .ui-checkbox input:focus, .ui-radio input:focus {-webkit-outline: 1px dotted #000 !important; -webkit-box-shadow:inset 0 0 4px #3388cc; -moz-box-shadow: 0 0 4px #3388cc; box-shadow: 0 0 4px #3388cc; } .ui-mobile label {font-size:12px} .inputR {display:inline-block;} .inputR .ui-mobile label {display:block !important; min-height:17px;} .ui-checkbox .ui-btn, .ui-radio .ui-btn {padding-top: 0; padding-bottom: 0; color:#666;} .ui-checkbox label.ui-btn, .ui-radio label.ui-btn {border:0 none;} .ui-radio label.ui-btn-icon-left {padding-left: 22px;} .ui-checkbox label.ui-btn-icon-left {padding-left: 22px;} .ui-checkbox input, .ui-radio input {position: absolute; left: 0; width: 100%; height: auto; outline: 0 !important; z-index: 1; vertical-align:top; filter: Alpha(opacity=0); opacity:0; margin-top:-7px; min-width:15px; min-height:15px;} .ui-radio .ui-btn, .ui-radio .ui-btn:hover, .ui-radio .ui-btn:active, .ui-radio .ui-btn:visited, .ui-checkbox .ui-btn, .ui-checkbox .ui-btn:hover, .ui-checkbox .ui-btn:active, .ui-checkbox .ui-btn:visited {background:none; position:static;} .ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after {margin: -7px 0 0; border-radius:1em;} .ui-radio .ui-btn.ui-radio-on:after, .ui-checkbox .ui-btn.ui-checkbox-on:after {display:block; background-color:#575757; background-image:url('/asset/skin/mbasil/img/common/bg_check.png') !important; background-position:0; background-repeat:no-repeat; background-size:15px; width:15px; height:15px; border:0 none;} .ui-radio .ui-btn.ui-radio-off:after, .ui-checkbox .ui-btn.ui-checkbox-off:after {display:block; background-color:#575757; background-image:url('/asset/skin/mbasil/img/common/bg_check.png') !important; background-position:0; background-repeat:no-repeat; background-size:15px; width:15px; height:15px; border:0 none;} .ui-radio .ui-btn-icon-left:after {left:0;} .ui-checkbox .ui-btn-icon-left:after {left:0;} /* Focus : 현재위치 유지 */ .ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, /* Focus buttons and text inputs with div wrap */ .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus { -webkit-box-shadow: 0 0 4px #3388cc; -moz-box-shadow: 0 0 4px #3388cc; box-shadow: 0 0 4px #3388cc; } .inputTxt {display:inline-block; background-color:#fff} .inputTxt .ui-input-text {border:1px solid #d9d9d9 !important; padding:0 5px 0; border-radius:1px;} .inputDate {display:inline-block;} .inputDate .ui-input-text {border:1px solid #d9d9d9 !important; padding:0 5px 0; border-radius:1px;} /*.label {font-weight:normal !important; color:#666 !important;}*/ label span.hidden {width:15px; height:15px; text-indent:100%; overflow:hidden; display:block; white-space:nowrap; position:static;} .inputDate.ico {} .inputDate.ico input, .inputDate.ico div {width:18px; height:19px;} .inputDate.ico .ui-input-text {border:none !important; padding-left:0; padding-right:0;} .inputDate.ico input {position:absolute; top:0; left:0; display:block; background:url('/asset/skin/mbasil/img/icon/ico_cdr.png') no-repeat; background-size:18px 19px; width:18px; height:19px; padding-left:20px;} body {width:100%;} .header {height:49px; border:none 0; border-bottom:1px solid #b2b2b2 !important; background-color:#fff !important;} .header span {position:absolute; top:10px; display:block; } .header span a {display:block; width:34px; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden;} .header .tbSide {left:8px; background:url('/asset/skin/mbasil/img/icon/ico_menu.png') no-repeat; background-size:34px 30px;}/* 150126_뉴버튼 */ .header .tbSide .iconN {; position:absolute; top:-2px; right:-20px; display: inline-block;}/* 150126_뉴버튼 */ .header .tbSide .iconN img{width:50%;}/* 150126_뉴버튼 */ .header .tbMember {top:16px; right:15px;} .header .tbMember a {width:55px; height:18px; line-height:18px; box-sizing:border-box; text-indent:0; border-radius:10px; font-size:10px; font-weight:bold; color:#fff; text-align:center; background:#de161f;} .header .tbMember.with {top:16px; right:40px; padding-right:3px;} .header .tbMember.with a {width:38px; height:18px; box-sizing:border-box; text-indent:0; border:2px solid #adadad; border-radius:10px; font-size:10px; font-weight:bold; color:#adadad; text-align:center;} .header .tbSearch:before {content:""; display:block; position:absolute; top:6px; right:left; background-color:#d2d2d2; width:1px; height:19px;} .header .tbSearch {right:5px; background:url('/asset/skin/mbasil/img/icon/ico_top_search.png') no-repeat; background-size:34px 30px;} .header .tbLogin {top:16px; right:15px;} .header .tbLogin a {width:48px; height:18px; line-height:18px; box-sizing:border-box; text-indent:0; border-radius:10px; font-size:10px; font-weight:bold; color:#fff; text-align:center; background:#939393;} .header .tbLogout {top:16px; right:15px;} .header .tbLogout a {width:48px; height:18px; line-height:18px; box-sizing:border-box; text-indent:0; border-radius:10px; font-size:10px; font-weight:bold; color:#fff; text-align:center; background:#5f5f5f;} .header h1 {text-align:center; width:100%;} .header h1 a {display:block; line-height:47px; height:47px; padding-bottom:2px; width:152px; background:url('/asset/skin/mbasil/img/common/top_logo.png') 50% 11px no-repeat; background-size:152px 27px; text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto;} .gnb-wrap {display:none; position:absolute; width:100%; top:0; bottom:0; z-index:1600; background:url('/asset/skin/mbasil/img/main/bg_gnbwrap.png') repeat 0 0;} .gnb-wrap .gnb {position:relative; width:280px; height:100%; top:0; bottom:0; left:0; background:#f7f7f7;} .gnb-wrap .gnb .gnb-title {position:relative; padding:15px; background:#cb111a;} .gnb-wrap .gnb .gnb-title h2 {font-size:20px; font-weight:bold; color:#fff; padding-left:30px;background:url('/asset/skin/mbasil/img/main/icon_gnb.png') no-repeat 0 0; background-size:20px 14px;} .gnb-wrap .gnb .gnb-title .gnb_close {display:block; position:absolute; top:15px; right:15px; width:13px; height:13px; text-indent:-99999px; background:url('/asset/skin/mbasil/img/main/bg_gnb_close.png') no-repeat 0 0; background-size:100%;} .gnb-wrap .gnb .gnb_list {} .gnb-wrap .gnb .gnb_list > li > a {position:relative; display:block; padding:15px 17px 15px 37px; background:#3d3e47; font-size:13px; font-weight:bold; color:#fff;} .gnb-wrap .gnb .gnb_list > li > a:before {content:''; display:inline-block; position:absolute; top:50%; left:17px;} .gnb-wrap .gnb .gnb_list > li:nth-child(1) > a:before {width:14px; height:14px; background:url('/asset/skin/mbasil/img/main/bg_gnb_list01.png') no-repeat 0 0; background-size:14px; margin-top:-7px;} .gnb-wrap .gnb .gnb_list > li:nth-child(2) > a:before {width:19px; height:16px; background:url('/asset/skin/mbasil/img/main/bg_gnb_list02.png') no-repeat 0 0; background-size:19px 16px; margin-top:-8px;} .gnb-wrap .gnb .gnb_list > li:nth-child(3) > a:before {width:16px; height:12px; background:url('/asset/skin/mbasil/img/main/bg_gnb_list03.png') no-repeat 0 0; background-size:16px 12px; margin-top:-6px;} .gnb-wrap .gnb .gnb_list > li:nth-child(4) > a:before {width:14px; height:16px; background:url('/asset/skin/mbasil/img/main/bg_gnb_list04.png') no-repeat 0 0; background-size:14px 16px; margin-top:-8px;} .gnb-wrap .gnb .gnb_list > li:nth-child(5) > a:before {width:15px; height:16px; background:url('/asset/skin/mbasil/img/main/bg_gnb_list05.png') no-repeat 0 0; background-size:15px 16px; margin-top:-8px;} .gnb-wrap .gnb .gnb_list > li:nth-child(6) > a:before {width:15px; height:14px; background:url('/asset/skin/mbasil/img/main/bg_gnb_list06.png') no-repeat 0 0; background-size:15px 14px; margin-top:-7px;} .gnb-wrap .gnb .gnb_list > li > .gnb_sub {border-top:1px solid #e8e8e8;} .gnb-wrap .gnb .gnb_list > li > .gnb_sub:after {content:''; display:block; clear:both; height:0;} .gnb-wrap .gnb .gnb_list > li > .gnb_sub > li {position:relative;float:left; width:50%; box-sizing:border-box; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}/* 150126_뉴버튼 */ .gnb-wrap .gnb .gnb_list > li > .gnb_sub > li:nth-child(2n) {border-right:none;} .gnb-wrap .gnb .gnb_list > li > .gnb_sub > li span.iconN{position:absolute;top:30%;right:13%;width:15%;display: inline-block;}/* 150126_뉴버튼 */ .gnb-wrap .gnb .gnb_list > li > .gnb_sub > li span.iconN img{width:100%;}/* 150126_뉴버튼 */ .gnb-wrap .gnb .gnb_list > li > .gnb_sub > li a {display:block; padding:15px 17px; font-size:12px; font-weight:bold; color:#333;background:url('/asset/skin/mbasil/img/common/arr_ltg.png') no-repeat 95% 50%; background-size:5px 8px;} .gnb-wrap .gnb .gnb_list > li > .gnb_sub > li a.double {padding:7px 17px;} .my-wrap {display:none; position:absolute; width:100%; top:0; bottom:0; z-index:1600; background:url('/asset/skin/mbasil/img/main/bg_gnbwrap.png') repeat 0 0;} .my-wrap .my {position:absolute; width:280px; height:100%; top:0; bottom:0; right:0; background:#f7f7f7;} .my-wrap .my .my-title {position:relative; padding:12px 15px; background:#4743b3;} .my-wrap .my .my-title p {height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#fff; padding-left:30px;background:url('/asset/skin/mbasil/img/main/icon_my.png') no-repeat 0 0; background-size:20px 22px;} .my-wrap .my .my-title .my_close {display:block; position:absolute; top:50%; right:15px; margin-top:-6px; width:13px; height:13px; text-indent:-99999px; background:url('/asset/skin/mbasil/img/main/bg_gnb_close.png') no-repeat 0 0; background-size:100%;} .my-wrap .my .my_list {} .my-wrap .my .my_list > li {border-bottom:1px solid #555662;} .my-wrap .my .my_list > li > a {display:block; padding:15px 17px; background:#3d3e47; font-size:13px; font-weight:bold; color:#fff;} .my-wrap .my .my_list > li > .my_sub {border-top:1px solid #e8e8e8;} .my-wrap .my .my_list > li > .my_sub:after {content:''; display:block; clear:both; height:0;} .my-wrap .my .my_list > li > .my_sub > li {border-bottom:1px solid #e8e8e8;} .my-wrap .my .my_list > li > .my_sub > li:nth-child(2n) {border-right:none;} .my-wrap .my .my_list > li > .my_sub > li a {display:block; padding:12px 17px; font-size:12px; font-weight:bold; color:#333;background:url('/asset/skin/mbasil/img/common/arr_ltg.png') no-repeat 95% 50%; background-size:5px 8px;} .footer {background-color:#45484c !important; min-height:72px; padding-top:12px;} .footer p,.footer div {text-align:center;} .footer p span {line-height:18px;} .footer p span a:after {content:""; height:11px; width:1px; display:inline-block; background-color:#606265; vertical-align:middle; margin-left:6px; margin-right:2px; margin-top:-3px;} .footer p span:last-child a:after {content:none;} .footer p span a {font-size:11px; color:#888; line-height:18px;} .footer p span a:hover {color:#888} /* 20141008 */ .footer p span:first-of-type a {color:#ff3e3e;} /* //20141008 */ .footer div a, .footer div a:hover, .footer div a:active, .footer div a:visited {color:#eaeaea} .footer div span:first-child::after {content:""; height:11px; width:1px; display:inline-block; background-color:#606265; vertical-align:middle; margin-top:-5px; margin-left:6px; margin-right:2px;} .address_info{padding:10px 5px;font-size:12px;color:#fff;line-height:16px;text-align:center;text-shadow:none} .address_info .bar{display:inline-block;position:relative;width:1px;height:11px;margin:-1px 4px 1px;background:#5e5e5e;vertical-align:middle} .address_info .bar:before{display:block;clear:both;content:"";width:1px;height:11px;position:absolute;left:-1px;top:0;background:#000} .address_info a{display:inline-block;width:auto;height:auto;margin:0;padding:0;background:none;text-indent:0;vertical-align:top;color:#afafaf} .address_info a:hover{text-decoration:underline} .address_info .copyright{margin:5px 0 0 0;padding:0;font-size:12px;color:#fff} .address_info .txt{display:inline-block;position:relative;padding:0 2px;white-space:nowrap} .container {/*min-height:1119px;*/} .container .path {height:32px; padding-left:17px; background-color:#f7f7f7;} .container .path a {line-height:32px; font-size:13px; color:#333; font-weight:normal;} .container .path a:after {content:""; background:url('/asset/skin/mbasil/img/common/bg_path.png') no-repeat; background-size:100%; width:5px; height:8px; position:relative; display:inline-block; margin:-3px 8px 0; vertical-align:middle;} .container .path a:last-child {font-weight:bold;} .container .path a:last-child::after {content:none;} .content {padding:25px 17px;} .content:last-of-type {padding:25px 17px 35px;} .content.gray {background:#f0f2f4; padding:25px 17px;} .content.gray:last-of-type {background:#f0f2f4; padding:25px 17px 35px;} /* main */ .main .top_ban {width:100%; margin-bottom:5px;} .main .top_ban a img {display:block; margin:0 auto; width:100%; max-width:640px;} .main_tab {margin-bottom:19px;} .main_tab:after {content:''; display:block; clear:both; height:0;} .main_tab li {position:relative; float:left; width:33%; height:56px; /*background:url('/asset/skin/mbasil/img/main/bg_main_tab_off.png') repeat-x 0 0; background-size:auto 49px; */border-top:5px solid #cbcbcb; box-sizing:border-box; box-shadow:0 -2px 2px #afafaf inset;} .main_tab li.on {border-color:#ff2631; background:url('/asset/skin/mbasil/img/main/tab_arrow.png') no-repeat 50% 0; background-size:9px 6px; box-shadow:none;} .main_tab li:nth-child(2) {width:34%;} .main_tab li a {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; color:#333; font-weight:bold; font-size:12px; height:51px; line-height:51px; border-right:1px solid #cacacc; background:url('/asset/skin/mbasil/img/main/tab_shadow.png') no-repeat 0 0; background-size:100% 51px;} .main_tab li:last-child a {border-right:none;} .main_tab li.on a {color:#ff2631;} .main_tab li a span:before {content:''; display:inline-block; vertical-align:middle; margin-right:3px; margin-top:2px;} .main_tab li:nth-child(1) a span:before {width:20px; height:17px; background:url('/asset/skin/mbasil/img/main/bg_main_tab01.png') no-repeat 0 0; background-size:20px 17px; } .main_tab li:nth-child(2) a span:before {width:16px; height:16px; background:url('/asset/skin/mbasil/img/main/bg_main_tab02.png') no-repeat 0 0; background-size:16px 16px; } .main_tab li:nth-child(3) a span:before {width:18px; height:16px; background:url('/asset/skin/mbasil/img/main/bg_main_tab03.png') no-repeat 0 0; background-size:17px 16px; } .main_tab li.on a span:before {width:20px; height:20px; background-color:#f2000b; border-radius:10px; vertical-align:middle; margin-top:-2px;} .main_tab li.on:nth-child(1) a span:before {background-image:url('/asset/skin/mbasil/img/main/bg_main_tab01_on.png'); background-repeat:no-repeat; background-position:5px 5px; background-size:13px 15px; } .main_tab li.on:nth-child(2) a span:before {background-image:url('/asset/skin/mbasil/img/main/bg_main_tab02_on.png'); background-repeat:no-repeat; background-position:3px 5px; background-size:15px 13px; } .main_tab li.on:nth-child(3) a span:before {background-image:url('/asset/skin/mbasil/img/main/bg_main_tab03_on.png'); background-repeat:no-repeat; background-position:3px 4px; background-size:14px 13px; } .main_ban li {margin-bottom:10px;} .main_ban li a img {display:block; width:100%; max-width:640px; margin:0 auto;} .main .list_direct {width:100%;} .main .list_direct:after {content:''; display:block; clear:both; height:0;} .main .list_direct li {width:25%; float:left; background:#f9463e;} .main .list_direct li a {display:block; padding:43px 0 12px; border-left:1px solid #f6625b; border-right:1px solid #a72f2b; text-align:center;font-weight:bold; color:#fff;} .main .list_direct li:nth-child(1) a {border-left:none; background:url('/asset/skin/mbasil/img/main/bg_list_direct01.png') no-repeat 50% 12px; background-size:22px 24px;} .main .list_direct li:nth-child(2) a {background:url('/asset/skin/mbasil/img/main/bg_list_direct02.png') no-repeat 50% 16px; background-size:21px;} .main .list_direct li:nth-child(3) a {background:url('/asset/skin/mbasil/img/main/bg_list_direct03.png') no-repeat 50% 18px; background-size:24px 18px;} .main .list_direct li:nth-child(4) a {border-right:none; background:url('/asset/skin/mbasil/img/main/bg_list_direct04.png') no-repeat 50% 18px; background-size:27px 17px;} .main .title_article {padding:22px 17px 15px;} .main .title_article .update {padding-left:10px;font-weight:normal; color:#888888; font-size:11px;} .sort_class {width:100%; margin-bottom:25px;} .sort_class:after {content:''; display:block; clear:both; height:0;} .sort_class li {float:left; width:25%; box-sizing:border-box; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#f1f1f1; padding:10px 0;} .sort_class li:nth-child(4n) {border-right:none;} .sort_class li a {display:block; font-weight:bold; font-size:12px; color:#808080; text-align:center;} .sort_class li.on {background:#494949;} .sort_class li.on a {color:#fff;} .main .btn_wrap.main_event {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #b5b5b5;} .main .btn_wrap.main_event .btn_more_event {position:relative; display:block; padding:12px 16px; background:#f53c3d; border-radius:3px; box-shadow:0 2px 0 #cfcfcf; color:#fff; text-align:left;} .main .btn_wrap.main_event .btn_more_event:after {content:''; display:block; width:21px; height:21px; background:url('/asset/skin/mbasil/img/main/arr_more_event.png') no-repeat 0 0; background-size:21px; position:absolute; top:50%; right:16px; margin-top:-10px;} .list_recom li {margin-bottom:25px;} .list_recom li a {display:block;} .list_recom li a img {display:block; width:100%; margin:0 auto; max-width:640px;} .list_best_class {width:100%; border-bottom:1px solid #d8d7d6;} .list_best_class li {border-top:1px solid #d8d7d6;} .list_best_class li a {position:relative; display:block; padding:12px 30px 12px 45px; background:url('/asset/skin/mbasil/img/common/arr_ltg.png') no-repeat 95% 50%; background-size:8px 12px; font-size:16px; color:#888; font-weight:normal;} .list_best_class li a:before {content:''; display:block; width:17px; height:15px; position:absolute; left:17px; top:12px;} .list_best_class li:nth-child(1) a:before {background:url('/asset/skin/mbasil/img/main/bg_ol_numb01.png') 0 0; background-size:100%;} .list_best_class li:nth-child(2) a:before {background:url('/asset/skin/mbasil/img/main/bg_ol_numb02.png') 0 0; background-size:100%;} .list_best_class li:nth-child(3) a:before {background:url('/asset/skin/mbasil/img/main/bg_ol_numb03.png') 0 0; background-size:100%;} .list_best_class li:nth-child(4) a:before {background:url('/asset/skin/mbasil/img/main/bg_ol_numb04.png') 0 0; background-size:100%;} .list_best_class li:nth-child(5) a:before {background:url('/asset/skin/mbasil/img/main/bg_ol_numb05.png') 0 0; background-size:100%;} .main_btm_banner img {display:block; width:100%; max-width:640px; margin:0 auto;} .main_btm_menu {padding:16px 10px;} .main_btm_menu:after {content:''; display:block; clear:both; height:0;} .main_btm_menu li {float:left; width:50%; box-sizing:border-box; padding:0 5px; margin-bottom:6px;} .main_btm_menu li:nth-child(2n+1) {padding-left:0;} .main_btm_menu li:nth-child(2n) {padding-right:0;} .main_btm_menu li a {position:relative; display:block; border:1px solid #cdcdcd; border-radius:3px; padding-left:45px; height:40px; line-height:40px; font-weight:bold; font-size:14px; color:#666;} .main_btm_menu li a:before {content:''; display:block; position:absolute; top:0; left:0; width:40px; height:40px; background-color:#f7f7f7; border-top-left-radius:2px; border-bottom-left-radius:2px;} .main_btm_menu li:nth-child(1) a:before {background-image:url('/asset/skin/mbasil/img/main/bg_btm_menu01.png'); background-repeat:no-repeat; background-position:center; background-size:50%;} .main_btm_menu li:nth-child(2) a:before {background-image:url('/asset/skin/mbasil/img/main/bg_btm_menu02.png'); background-repeat:no-repeat; background-position:center; background-size:50%;} .main_btm_menu li:nth-child(3) a:before {background-image:url('/asset/skin/mbasil/img/main/bg_btm_menu03.png'); background-repeat:no-repeat; background-position:center; background-size:50%;} .main_btm_menu li:nth-child(4) a:before {background-image:url('/asset/skin/mbasil/img/main/bg_btm_menu04.png'); background-repeat:no-repeat; background-position:center; background-size:50%;} /* common */ .fs10 {font-size:10px !important;} .fs11 {font-size:11px !important;} .fs12 {font-size:12px !important;} .fs14 {font-size:14px !important;} .fs15 {font-size:15px !important;} .fs16 {font-size:16px !important;} .fs18 {font-size:18px !important;} .fcolor01 {color:#e92020 !important;} .fcolor02 {color:#666 !important;} .fcolor03 {color:#333 !important;} .fcolor04 {color:#3783d0 !important;} .fcolor05 {color:#ffe400 !important;}/* 141006_모바일버튼 */ .txt_L {text-align:left !important;} .txt_C {text-align:center !important;} .txt_R {text-align:right !important;} .float_L {float:left !important;} .float_R {float:right !important;} .fwb {font-weight:bold !important;} .fwn {font-weight:normal !important;} .fnor {font-weight:normal !important;} .dPrice {text-decoration:line-through;} .Block {display:block !important;} .in_Block {display:inline-block !important;} .vAll * {vertical-align:middle;} .bgcolor01 {background-color:#f5f5f5;} .mg0 {margin:0 !important;} .ml0 {margin-left:0 !important;} .ml5 {margin-left:5px !important;} .ml17 {margin-left:17px !important;} .mt0 {margin-top:0 !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt25 {margin-top:25px !important;} .mt35 {margin-top:35px !important;} .mt50 {margin-top:50px !important;} .mb0 {margin-bottom:0 !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb35 {margin-bottom:35px !important;} .pt0 {padding-top:0 !important;} .pt5 {padding-top:5px !important;} .pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;} .pt25 {padding-top:25px !important;} .pr5 {padding-right:5px !important;} .pl10 {padding-left:10px !important;} .pl17 {padding-left:17px !important;} .pl30 {padding-left:30px !important;} .pb0 {padding-bottom:0 !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;} .pb25 {padding-bottom:25px !important;} /* title, text */ .title_wrap {position:relative; text-align:center;} .title_article {font-weight:bold; font-size:20px; color:#333; line-height:24px;} .title_sub {font-weight:bold; font-size:15px; color:#e90920; margin-bottom:10px;} .title_sub.type02 {color:#333; margin-top:25px;} .title_bul:before {content:""; width:4px; height:4px; display:inline-block; vertical-align:middle; border-radius:2px; -webkit-border-radius:2px; margin-right:5px; background:#ec3e3e; margin-top:-2px;} .title_note {padding:4px 0 0; color:#666; line-height:16px;} /* .title_sub.red_line {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fd5151;} 0526 사용안함 */ .txt_general {font-size:12px; color:#666; line-height:18px;} .txt_caution {font-size:10px; margin-top:8px; line-height:12px;} .txt_point {font-size:12px; font-weight:bold; color:#e92020;} .txt_emphasis {padding-top:25px; font-size:16px; font-weight:bold; color:#e92020; background:url('/asset/skin/mbasil/img/common/bg_arr_emph.png') no-repeat 50% 9px; background-size:10px 7px;} /* list */ .list_bul {} .list_bul li {position:relative; padding: 0 0 0 8px; text-align:left; margin-bottom:5px; color:#666;} .list_bul li:before {content:""; position:absolute; top:6px; left:0; width:4px; height:4px; display:block; border-radius:2px; -webkit-border-radius:2px; margin-right:5px; background:#ec3e3e;} .list_bul li:last-child {margin-bottom:0;} .list_bul.tp2 li {} .list_bul.tp2 li > ul {padding:5px 0 0} .list_bul.tp2 li > ul li {font-size:12px; color:#666; font-weight:normal; border-bottom:none;} .list_bul.tp2 li > ul li:last-child {border-bottom:none 0; margin-bottom:0;} .list_bul.tp2 li > ul li:before {content:""; position:absolute; top:7px; left:0; width:4px; height:1px; display:block; -webkit-border-radius:2px; margin-right:5px; background:#666;} .list_bul.bdr_t{border-top:1px solid #E9E8E8} .list_bul.bStar {} .list_bul.bStar li {position:relative; padding: 0 0 0 8px; text-align:left; margin-bottom:5px; color:#666;} .list_bul.bStar li:before {content:"*"; position:absolute; top:2px; left:0; display:block; background:none;} .list_bul.bStar li:last-child {margin-bottom:0;} .line_tp1 {border-top:1px solid #dadada; margin:13px 0 0 -8px; padding-top:12px;} /* myclass06_02.html */ .list_bul2 {} .list_bul2 li {position:relative; padding: 0 0 0 8px; text-align:left; margin-bottom:6px; font-size:14px; color:#333; font-weight:bold;} .list_bul2 li:before {content:""; position:absolute; top:6px; left:0; width:4px; height:4px; display:block; border-radius:2px; -webkit-border-radius:2px; margin-right:5px; background:#ec3e3e;} .list_bul2 li:last-child {border-bottom:none 0; margin-bottom:0} .list_bul2 li > ul {padding:6px 0 0;} .list_bul2 li > ul li {margin-bottom:5px; font-size:12px; color:#666; font-weight:normal; border-bottom:none;} .list_bul2 li > ul li:last-child {border-bottom:none 0; margin-bottom:0;} .list_bul2 li > ul li:before {content:""; position:absolute; top:6px; left:0; width:4px; height:1px; display:block; -webkit-border-radius:2px; margin-right:5px; background:#666;} .list_bul2 li > ol {padding:6px 0 0;} .list_bul2 li > ol li {margin-bottom:5px; font-size:12px; color:#666; font-weight:bold; border-bottom:none; padding-left:0;} .list_bul2 li > ol li:last-child {border-bottom:none 0; margin-bottom:0;} .list_bul2 li > ol li:before {display:none;} .list_bul2 li > ol li .bul_bar {position:relative; margin-left:15px; padding-bottom:3px; padding-left:8px; font-weight:normal;} .list_bul2 li > ol li .bul_bar:before {content:""; position:absolute; top:6px; left:0; width:4px; height:1px; display:block; -webkit-border-radius:2px; background:#666;} .list_bul2 li > ol li .bul_bar:first-child {margin-top:5px;} .list_bul2 li > ol li .bul_bar:last-child {padding-bottom:0;} .list_bul2 .noBul:before {display:none;} .list_bul2.small li {font-weight:normal; font-size:12px; color:#666; line-height:14px;} .list_bul2.small li:before {top:50%; margin-top:-2px;} .list_bul3 {} .list_bul3 li {position:relative; padding: 0 0 0 8px; text-align:left; margin-bottom:13px; font-size:14px; color:#333; font-weight:bold; border-bottom:1px dotted #b5b5b5;} .list_bul3 li:before {content:""; position:absolute; top:6px; left:0; width:4px; height:4px; display:block; border-radius:2px; -webkit-border-radius:2px; margin-right:5px; background:#ec3e3e;} .list_bul3 li:last-child {border-bottom:none 0; margin-bottom:0} .list_bul3 .txt_detail {padding-top:6px; padding-bottom:13px; font-size: 12px; color: #666;} .list_bul3 li:last-child .txt_detail {padding-bottom:0;} .list_bul3 li.bulN {padding-left:0;} .list_bul3 li.bulN:before {display:none;} .list_bul + .btn_wrap, .list_bul2 + .btn_wrap {margin-top:13px;} .list_num {} .list_num li {line-height:16px; padding-left:14px; color:#66 6; margin-bottom:5px; text-align:left;} .list_num li .numb {display:inline-block; color:#e92020; margin-left:-14px;} .list_num.type02 li {padding-left:0;} .tit_list_coupon {padding-left:15px; height:32px; line-height:32px; background:#f7f7f7; font-size:15px; font-weight:bold; color:#333; border-top:1px solid #333;} .list_coupon {margin-bottom:15px;} .list_coupon li {padding:7px 15px; border-bottom:1px solid #e3e3e3;} /* tab */ .tab {width:100%; /* background:#3d3e47; */} .tab:after {content:''; display:block; clear:both;} .tab li {float:left;} .tab li a {display:block; border-right:1px solid #66676e; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#3d3e47; color:#fff; font-weight:bold; text-align:center; line-height:42px;} .tab li a.double {line-height:14px; padding:7px 0;} .tab li a:hover, .tab li a:active, .tab li a:visited {color:#fff;} .tab li:last-child a {border-right:0 none;} .tab li.on a {background:#cb111a; border-right:0 none;} .tabs {width:100%; /* background:#3d3e47; */} .tabs:after {content:''; display:block; clear:both;} .tabs li {float:left; position:relative;} .tabs li a {display:block; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f1f1f1; color:#666; font-weight:bold; text-align:center; line-height:16px; padding-top:7px; padding-bottom:9px} .tabs li a:hover, .tabs li a:active, .tabs li a:visited {color:#666;} .tabs li:last-child a {border-right:0 none;} .tabs li.on a {background:#494949; border-right:0 none; color:#fff;} .tabs li.on:after {content:""; display:block; position:absolute; bottom:-4px; left:50%; margin-left:-3px; border-color: #494949 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; width: 0; height: 0; z-index:500;} .tabs li.on a:hover, .tabs li.on a:active, .tabs li.on a:visited {color:#fff;} .tab_line {width:100%; border-top:1px solid #666;} .tab_line:after {content:''; display:block; clear:both;} .tab_line li {float:left; position:relative; background:#f7f7f7;} .tab_line li a {display:block; padding:10px 0; text-align:center; font-size:11px; color:#666; font-weight:normal;} .tab_line li.on a {font-weight:bold;} .tab_line li a:before {content:''; display:block; width:1px; height:10px; background:#e3e3e3; position:absolute; top:50%; left:0; margin-top:-5px;} .tab_line li:nth-child(3n+1) a:before {background:none;} .tab2 li {width:50%} .tab3 li {width:33%} .tab3 li:nth-child(3n) {width:34%} .tab4 li {width:25%} .tab5 li {width:20%} .tab6 li {width:33%} .tab6 li:nth-child(3), .tab6 li:last-child {width:34%} .tab7 li {width:33%} .tab7 li:nth-child(4), .tab7 li:nth-child(5), .tab7 li:nth-child(6), .tab7 li:nth-child(7) {width:25%} .tab7 li:nth-child(3) {width:34%} .tab8 li {width:25%} .tab8 li:nth-child(4) a {border-right:0 none;} .tab9 li {width:25%} .tab9 li:nth-child(5), .tab9 li:nth-child(6), .tab9 li:nth-child(7), .tab9 li:nth-child(8), .tab9 li:nth-child(9) {width:20%} .tab9 li:nth-child(4) a {border-right:0 none;} .tab10 li {width:20%} .tab10 li:nth-child(5) a {border-right:0 none;} .tab6 li a, .tab7 li a, .tab8 li a, .tab9 li a, .tab10 li a {border-bottom:1px solid #fff;} .tab6 li.on:after, .tab7 li.on:after, .tab8 li.on:after, .tab9 li.on:after, .tab10 li.on:after {display:none;} .tab.tab4 li span{display:inline-block;position:relative;} .tab.tab4 li .icon_new{position:absolute;top:3px;right:-9px;width:12px;height:12px;padding:1px;line-height:14px;font-weight:bold;color:#fff;font-size:8px;background:#02ccbf;border-radius:8px; -webkit-border-radius:8px;} /* button */ .btn_down {display:inline-block; float:right; width:20px; height:20px; background:#575757 url('/asset/skin/mbasil/img/icon/icon_download.png') no-repeat 50%; background-size:11px 10px; font-size:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} a.rBtn {display:block; line-height:14px; padding-top:8px; padding-bottom:8px; border-radius:3px; text-align:center; color:#fff; font-weight:bold;} a.rBtn:hover,a.rBtn:active,a.rBtn:visited {color:#fff;} .rBtn.crd {background:#fe4445;} /* 분홍 */ .rBtn.cdg {background:#666;} /* 진회 */ .rBtn.cdr {background:#de161f;} /* 빨강 */ .rBtn.darkgray {background:#494949;} /* 어두운회색 */ .rBtn.clg {background:#777;} .rBtn.cdb {background:#748095;} .btn_wrap {overflow:hidden; display:table; width:100%; text-align:center;} .btn_wrap.top_bdr {margin-top:10px; padding-top:15px; border-top:1px solid #e9e8e8;} .btn_wrap.btn3 span {padding:0 5px; display:table-cell; width:33%; box-sizing:border-box; -webkit-box-sizing:border-box;} .btn_wrap.btn3 span:first-of-type {padding-left:0; padding-right:5px;} .btn_wrap.btn3 span:last-of-type {padding-right:0; padding-left:5px; } .btn_wrap.btn2 span {display:table-cell; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box;} .btn_wrap.btn2 span:first-of-type {padding-left:0; padding-right:5px;} .btn_wrap.btn2 span:last-of-type {padding-right:0; padding-left:5px; } .btn_wrap.btn1 span {margin:0 28%; display:block; width:44%; box-sizing:border-box; -webkit-box-sizing:border-box;} .btnSg span {width:auto; display:inline-block; margin:auto;} .btnSg span a {padding-right:15px; padding-left:15px;} /* 141029 학습하기버튼 */ .btn_wrap.n3btn span {display:table-cell; width:40%; box-sizing:border-box; -webkit-box-sizing:border-box;text-align:center} .btn_wrap.n3btn span:first-of-type {padding-left:0; padding-right:5px;} .btn_wrap.n3btn span:last-of-type {padding-right:0; padding-left:5px; } .btn_wrap.n3btn span.b2{display:table-cell; width:20%; box-sizing:border-box; -webkit-box-sizing:border-box;} .rBtn.lst_all {line-height:18px; font-size:14px; padding-top:12px; padding-bottom:12px; font-weight:bold; background:#748095;} /* 전체보기 */ .rBtn.lv_lst_more {min-width:90px; display:inline-block; text-align:center;} .rBtn.lst_more {line-height:16px; padding:13px 0 14px; font-size:14px; font-weight:bold; background:#748095;} /* 더보기 */ .rBtn.lst_more .list_numb {padding-left:10px; font-weight:normal;} .rBtn.view_list {line-height:16px; padding:13px 0 14px; font-size:14px; font-weight:bold; background:#748095;} /* 목록보기 */ .rBtn.recom {line-height:16px; padding:13px 0 14px; font-size:14px; font-weight:bold; background-color:#569adf;} /* 추천 */ .rBtn.recom span {display:inline-block; padding-left:22px; background:url('/asset/skin/mbasil/img/icon/icon_recom.png') no-repeat 0 0; background-size:17px 15px;} a.btn_cart {display:block; padding:7px 0; border:1px solid #d6d6d6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight:normal; color:#666;} .btn_cart:before {content:''; display:inline-block; width:13px; height:10px; margin-right:5px; background:url('/asset/skin/mbasil/img/common/bg_btn_cart.png') no-repeat 0 0; background-size:13px auto; vertical-align:middle;} .btn_cart.delete:before {background-position:0 -10px;} .btn_cart.interest:before {background-position:0 -20px;} .btn_form {display:inline-block; padding:7px 9px; height:12px; line-height:12px; font-weight:bold; color:#fff !important; background:#666; border-radius:2px; -webkit-border-radius:2px; vertical-align:middle;} .btn_form.red {background:#fe4445;} .btn_form.darkgray {background:#494949;} .btn_form.ltgray {background:#7d7d7d;} .btn_form.disabled {opacity:0.3;} .btn_form.line {border:1px solid #d6d6d6; background:#f5f5f5; padding:6px 9px; color:#666 !important;} .btn_form.fss {font-size:11px; line-height:12px;} .btn_form.recom {background-color:#569adf; background-image:url('/asset/skin/mbasil/img/icon/icon_recom.png'); background-repeat:no-repeat; background-position:12px 50%; background-size:13px 12px; padding-left:30px;} .blBtn {font-size:9px; text-align:center; color:#4e4e4e; line-height:12px; border:1px solid #dadada; padding:4px 0 3px; width:36px; display:inline-block; border-radius:2px; background-color:#fff;} a.btnss_dn {height:16px; padding-top:2px; border:1px solid #d8d8d8; border-radius:2px; display:block; width:100%; background:#FFF; color:#4e4e4e; font-size:9px; text-align:center;} a.btnss_dn:hover, a.btnss_dn:active, a.btnss_dn:visited {color:#4e4e4e;} .btnss_dn.bs_pdf:before {content:""; display:inline-block; vertical-align:middle; margin-top:-2px; background:url('/asset/skin/mbasil/img/icon/ico_pdf.png') no-repeat; background-size:100%; margin-right:3px; width:9px; height:9px;} .btnss_dn.bs_mp3:before {content:""; display:inline-block; vertical-align:middle; margin-top:-2px; background:url('/asset/skin/mbasil/img/icon/ico_mp3.png') no-repeat; background-size:100%; margin-right:3px; width:9px; height:9px;} .btnss {padding-top:2px; padding-bottom:2px; border:1px solid #d8d8d8; border-radius:3px; display:block; width:100%; background:#FFF; color:#666; text-align:center; line-height:14px;} .btnss.on {padding-top:2px; padding-bottom:2px; border:1px solid #b5b5b5; border-radius:3px; display:block; width:100%; background:#b5b5b5; color:#fff; text-align:center; line-height:14px;} a.btnss:active,a.btnss:hover,a.btnss:visited {color:#666;} a.btnss.on:active,a.btnss.on:hover,a.btnss.on:visited {color:#fff;} a.btn_inner {padding:2px 7px; border-radius:2px; display:inline-block; vertical-align:bottom; color:#fff; text-align:center; line-height:14px; font-size:12px;} a.btn_inner:active,a.btn_inner:hover,a.btn_inner:visited { color:#fff;} a.btn_inner.cdg {background:#666;} a.btn_inner.crd {background:#fe4445;} /* 분홍 */ /* paging */ .paging_edge {text-align:center;} .paging_edge a {display:inline-block; width: 20px; height:18px; padding:3px 0 4px; line-height:18px; vertical-align: middle;} .paging_edge a.on {color:#e92020; text-decoration:underline; font-weight:bold;} .paging_edge a.p, .paging_edge a.pp, .paging_edge a.n, .paging_edge a.nn {position:relative; width: 25px; background-color:#494949; border-radius:25px; text-indent:100%; white-space:nowrap; overflow:hidden;} .paging_edge a.p {margin-right:5px;} .paging_edge a.n {margin-left:8px;} .paging_edge a.p:after {content:""; display:block; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-4px; border-color: transparent #fff transparent transparent ; border-style: solid; border-width: 6px 6px 6px 0; width: 0; height: 0; z-index:500;} .paging_edge a.n:after {content:""; display:block; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-1px; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 6px 0 6px 6px; width: 0; height: 0; z-index:500;} /* icon */ .icon_new {display:inline-block; padding:2px 3px 0; line-height:12px; height:12px; border-radius:2px; -webkit-border-radius:2px; font-size:10px; font-weight:bold; color:#fff; background:#fa533d;} .icon_best {display:inline-block; padding:2px 3px 0; line-height:12px; height:12px; border-radius:2px; -webkit-border-radius:2px; font-size:10px; font-weight:bold; color:#fff; background:#827fc6;} .sttsBL {display:inline-block; font-size:11px; font-weight:bold; color:#fff; padding: 1px 4px 0; border-radius: 2px;} .sttsBL.fn {background-color:#e92020;} .sttsBL.std {background-color:#36a6bb;} .icon_txt_inner {line-height:14px; padding:3px 10px 3px; display:inline-block; border-radius:3px; font-weight:bold; font-size:12px; color:#fff; vertical-align:middle;} .icon_txt_inner.bl {background:#3eb2f4;} .ico_book {display:inline-block; padding-top:11px; width:47px; height:36px; border-radius:2px; font-size:12px; color:#fff; line-height:12px; background:url('/asset/skin/mbasil/img/icon/ico_book.png') no-repeat; background-size:47px 100px;} .ico_book span {display:table-cell; height:24px; vertical-align:middle; width:47px; text-align:center;} .ico_book.ico_te {background-position:0 0;} .ico_book.ico_tf {background-position:0 -50px;} .ico_book2 {display:inline-block; padding-top:11px; width:47px; height:36px; border-radius:2px; font-size:12px; color:#fff; line-height:12px; background:url('/asset/skin/mbasil/img/icon/ico_book.png') no-repeat; background-size:47px 100px;} .ico_book2 span {display:table-cell; height:24px; vertical-align:middle; width:37px; text-align:left; padding-left:10px;} .ico_book2.ico_te {background-position:0 0;} .ico_book2.ico_tf {background-position:0 -50px;} .ico_txt {display:inline-block; padding:2px 6px 1px; border-radius:2px; font-size:9px; color:#fff; line-height:12px;} .ico_txt.ico_te {background-color:#827fc6;} /* 토익 */ .ico_txt.ico_tf {background-color:#02ccbf;} /* 토플 */ .ico_txt.ico_cn {background-color:#ffb525;} /* 중국어 */ .ico_txt.ico_cnb {background-color:#ddc242;} /* 미정 */ .ico_txt.ico_cnhsk {background-color:#ddc242;} /* 미정:중국 */ .ico_txt.ico_jp {background-color:#ff5746;} /* 미정:일본 */ .ico_txt.ico_ec {background-color:#ff5746;} /* 영어회화 */ .icon_lecture {display:inline-block; width:50px; height:26px; text-align:center; border-radius:3px; -webkit-border-radius:3px; text-align:center; line-height:26px; color:#fff;font-size:10px;font-weight:bold;} .icon_lecture.te{background:#827fc6} .icon_lecture.tf{background:#02ccbf} .icon_lecture.ts{background:#4a90df; line-height:10px; padding-top:3px; height:23px; letter-spacing:-1px;} span.sPoint {display:inline-block; width:75px; height:13px; background:url('/asset/skin/mbasil/img/common/bg_point.png') no-repeat; background-size:75px 78px; text-indent:100%; white-space:nowrap; overflow:hidden; margin-right:5px;} span.sPoint.rvp1 {background-position:0 0} span.sPoint.rvp2 {background-position:0 -13px} span.sPoint.rvp3 {background-position:0 -26px} span.sPoint.rvp4 {background-position:0 -39px} span.sPoint.rvp5 {background-position:0 -52px} span.sPoint.rvp0 {background-position:0 -66px} .ico_sns {width:29px; height:29px; display:inline-block; background:url('/asset/skin/mbasil/img/icon/icon_sns.png') no-repeat; background-size:181px 29px; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle; margin-right:5px;} .ico_sns.tw {background-position:0 0;} .ico_sns.fb {background-position:-39px 0;} .ico_sns.nb {background-position:-78px 0;} .ico_sns.band {width:27px; height:27px; background-position:-117px 0; margin-top:-2px;} .ico_sns.cas {width:27px; height:27px; background-position:-154px 0; margin-top:-2px; margin-right:0;} .sns_fbox {position:relative; width:180px; height:37px; padding:8px 5px 0 5px; background:#eaeaea; border-radius:5px;} .sns_fbox:before {content:""; position:absolute; top:-10px; right:15px; display:block; border-color: transparent transparent #eaeaea transparent; border-style: solid; border-width:0 10px 10px 10px; width: 0; height: 0;} .ico_grade {display:inline-block; width:22px; height:22px; border-radius:22px; background:url('/asset/skin//mbasil/img/icon/ico_grade.png') no-repeat; background-size:22px 75px; white-space:nowrap; overflow:hidden; text-indent:100%;} .ico_grade.inc {background-color:#fe4445; background-position:0 0} .ico_grade.dec {background-color:#00c7ba; background-position:0 -26px;} .ico_grade.sam {background-color:#494949; background-position:0 -52px;} .ico_mov {display:inline-block; height:40px; font-size:10px; color:666;} .ico_mov:before {content:""; display:block; width:37px; height:37px; background:url('/asset/skin/mbasil/img/icon/ico_mov.png') no-repeat; background-size:177px 37px; border-radius:3px; margin-bottom:1px;} .ico_mov.sampMv:before {background-position:0 0} .ico_mov.otMv:before {background-position:-47px 0;} .ico_mov.fvMv:before {background-position:-94px 0;} .ico_mov.snsMv:before {background-position:-140px 0;} span.txt_save {font-size:10px; background-color:#e5e5e5; color:#666; border-radius:2px; padding:1px 2px; line-height:12px;} /* -------------- 레이어 팝업 -------------- */ .mask {width:100%; height:100%; background:url('/asset/skin/mbasil/img/common/bg_mask.png') repeat; /* filter:Alpha(Opacity=70%); opacity:.7; background-color:#000; */ position:absolute; top:0; left:0; z-index:9000;} .layer {position:absolute; z-index:9001; top:49px; left:50%; right:0; margin-left:-160px; max-width:320px; background-color:#fff;;} .layer .popTitle {height:28px; padding-top:7px; padding-left:12px; background-color:#fd5151; font-size:14px; color:#fff; font-weight:bold; line-height:18px;} .layer .closeLayer {position:absolute; top:11px; right:11px; width:13px; height:13px; display:block; background:url('/asset/skin/mbasil/img/common/btn_close.png') no-repeat; background-size:100%; text-indent:100%; overflow:hidden; white-space:nowrap;} .layer .popBody {padding:22px 15px 25px;} .layer .popBody.grayBody {background-color:#f0f2f4;} .layer .popBody .tit_cont {font-weight:bold; font-size:15px; color:#333; padding-bottom:5px; border-bottom:2px solid #fd5151;} .layer .btn2 {padding:0 20%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .layer .status_att {padding:25px 0; background:#f0f2f4; font-weight:bold; font-size:16px; text-align:center;} .layer .popBody .title_sub.attendance {text-align:center; font-size:14px; color:#333;} .layer .popBody .title_sub.attendance .user_name {color:#1798b0; text-decoration:underline;} /* table */ .tbl_type01 {border:3px solid #e3e3e3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .tbl_type01 table {width:100%;} .tbl_type01 table th, .tbl_type01 table td {padding:10px 15px; border-top:1px solid #e3e3e3; color:#666;} .tbl_type01 table tbody tr:first-child th, .tbl_type01 table tbody tr:first-child td {border-top:none;} .tbl_type01 table th {text-align:left; background:#f1f1f1;} .tbl_type01 table td {text-align:right;} .tbl_type01 table .value {color:#333; font-weight:bold;} .tbl_type01 table .total {color:#e92020; font-weight:bold; font-size:18px; vertical-align:middle;} .tbl_type01 table tfoot th, .tbl_type01 table tbody .save th, .tbl_type01 table tbody .save td {border-top:3px solid #e3e3e3; background:#f1f1f1;} .tbl_type01 table tfoot td {border-top:3px solid #e3e3e3;} .tbl_type01 table tbody .save th {font-weight:normal;} .tbl_type02 {border-top:1px solid #666;} .tbl_type02 .tit_caption {padding-left:15px; height:32px; line-height:32px; background:#f7f7f7; font-size:15px; font-weight:bold; color:#333;} .tbl_type02 table {width:100%;} .tbl_type02 table th, .tbl_type02 table td {padding:10px 0; border-bottom:1px solid #e3e3e3; color:#666;} .tbl_type02 table th {text-align:left; padding-left:15px;} .tbl_type02 + .tbl_type02 {margin-top:25px;} .tbl_type03 {border-top:1px solid #666;} .tbl_type03 table {width:100%;} .tbl_type03 table th, .tbl_type03 table td {padding:10px 0; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; color:#666;} .tbl_type03 table th, .tbl_type03 table td.gray {background:#f7f7f7; text-align:center;} .tbl_type03 table th:first-child, .tbl_type03 table td:first-child {border-left:none;} .tbl_type03 table td {padding:10px 15px; background:#fff;} .tbl_type03 table td.txt_C {padding-right:5px; padding-left:5px;} .tbl_type03.td_pa table td {padding:9px 6px;} .tbl_type03 table td.bdr_R {border-left:1px solid #e3e3e3;} .tbl_type03 table .bg_gray {background:#dbdbdb; border-left:1px solid #c1c1c1;} .tbl_type04 {border-top:1px solid #666;} .tbl_type04 table {width:100%;} .tbl_type04 table th, .tbl_type04 table td {padding:10px 0; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; color:#666;} .tbl_type04 table th, .tbl_type04 table td.gray {background:#f7f7f7; text-align:center;} .tbl_type04 table th:first-child, .tbl_type04 table td:first-child {border-left:none;} .tbl_type04 table td {padding:10px 0 10px 15px; text-align:right; color:#666;} .tbl_type04 table tbody th {color:#666; font-weight:normal} .tbl_type04 table tfoot th {color:#333;} .tbl_type04 .tbl_note {margin-top:6px;} .tbl_type05 table {border-top:1px solid #666; width:100%;} /* 수강신청 상세보기 > 커리큘럼 */ .tbl_type05 table th {padding:10px 0; border-bottom:1px solid #c1c1c1; color:#666; text-align:center; background:#dbdbdb;} .tbl_type05 table td {padding:10px 0; border-bottom:1px solid #e3e3e3; color:#666; text-align:left; padding-left:10px;} .tbl_type05 table tr:last-child th {border-bottom:1px solid #666;} .tbl_type05 table tr:last-child td {border-bottom:1px solid #666;} /* boxtype */ .borderbox {padding:15px; text-align:center; border:3px solid #e3e3e3;} .borderbox.round {border-radius:3px; -webkit-border-radius:3px;} .borderbox .txt_status {font-weight:bold; font-size:16px;} .box_gray {padding:15px; background:#f7f7f7;} .box_shadow {background:#f7f7f7; border-radius:3px; box-shadow:2px 2px 0 #cfcfcf; } /* vertical graph bar */ .duration_wrap {position:relative; padding-top:10px;} .duration_wrap:after {content:''; display:block; clear:both; height:0;} .duration_wrap .duration_bar {position:relative; top:0; padding:10px 50px; background:#e3e3e3; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; height:9px;} .duration_wrap .duration_bar p {height:9px; background:#fff; box-shadow:inset 2px 2px 2px #999; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .duration_wrap .duration_bar p .bar {position:relative; height:9px; display:inline-block; background:url('/asset/skin/mbasil/img/common/bg_graph_bl.png') repeat 0 0; vertical-align:top; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .duration_wrap .duration_bar p .bar .balloon {position:absolute; top:-20px; right:-17px; font-size:9px; color:#fff; display:block; text-align:center; width:auto; padding:0 4px; height:15px; background-color:#494949; border-radius:4px; /* background:url('/asset/skin/mbasil/img/common/bg_balloon01.png') no-repeat 0 0; background-size:36px 21px; */} .duration_wrap .duration_bar p .bar .balloon:after {content:""; display:block; position:absolute; bottom:-4px; left:50%; margin-left:-3px; border-color: #494949 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; width: 0; height: 0;} .duration_wrap .duration_bar .date {position:absolute; display:block; width:50px; text-align:center; font-size:9px; line-height:11px; margin-top:4px;} .duration_wrap .duration_bar .date .day {display:block; color:#959595; text-align:center;} .duration_wrap .duration_bar .date.start {top:0; left:3px;} .duration_wrap .duration_bar .date.end {top:0; right:3px;} .ft_bnn {text-align:center;} .ft_bnn a {display:inline-block;} .ft_bnn img {max-width:100%; height:auto; margin:0 auto;} .bnn_wrap {border-radius:4px; text-align:center;} .bnn_wrap p + p {margin-top:17px;} .bnn_wrap a {display:inline-block;} .bnn_wrap img {max-width:100%; height:auto; border-radius:4px; margin:0 auto;} .img_wrap {position:relative;} .img_wrap img {display:block; margin:0 auto; max-width:100%;} .img_wrap.support06 .btn_wrap {position:absolute; left:0; bottom:0;} .img_wrap.free_top {background:#395eac;} .img_wrap.free_top img {width:320px; margin:0 auto;} /* login */ .visual_login {background:#f7f7f7;} .visual_login img {width:100%; margin:0 auto; max-width:640px;} .login_area {position:relative;} .login_area .input_area {width:75%;} .login_area .input_area .inputTxt {display:block; margin-bottom:7px;} .login_area .btn_area {position:absolute; top:0; right:0; width:25%; box-sizing:border-box; padding-left:5px;} .login_area .btn_area a {color:#fff; font-weight:bold; border-radius:3px; text-align:center;} .login_area .btn_area .btn_login {display:block; height:58px; line-height:58px; background:#fe4445; margin-bottom:5px;} .login_area .btn_area .btn_join {display:block; padding:3px 0; height:15px; line-height:15px; background:#666;} /* myclass - cart */ .list_step {width:100%; background:#f1f1f1;} .list_step:after {content:''; display:block; clear:both; height:0;} .list_step li {position:relative; float:left; width:33.3%; height:43px; background:url("/asset/skin/mbasil/img/common/arr_step.png") no-repeat 100% 50%; background-size:8px 11px;} .list_step li:before {content:''; display:block; position:absolute; width:34px; height:34px; overflow:hidden;} .list_step li span {display:inline-block; padding-left:42px; font-weight:bold; line-height:43px; color:#666;} .list_step li.bgN {background:none;} .list_step li.on {background:url("/asset/skin/mbasil/img/common/bg_step_on.png") no-repeat 0 0; background-size:auto 43px;} .list_step li.on span {color:#333;} .list_step li.step1.on {background-position:100% 0;} .list_step li.step1:before {top:4px; left:5px; background:url('/asset/skin/mbasil/img/common/bg_cart_step01.png') no-repeat 0 0; background-size:34px auto;} .list_step li.step1.on:before {background-position:0 -34px;} .list_step li.step2:before {top:6px; left:3px; background:url('/asset/skin/mbasil/img/common/bg_cart_step02.png') no-repeat 0 0; background-size:34px auto;} .list_step li.step2.on:before {background-position:0 -34px;} .list_step li.step3:before {top:6px; left:3px; background:url('/asset/skin/mbasil/img/common/bg_cart_step03.png') no-repeat 0 0; background-size:34px auto;} .list_step li.step3.on:before {background-position:0 -34px;} .cart_step {height:43px; background:#f1f1f1} .cart_step:after {content:''; display:block; clear:both; height:0;} .cart_step li {width:33%; float:left; height:38px; padding-top:5px; background:url('/asset/skin/mbasil/img/sub/bg_cart_arr.png') 100% 0 no-repeat; background-size:7px 27px; line-height:16px; font-size:12px; font-weight:bold; text-align:center; position:relative;} .cart_step li.on {width:34%; background:url('/asset/skin/mbasil/img/sub/bg_cart_step.png') repeat-x; background-size:2px 43px;} .cart_step li.on:after {content:""; position:absolute; top:0; right:-8px; width:18px; height:43px; display:block; background:#f1f1f1 url('/asset/skin/mbasil/img/sub/bg_cart_step1.png') no-repeat; background-size:18px 43px;} .cart_step li.on:before {content:""; position:absolute; top:0; left:-10px; width:18px; height:43px; display:block; background:#f1f1f1 url('/asset/skin/mbasil/img/sub/bg_cart_step2.png') no-repeat; background-size:18px 43px;} .cart_step li.on:first-child::before, .cart_step li.on:last-child::after {display:none;} .cart_step li:last-child {background:none;} .cart_step li.on:last-child {background:url('/asset/skin/mbasil/img/sub/bg_cart_step.png') repeat-x; background-size:2px 43px;} .cart_step li span {display:inline-block; padding:9px 5px 9px 38px;} .cart_step li:first-child span {background:url('/asset/skin/mbasil/img/sub/bg_cart_step01.png') 0 4px no-repeat; background-size:34px 68px;} .cart_step li:nth-child(2) span {background:url('/asset/skin/mbasil/img/sub/bg_cart_step02.png') 0 4px no-repeat; background-size:34px 68px;} .cart_step li:last-child span {background:url('/asset/skin/mbasil/img/sub/bg_cart_step03.png') 0 4px no-repeat; background-size:34px 68px;} .cart_step li.on span {background-position:0 -34px; padding-right:0;} .content.cart_list, .content.order_finish {padding-top:25px; padding-bottom:23px;} .content.order_list {padding-top:15px;} .sort_area .sorting {float:right; height:26px;} .sort_area:after {content:''; display:block; clear:both; height:0;} .sort_stat {margin:10px 0; padding:12px 0; background:#f8f8f8; border:3px solid #e3e3e3; font-weight:bold; font-size:14px; color:#333; text-align:center;} /* 장바구니 */ .type_class {} .type_class:after {content:''; display:block; clear:both; height:0;} .type_class span {display:inline-block; color:#fff; font-weight:bold; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; line-height:14px; padding: 2px 1px 1px; /*margin-top:5px;*/} .type_class span.end {background:#fa533d;} /* 완강 */ .type_class span.mobile {background:#569adf;} /* 모바일 */ .type_class span.field {background:#827fc6;} /* 현장강의 */ .cart_class:after {content:''; display:block; clear:both; height:0;} .cart_class span {display:block; color:#fff; font-weight:bold; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; line-height:14px; padding: 2px 1px 1px; text-align:center;} .cart_class span.pcs1 {} /* 입금대기 */ .cart_class span.pcs2 {background-color:#827fc6;} /* 입금확인:결제완료 */ .cart_class span.pcs3 {background-color:#569adf;} /* 포장,발송 */ .cart_class span.pcs4 {} /* 배송완료 */ .list_cart_item {border-top:1px dotted #b5b5b5; margin:10px 0 15px;} .list_cart_item.order_finish {margin:0; border-top:0 none;} .list_cart_item.order_finish > li {border-bottom:0 none; padding:0;} .list_cart_item > li {position:relative; padding:15px 0; border-bottom:1px dotted #b5b5b5; min-height:135px;} .list_cart_item li .inputR {position:absolute; top:15px; left:0; width:17px; height:16px; vertical-align:top; margin-right:3px;} .list_cart_item li .thumb_area {position:absolute; top:15px; left:20px; width:80px;} .list_cart_item li .thumb_area .thumb_img {text-align:center;} .list_cart_item.order li .thumb_area, .list_cart_item.order_finish li .thumb_area {left:0;} .list_cart_item.order_finish li .thumb_area {top:0;} .list_cart_item li .thumb_area .thumb_img img {height:90px;} .list_cart_item li .thumb_area .type_class {margin:0 0 10px; margin-right:-5px;} .list_cart_item li .info_area {padding-left:105px;} .list_cart_item li .info_area .class_tit {margin:0 0 0 0;} .list_cart_item li .info_area .class_tit a {font-weight:bold; font-size:14px; color:#333; line-height:17px; } .list_cart_item li .info_area .class_cmt {padding-top:5px; padding-bottom:6px;} @media (min-width:480px) { .list_cart_item li .info_area .btn_wrap {position:absolute; bottom:15px; right:0; width:15%;} .list_cart_item li .info_area .btn_wrap span {display:block; width:100%; padding:0; margin-bottom:5px;} .list_cart_item li .info_area .btn_wrap span:last-child {margin-bottom:0;} } .list_cart_item.order li .info_area, .list_cart_item.order_finish li .info_area {padding-left:100px;} .list_cart_item li .thumb_area .cart_class {margin-top:5px;} /* 주문조회 */ .amount {position:relative; border:1px solid #cacaca; border-radius:3px; text-align:center; height:30px; line-height:30px;} .amount a {position:absolute; top:0; display:block; width:30px; height:30px; background-color:#dbdbdb; border-radius:2px; text-indent:-99999px;} .amount a.plus {right:0; background-image:url('/asset/skin/mbasil/img/common/bg_plus.png'); background-repeat:no-repeat; background-position:50%; background-size:14px;} .amount a.minus {left:0; background-image:url('/asset/skin/mbasil/img/common/bg_minus.png'); background-repeat:no-repeat; background-position:50%; background-size:14px;} .list_info_detail {display:table; margin:5px 0 10px;} .list_info_detail li span {display:table-cell;line-height:14px; height:14px; color:#666; font-weight:normal;} .list_info_detail li .th {width:54px; border-right:1px solid #e7e7e7;} .list_info_detail li .td {padding-left:10px;} .list_cart_item li .info_area .save span {display:inline-block; font-size:10px; color:#666; background:#f1f1f1; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:2px; padding:0 1px;} .list_cart_item li .info_area .save em {font-style:normal; font-size:10px;} .list_cart_item li .info_area .price {font-size:10px; color:#666; margin-top:5px;} .list_cart_item li .info_area .price > strong {color:#333; text-decoration:line-through;} .list_cart_item li .info_area .price .real_price {font-size:12px; padding-left:3px;} .list_cart_item li .info_area .price .real_price strong {color:#e92020;} .list_cart_item li .info_area .price .real_price:first-child {padding-left:0;} .list_package {width:100%; margin-top:15px; border-top:1px solid #ccc;} .list_package li {position:relative; padding:10px 120px 10px 0; min-height:34px; border-bottom:1px solid #ccc;} .list_package li .tit_package {width:60%; font-weight:bold; color:#666; line-height:16px; height:34px; display:table-cell;} .list_package li .tit_package span {position:relative; display:inline-block; padding-left:7px;} .list_package li .tit_package span:before {content:''; display:block; width:4px; height:4px; background:#666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:absolute; top:5px; left:0;} .list_package li .btn_view_pkg {display:block; width:79px; padding:7px 0; color:#fff; text-align:center; background:#569adf; border-radius:3px; -webkit-border-radius:3px; position:absolute; top:50%; right:0; margin-top:-15px;} .list_package li .btn_view_pkg:active, .list_package li .btn_view_pkg:hover, .list_package li .btn_view_pkg:visited {color:#fff;} .list_package li .discount {position:absolute; top:50%; right:85px; width:33px; height:24px; background:url('/asset/skin/mbasil/img/common/bg_discount.png') no-repeat 0 0; background-size:33px; color:#fff; text-align:center; font-size:7px; line-height:9px; padding-top:9px; margin-top:-18px;} .list_package li .discount strong {font-size:14px;} .btn_shipping {position:absolute; bottom:0; right:0;} .list_textbook {margin-top:10px; border-top:1px dotted #b5b5b5;} .list_textbook > li {position:relative; padding:15px 0; border-bottom:1px dotted #b5b5b5;} .list_textbook > li a {display:block; width:100%; min-height:70px;} .list_textbook > li .img_textbook img {position:absolute; top:15px; left:0; width:48px; height:66px; z-index:20;} .list_textbook > li .img_textbook:after {content:''; display:block; width:48px; height:66px; background:#333; position:absolute; top:16px; left:1px; z-index:10;} .list_textbook > li .info_textbook {margin-left:74px;} .list_textbook > li .info_textbook .tit_textbook {font-size:14px; color:#333;} .list_textbook > li .info_textbook .list_info_detail {margin:10px 0 0;} .list_bul.type03 > li .btn_form {position:absolute; top:13px; right:0;} .setup_start_box {width:100%; padding:15px 0; text-align:center; background:url('/asset/skin/mbasil/img/common/bg_setup_start.png') repeat 0 0; border-radius:3px; -webkit-border-radius:3px;} .setup_start_box .txt_tit {font-weight:bold; font-size:18px; color:#fff;} .setup_start_box .txt_tit span {color:#fff237;} .setup_start_box .txt_desc {color:#fff; font-size:10px; margin:10px 0 15px;} .setup_start_box .txt_desc span {color:#003636;} .btn_setup_start {display:inline-block; padding:7px 15px; text-align:center; color:#fff !important; font-weight:bold; background:#046868; border-radius:3px; -webkit-border-radius:3px;} #pop_search_coupon .list_bul2 li {padding-bottom:15px;} #pop_search_coupon .list_bul2 li .inputTxt {width:100%; display:block; margin-top:5px;} /* ---------------- 내 강의실 - 보장반 ---------------- */ .visual_attendance {width:100%; position:relative;} .visual_attendance .visual {background:#e9e9e9;} .visual_attendance .visual img {display:block; width:100%; max-width:320px; margin:0 auto;} .visual_attendance .duration {position:absolute; top:81px; left:50%; display:inline-block; width:164px; padding:2px 5px; background:#444444; color:#fff; font-size:11px; margin-left:-82px; text-align:center;} .visual_attendance .caution {padding:13px 0; background:#01aaaf;} .visual_attendance .caution li {text-align:center; color:#fff; font-weight:bold; font-size:12px; line-height:18px;} .attendance_area {text-align:center;} .attendance_area .status_att {padding:15px 0;} .attendance_area .status_att .stat {font-weight:bold; font-size:16px; margin-bottom:10px;} .attendance_area .status_att .desc {color:#666;} .attendance_area .btn_today {padding:10px 0; background:#313131; color:#fff; font-weight:bold; font-size:16px;} .attendance_area .btn_today .btn_att {display:inline-block; padding:8px 25px; color:#fff; background:#fe4445; border-radius:3px; margin-left:10px; font-size:12px; box-shadow:0 3px 0 #bf0001;} .att_cal_wrap {padding:15px 17px 25px; background:#fffbf2;} .att_cal_wrap .att_calendar {background:#fff; border-radius:5px; box-shadow:1px 1px 3px #ccc;} .att_cal_wrap .att_calendar:after {content:''; display:block; clear:both; height:0;} .att_cal_wrap .att_calendar li {float:left; width:20%; height:50px; box-sizing:border-box; border-right:1px dotted #c8c8c8; border-top:1px dotted#c8c8c8; padding:9px 0; text-align:center;} .att_cal_wrap .att_calendar li:nth-child(1), .att_cal_wrap .att_calendar li:nth-child(2), .att_cal_wrap .att_calendar li:nth-child(3), .att_cal_wrap .att_calendar li:nth-child(4), .att_cal_wrap .att_calendar li:nth-child(5) {border-top:none;} .att_cal_wrap .att_calendar li:nth-child(5n) {border-right:none;} .att_cal_wrap .att_calendar li.stamp {text-indent:-99999px;} .att_cal_wrap .att_calendar li.stamp.finish {background:url('/asset/skin/mbasil/img/icon/stamp_fin.png') no-repeat center; background-size:47px 36px;} .att_cal_wrap .att_calendar li.stamp.abs {background:url('/asset/skin/mbasil/img/icon/stamp_abs.png') no-repeat center; background-size:47px 36px;} .att_cal_wrap .att_calendar li .d-day {font-weight:bold; font-size:14px;} .att_cal_wrap .att_calendar li .date {display:inline-block; font-size:9px; line-height:9px; height:9px; min-width:25px; padding:2px 8px 2px; background:#ececec; border-radius:6px;} /* ---------------- 내 강의실 ---------------- */ .bx_cnum {display:inline-block; background:#e3e3e3; border:1px solid #d8d8d8; border-radius:2px; font-size:10px; color:#666; line-height:14px;} .bx_cnum span {display:inline-block; padding:4px 3px 3px 8px; font-weight:normal;} .bx_cnum span:last-child::before {content:""; background:#b5b5b5; height:8px; width:1px; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-1px;} .bx_cnum span:last-child {padding-right:8px; padding-left:3px;} /* 게시판 공통 */ .board_util {padding-bottom:10px} .board_util:after {content:''; display:block; clear:both;} .board_util .selectBox {float:left;} .board_util .btn {float:right; padding-top:3px;} .board_util .btn .wAns {/* 사용안함 padding:3px 20px 4px; line-height:18px; */} .board_search_wrap{padding:12px 10px;background:#f1f1f1;} .board_search {display:table; width:100%; margin-bottom:10px;} .board_search li {display:table-cell; box-sizing:border-box; padding-left:5px;} .board_search li:first-child {padding-left:0;} .board_search li.ip_slt {width:57px;} .board_search li.btn {width:113px; text-align:right; padding-left:0;} .board_search li.btn_sech{width:47px;} .board_search li .inputTxt {display:block;} .board_list {border-top:1px solid #e9e8e8;} .board_list li {position:relative; padding:7px 0 6px 22px; line-height:16px; border-bottom:1px solid #e9e8e8;} .board_list li a {font-size:12px; color:#666; overflow:hidden; display:block; white-space: nowrap; text-overflow:ellipsis;} .board_list li.not {} .board_list li.not:before {content:""; background:#fe4445 url('/asset/skin/mbasil/img/icon/ico_not.png') no-repeat; background-size:100%; border-radius:4px; display:inline-block; width:20px; height:20px; vertical-align:middle; position:absolute; top:50%; left:0; margin-top:-10px;} .board_list li .num {position:absolute; top:7px; left:0; font-weight:bold; color:#333;} .board_list li .date {font-size:11px; color:#e92020; padding-top:1px;} .board_list li .cate {font-size:11px; color:#666; padding-top:1px;} .board_list li .sub {color:#666; font-weight:bold} .board_list .icon_lecture{position:absolute; top:50%; margin-top:-13px; left:22px; } .board_list .lecture_info{padding-left:56px;} .board_list .lecture_info .date {display:inline-block;padding-right:10px;margin-right:10px;color:#e92020;line-height:11px;border-right:1px solid #ececec; } .board_list .lecture_info .vote {color:#666; font-size:11px;} .board_view {margin-bottom:35px;} .board_view .cate {position:relative; padding-left:17px; padding-right:17px; background-color:#f7f7f7; text-align:center;} .board_view .cate.line {border-top:1px solid #b2b2b2; border-bottom:1px solid #e9e8e8;} .board_view .cate p {font-size:13px; font-weight:bold; color:#333; line-height:16px; padding:8px 0; display:inline-block;} .board_view .cate span.btn {position:absolute; top:50%; margin-top:-11px;} .board_view .cate span.pre, .board_view .cate span.cancel {left:17px;} .board_view .cate span.save, .board_view .cate span.modify {right:17px;} .board_view .txt_cont {padding:12px 0 25px; margin:0 17px; min-height:100px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #e9e8e8; color:#666;} .board_view .txt_cont img {max-width:100%; margin:0 auto; display:block; text-align:center;} .board_view .txt_cont:last-of-type {border-bottom:none 0;} .board_view .info {padding:0 17px;} .board_view .info dl {display:table; width:100%; border-bottom:1px solid #e9e8e8; padding:7px 0;} .board_view .info dl:after {content:""; display:block; clear:both;} .board_view .info dl dt, .board_view .info dl dd {line-height:16px; display:table-cell; font-size:12px; color:#666; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .board_view .info dl dd .file {font-weight:normal;} .board_view .info dl dt {width:70px; font-weight:bold;} .board_view .info .note {display:block; padding-top:5px; line-height:16px; font-size: 11px; color:#666;} .board_view .info dl + .note {background-color:#fff; margin-top:-1px;} .board_view .banner {height:120px;background:#c1c1c1} .board_view .btn_wrap {padding-top:10px; padding-left:17px; padding-right:17px; box-sizing:border-box; position:relative;} .board_view .pre_list p {margin:0 17px; border-bottom:1px solid #e9e8e8;} .board_view .pre_list p span, .board_view .pre_list p a {line-height:16px; display:table-cell; font-size:12px; color:#666; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-weight:normal; padding:7px 0;} .board_view .pre_list p span {font-weight:bold;} .board_view .pre_list p span:after {content:""; display:inline-block; vertical-align:middle; margin:-2px 12px 0 6px; width:10px; height:6px; background:url('/asset/skin/mbasil/img/common/bbs_arr.png') no-repeat; background-size:10px 13px;} .board_view .pre_list p:last-of-type span:after{background-position:0 -7px; margin-top:0;} /* 답변하기 */ .board_view .answ_cont {background:#ffeaea; padding:0 10px 28px; margin:-1px 17px 0;} .board_view .answ_cont dd, .board_view .answ_cont dt {padding:9px 0;} .board_view .answ_cont dt {font-weight:bold;} .board_view .answ_cont dd {border-top:1px solid #e9dcdb; color:#666;} /* 강사qna 답변 */ .board_view .answ_cont1 {position:relative; margin:15px 17px 0;} .board_view .answ_cont1 dt {padding:9px 0 9px 10px; font-weight:bold; background:#ffeaea;} .board_view .answ_cont1 dt .star_teacher {background:url('/asset/skin/mbasil/img/icon/ico_star.png') no-repeat; background-size:17px 16px; padding-left:20px; line-height:16px; display:inline-block;} .board_view .answ_cont1 dd.txt {padding:12px 0 25px; color:#666; border-bottom: 1px solid #e9e8e8;} .board_view .answ_cont1 .date {position:absolute; top:0; right:5px; font-size:10px; font-weight:bold; color:#333; padding:9px 0; border:0 none;} .board_view .answ_cont1 .date span {font-weight:normal; color:#666;} .board_view .answ_cont1 .date span:before {content: ""; display: inline-block; height: 10px; width: 1px; vertical-align: middle; background: #e3e3e3; margin: -3px 6px 0 4px;} .board_view .answ_cont1 .info, .board_view .answ_cont1 .info dl {padding:0;} .board_view .answ_cont1 .info dl dt {background:none; padding-left:0;} .board_view .answ_cont1 .info dl dd {border:0 none;} .board_view + .content {margin-top:-35px;} /* teacher01_04.html */ /* customer */ .board_list.bbsNotice li {padding-right:56px;} .board_list.bbsNotice li.not {padding-right:0; line-height:16px;} .board_view.boardWt .txt_cont textarea {height:70px;} .board_list.goto_url {border-top:1px dotted #b5b5b5;} .board_list.goto_url li {padding-right:65px; border-bottom:1px dotted #b5b5b5;} .board_list.goto_url .fs11 {font-size:11px; color:#666; padding-top:2px;} .board_list.goto_url .btn_goto {position: absolute; top: 50%; right: 0; margin-top: -14px;} .arr_list {border-top:1px dotted #b5b5b5;} .arr_list li {padding:10px 8px 11px 0; border-bottom:1px dotted #b5b5b5; position:relative;} .arr_list li:after {content:""; position:absolute; top:50%; right:0; margin-top:-5px; display:block; height:9px; width:6px;} .arr_list li a {color:#666; display:block;} .arr_list li .icon_txt_inner, .arr_list li .fs15 {vertical-align:middle;} .arr_list li .icon_txt_inner {margin-right:5px;} .goto_list {border-top:1px dotted #b5b5b5;} .goto_list li {padding:10px 68px 11px 0; border-bottom:1px dotted #b5b5b5; position:relative; color:#666;} .goto_list li .btn {position:absolute; right:0; top:50%; margin-top:-13px; width:65px; padding-right:0;} .goto_list2 {border-top:1px solid #e9e8e8; position:relative;} .goto_list2 li {position:relative; padding:10px 87px 11px 7px; border-bottom:1px solid #e9e8e8; color:#666;} .goto_list2 li:before {content:""; position:absolute; top:50%; left:0; margin-top:-3px; width:4px; height:4px; display:block; border-radius:2px; -webkit-border-radius:2px; margin-right:5px; background:#ec3e3e;} .goto_list2 li .btn {position:absolute; right:0; top:50%; margin-top:-13px; padding-right:0;} .goto_list2 .txt_more {position:absolute; top:-24px; right:0;} .txt_more {font-size:10px; color:#3783d0 !important; text-decoration:underline;} .txt_more:before {content:"+"; display:inline-block; text-decoration:underline;} .list_event {} .list_event li {padding:15px 0; /*border-top:1px dotted #b5b5b5;*/} /*.list_event li:first-child {border-top:none; padding-top:0;}*/ /*.list_event li:last-child {padding-bottom:0;}*/ .list_event li a {position:relative; display:block; border:1px solid #e3e3e3; border-radius:3px; -webkit-border-radius:3px;} .list_event li a .img_event {display: block; text-align: center; box-sizing:border-box;} .list_event li a .img_event img {display:inline-block; max-width:100%; border-radius:2px 2px 0 0;} .list_event li a .tit_event {display:block; margin:10px; font-weight:bold; color:#e92020; line-height:1em; width:80%; height:12px; overflow:hidden; text-overflow:ellipsis;} .list_event li a .date_event {display:block; padding:0 0 10px 10px; font-weight:bold; font-size:10px; line-height:1em;} .list_event li a .icon {position:absolute; top:5px; left:5px; display:block; font-size:10px; font-weight:bold; color:#fff; width:37px; height:18px; text-align:center; line-height:18px; border-radius:2px; -webkit-border-radius:2px;} .list_event li a .icon.ing {background-color:#fe4445;} .list_event li a .icon.end {background-color:#494949;} .list_event li a .announce {display:block; position:absolute; right:6px; bottom:6px; width:32px; padding:9px 4px; background:#666; text-align:center; font-weight:bold; color:#fff; font-size:10px; line-height:11px; border-radius:30px; -webkit-border-radius:30px;} .service_guide {position:relative; min-height:140px; padding-left:130px !important; padding-bottom:25px !important;} .service_guide img {display:block; width:109px; position:absolute; left:18px; bottom:0;} .list_step_parti {margin-left:-15px;} .list_step_parti:after {content:''; display:block; clear:both; height:0;} .list_step_parti > li {position:relative; float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:15px; padding-bottom:15px; text-align:center;} .list_step_parti > li:nth-child(1):after {content:''; display:block; width:8px; height:11px; background:url('/asset/skin/mbasil/img/common/arr_R.png') no-repeat 0 0; background-size:8px 11px; position:absolute; top:50%; right:-11px; margin-top:-12px;} .list_step_parti > li:nth-child(2):after {content:''; display:block; width:11px; height:8px; background:url('/asset/skin/mbasil/img/common/arr_B.png') no-repeat 0 0; background-size:11px 8px; position:absolute; bottom:3px; right:42%;} .list_step_parti > li:nth-child(3) {float:right;} .list_step_parti > li:nth-child(3):after {content:''; display:block; width:8px; height:11px; background:url('/asset/skin/mbasil/img/common/arr_L.png') no-repeat 0 0; background-size:8px 11px; position:absolute; top:50%; left:3px; margin-top:-12px;} .list_step_parti > li .step {padding:12px 0; background:#64c3bd; border-radius:2px; -webkit-border-radius:2px; text-align:center; font-weight:bold; font-size:10px; color:#fff;} .list_step_parti > li .step.last {background:#48a5da;} .banner_save img {width:100%;} .offer {background:#fff; border:1px solid #e7e7e7; border-radius:3px; -webkit-border-radius:3px; box-shadow: 0 2px 0 #ccc;} .offer + .offer {margin-top:15px;} .offer .offer01, .offer .offer02 {padding:15px 15px 15px 70px;} .offer .offer01 {background:url('/asset/skin/mbasil/img/sub/bg_offer01.png') no-repeat 15px 15px; background-size:45px;} .offer .offer02 {background:url('/asset/skin/mbasil/img/sub/bg_offer02.png') no-repeat 15px 15px; background-size:45px;} .offer .offer01 .offer_id, .offer .offer02 .offer_id {font-weight:bold; margin-bottom:5px;} .offer .offer01 .offer_con, .offer .offer02 .offer_con {color:#666;} .board_list.tgl_guide li {padding:0;} .board_list.tgl_guide li .num {position:static;} .board_list.tgl_guide li > a {position:relative; padding:14px 20px 14px 0;} .board_list.tgl_guide li > a:after {content:''; display:block; position:absolute; top:50%; right:0; width:11px; height:8px; margin-top:-4px; background:url('/asset/skin/mbasil/img/common/bg_tgl_arr.png') no-repeat 0 0; background-size:11px auto;} .board_list.tgl_guide li > a.on:after {background-position:0 -8px;} .board_list.tgl_guide li .tgl_cont {display:none; padding:10px; background:#f7f7f7; border-top:1px solid #e9e8e8;} .board_list.tgl_guide li .tgl_cont img {display:block; margin:0 auto; max-width:100%;} .board_list.tgl_guide li .tgl_cont p {margin-top:10px; color:#666;} .board_list.tgl_guide li .tgl_cont .icon_tip {display:inline-block; padding:0 10px; line-height:13px; background:#fa533d; color:#fff; font-size:11px; font-weight:bold; border-radius:2px; -webkit-border-radius:2px;} .list_guide_detail {padding-top:15px; margin-top:15px; border-top:1px solid #e9e9e9;} .list_guide_detail.none{padding-top:0; margin-top:0; border-top:none} .list_guide_detail li {border:none; margin-top:2px; padding-left:10px !important; text-indent:-5px; color:#666;} .list_guide_detail li:first-child {margin-top:0;} .list_guide_detail li .numb {display:inline-block; width:10px; color:#e92020;} .list_mWeb_desc {margin-top:10px; border-top:1px dotted #b5b5b5;} .list_mWeb_desc li {position:relative; padding:15px 0 15px 64px; border-bottom:1px dotted #b5b5b5; color:#666; text-align:justify;} .list_mWeb_desc li p {font-weight:bold; font-size:14px; color:#e92020; margin-bottom:7px;} .list_mWeb_desc li:before {content:''; display:block; position:absolute; top:15px; left:0; width:54px; height:54px;} .list_mWeb_desc li.desc01:before {background:url('/asset/skin/mbasil/img/sub/mWeb_desc01.png') no-repeat 0 0; background-size:54px 54px;} .list_mWeb_desc li.desc02:before {background:url('/asset/skin/mbasil/img/sub/mWeb_desc02.png') no-repeat 0 0; background-size:54px 54px;} .list_mWeb_desc li.desc03:before {background:url('/asset/skin/mbasil/img/sub/mWeb_desc03.png') no-repeat 0 0; background-size:54px 54px;} .list_mWeb_desc li.desc04:before {background:url('/asset/skin/mbasil/img/sub/mWeb_desc04.png') no-repeat 0 0; background-size:54px 54px;} .list_mWeb_desc li.desc05:before {background:url('/asset/skin/mbasil/img/sub/mWeb_desc05.png') no-repeat 0 0; background-size:54px 54px;} .list_mWeb_desc li.desc06:before {background:url('/asset/skin/mbasil/img/sub/mWeb_desc06.png') no-repeat 0 0; background-size:54px 54px;} .list_free {margin-top:10px; border-top:1px dotted #b5b5b5;} .list_free li {display:block; position:relative; padding:15px 0 15px 115px; border-bottom:1px dotted #b5b5b5; min-height:74px;} .list_free li a {display:block; color:#666; } .list_free li .mov {position:absolute; top:15px; left:0; width:105px; height:74px;} .list_free li .mov span {position:relative; display:block;} .list_free li .mov span:before {content:''; display:block; width:105px; height:74px; background:url('/asset/skin/mbasil/img/common/bg_play.png') no-repeat center; background-size:26px 26px; position:absolute; top:0; left:0;} .list_free li .mov span img {display:block; margin:0 auto; max-width:100%; border-radius:3px; -webkit-border-radius:3px;} .list_free li .tit {font-weight:bold; font-size:14px; color:#e92020; margin-bottom:7px;} .list_free li .desc {display:block; text-align:justify; } .faq_search {position:relative; padding-right:100px;} .faq_search .inputTxt {display:block;} .faq_search .inputTxt input {width:100%;} .faq_search .btn_area {position:absolute; top:0; right:0;} .list_faq {border-top:1px solid #e9e8e8;} .list_faq li {position:relative; border-bottom:1px solid #e9e8e8;} .list_faq li a {display:block; padding:10px 0;} .list_faq li a .cate {font-weight:normal; font-size:11px;} .list_faq li a .tit {font-weight:bold;} .list_faq li .tgl_cont {display:none; padding:10px; background:#f7f7f7; color:#666; border-top:1px solid #e9e8e8;} .list_faq li .tgl_cont p + p {margin-top:20px;} .list_faq li.on .tgl_cont {display:block;} .list_faq li.best {padding-left:44px;} .list_faq li.best:before {content:'BEST'; display:inline-block; font-size:11px; color:#fff; font-weight:bold; width:35px; padding:2px 0; text-align:center; background:#827fc6; border-radius:2px; -webkit-border-radius:2px; position:absolute; top:50%; left:0; margin-top:-11px;} .list_faq + .btn_wrap {margin-top:10px;} /* 모바일 슬라이드 기본 */ .slide_wrap {position:relative} .slide_wrap .list_slide {overflow:hidden; } .slide_wrap .list_slide ul {overflow:hidden;} .slide_wrap .list_slide ul li {float:left;} .slide_wrap .list_slide ul li a {display:block;} .slide_wrap .list_slide ul li a img {max-width:100%; height:auto; border-radius:3px;} .slide_wrap .pager{position:absolute;top:-22px;right:0} .slide_wrap .pager a{display:inline-block;width:12px;height:12px;border-radius:12px;box-sizing:border-box;border:1px solid #b6b6b6; background-color:#fff; text-indent:100%; white-space:nowrap; overflow:hidden;} .slide_wrap .pager a.on{background-color:#de161f;border:none} .slide_wrap.event {} /* 이벤트 슬라이드 */ .slide_wrap.new_class {} /* 신규강의 */ .social_wrap{width:100%;} .social_wrap:after {content:''; display:block; clear:both; height:0;} .social_wrap .box {float:left; width:50%; box-sizing:border-box; padding:0 5px;} .social_wrap .box:first-child {padding-left:0;} .social_wrap .box:last-child {padding-right:0;} .social_wrap .box .social{text-align:center; border-radius:3px; border:1px solid #e7e7e7; background:#fff; box-shadow: 0 2px 0 #cbcaca;} .social_wrap .box .social .tit{padding-top:65px;font-weight:bold;font-size:12px;color:#333} .social_wrap .box .social .blog{background:url('/asset/skin/mbasil/img/icon/icon_blog.png') no-repeat 50% 11px; background-size:45px 45px;} .social_wrap .box .social .facebook{background:url('/asset/skin/mbasil/img/icon/icon_facebook.png') no-repeat 50% 11px; background-size:45px 45px;} .social_wrap .box .social .btn_wrap .btn_inner {margin:10px 0;} .info_box{border-top:1px solid #e9e8e8;border-bottom:1px solid #e9e8e8;background:#f7f7f7} .info_box .info_img_box{width:100%;height:auto;padding:15px 30px;} .info_box .info_img_box img{width:218px} /* 내 강의실 - 메인 */ .my_page_info {background:#3d3e47; padding:30px 17px 33px;} .my_page_info:after {content:""; display:block; clear:both;} .my_page_info .user {clear:both; color:#fff; font-size:20px; line-height:30px; padding-bottom:7px;} .my_page_info .user span {color:#e92020; font-weight:bold; font-size:18px; font-weight:bold;} .my_page_info .user span:before {content:""; background:#fe4445 url('/asset/skin/mbasil/img/icon/ico_not.png') no-repeat; background-size:100%; border-radius:4px; display:inline-block; width:20px; height:20px; margin:-3px 2px 0 5px; vertical-align:middle;} .my_page_info .my_point_box {display:block; width:65%; float:left;} .my_page_info .my_class {display:block; width:35%; float:right;} .my_page_info .my_point_box dl {background:#2f3038; border-radius:4px; position:relative; margin-bottom:6px; margin-right:6px;} .my_page_info .my_point_box dl dt, .my_page_info .my_point_box dl dd {font-size:12px; font-weight:bold; color:#fff; line-height:16px;} .my_page_info .my_point_box dl dt {position:absolute; top:0; left:0; padding:5px 8px 6px;} .my_page_info .my_point_box dl dd {padding:5px 6px 6px; color:#ccc; text-align:right;} .my_page_info .my_point_box dl dd:nth-child(3), .my_page_info .my_point_box dl dd:nth-child(4) {margin-top:-10px;} .my_page_info .my_point_box dl dd strong {color:#e90920; padding-left: 4px;} .my_page_info .my_class dl {background:#5d5d62; border-radius:4px; min-height:161px; text-align:center; margin-bottom:8px;} .my_page_info .my_class dl dt {padding-top:45px; color:#fff; font-weight:bold;} .my_page_info .my_class dl dd {font-size:20px; color:#fff; line-height:50px; } .my_page_info .my_class dl dd strong {font-size:40px; font-weight:bold; color:#fff;} .my_class_goto a {display:block; font-weight:bold; border-radius:4px; background:#fe4445; line-height:57px; color:#fff; text-align:center; box-shadow:2px 2px 0 #25252b} .my_class_goto a:hover {color:#fff;} .class_graph {position:relative; padding:0 0 0 57px; min-height:56px;} .class_graph .perTxt {position:absolute; top:0; left:0; width:48px; height:48px; font-size:10px; font-weight:bold; line-height:48px; text-align:center; margin-right:9px;} .class_graph .perTxt strong {font-size:15px;} .class_graph .perTxt.color01 {background:url('/asset/skin/mbasil/img/sub/bg_percent01.png') no-repeat 0 0; background-size:48px 48px;} .class_graph .perTxt.color02 {background:url('/asset/skin/mbasil/img/sub/bg_percent02.png') no-repeat 0 0; background-size:48px 48px;} .class_graph .class_sub {position:absolute; top:0; left:0; margin-right:9px; width:48px; height:48px; border-radius:24px;} .class_graph .class_sub span {position:absolute; top:50%; left:0; right:0; margin-top:-11px; font-size:9px; color:#fff; font-weight:bold; text-align:center; line-height:11px} .class_graph .class_sub.color01 {background-color:#827fc6;} .class_graph .class_sub.color02 {background-color:#02ccbf;} .class_graph .class_sub.color03 {background-color:#fa533d;} .class_graph .class_sub.color04 {background-color:#ddc242;} .class_graph .class_sub.color05 {background-color:#2fa0ee;} .class_graph .class_sub.color06 {background-color:#45c1e3;} .my_class_wrap {padding:35px 17px;} .my_class_wrap:after {content:""; display:block; clear:both;} .my_class_wrap + .my_class_wrap {padding-top:0;} .my_class_wrap .title_article {text-align:center;} .my_class_wrap .title_wrap .title_sub, .my_gray_wrap .title_wrap .title_sub {margin-bottom:4px;} .study_class_box {padding-top:9px;} .study_class_box + .study_class_box {border-top:1px dotted #b5b5b5; margin-top:15px; padding-top:9px;} .study_class_box .class_nm {color:#333; font-size:15px; line-height:25px; font-weight:bold; padding-bottom:9px;} .study_class_box + .btn_wrap {padding-top:15px;} .my_gray_wrap {background:#f7f7f7; padding:35px 17px;} /* #f7f7f7 .my_gray_wrap .title_article {text-align:center;} .my_gray_wrap .title_note {padding:9px 0; color:#666; line-height:13px; text-align:center;} */ .class_level_test {padding-top:7px;} .class_level_test:after {content:""; display:block; clear:both;} .class_level_test li {width:50%; float:left; box-sizing:border-box; margin-top:8px;} .class_level_test li:nth-child(2n-1) {padding-right:5px;} .class_level_test li:nth-child(2n) {padding-left:5px;} .class_level_test p {box-shadow:1px 2px 0 #ccc; border-radius:3px; min-height:81px; text-align:center;} .class_level_test p strong {display:block; padding-top:5px; font-size:20px; color:#fff; font-weight:bold; line-height:35px;} .class_level_test p a {display:inline-block; background:#666; border-radius:2px; min-width:80px; text-align:center; line-height:25px; font-weight:bold; color:#fff; font-size:11px;} .class_level_test p a:hover, .class_level_test p a:active {color:#fff;} .class_level_test p a.on {background:#dbdbdb; color:#4e4e4e;} .class_level_test p.te {background:#827fc6;} .class_level_test p.tf {background:#02ccbf;} .class_level_test p.cnb {background:#ddc242;} .class_level_test p.cnhsk {background:#ddc242;} .class_level_test p.jp {background:#ff5746;} .rn_class_box {position:relative; display:block; width:100%; height:168px; border-radius:6px; box-shadow:2px 2px #a6a6a6; margin-top:19px; margin-bottom:0; margin-right:15px;} .rn_class_box:first-of-type {margin-top:14px;} .rn_class_box:after {content:""; display:block; clear:both;} .title_article + .rn_class_box{margin-top:14px;} .title_wrap + .rn_class_box{margin-top:14px;} .rn_class_box a {display:block; width:auto; height:168px;} .rn_class_box .info_wrap {display:block; position:relative; padding-right:68px; background:url('/asset/skin/mbasil/img/sub/bg_class_box.png') no-repeat; background-size:285px 1015px; border-radius:4px} .rn_class_box .info_wrap:before {content:""; display:block; position:absolute; top:0; left:9px; width:1px; height:168px;} .rn_class_box .info_wrap .img {text-align:right; display:block;} .rn_class_box .info_wrap .img img {width:auto; height:168px; } .rn_class_box .info_wrap .txt_info {position:absolute; top:0; left:0; right:68px; padding:12px 0 0 16px; display:block; color:#fff; font-weight:bold; font-size:9px; line-height:21px;} .rn_class_box .info_wrap .txt_info .title {display:block; padding-bottom:20px; line-height:12px;} .rn_class_box .info_wrap .txt_info strong {display:block; font-size:20px; padding-top:5px; line-height:22px;} .rn_class_box .info_wrap .txt_info .tcr {display:inline-block; border-radius:9px; padding:0 8px 1px; font-size:11px; line-height:19px; font-weight:bold;} .rn_class_box .flag1 {position:absolute; top:0; right:0; background:url('/asset/skin/mbasil/img/icon/flag_hot.png') no-repeat; background-size:100%; width:52px; height:52px; display:block; white-space:nowrap; overflow:hidden; text-indent:100%;} .rn_class_box .flag2 {position:absolute; top:0; right:0; background:url('/asset/skin/mbasil/img/icon/flag_hot2.png') no-repeat; background-size:100%; width:52px; height:52px; display:block; white-space:nowrap; overflow:hidden; text-indent:100%;} .rn_class_box .info_btn {position:absolute; right:0; top:0; width:68px; height:168px; float:right; background:url('/asset/skin/mbasil/img/sub/bg_class_box2.png') 100% 0 no-repeat;background-size:285px 1015px; border-radius:0 4px 4px 0;} .rn_class_box .info_btn a {width:24px; height:27px; display:block; margin:10px 0 0 10px; padding:8px 12px; line-height:14px; font-size:11px;} /* 48*43 */ .rn_class_box .info_btn a:first-of-type {background:#dbdbdb; color:#4e4e4e;} .rn_class_box .info_btn a:nth-of-type(2) {background:#fd5151; color:#fff;} .rn_class_box .info_btn a:last-of-type {background:#575757; color:#fff; width:32px; padding:8px 8px} .rn_class_box.color01 .info_wrap {background-position:100% 0; background-color:#827fc6;} .rn_class_box.color02 .info_wrap {background-position:100% -169px; background-color:#02ccbf;} .rn_class_box.color03 .info_wrap {background-position:100% -338px; background-color:#fa533d;} .rn_class_box.color04 .info_wrap {background-position:100% -507px; background-color:#ddc242;} .rn_class_box.color05 .info_wrap {background-position:100% -676px; background-color:#2fa0ee;} .rn_class_box.color06 .info_wrap {background-position:100% -845px; background-color:#45c1e3;} .rn_class_box.color01 .tcr {background:#524eb1;} .rn_class_box.color02 .tcr {background:#008b82;} .rn_class_box.color03 .tcr {background:#d72d11;} .rn_class_box.color04 .tcr {background:#ba9500;} .rn_class_box.color05 .tcr {background:#0c68be;} .rn_class_box.color06 .tcr {background:#0085a9;} .rn_class_box.color01 .info_wrap:before {border-left:1px solid #1778c4; background-color:#5db4f5;} .rn_class_box.color02 .info_wrap:before {border-left:1px solid #1778c4; background-color:#5db4f5;} .rn_class_box.color03 .info_wrap:before {border-left:1px solid #dd4f3d; background-color:#fc7867;} .rn_class_box.color04 .info_wrap:before {border-left:1px solid #1778c4; background-color:#5db4f5;} .rn_class_box.color05 .info_wrap:before {border-left:1px solid #1778c4; background-color:#5db4f5;} .rn_class_box.color06 .info_wrap:before {border-left:1px solid #1778c4; background-color:#5db4f5;} /* 수강신청 > 수강신청 자세히 보기 */ .register_class_detail {width:100%; padding-top:15px;} .register_class_detail .img img {display:block; width:100%; max-width:720px; margin:0 auto; height:auto;} .register_class_detail .info_more {position:relative; padding:15px 17px; background:#3d3e47; height:54px;} .register_class_detail .info_more:after {content:""; display:block; clear:both; height:0;} .register_class_detail .info_more ul {width:190px;} .register_class_detail .info_more ul:after {content:""; display:block; clear:both; height:0;} .register_class_detail .info_more ul li {float:left; margin-right:10px; text-align:center; position:relative;} .register_class_detail .info_more ul li:last-child {margin-right:0;} .register_class_detail .info_more ul li a {color:#fff;} .register_class_detail .info_more .txt_detail {width:60px; position:absolute; top:15px; right:0; text-align:center; padding:8px 12px; border-left:1px solid #4e4f57;} .register_class_detail .info_more .txt_detail:before {content:''; display:block; width:1px; background:#2f3037; height:55px; position:absolute; top:0; left:0;} .register_class_detail .info_more .txt_detail .txt_save {background:#515363; color:#fff;} .register_class_detail .info_more .txt_detail .price {color:#fff;} .register_class_detail .info_more .sns_section {display:none; position:absolute; top:60px; right:-5px; z-index:500;} .my_dn_list {padding-top:10px;} .my_dn_list li {position:relative; border-bottom:1px solid #e4e3e3; line-height:29px; padding-left:8px;} .my_dn_list li:before {content:""; position:absolute; top:50%; left:0; margin-top:-3px; width:4px; height:4px; border-radius:3px; margin-right:5px; background:#666; display:block; } .my_dn_list li a {font-size:12px; color:#666; display:block;} .my_dn_list li a:after {content:""; width:20px; height:20px; display:block; position:absolute; top:50%; right:0; margin-top:-10px; background:#575757 url('/asset/skin/mbasil/img/common/bg_down.png') no-repeat; background-size:100%; border-radius:2px;} .package_goto {} .package_goto ul {overflow:hidden; margin-top:14px;} .package_goto ul li {float:left; padding:0 5px; box-sizing:border-box;} .package_goto ul.grid2 li {width:50%;} .package_goto ul.grid2 li:first-child {padding-left:0;} .package_goto ul.grid2 li:last-child {padding-right:0;} .package_goto ul.grid3 li {width:33.3%;} .package_goto ul.grid3 li:first-child {padding-left:0;} .package_goto ul.grid3 li:last-child {padding-right:0;} .package_goto li a {display:block; font-size:15px; color:#333; line-height:22px; text-align:center;} .package_goto li a:hover, .package_goto li a:active, .package_goto li a:visited {color:#333;} .package_goto li a:before {content:""; display:block; height:85px; border:1px solid #ddd; box-shadow:1px 1px 0 #d2d2d2; border-radius:3px; background:#fff url('/asset/skin/mbasil/img/sub/bg_pakcage.png') no-repeat; background-size:90px 570px; margin-bottom:5px;} .package_goto li a.lang:before {background-position:50% 0} .package_goto li a.tosp:before {background-position: 50% -95px;} .package_goto li a.opic:before {background-position:50% -190px} .package_goto li a.toe:before {background-position:50% -285px} .package_goto li a.cn:before {background-position:50% -380px} .package_goto li a.jp:before {background-position:50% -475px} /* 내 강의실 - 강의실 */ .content .my_dn_list {padding-top:0;} .visual_myclass {position:relative; background:#dedede; padding:25px 17px; min-height:152px;} .visual_myclass .main_tit {font-weight:bold; font-size:22px; line-height:26px;} .visual_myclass .sub_tit {width:50%; font-size:16px; margin:15px 0;} .visual_myclass .img_teacher {position:absolute; width:144px; height:202px; bottom:0; right:0;} .visual_myclass .img_teacher img {width:100%;} .visual_myclass .desc {width:50%; font-size:10px; color:#666;} .visual_myclass .btn_review_class {display:inline-block; margin-top:15px; border-radius:3px; padding:8px 18px; color:#fff; font-weight:bold; font-size:14px; background:url('/asset/skin/mbasil/img/common/bg_btn_review_class.png') repeat-x 0 0; background-size:1px 33px;} .visual_myclass .btn_review_class:hover {color:#fff;} /* .vis_top {text-align:center; background:#cbcac0;} .vis_top img {max-width:100%; height:auto;} */ .my_lecture_bar {background:#efede2; padding:13px 17px 15px; min-height:40px;} .my_lecture_bar .not_txt {background:#efede2; color:#333; font-weight:bold; padding-bottom:2px;} .my_lecture_bar .not_txt strong {color:#e90920;} /* 그래프 바 */ .my_lecture_bar .duration_wrap .duration_bar {background:#494949;} .my_lecture_bar .duration_wrap .duration_bar p .bar {background:url('/asset/skin/mbasil/img/common/bg_graph_gr.png') repeat 0 0; } .my_lecture_bar .duration_wrap .duration_bar p .bar .balloon {background-color:#fff; color: #333;} .my_lecture_bar .duration_wrap .duration_bar p .bar .balloon:after {content:""; border-color: #fff transparent transparent transparent;} .my_lecture_bar .duration_wrap .duration_bar .date, .my_lecture_bar .duration_wrap .duration_bar .date .day {color:#fff;} .my_lecture_user {display:block; text-align:center; line-height:17px; font-size:15px; padding-bottom:12px; font-weight:bold;} .my_lecture_user span {display:block; padding-top:12px; } .my_lecture_user span strong {text-decoration:underline} .my_lecture_process {display:table; width:100%; padding-bottom:10px;} .my_lecture_process .lecture_graph {display:table-cell; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -mobox-sizing:border-box;} .my_lecture_process .lecture_graph .graph_box {width:100%;} .my_lecture_process .lecture_graph .graph_box img {display:block; width:100%; max-width:274px; margin:0 auto;} .my_lecture_process .lecture_graph.advise {padding-right:12px;} .my_lecture_process .lecture_graph.my_graph {padding-left:12px;} .my_lecture_process .title {font-size:15px; color:#333; text-align:center; font-weight:bold; padding:14px 0 0;} /* 나의강의실 - 학습상담 */ .tabs_vis.learn_dn {position:relative; text-align:center;} .tabs_vis.learn_dn img {max-width:100%; height:auto; } .tabs_vis.learn_dn .btn_wrap.btn2 {position:absolute; left:0; right:0; bottom:18%; box-sizing:border-box; padding-left:17px; padding-right:17px;} .tabs_vis.learn_dn .btn_wrap.n3btn {position:absolute; left:0; right:0; bottom:12%; box-sizing:border-box; padding-left:17px; padding-right:17px;}/* 141103 학습하기버튼 */ .learn_list_wrap {} .learn_list_wrap .learn_box {border-top:1px solid #e9e8e8;} .learn_list_wrap .learn_box:last-of-type {border-bottom:1px solid #e9e8e8;} .learn_list_wrap .learn_box p {position:relative; padding:10px 140px 12px 20px;} .learn_list_wrap .learn_box p * {vertical-align:middle;} .learn_list_wrap .learn_box p span:first-child {position:absolute; top:50%; margin-top:-8px;} .learn_list_wrap .learn_box p span:first-child {left:0; top:11px; margin-top:0; width:40px; font-size:14px; font-weight:bold; color:#e92020; } .learn_list_wrap .learn_box p span:first-child a {font-size:12px; font-weight:bold; color:#666} .learn_list_wrap .learn_box p span.btn {position:absolute; right:0; top:50%; margin-top:-9px;} .learn_list_wrap .learn_box p span.btn span.goto, .learn_list_wrap .learn_box p span.btn span.down {position:static; amrgin-top:0; display:inline-block; width:75px;} .learn_list_wrap .learn_box p span.goto a {font-size:9px; font-weight:bold; color:#666; border-radius:2px; background:#e3e3e3; height:16px; display:block; padding:2px 10px 0; text-align:center;} .learn_list_wrap .learn_box p span.goto a:before {content:""; display:inline-block; width:11px; height:11px; border-radius:6px; vertical-align:middle; margin-right:3px; margin-top:-4px; background:#fe4445 url('/asset/skin/mbasil/img/common/bg_btn_play.png') no-repeat; background-size:11px;} .learn_list_wrap .learn_box p span.down a {font-size:9px; font-weight:bold; color:#666; border-radius:2px; background:#e3e3e3; height:16px; display:block; padding:2px 10px 0; text-align:center;} .learn_list_wrap .learn_box p span.down a:before {content:""; display:inline-block; width:11px; height:11px; border-radius:6px; vertical-align:middle; margin-right:3px; margin-top:-4px; background:#fe4445 url('/asset/skin/mbasil/img/common/bg_btn_dn.png') no-repeat; background-size:11px;} .learn_box_cnt {background:#f7f7f7;} .learn_box_cnt .box_wrap {border-top:1px solid #e9e8e8; padding:10px 0 8px; } .learn_box_cnt .box_wrap:after {content:''; display:block; clear:both;} .learn_box_cnt dl {width:33%; display:block; float:left;} .learn_box_cnt dl {border-left:1px solid #e9e8e8; box-sizing:border-box; -webkit-box-sizing:border-box;} .learn_box_cnt dl:first-of-type {border-left:none 0; width:34%;} .learn_box_cnt dl dt {text-align:center; margin-top:-3px; font-weight:bold;} .learn_box_cnt dl dd {padding-top:6px; text-align:center; min-height:42px;} .learn_box_cnt.ensure {display:none;} .learn_box_cnt.ensure dl {width:100%; border:none;} .learn_box_cnt.ensure dl:after {content:''; display:block; clear:both; height:0;} .learn_box_cnt.ensure dl dt {width:30%; float:left; margin-top:1px;} .learn_box_cnt.ensure dl dd {width:70%; float:left; padding-top:0; min-height:22px;} .learn_box_cnt.ensure p.learn_down {padding:0; margin-top:0;} .learn_box_cnt.ensure p.learn_down .btnss_dn {display:inline-block; width:45%; margin-bottom:0;} .learn_box_cnt .learn_day {display:block; margin:0 auto; padding-top:18px; width:41px; height:24px; background:url('/asset/skin/mbasil/img/sub/bg_learn_day.png') no-repeat; background-size:41px 126px; font-size:14px; font-weight:bold} .learn_box_cnt .learn_day.dayPre {background-position:0 0} .learn_box_cnt .learn_day.dayFIn {background-position:0 -42px;} .learn_box_cnt .learn_day.dayFail {background-position:0 -84px;} .learn_box_cnt .learn_status {display:block; padding:12px 0 4px; font-size:12px; text-align:center;} .learn_box_cnt .learn_status.lnsPre {color:#666;} .learn_box_cnt .learn_status.lnsing {color:#e92020;} .learn_box_cnt .learn_status.lnsFin {color:#666;} .learn_box_cnt p.learn_down {padding:0 7px; margin-top:-3px;} .learn_box_cnt p.learn_down .btnss_dn {margin-bottom:5px; padding:2px 0;} .learn_box_cnt p.learn_down .btnss_dn:last-of-type {margin-bottom:0} /* 0530 사용안함 .learn_box_cnt .learn_vw {width:40px; height:42px; display:block; margin:0 auto; background:url('/asset/skin/mbasil/img/sub/bg_learn_view.png') no-repeat; background-size:100%;text-indent:100%; white-space:nowrap; overflow:hidden;} .learn_box_cnt .learn_vw.dn_mov {background-position:0 0;} .learn_box_cnt .learn_vw.vw_mov {background-position:0 -42px;} */ /* 수강 후기 : Best */ .tabs_vis.class_review {position:relative; text-align:center;} .tabs_vis.class_review .not_txt {font-size:15px; color:#333; line-height:18px; font-weight:bold; padding:16px 0 9px; } .revw_best {background:#f7f7f7; padding-bottom:15px; margin-bottom:35px;} .revw_best .best_header {padding:14px; border-bottom:1px solid #e4e3e3; font-size:15px; color:#333; font-weight:bold; vertical-align:top;} .revw_best .best_header .ico_txt {margin:0; vertical-align:top;} .revw_best .best_cont {padding:13px 15px 0;} .revw_best .best_cont .best_tit {padding-bottom:6px; font-size:12px; line-height:15px; font-weight:bold;} .revw_best .info {padding-bottom:5px;} .revw_best .util {padding-bottom:10px;} .revw_best .util:after {content:""; display:block; clear:both; } .revw_best .util * {vertical-align:middle;color:#666;} .revw_best .txt_cnt img{max-width:100%; margin:0 auto; display:block;} .revw_best .writer {font-weight:bold; color:#666;} .revw_best .date:before {content:""; display:inline-block; width:1px; height:9px; background-color:#b5b5b5; vertical-align:middle; margin-left:3px; margin-right:5px; margin-top:-1px;} .revw_best .date {color:#e92020;} .revw_best .recom {display:inline-block; padding-left:16px; height:13px; background:url('/asset/skin/mbasil/img/icon/ico_rw.png') no-repeat; background-size:12px 30px; margin-right:5px;} .revw_best .reply {display:inline-block; padding-left:16px; height:13px; background:url('/asset/skin/mbasil/img/icon/ico_rw.png') 0 100% no-repeat; background-size:12px 30px; margin-right:5px;} /* 수강 후기 */ .class_revw_wrap {} .class_revw_wrap .list_header {float:left; color:#333; font-size:15px; font-weight:bold;} .class_revw_wrap .top_util {float:right; text-align:right;} .class_revw_wrap .top_util:after {content:""; display:block; clear:both; padding-bottom:13px;} .class_revw_wrap .top_util a {font-size:12px; font-weight:bold; color:#666;} .class_revw_wrap .top_util a:after {content:""; display:inline-block; width:1px; height:11px; background-color:#b5b5b5; vertical-align:middle; margin-left:6px; margin-right:4px; margin-top:-1px;} .class_revw_wrap .top_util a.on {font-size:12px; font-weight:bold; color:#e92020;} .class_revw_wrap .top_util a:last-child::after {display:none;} .class_revw_wrap .revw_lst {clear:both; border-top:1px solid #e9e8e8;} .class_mov_detail .class_revw_wrap {padding-top:15px;} .class_mov_detail .class_revw_wrap .revw_lst {border-top:1px solid #666;} /* 수강후기 : 후기 */ .revw_box {padding:13px 0 15px; border-bottom:1px dotted #b5b5b5; position:relative;} .revw_box * {font-size:11px; vertical-align:middle; color:#666;} .revw_box .info {padding-bottom:5px;} .revw_box .txt_cnt {clear:both; padding-bottom:11px;} .revw_box .txt_cnt img{max-width:100%; margin:0 auto; display:block;} .revw_box .util {clear:both;} .revw_box .util:after {content:""; display:block; clear:both; } .revw_box .btn {position:absolute; bottom:15px; right:0;} .revw_box .btn a {display:inline-block; margin-right:2px; font-size:9px; line-height:12px; border:1px solid #d6d6d6; border-radius:2px; padding:2px 0 1px; width:26px; text-align:center;} .revw_box .btn a.btnss_reply {color:#3783d0;} .revw_box .btn a.btnss_modify {color:#e92020;} .revw_box .btn a.btnss_del {color:#666; margin-right:0;} .revw_box .writer {font-weight:bold; color:#666;} .revw_box .date:before {content:""; display:inline-block; width:1px; height:9px; background-color:#b5b5b5; vertical-align:middle; margin-left:3px; margin-right:5px; margin-top:-4px;} .revw_box .date {color:#e92020;} .revw_box .recom {display:inline-block; padding-left:16px; height:13px; background:url('/asset/skin/mbasil/img/icon/ico_rw.png') no-repeat; background-size:12px 30px; margin-right:5px;} .revw_box .reply {display:inline-block; padding-left:16px; height:13px; background:url('/asset/skin/mbasil/img/icon/ico_rw.png') 0 100% no-repeat; background-size:12px 30px; margin-right:5px;} .revw_box .recom span, .revw_box .reply span {width:1px; height:1px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden;} .revw_box .txt_more {float:right; margin-top:-27px} .revw_box .alm, .revw_box .new {text-indent:100%; white-space:nowrap; overflow:hidden; display:inline-block; width:14px; height:14px;} .revw_box .alm {background:url('/asset/skin/mbasil/img/icon/ico_rw2.png') 0 100% no-repeat; background-size:12px 28px; margin-left:4px;} .revw_box .new {background:url('/asset/skin/mbasil/img/icon/ico_rw2.png') 0 0 no-repeat; background-size:12px 28px;} /* 수강후기 : 후기 답글 */ .revw_box_rp {position:relative; padding-right:40px; background-color:#f7f7f7; border-bottom:1px dotted #b5b5b5; } .revw_box_rp .info {padding-top:13px; margin-left:10px; padding-left:8px; padding-bottom:5px; background:url('/asset/skin/mbasil/img/icon/ico_re.png') 0 17px no-repeat; background-size:4px;} .revw_box_rp .info * {vertical-align:middle;} .revw_box_rp .txt_cnt {margin-left:18px; padding-bottom:15px;} .revw_box_rp .txt_cnt img{max-width:100%; margin:0 auto; display:block;} .revw_box_rp .util {position:absolute; bottom:15px; right:8px;} .revw_box_rp .util:after {content:""; display:block; clear:both; } .revw_box_rp .util .btn {} .revw_box_rp .util .btn a {display:inline-block; margin-right:2px; font-size:9px; line-height:12px; border:1px solid #d6d6d6; border-radius:2px; padding:2px 0 1px; width:26px; text-align:center; background-color:#fff;} .revw_box_rp .util .btn a.btnss_reply {color:#3783d0;} .revw_box_rp .util .btn a.btnss_modify {color:#e92020;} .revw_box_rp .util .btn a.btnss_del {color:#666; margin-right:0;} .revw_box_rp .writer {font-weight:bold; color:#666;} .revw_box_rp .date:before {content:""; display:inline-block; width:1px; height:9px; background-color:#b5b5b5; vertical-align:middle; margin-left:3px; margin-right:5px; margin-top:-1px;} .revw_box_rp .date {color:#e92020;} .revw_box_rp .alm, .revw_box_rp .new {text-indent:100%; white-space:nowrap; overflow:hidden; display:inline-block; width:14px; height:14px;} .revw_box_rp .alm {background:url('/asset/skin/mbasil/img/icon/ico_rw2.png') 0 100% no-repeat; background-size:12px 28px; margin-left:4px;} .revw_box_rp .new {background:url('/asset/skin/mbasil/img/icon/ico_rw2.png') 0 0 no-repeat; background-size:12px 28px;} /* 수강후기2 */ .board_revw_wrap .list_header {padding-bottom:13px; color:#333; font-size:15px; font-weight:bold;} .board_revw_wrap .list_header * {vertical-align:top;} .board_revw_wrap .revw_lst {border-top:1px solid #666;} .board_revw_wrap .revw_lst + .list_header {margin-top:25px;} .revw_box2 {padding:13px 0 15px; border-bottom:1px dotted #b5b5b5; position:relative;} .revw_box2 * {/* font-size:12px; vertical-align:middle; color:#666; */} .revw_box2 .info {padding-bottom:5px; font-size:12px; vertical-align:middle; color:#666; font-weight:bold;} .revw_box2 .info .writer {display:block;} .revw_box2 .txt_cnt {clear:both; padding-bottom:11px; font-size:10px; color:#666; line-height:14px;} .revw_box2 .txt_cnt img {max-width:100%; margin:0 auto; display:block;} .revw_box2 .txt_more {float:right; } .revw_box2 .util {clear:both; position:relative;} .revw_box2 .util .sPoint {position:absolute; bottom:4px; right:0;} .revw_box2 .btn {position:absolute; top:15px; right:0;} .revw_box2 .btn a {display:inline-block; margin-right:2px; font-size:9px; line-height:12px; border:1px solid #d6d6d6; border-radius:2px; padding:2px 0 1px; width:26px; text-align:center;} .revw_box2 .btn a.btnss_reply {color:#3783d0;} .revw_box2 .btn a.btnss_modify {color:#e92020;} .revw_box2 .btn a.btnss_del {color:#666; margin-right:0;} .revw_box2 .writer {font-weight:bold; color:#666;} .revw_box2 .recom {display:inline-block; padding-left:16px; height:13px; background:url('/asset/skin/mbasil/img/icon/ico_rw.png') no-repeat; background-size:12px 30px; margin-right:5px;} .revw_box2 .reply {display:inline-block; padding-left:16px; height:13px; background:url('/asset/skin/mbasil/img/icon/ico_rw.png') 0 100% no-repeat; background-size:12px 30px; margin-right:5px;} .revw_box2 .writer, .revw_box2 .date, .revw_box2 .new {vertical-align:middle;} .revw_box2 .new {text-indent:100%; white-space:nowrap; overflow:hidden; display:inline-block; width:14px; height:14px;} .revw_box2 .new {background:url('/asset/skin/mbasil/img/icon/ico_rw2.png') 0 0 no-repeat; background-size:12px 28px;} .revw_box2 .tit {font-size:12px; color:#333; font-weight:bold; padding-bottom:6px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .revw_box2.vw .txt_cnt {white-space:normal;} .revw_box2.best {padding-bottom:10px; border-bottom:1px solid #e9e8e8;} .revw_box2.best .tit {background:#f9f9f9; border-top:1px solid #666; border-bottom:1px solid #e9e8e8; padding:7px 0 8px; margin-bottom:8px; font-weight:normal; color:#666} .revw_box2.best .tit .class_cate {display:block; font-size:12px; color:#333; font-weight:bold;} .revw_box2.best .txt_cnt {color:#666; font-size:10px; /* display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; */ margin-bottom: 22px;} .revw_box2.best .info {position:absolute; bottom:39px; left:0; font-size:10px; font-weight:normal;} .revw_box2.best .info .writer {display:inline; vertical-align:middle; font-weight:normal;} .revw_box2.best .info .writer:after {content:""; display:inline-block; height:10px; width:1px; vertical-align:middle; background:#e3e3e3; margin: -3px 2px 0 4px;} .revw_box2.best + .revw_box2.best {margin-top:15px;} /* 나의강의실 - 학습상담 */ .tabs_vis.counsel {background:#2e3d59;} .tabs_vis.counsel .visual_wrap {position:relative; max-width:320px; height:218px; margin:0 auto;} .tabs_vis.counsel .visual_wrap img {display:block; width:100%; } .tabs_vis.counsel .visual_wrap .btn_lab {position:absolute; left:17px; bottom:17px; display:block; width:113px; height:27px; text-indent:-99999px;} .tabs_vis.counsel .visual_wrap .stat {position:absolute; top:85px; right:12px; width:100px; height:20px; color:#fff; font-weight:bold; font-size:10px; line-height:20px; text-align:center;} .tabs_vis.counsel .visual_wrap .stat span {color:#ffd83d;} .board_list.bbsAnswer li { padding-right:56px;} .board_list.bbsAnswer li.not { padding-right:0;} .board_list.bbsAnswer li .ans {position:absolute; top:50%; right:0; font-weight:bold; margin-top:-8px;} .board_list.bbsAnswer .ans.fn {color:#e92020} .board_list.bbsAnswer .ans.std {color:#1798b0;} /* 장바구니 - 패키지상품 */ .package_list {background:#fff; border-bottom:1px dotted #b5b5b5;} .package_list:after {content:""; display:block; clear:both;} .package_list li {position:relative; border-top:1px dotted #b5b5b5; padding:15px 60px 15px 93px;} .package_list li .inputR {position:absolute; top:15px; left:0;} .package_list li .thumb_img {position:absolute; top:15px; left:25px;} .package_list li .thumb_img img {width:57px; height:auto; border-radius:2px;} .package_list li .mov_class {position:absolute; top:50%; right:0; margin-top:-29px;} .package_list li .mov_class a {background-color:#575757; width:57px; height:57px; display:block; padding:11px 16px 16px; border-radius:57px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:12px; font-weight:bold; color:#fff; text-align:center;} .package_list .info_area {margin-top:-3px;} .package_list .class_tit {padding-bottom:4px;} .package_list .class_tit a {font-size:14px; color:#333; /* display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; */} .package_list .info_detail {padding-bottom:8px;} .package_list .info_detail dl dt, .package_list .info_detail dl dd {display:inline-block; color:#666;} .package_list .info_detail dl dt:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:11px; background:#e7e7e7; margin-left:5px; margin-right:2px; margin-top:-3px;} .pop_package_item {padding: 22px 0 25px;} .pop_package_item .pack_day {font-size:10px; color:#333; line-height:18px; margin-top:5px; text-align:left;} .pop_package_item .pack_sale {background:#fff; padding:14px 0 13px; margin-bottom:10px; border:3px solid #e3e3e3; border-radius:3px; color:#333; text-align:center; vertical-align:middle;} .pop_package_item .pack_tit {font-weight:bold; font-size:14px; line-height:18px;} /* 주문조회 */ .boxLine {border:1px solid #e3e3e3; background-color:#f1f1f1; border-radius:3px;} .cart_sch_form {padding:13px 15px;} .cart_sch_form dt {color:#333; font-size:14px; font-weight:bold; padding-bottom:8px;} .cart_sch_form .sch_date {padding-bottom:10px;} .cart_sch_form .sch_date .inputTxt, .cart_sch_form .sch_date .inputDate, .cart_sch_form .sch_date span {display:inline-block; width:10px; text-align:center;} .cart_sch_form .sch_date .inputDate {width:18px; height:19px; position:relative;} .cart_sch_form .sch_date .inputTxt {width:85px;} .cart_sch_form .sch_btn {display:table; width:100%; padding-bottom:10px;} .cart_sch_form .sch_btn span {display:table-cell; padding-right:5px; box-sizing:border-box;} .cart_sch_form .sch_btn span:last-of-type {padding-right:2px;} .category_form {padding:13px 15px; position:relative;} .category_form dt {color:#333; font-size:14px; font-weight:bold; padding-bottom:8px;} .category_form dd {} .category_form dd:after {content:""; display:block; clear:both;} .category_form .selectBox {width:50%; box-sizing:border-box;} .category_form .selectBox:first-of-type {float:left; padding-right:3px;} .category_form .selectBox:nth-of-type(2) {float:right; padding-left:3px;} .category_form .btn {position:absolute; top:13px; right:17px;} .category_form .btn_wrap {overflow:hidden; margin-top:15px;} .cart_pcs_wrap {display:table; width:100%; padding:9px 0 10px;} .cart_pcs_wrap li {position:relative; display:table-cell; text-align:center; padding-top:31px; font-size:10px;} .cart_pcs_wrap li:after {content:""; display:block; position:absolute; top:0; left:50%; margin-left:-22px; width:43px; height:31px; background:url("/asset/skin/mbasil/img/sub/bg_card_pcs.png") 50% 0 no-repeat; background-size:43px 124px;} .cart_pcs_wrap li:first-child::after {background-position:0 0;} .cart_pcs_wrap li:nth-child(2)::after {background-position:0 -31px;} .cart_pcs_wrap li:nth-child(3)::after {background-position:0 -62px;} .cart_pcs_wrap li:nth-child(4)::after {background-position:0 -93px;} .cart_pcs_wrap li:before {content:""; display:block; position:absolute; top:7px; left:-4px; width:8px; height:11px; background:url("/asset/skin/mbasil/img/common/arr_step.png") no-repeat; background-size:8px 11px;} .cart_pcs_wrap li:first-child::before {display:none;} .cart_pcs_wrap strong {color:#e92020;} .cart_order_info {margin-top:15px; margin-bottom:3px; padding-bottom:8px; border-top: 1px dotted #b5b5b5; padding-top:10px; padding-left:10px; position:relative;} .cart_order_info .btn_wrap {position:absolute; top:50%; margin-top:-15px; right:0; display:inline-block; overflow:auto; width:auto;} .cart_order_info dl dt {color:#333; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:5px;} .cart_order_info dl dd {line-height:14px;} .cart_order_info .date {color:#e90920; font-size:10px; margin-bottom:-2px;} .cart_order_info .num {color:#666;} .cart_order_info + .list_cart_item {margin-top:0;} .save_point {} .save_point dt {display:inline-block; color:#666; font-weight:normal;} .save_point dd {display:inline-block; color:#333; font-weight:bold;} .board_view + .calen_wrap {margin-top:-10px;} /* 달력 */ .calen_wrap {padding:0 17px 25px;} .calen_wrap .day_title {background:#f1f1f1; height:23px; padding-top:7px; margin-bottom:15px;} .calen_wrap .day_title:after {content:""; display:block; clear:both;} .calen_wrap .day_title li {float:left; width:14%; text-align:center; color:#666; font-size:12px; font-weight:bold; line-height:16px;} .calen_wrap .day_title li:first-child {width:16%; color:#fd5151;} .calen_wrap .cal_month {position:relative; text-align:center; font-size:15px; color:#333; min-height:25px; margin-bottom:15px;} .calen_wrap .cal_month span {line-height:25px; font-weight:bold;} .calen_wrap .cal_month a {position:absolute; top:50%; margin-top:-12px; left:50%; display:inline-block; width: 25px; height:25px; border-radius: 25px; text-indent: 100%; white-space: nowrap; overflow: hidden; background:#494949 url('/asset/skin/mbasil/img/common/bg_arr_month.png') no-repeat; background-size:25px 50px;} .calen_wrap .cal_month a:first-of-type {background-position:top; margin-left:-70px;} .calen_wrap .cal_month a:last-of-type {background-position:bottom; margin-left:45px;} .calen_wrap .cal_tbl {} .calen_wrap .cal_tbl table {width:100%; border-collapse:collapse; border-spacing:0; background:url('/asset/skin/mbasil/img/common/bg_cal_line.png') bottom repeat-x;} .calen_wrap .cal_tbl tr {background:url('/asset/skin/mbasil/img/common/bg_cal_line.png') top repeat-x;} .calen_wrap .cal_tbl td {color:#666; text-align:center; height:25px; min-width:25px;} .calen_wrap .cal_tbl td:first-child {color:#fd5151;} .calen_wrap .cal_tbl td span {display:block; margin:6px 0 5px; height:20px; line-height:20px; font-weight:bold;} .calen_wrap .cal_tbl td span a {color:#666;} .calen_wrap .cal_tbl td:first-child span a {color:#fd5151;} .calen_wrap .cal_tbl td.sel span {background:#ffdcdc;} .calen_wrap .cal_tbl td.cse {background:url('/asset/skin/mbasil/img/common/bg_today.png') 50% no-repeat; background-size:26px;} .calen_wrap .cal_tbl td.cse span {background:none;} .calen_wrap .cal_tbl td.cse span a {color:#fff;} .calen_wrap .cal_tbl td.today {background:url('/asset/skin/mbasil/img/common/bg_today.png') 50% no-repeat; background-size:26px;} .calen_wrap .cal_tbl td.today span {background:none;} .calen_wrap .cal_tbl td.today span a {color:#fff;} .calen_wrap .ct_util {padding-top:5px; color:#666;} .calen_wrap .ct_util .sel_txt, .calen_wrap .ct_util .cse_txt {font-size:12px; color:#666;} .calen_wrap .ct_util .sel_txt {margin-right:10px;} .calen_wrap .ct_util .sel_txt:before, .calen_wrap .ct_util .cse_txt:before {content:""; display:inline-block; margin-top:-3px; width:10px; height:10px; vertical-align:middle; margin-right:3px; } .calen_wrap .ct_util .sel_txt:before {background-color:#ffdcdc;} .calen_wrap .ct_util .cse_txt:before {background-color:#fd5151; border-radius:5px;} /* 주간 달력 */ .week_wrap {} .week_wrap .day_title {background:#f1f1f1; height:23px; padding-top:7px; margin-bottom:15px;} .week_wrap .day_title:after {content:""; display:block; clear:both;} .week_wrap .day_title li {float:left; width:14%; text-align:center; color:#666; font-size:12px; font-weight:bold; line-height:16px;} .week_wrap .day_title li:first-child {width:16%; color:#fd5151;} .week_wrap .cal_month {position:relative; font-size:15px; color:#333; min-height:25px; margin-bottom:15px;} .week_wrap .cal_month span {line-height:25px; font-weight:bold; padding-left:35px;} .week_wrap .cal_month a {position:absolute; top:50%; margin-top:-12px; display:inline-block; width: 25px; height:25px; border-radius: 25px; text-indent: 100%; white-space: nowrap; overflow: hidden; background:#494949 url('/asset/skin/mbasil/img/common/bg_arr_month.png') no-repeat; background-size:25px 50px;} .week_wrap .cal_month a:first-of-type {background-position:top; left:0;} .week_wrap .cal_month a:last-of-type {background-position:bottom; left:110px;} .week_wrap .cal_lst {border-top:1px solid #ccc;} .week_wrap .cal_lst li {position:relative; border-bottom:1px solid #ccc; padding:10px 0; min-height:16px;} .week_wrap .cal_lst li:after {content:''; display:block; clear:both; height:0;} .week_wrap .cal_lst li .date {position:absolute; top:0; bottom:0; left:0; background:#f5f5f5; width:40px; text-align:center;} .week_wrap .cal_lst li .date span {position:absolute; top:50%; left:0; right:0; margin-top:-14px; display:block; font-size:18px; color:#333; font-weight:bold;} .week_wrap .cal_lst li .date strong {display:block; font-size:10px;} .week_wrap .cal_lst li:nth-child(2n-1) .date {background:#e3e3e3;} .week_wrap .cal_lst li .mark {width:50px; float:left; margin-left:0px;}/* 141226_학습다이어리 */ .week_wrap .cal_lst li .mark2 {width:50px; float:left; margin-left:45px;}/* 141226_학습다이어리 */ .week_wrap .cal_lst li .csMark {height:100%;} .week_wrap .cal_lst li .csMark span {display:inline-block;} .week_wrap .cal_lst li .csMark span + span {margin-top:5px;} .week_wrap .cal_lst li .info_txt {padding-left:95px;} .week_wrap .cal_lst li .plus {display:block;} .week_wrap .cal_lst li .plus a {color:#3783d0; text-decoration:underline;} .week_wrap .cal_lst li .plus a:before {content:"+"; display:inline-block; vertical-align:middle; margin-top:-2px; text-decoration:underline;} /* 141226_학습다이어리 */ .week_wrap .selectBox{margin-right:3px; display:block;} .week_wrap .selectBox ul{margin-bottom:10px} .week_wrap .selectBox ul:after {content:""; display:block; clear:both;} .week_wrap .selectBox li {float:left;padding-right:10px} /* 쿠폰번호 등록 */ .reg_coupon_wrap {} .reg_coupon_wrap .rc_tit {padding-bottom:13px;} .reg_coupon_wrap .rc_tit:before {content:""; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px; width:4px; height:4px; background:#ec3e3e; border-radius:4px;} .reg_coupon_wrap .coupon_num_ins {margin-bottom:7px;} .coupon_num_ins {} .coupon_num_ins .inputTxt {width:16%;} .coupon_num_ins .bar {display: inline-block;} .coupon_num_ins .btn {display: inline-block; vertical-align:middle; width:42%;} .coupon_num_ins .btn a {display: block; text-align:center;} /* 나의강의실-학습다이어리 */ .icoGr.point {background:url('/asset/skin/mbasil/img/icon/ico_point.png') no-repeat; background-size:28px 30px; width:28px; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; display:inline-block;} .icoGr.com1 {display:inline-block; background:url('/asset/skin/mbasil/img/sub/ico_com1.png') no-repeat; background-size:12px 10px;} .csMark {display:inline-block; width:47px; height:36px; position:relative;} .csMark img {width:100%;} .csMark.one {background:url('/asset/skin/mbasil/img/sub/csMark_1.png') no-repeat; background-size:47px 36px;} .csMark.adc {background:url('/asset/skin/mbasil/img/sub/csMark_12.gif') no-repeat; background-size:47px 36px;}/* 141226_학습다이어리 */ .csMark.ten {background:url('/asset/skin/mbasil/img/sub/csMark_10.png') no-repeat; background-size:47px 36px;} .csMark.d30 {background:url('/asset/skin/mbasil/img/sub/csMark_30.png') no-repeat; background-size:47px 36px;} .csMark.fin {background:url('/asset/skin/mbasil/img/sub/csMark_fin.png') no-repeat; background-size:47px 36px;} .csMark strong {position:absolute; top:-2px; right:5px; color:#eee; width:16px; height:16px; background:#f42828; border-radius:16px; line-height:16px; font-size:10px; font-weight:bold; text-align:center;} .txtMark {background-image:url('/asset/skin/mbasil/img/icon/ico_mark_txt.png'); background-size:31px 50px; height:22px; width:31px; display:inline-block; vertical-align:middle;} .txtMark.fin {background:#47c0da; border-radius:3px; font-size:12px; color:#fff; text-align:center; line-height:14px; padding-top:4px; height:18px; } .txtMark.lotto {text-indent:100%; white-space:nowrap; overflow:hidden; background-position:0 0;} .txtMark.coupon {text-indent:100%; white-space:nowrap; overflow:hidden; background-position:0 -28px;} .mark_guide.txt10 {background:url('/asset/skin/mbasil/img/sub/img_star_lotto.png') 50% 0 no-repeat; background-size:43px 22px; padding-top:27px;} .mark_guide.day30 {background:url('/asset/skin/mbasil/img/sub/img_sp_coupon.png') 50% 0 no-repeat; background-size:48px 24px; padding-top:28px;} .mark_guide.fin {background:url('/asset/skin/mbasil/img/sub/img_point_gr.png') 50% 0 no-repeat; background-size:52px 30px; padding-top:34px;} .mark_guide .hide {visibility:hidden; width:1px; height:1px; font-size:1px; line-height:1px; position:absolute; top:0; left:0;} /* 141226_학습다이어리 */ .my_diary_set {padding-bottom:10px;} .my_diary_set:after {content:""; display:block; clear:both;} .my_diary_set div {width:33%; float:left;} .my_diary_set div.alarm, .my_diary_set div.coupon {width:34%;} .my_diary_set div > dl {min-height:140px; position:relative; margin-bottom:15px; margin-left:10px; border:1px solid #e7e7e7; border-radius:2px; box-shadow:0 2px 0 #d3d2d2;} .my_diary_set div > dl {min-height:140px;} .my_diary_set div.tday dl, .my_diary_set div.mark dl {margin-left:0;} .my_diary_set div:nth-of-type(4) > dl, .my_diary_set div:nth-of-type(5) > dl, .my_diary_set div:nth-of-type(6) > dl {min-height:105px; margin-bottom:0;} .my_diary_set div > dl > dd {padding:0 8px; color:#e90920; font-weight:bold; text-align:center;} .my_diary_set div > dl > dt {padding:45px 8px 2px; font-size:12px; color:#333; line-height:16px; font-weight:bold; text-align:center;} .my_diary_set div .btn {position:absolute; bottom:9px; left:8px; right:8px;} .my_diary_set div .btn a.btn_form {width:100%; padding-left:0; padding-right:0; background:#777; } .my_diary_set div.coupon dt {padding-bottom:4px;} .my_diary_set div.coupon dd {display:block;} .my_diary_set div.coupon dl dd dl {display:table; width:100%; box-sizing:border-box; margin-bottom:0; min-height:auto !important;} .my_diary_set div.coupon dl dd dl dt {display:table-cell; padding-bottom:0; color:#666; text-align:left; font-size:10px; line-height:14px;} .my_diary_set div.coupon dl dd dl dd {display:table-cell; text-align:right; font-size:10px; line-height:14px;} .my_diary_set div.alarm dl dd p:first-of-type {} .my_diary_set div.alarm dl dd p:first-of-type * {vertical-align:middle;} .my_diary_set div.alarm dl dd p:first-of-type sup {display:inline-block; font-size:7px; /* margin-top:3px; */} .my_diary_set div > dl > dt:before {content:""; position:absolute; top:0; left:0; right:0; height:45px; display:block; background:url('/asset/skin/mbasil/img/icon/ico_my_merit2.png') 50% 0 no-repeat; background-size:87px 295px;} .my_diary_set div.tday dl > dt:before {background-position:50% 0;} .my_diary_set div.dday dl > dt:before {background-position:50% -40px;} .my_diary_set div.alarm dl > dt:before {background-position:50% -80px;} .my_diary_set div.mark dl > dt:before {background-position:50% -120px;} .my_diary_set div.lotto dl > dt:before {background-position:50% -200px;} .my_diary_set div.coupon dl > dt:before {background-position:50% -250px;} .my_diary_set div.mark dt {padding-bottom:6px;} .my_diary_set div.mark dd strong {position:relative; display:inline-block; width:40px; height:20px; border:3px solid #bebebe; border-radius:2px; background:url('/asset/skin/mbasil/img/sub/bg_num_line.png') repeat-x; background-size:1px 20px; color:#fff; text-align:center; line-height:18px;} .my_diary_set div.mark dd strong:after, .my_diary_set div.mark dd strong:before {content:""; position:absolute; top:50%; margin-top:-2px; display:block; width:2px; height:4px; background:#d8d8d8;} .my_diary_set div.mark dd strong:after {right:0;} .my_diary_set div.mark dd strong:before{left:0;} /* 141226_학습다이어리 */ .my_diary_set2 {padding-bottom:10px;} .my_diary_set2:after {content:""; display:block; clear:both;} .my_diary_set2 div {width:25%; float:left;} .my_diary_set div.coupon {width:34%;} .my_diary_set2 div > dl {min-height:140px; position:relative; margin-bottom:15px; margin-left:10px; border:1px solid #e7e7e7; border-radius:2px; box-shadow:0 2px 0 #d3d2d2;} .my_diary_set2 div > dl {min-height:140px;} .my_diary_set2 div.tday dl, .my_diary_set2 div.mark dl {margin-left:0;} .my_diary_set2 div > dl > dd {padding:0 8px; color:#e90920; font-weight:bold; text-align:center;} .my_diary_set2 div > dl > dt {padding:45px 8px 2px; font-size:12px; color:#333; line-height:16px; font-weight:bold; text-align:center;} .my_diary_set2 div .btn {position:absolute; bottom:9px; left:8px; right:8px;} .my_diary_set2 div .btn a.btn_form {width:100%; padding-left:0; padding-right:0; background:#777; } .my_diary_set2 div.coupon dt {padding-bottom:4px;} .my_diary_set2 div.coupon dd {display:block;} .my_diary_set2 div.coupon dl dd.t1 {text-align:center;color:#666; font-size:10px; line-height:14px;} .my_diary_set2 div.coupon dl dd.t1 span{font-size:10px; line-height:14px;color:#e90920} .my_diary_set2 div > dl > dt:before {content:""; position:absolute; top:0; left:0; right:0; height:45px; display:block; background:url('/asset/skin/mbasil/img/icon/ico_my_merit2.png') 50% 0 no-repeat; background-size:87px 295px;} .my_diary_set2 div.mark dl > dt:before {background-position:50% -120px;} .my_diary_set2 div.lotto dl > dt:before {background-position:50% -170px;} .my_diary_set2 div.coupon dl > dt:before {background-position:50% -200px;} .my_diary_set2 div.ad_day dl > dt:before {background-position:50% -250px;} .set_alarm_pop {padding:0 18px 25px; margin-top:-10px;} .set_alarm_pop .btn {text-align:center;} .set_alarm_pop .btn a {width:118px; text-align:center; margin-right:1px;} .set_alarm_pop .btn a:last-of-type {width:120px; text-align:center; margin-left:1px;} .set_alarm_pop .box_gray {margin-top:15px; text-align:center;} .set_alarm_pop .times {margin-top:12px;} .set_alarm_pop .times:after {content:""; display:block; clear:both;} .set_alarm_pop .times li {float:left; width:50%;} .set_alarm_pop .times li p {color:#666; margin-bottom:3px;} .set_alarm_pop .times li .selectBox {margin-right:3px; display:block;} .set_alarm_pop .times li:last-child .selectBox {margin-left:2px;} /* 나의강의실-내가 가진 혜택 */ .my_merit_link {min-height:70px; margin-bottom:11px;} .my_merit_link:after{content:""; display:block; clear:both;} .my_merit_link li {position:relative; float:left; height:54px; width:20%; box-sizing:border-box;} .my_merit_link li a {font-size:9px; color:#333; line-height:14px; text-align:center; display:block; padding-top:55px;} .my_merit_link li a:before {content:""; position:absolute; top:0; left:2px; right:2px; height:50px; display:block; background:#f1f1f1 url('/asset/skin/mbasil/img/icon/ico_merit.png') no-repeat; background-size:54px 504px; border:1px solid #e3e3e3; border-radius:2px;} .my_merit_link li.on a:before {background-color:#569adf; border:1px solid #569adf; border-radius:2px;} .my_merit_link li:first-child a:before {background-position:50% 1px} .my_merit_link li:nth-child(2) a:before {background-position:50% -51px;} .my_merit_link li:nth-child(3) a:before {background-position:50% -101px;} .my_merit_link li:nth-child(4) a:before {background-position:50% -151px;} .my_merit_link li:nth-child(5) a:before {background-position:50% -202px;} .my_merit_link li.on:first-child a:before {background-position:50% -252px;} .my_merit_link li.on:nth-child(2) a:before {background-position:50% -303px;} .my_merit_link li.on:nth-child(3) a:before {background-position:50% -353px;} .my_merit_link li.on:nth-child(4) a:before {background-position:50% -403px;} .my_merit_link li.on:nth-child(5) a:before {background-position:50% -454px;} .list_history {border-top:1px dotted #b5b5b5; margin-bottom:15px;} .list_history li {border-bottom:1px dotted #b5b5b5; position:relative; display:table; width:100%; line-height:16px; padding:10px 0 12px;} .list_history li .date {position:absolute; top:12px; left:2px; color:#666;} .list_history li:before {content:""; display:table; width:100%;} .ptTxt {display:table-cell; color:#666; padding-top:18px;} .ptValue {display:table-cell; text-align:right;} .ptValue * {vertical-align:bottom; line-height:16px;} .ptValue .valueInc em {font-style:normal; color:#1798b0;} .ptValue .valueDec em {font-style:normal; color:#fe4445;} .ptValue .valueTotal {font-weight:bold;} .ptValue .valueTotal em {font-size:14px; font-style:normal; color:#666; } .ptValue .total span.text:after {content:""; display:inline-block; vertical-align:middle; height:11px; width:1px; background-color:#e7e7e7; margin-left:9px; margin-right:6px; margin-top:-3px;} .fMoney_change_guide {margin-bottom:15px; position:relative;} .fMoney_change_guide:after {content:""; display:block; clear:both;} .fMoney_change_guide dl {display:block; width:50%;} .fMoney_change_guide dl:after {content:""; display:block; clear:both;} .fMoney_change_guide dl dt, .fMoney_change_guide dl dd {float:left; width:50%; border:5px solid #e3e3e3; background:#e3e3e3; box-sizing:border-box; text-align:center; font-size:12px; font-weight:bold;} .fMoney_change_guide dl dt {background:#e3e3e3; border-right:none 0; padding-top:4px; padding-bottom:4px;} .fMoney_change_guide dl dd {float:right; background:#fff;} .fMoney_change_guide dl:last-child dd {color:#e92020;} .fMoney_change_guide dl:first-child {float:left; padding-right:9px; box-sizing:border-box;} .fMoney_change_guide dl:last-child {float:right; padding-left:9px; box-sizing:border-box;} .fMoney_change_guide dl:last-child::before {content:""; position:absolute; top:50%; left:50%; margin-left:-3px; margin-top:-7px; display:block; width:8px; height:11px; background:url('/asset/skin/mbasil/img/common/arr_step.png') no-repeat; background-size:100%;} .history_coupon_total {padding-top:14px; padding-bottom:13px; border-top:1px dotted #b5b5b5; font-size:15px; font-weight:bold;} .history_coupon_total span {font-size:12px; font-weight:normal;} .history_coupon {border-top:1px dotted #b5b5b5; margin-bottom:10px;} .history_coupon li {border-bottom:1px dotted #b5b5b5; padding-top:12px; padding-bottom:13px;} .history_coupon .tit {font-weight:bold; padding-bottom:5px; color:#666;} .history_coupon .info_detail {display:table;} .history_coupon .info_detail * {line-height:16px; vertical-align:baseline;} .history_coupon .info_detail dl {position:relative;} .history_coupon .info_detail dl dt, .history_coupon .info_detail dl dd {display:table-cell; color:#666; font-weight:normal; box-sizing:border-box; } .history_coupon .info_detail dl dt {min-width:65px; position:relative;} .history_coupon .info_detail dl dt:after {content:""; display:block; width:1px; height:10px; background:#ccc; margin-left:10px; margin-right:10px; display:inline-block; margin-bottom:-1px;} .history_coupon .use {margin-top:5px; color:#1798b0; font-weight:bold;} .pop_reg_num {padding-top:15px;} .pop_reg_num.line {border-top:1px solid #dadada; margin-top:15px; } .pop_reg_num .reg_box {width:100%; background:#f3f3f3; padding:15px; box-sizing:border-box; } .pop_reg_num .reg_box .inputTxt {width:70%; display:inline-block;} .pop_reg_num .reg_box .btn {width:20%; display:inline-block;} .pop_reg_num .reg_box .btn a {width:100%; text-align:center;} .pop_reg_num .reg_box.c_ins4 {text-align:center} .pop_reg_num .reg_box.c_ins4 .inputTxt {width:21%} .pop_reg_num .reg_box.c_ins4 .btn:before {content:""; display:block; clear:both; margin-top:15px;} .pop_reg_num .reg_box.c_ins4 .btn {display:inline-block; margin-right:15px;} /*모바일 우편번호 css 추가*/ .pop_reg_num .reg_box2 {width:100%; background:#f3f3f3; padding:15px; box-sizing:border-box; } .pop_reg_num .reg_box2 .inputTxt {width:60%; display:inline-block;} .pop_reg_num .reg_box2 .tex {padding-right:5px} .pop_reg_num .reg_box2 .btn {width:20%; display:inline-block;} .pop_reg_num .reg_box2 .btn a {width:100%; text-align:center;} /* ---------------- 강사소개 ---------------- */ .review_info {padding:15px 10px;} .review_info .tit {font-size:14px; font-weight:bold; margin-bottom:5px;} .review_info .tit.caution {margin-top:10px; padding-top:17px; border-top:1px solid #b5b5b5; font-size:10px; color:#e92020;} .title_wrap.sel_teacher {text-align:left;} .title_wrap.sel_teacher .title_sub {width:50%; color:#333; padding-right:10px; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:0; line-height:26px;} .title_wrap.sel_teacher .selectBox {width:50%; position:absolute; top:0; right:0;} .teacher_intro {position:relative; background-color:#dedede; max-width:702px; margin:0 auto;} .teacher_intro .btn {position:absolute; bottom:40px; left:17px; z-index:10;} .teacher_intro .teacher_img {padding-left:17px; box-sizing:border-box; -webkit-box-sizing:border-box;} .teacher_intro .teacher_img img {display:block; width:100%; } .teacher_intro.color01 {background:url('/asset/skin/mbasil/img/sub/bg_bestteacher01_.jpg') no-repeat 0 0; background-size:auto 100%;} .teacher_bar {background:#6181c2; padding:25px 18px; min-height:40px;} .teacher_bar .graph_wrap {position:relative;} .teacher_bar .graph_wrap + .graph_wrap {margin-top:17px;} .teacher_bar .graph_wrap .graph_bar {position:relative; top:0; left:0; border-radius:30px; -webkit-border-radius:30px; height:9px; padding:10px 50px; background:#494949;} .teacher_bar .graph_wrap .graph_bar .txt {position:absolute; top:0; left:10px; font-weight:bold; font-size:10px; color:#fff; display:block; width:62px; line-height:29px;} .teacher_bar .graph_wrap .graph_bar p {margin-left:22px; height:9px; border-radius:3px; -webkit-border-radius:3px; box-shadow:2px 2px 2px #999 inset; -webkit-box-shadow:2px 2px 2px #999 inset; background:#fff;} .teacher_bar .graph_wrap .graph_bar p .bar {display:inline-block; height:9px; vertical-align:top; border-radius:3px; -webkit-border-radius:3px;} .teacher_bar .graph_wrap .graph_bar p .bar.green {background:url('/asset/skin/mbasil/img/common/bg_graph_gr.png') repeat 0 0;} .teacher_bar .graph_wrap .graph_bar p .bar.red {background:url('/asset/skin/mbasil/img/common/bg_graph_rd.png') repeat 0 0;} .teacher_bar .graph_wrap .graph_bar p .bar .balloon {position:absolute; top:-4px; right:0; display:block; width:30px; height:37px; font-size:12px; font-weight:bold; color:#fff; line-height:37px; padding-left:15px;} .teacher_bar .graph_wrap .graph_bar p .bar.green .balloon {background:url('/asset/skin/mbasil/img/common/bg_balloon02.png') no-repeat; background-size:100%;} .teacher_bar .graph_wrap .graph_bar p .bar.red .balloon {background:url('/asset/skin/mbasil/img/common/bg_balloon03.png') no-repeat; background-size:100%;} .list_open_class li {margin-top:15px; border-top:1px solid #666; border-bottom:1px solid #e3e3e3;} .list_open_class li:first-child {margin-top:0;} .list_open_class li .tit {padding:10px 15px; font-size:14px; font-weight:bold; background:#f7f7f7;} .list_open_class li .info_wrap {position:relative; min-height:41px;} .list_open_class li .info_wrap .info {width:70%; padding:10px 0 10px 15px;} .list_open_class li .info_wrap .info p {color:#666;} .list_open_class li .info_wrap .info .summary {font-weight:bold; color:#4d8ac7;} .list_open_class li .info_wrap .btn_area {position:absolute; top:50%; right:0; margin-top:-21px;} .list_open_class li .info_wrap .btn_area a {display:block;} .list_open_class li .info_wrap .btn_area a + a {margin-top:5px;} .list_teachers {} .list_teachers li {position:relative; padding:15px 20px 15px 87px; background:#f7f7f7; border-radius:3px; -webkit-border-radius:3px; box-shadow:2px 2px 0 #cfcfcf; -webkit-box-shadow:2px 2px 0 #cfcfcf; margin-bottom:10px; min-height:50px;} .list_teachers li a {display:block;} .list_teachers li a .thumb {display:block; width:73px; height:69px; position:absolute; top:50%; left:5px; margin-top:-36px;} .list_teachers li a .thumb img {width:73px; height:73px;} .list_teachers li a .name {display:block; font-weight:bold; font-size:14px; color:#333; height:16px; line-height:16px; overflow:hidden;} .list_teachers li a .desc {display:block; font-weight:normal; margin-top:5px; height:34px; overflow:hidden;} .list_teachers li:after {content:''; display:block; width:8px; height:11px; background:url('/asset/skin/mbasil/img/common/arr_R.png') no-repeat 0 0; background-size:8px 11px; position:absolute; top:50%; right:7px; margin-top:-5px;} .class_dn_list {border-top:1px dotted #b5b5b5;} .class_dn_list li {position:relative; padding:12px 0 13px; border-bottom:1px dotted #b5b5b5; line-height:16px;} .class_dn_list li a {font-size:12px; color:#666; display:block; font-weight:normal;} .class_dn_list li a strong {display:block; color:#333; padding-bottom:5px;} .class_dn_list li a:after {content:""; width:20px; height:20px; display:block; position:absolute; top:50%; right:0; margin-top:-10px; background:#fe4445 url('/asset/skin/mbasil/img/common/bg_down.png') no-repeat; background-size:100%; border-radius:2px;} .learn_qna {border-top:1px solid #666;} .learn_qna li {position: relative; line-height: 16px; border-bottom: 1px solid #e9e8e8;} .learn_qna li a {padding: 7px 0 6px; font-weight:normal; display:block;} .learn_qna li.not:before {content: ""; background: #f7d532 url('/asset/skin/mbasil/img/icon/ico_quest.png') no-repeat; background-size: 100%; border-radius: 3px; display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: absolute; top: 50%; left: 0; margin-top: -10px;} .learn_qna li.not a {padding-left:24px;} .learn_qna li .class_tit {display:block; margin-bottom:2px; color:#333;} .learn_qna li .sub {font-size: 12px; color: #666; margin-bottom:2px; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;} .learn_qna li .writer, .learn_qna li .date {color:#666; vertical-align: middle; font-weight: normal; font-size:10px;} .learn_qna li .writer:after {content: ""; display: inline-block; height: 10px; width: 1px; vertical-align: middle; background: #e3e3e3; margin: -3px 2px 0 4px;} .learn_qna li .date {margin-right:5px;} /* ---------------- 학습지원 ---------------- */ .vis_support {} .vis_support img {max-width:100%; display:block; margin:0 auto;} /* sns */ dl.sns_info {display:table; width:100%; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} dl.sns_info dt, dl.sns_info dd {display:table-cell; padding:7px 0;} dl.sns_info dd {text-align:right;} dl.sns_info dt {font-weight:bold; color:#666;} .class_mov_box {background:#f7f7f7; border-radius:3px; box-shadow:2px 2px 0 #cfcfcf;} .class_mov_box .mov_wrap {display:block; width:100%; border-radius:3px; text-align:center; padding-top:15px;} .class_mov_box .mov_wrap img {max-width:100%; display:block; margin:0 auto; border-radius:3px;} .class_mov_box .info a {display:block;} .class_mov_box .info {padding-bottom:15px;} .class_mov_box .info .tit {display:block; padding:14px 15px; line-height:19px; color:#333; font-size:15px; font-weight:bold;} .class_mov_box .info .tit * {vertical-align:middle;} .class_mov_box .info .txt {display:block; padding-left:15px; padding-top:6px; padding-bottom:8px; color:#666; font-weight: normal;} .class_mov_box .info .bx_cnum:first-of-type {margin-left:15px;} .class_mov_box + .class_mov_box {margin-top:13px;} .class_mov_box .class_date {margin:0 15px; padding:12px 0 13px; color:#333; font-size:12px; font-weight:bold;} .class_mov_box .mov_thumb_wrap {margin:0 15px;} .mov_thumb_wrap {position:relative; padding:12px 0 15px; border-top:1px dotted #b5b5b5; } .mov_thumb_wrap dt {margin-left:105px; padding-bottom:5px; font-size:14px; font-weight:bold; color:#e92020; line-height:18px;} .mov_thumb_wrap dt a, .mov_thumb_wrap dt a:hover, .mov_thumb_wrap dt a:active, .mov_thumb_wrap dt a:visited {font-size:14px; font-weight:bold; color:#e92020;} .mov_thumb_wrap dd {position:relative;} .mov_thumb_wrap dd .script {margin-left:105px; font-size:12px; color:#666; line-height:16px; height:48px;} .mov_thumb_wrap dd .btn_wrap {text-align:right; padding-top:13px; } .mov_thumb_wrap .mov_thumb {position:absolute; left:0; top:15px;} .mov_thumb_wrap .mov_thumb a {display:block;} .mov_thumb_wrap .mov_thumb a img {width:95px; height:auto; border-radius:2px;} .mov_thumb_lst {margin-top:25px;} .mov_thumb_lst .mov_thumb_wrap {padding-top:42px;} .mov_thumb_lst .mov_thumb_wrap .util_rewv {position:absolute; top:-50px; left:0;} .mov_thumb_lst .mov_thumb_wrap:last-of-type {border-bottom:1px dotted #b5b5b5} .class_swipe {position:relative; margin-bottom:10px;} .class_swipe .slide {display:none;} .class_swipe .mov_box_wrap {width:100%; background:url('/asset/skin/mbasil/img/sub/bg_mov_box.png') repeat-x 0 0; background-size:1px 260px;} .class_swipe .mov_box_wrap .mov_box {position:relative; width:320px; margin:0 auto;} .class_swipe .mov_box img {display:block; width:320px; margin:0 auto;} .class_swipe .mov_box .img_tc {position:absolute; top:0; left:0;} .class_swipe .mov_box .name {position:absolute; top:163px; display:block; width:53px; height:23px; text-align:center; color:#fff; font-weight:bold;} .class_swipe .mov_box .name.left {left:17px;} .class_swipe .mov_box .name.right {right:17px;} .class_swipe .mov_box > a {display:block; position:absolute; text-indent:-99999px;} .class_swipe .mov_box > a.btn_L, .class_swipe .mov_box > a.btn_R {width:53px; height:23px; top:188px;} .class_swipe .mov_box > a.btn_L {left:17px;} .class_swipe .mov_box > a.btn_R {right:17px;} .class_swipe .mov_box > a.btn_play {width:86px; height:36px; left:117px; bottom:17px;} .class_swipe .txt_down {background:#2a2c40; padding:10px 0; text-align:center; color:#fff; font-weight:bold; line-height:18px;} .class_swipe .txt_down .btn_down_pdf {display:inline-block; padding:3px 12px; margin-left:5px; background:#fff; color:#333; font-size:12px; border-radius:3px;} .class_swipe .detail_info {padding:12px 17px 0;} .class_swipe .detail_info .script {line-height:16px; color:#666; padding-bottom:13px;} .class_swipe .detail_info .sns_info {margin-top:15px;} .class_swipe .pager {} .class_swipe .pager .btn_swipe {position:absolute; top:205px; width:25px; height:25px; background:#494949; border-radius:12px;} .class_swipe .pager .btn_swipe.prev {left:50%; margin-left:-140px;} .class_swipe .pager .btn_swipe.next {right:50%; margin-right:-140px;} .class_swipe .pager .btn_swipe a {display:block; width:25px; height:25px; text-indent:-99999px;} .class_swipe .pager .btn_swipe.prev a {background:url('/asset/skin/mbasil/img/common/arr_prev.png') no-repeat 50% 50%; background-size:7px 11px;} .class_swipe .pager .btn_swipe.next a {background:url('/asset/skin/mbasil/img/common/arr_next.png') no-repeat 50% 50%; background-size:7px 11px;} h2.free_class.txt {font-size:14px; color:#333; line-height:16px; padding-bottom:9px;} h2.free_class.txt strong {display:block;} .player_wrap img {max-width:100%;} /* 동영상 */ .class_mov_detail {position:relative; border-top:1px solid #666; margin-top:15px;} .class_mov_detail .teacher {padding:13px 0 14px; font-size:14px; color:#333;font-weight:bold; border-bottom:1px solid #e3e3e3;} .class_mov_detail .cont_more {position:relative; display:block; padding:12px 0; border-bottom:1px solid #e3e3e3;} .class_mov_detail .cont_more strong {display:block; font-size:12px; font-weight:bold;} .class_mov_detail .cont_more .fss {font-size:10px; color:#666; font-weight:normal;} .class_mov_detail .cont_more:after {content:''; display:block; position:absolute; top:50%; right:0; width:11px; height:8px; margin-top:-4px; background:url('/asset/skin/mbasil/img/common/bg_tgl_arr.png') no-repeat 0 0; background-size:11px auto;} .class_mov_detail .cont_more.on:after {background-position:0 -8px;} .class_mov_detail .cont_wrap {} .class_mov_detail .cont_wrap .txt_cont, .class_mov_detail .cont_wrap .sns_info {background:#f7f7f7; padding:0 15px; margin-top:-1px; border-bottom:none; box-sizing:border-box} .class_mov_detail .cont_wrap .txt_cont {padding-top:12px; padding-bottom:13px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #e3e3e3;} .class_mov_detail .cont_wrap .sns_info {display:none;} .class_mov_detail .cont_wrap.on {display:block;} .class_mov_detail .cont_wrap.on .txt_cont {display:block; overflow:auto; white-space:normal; border-bottom:none;} .class_mov_detail .cont_wrap.on .sns_info {display:table; border-bottom:1px solid #e3e3e3;} .class_mov_detail .util_revw {position:absolute; top:10px; right:0;} /* top10 */ .best_mov_box {margin-top:25px;} .best_mov_box .top_tit {padding:7px 0 9px 15px; border-radius:3px 3px 0 0; background:#fe4445; font-size:14px; color:#fff; font-weight:bold;} .best_mov_box .slide_wrap.best10 {} .best_mov_box .slide_wrap.best10 .list_slide {height:48px;} .best_mov_box .slide_wrap.best10 ul li {position:relative; display:block; float:none;} .best_mov_box .slide_wrap.best10 ul li a {padding:7px 25px 9px 15px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;} .best_mov_box .slide_wrap.best10 ul li a:after {content:""; display:block; position:absolute; top:50%; right:15px; margin-top:-6px; background:url('/asset/skin/mbasil/img/common/arr_ltg.png') no-repeat; background-size:100%; width:8px; height:12px;} .best_mov_box .slide_wrap.best10 ul li a strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;} .support_guide {} .support_guide dl {border-top:1px solid #666; margin-bottom:15px;} .support_guide dl dt {padding:7px 0 8px 15px; background:#f7f7f7; font-size:14px; color:#333; line-height:18px; font-weight:bold;} .support_guide dl dd {position:relative; padding:7px 80px 8px 15px; border-bottom:1px solid #e3e3e3; min-height:56px;} .support_guide dl dd .rBtn {position:absolute; top:50%; right:15px; margin-top:-22px; width:68px;} .shadow_box {position:relative; padding:11px 15px 13px; margin-top:15px; line-height:18px; font-weight:bold; background:#f7f7f7; border-radius:3px; -webkit-border-radius:3px; box-shadow: 2px 2px 0 #cfcfcf; -webkit-box-shadow: 2px 2px 0 #cfcfcf; -moz-box-shadow: 2px 2px 0 #cfcfcf;;} .shadow_box .btn_inner {position:absolute; top:12px; right:15px;} .list_1vs1_desc {margin-left:-15px;} .list_1vs1_desc:after {content:''; display:block; clear:both; height:0;} .list_1vs1_desc > li {position:relative; float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:15px; padding-bottom:15px; text-align:center;} .list_1vs1_desc > li:nth-child(1):after {content:''; display:block; width:8px; height:11px; background:url('/asset/skin/mbasil/img/common/arr_R.png') no-repeat 0 0; background-size:8px 11px; position:absolute; top:50%; right:-11px; margin-top:-5px;} .list_1vs1_desc > li:nth-child(2):after {content:''; display:block; width:11px; height:8px; background:url('/asset/skin/mbasil/img/common/arr_B.png') no-repeat 0 0; background-size:11px 8px; position:absolute; bottom:3px; right:42%;} .list_1vs1_desc > li:nth-child(3) {float:right;} .list_1vs1_desc > li:nth-child(3):after {content:''; display:block; width:8px; height:11px; background:url('/asset/skin/mbasil/img/common/arr_L.png') no-repeat 0 0; background-size:8px 11px; position:absolute; top:50%; left:3px; margin-top:-5px;} .list_1vs1_desc > li .cont_area {background:#e3e3e3; border-radius:2px; -webkit-border-radius:2px; border:2px solid #e3e3e3; box-shadow: 0 2px 0 #d3d2d2; -webkit-box-shadow: 0 2px 0 #d3d2d2; -moz-box-shadow: 0 2px 0 #d3d2d2;;} .list_1vs1_desc > li .cont_area .cont {background:#fff;} .list_1vs1_desc > li .cont_area .cont .step {position:relative; padding:63px 0 10px;font-weight:bold; font-size:10px;} .list_1vs1_desc > li .cont_area .cont .step:after {content:''; display:block; width:100%; height:2px;position:absolute; bottom:0; left:0; background:url('/asset/skin/mbasil/img/common/bg_list_1vs1_step.png') no-repeat center 0; background-size:auto 2px;} .list_1vs1_desc > li .cont_area .cont .step span {font-size:12px; color:#333;} .list_1vs1_desc > li:nth-child(1) .cont_area .cont .step {background:url('/asset/skin/mbasil/img/sub/bg_list_1vs1_step01.png') no-repeat center 8px; background-size:45px;} .list_1vs1_desc > li:nth-child(2) .cont_area .cont .step {background:url('/asset/skin/mbasil/img/sub/bg_list_1vs1_step02.png') no-repeat center 8px; background-size:45px;} .list_1vs1_desc > li:nth-child(3) .cont_area .cont .step {background:url('/asset/skin/mbasil/img/sub/bg_list_1vs1_step03.png') no-repeat center 8px; background-size:45px;} .list_1vs1_desc > li:nth-child(4) .cont_area .cont .step {background:url('/asset/skin/mbasil/img/sub/bg_list_1vs1_step04.png') no-repeat center 8px; background-size:45px;} .list_1vs1_desc > li .cont_area .cont .list_bul {margin:0 auto; padding:5px 10px; height:88px; max-width:131px;} .list_1vs1_desc > li .cont_area .summery {height:25px; line-height:25px; font-weight:bold; color:#333; } .btn_1vs1 {} .btn_1vs1:after {content:''; display:block; clear:both; height:0;} .btn_1vs1 li {float:left; width:50%; padding:0 7px 10px; box-sizing:border-box; /**/} .btn_1vs1 li:nth-child(2n) {padding-right:0;} .btn_1vs1 li:nth-child(2n+1) {padding-left:0;} .btn_1vs1 li a {display:block; text-align:center; color:#fff; padding:12px 0; border-radius:3px; box-shadow:2px 2px 0 #cfcfcf; background-repeat:no-repeat; background-position:50% bottom; background-size:134px 35px;} .btn_1vs1 li:nth-child(1) a {background-color:#827fc6; background-image:url('/asset/skin/mbasil/img/sub/bg_1vs1_type01.png');} .btn_1vs1 li:nth-child(2) a {background-color:#02ccbf; background-image:url('/asset/skin/mbasil/img/sub/bg_1vs1_type02.png');} .btn_1vs1 li:nth-child(3) a {background-color:#4a90df; background-image:url('/asset/skin/mbasil/img/sub/bg_1vs1_type03.png');} .btn_1vs1 li:nth-child(4) a {background-color:#4a90df; background-image:url('/asset/skin/mbasil/img/sub/bg_1vs1_type04.png');} .teacher_iv_box {padding:15px 0; line-height:14px; position:relative; border-bottom:1px solid #e3e3e3; margin-bottom:10px;} .teacher_iv_box .name {display:block; padding:13px 165px 12px 0; border-top:1px solid #666; border-bottom:1px solid #e3e3e3; font-size:14px; font-weight:bold; color:#333; line-height:16px;} .teacher_iv_box .tit {clear:both; display:block; padding-top:13px; padding-bottom:5px; font-size:12px; color:#333;} .teacher_iv_box .note {display:block; padding-bottom:7px; font-size:10px; color:#666;} .teacher_iv_box .img {display:block; } .teacher_iv_box .img img {display:block; max-width:100%; height:auto; margin:0 auto;} .teacher_iv_box .util {position:absolute; top:25px; right:0;} .teacher_home {overflow:hidden; background:#31334a; position:relative;} .teacher_home li {width:50%; float:left; padding:10px 0; text-align:center; color:#fff; font-size:12px; font-weight:bold; } .teacher_home li * {vertical-align:middle;} .teacher_home li:last-child::before {content:""; background:#7c87a1; vertical-align:middle; height:11px; width:1px; display:inline-block; position:absolute; left:50%; top:50%; margin-top:-6px;} .iv_txt_box .iv_qust {position:relative; padding:12px 0 13px 18px; border-top:1px solid #666; border-bottom:1px dotted #b5b5b5; font-weight:bold;} .iv_txt_box .iv_qust .num {position:absolute; top:12px; left:0; font-weight:bold; color:#d70000;} .iv_txt_box .iv_answ {padding:12px 0 13px; color:#666;} .learn_list {border-top:1px dotted #b5b5b5; margin-bottom:10px;} .learn_list li {border-bottom:1px dotted #b5b5b5; position:relative; padding:15px 0; min-height:48px;} .learn_list li .ico_book {position:absolute; top:50%; left:0; margin-top:-24px;} .learn_list li .tit {padding-bottom:5px;display:block; font-size:12px; color:#333;} .learn_list li .note {display:block; font-size:10px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .learn_list li .btn_wrap {margin-top:5px;} .learn_list li .btn_wrap .btn_down {content:""; width:26px; height:26px; display:inline-block; background:#fe4445 url('/asset/skin/mbasil/img/common/bg_down.png') no-repeat; background-size:100%; border-radius:2px; float:none; margin-left:5px; vertical-align:middle;} .lv_guide_step {margin-top:15px; border-top:1px solid #666; margin-bottom:25px;} .lv_guide_step li {position:relative; padding:10px 0 10px 100px; min-height:70px; border-bottom:1px solid #e9e8e8;} .lv_guide_step .num {position:absolute; left:80px; top:13px; background:#2c2c2c; height:15px; width:15px; display:block; border-radius:15px; font-size:10px; color:#fff; text-align:center; font-weight:bold; line-height:15px;} .lv_guide_step .tit {font-size:12px; color:#333; font-weight:bold;} .lv_guide_step .cont {font-size:12px; color:#666; line-height:16px;} .lv_guide_step .img {position:absolute; left:0; top:50%; margin-top:-34px;} .lv_guide_step .img img {width:68px; height:auto;} .goto_lv_history {background:#f8f8f8; box-shadow:2px 2px 0 #cfcfcf; padding:17px 0;} .goto_lv_history p {font-size:16px; text-align:center; font-weight:bold; padding-bottom:14px;} .goto_lv_lst {padding-bottom:13px;} .goto_lv_lst li {border-radius:2px; box-shadow:2px 2px 0 #cfcfcf; padding:8px 15px 10px 13px; margin-bottom:12px; color:#fff; font-weight:bold;} .goto_lv_lst li:after {content:""; display:block; clear:both;} .goto_lv_lst li a, .goto_lv_lst li a:hover, .goto_lv_lst li a:active, .goto_lv_lst li a:visited {float:right; vertical-align:middle; border-radius:2px; box-shadow:2px 2px 0 #413f63; padding:2px 10px 1px; color:#fff;} .goto_lv_lst li a strong {color:#ffff00;} .goto_lv_lst li span {float:left; padding-top:1px; display:inline-block; vertical-align:middle; font-size:12px;} .goto_lv_lst .goto_tc {background:#827fc6;} .goto_lv_lst .goto_tc a {background:#4a47a1; box-shadow:2px 2px 0 #413f63;} .goto_lv_lst .goto_tf {background:#02ccbf;} .goto_lv_lst .goto_tf a {background:#0a756e; box-shadow:2px 2px 0 #01665f;} .goto_lv_lst .goto_cn {background:#ddc242;} .goto_lv_lst .goto_cn a {background:#a0861d; box-shadow:2px 2px 0 #6e6121;} .goto_lv_lst .goto_cnhsk {background:#ddc242;} .goto_lv_lst .goto_cnhsk a {background:#a0861d; box-shadow:2px 2px 0 #6e6121;} .goto_lv_lst .goto_jp {background:#ff5746;} .goto_lv_lst .goto_jp a {background:#b62e09; box-shadow:2px 2px 0 #7f2b23;} .txt_note {font-size:10px; line-height:14px; padding-top:10px; color:#666;} .list_table {position:relative;} .list_table .tit_caption {background:#f7f7f7; font-size:14px; color:#333; border-top:1px solid #666; font-weight:bold; padding:7px 0 8px 15px;} .list_table ul.tbl {} .list_table ul.tbl li {position:relative; width:100%; display:table; padding:8px 0 9px; border-bottom:1px solid #e3e3e3; line-height:14px;} .list_table ul.tbl li span {display:table-cell; text-align:center; vertical-align:middle; color:#666} .list_table ul.tbl li .ico_grade {display:inline-block; margin:-8px 0 -9px;} .list_table ul.tbl li span.noData {} .list_table .btn_more {position:absolute; top:7px; right:15px;} .list_table .btn_more a:after {content:""; display:inline-block; vertical-align:middle; width:6px; height:9px; background:url('/asset/skin/mbasil/img/common/arr_white.png') no-repeat; background-size:6px 9px; margin-left:5px;} .list_table ul.list_bul {border-bottom:1px solid #e3e3e3; padding:7px 15px 8px;} .list_table + .list_table {margin-top:25px;} .start_lv_test {padding:14px 0; background:#f8f8f8; box-shadow:2px 2px 0 #cfcfcf; text-align:center;} .start_lv_test p {padding:30px 0 18px; background:url('/asset/skin/mbasil/img/sub/lv_logo.png') 50% 0 no-repeat; background-size:99px 18px; text-align:center; font-size:18px; color:#e92020; font-weight:bold;} .start_lv_test p strong {color:#333;} .lv_part_tit {position: relative; padding-left: 17px; padding-right: 17px; background-color: #f7f7f7; text-align: center; font-size: 13px; font-weight: bold; color: #333; line-height: 16px; padding: 8px 0; } .lv_part_tit .btn.pre {position: absolute; top: 50%; left:17px; margin-top: -11px;} .lv_test_result {position:relative;} .lv_test_result .tit {font-weight: bold; margin-bottom:12px;} .lv_test_result .tit:before {content:""; display:inline-block; width:4px; height:4px; border-radius:2px; margin-right:5px; background:#ec3e3e; vertical-align:middle;} .lv_test_result .btn {position:absolute; top:0; right:0;} .lv_test_result .box_gray {position:relative;} .lv_test_result .box_gray .box_line {border:1px solid #e1e1e1; border-radius:3px; text-align:center; background:#fff; box-sizing:border-box;} .lv_test_result .box_gray div.box_line:first-of-type, .lv_test_result .box_gray div.box_line:nth-of-type(2) {width:45%;} .lv_test_result .box_gray div.box_line:nth-of-type(3) {position:absolute; top:15px; right:15px; width:46%} .lv_test_result .box_gray div.box_line:first-of-type {margin-bottom:5px;} .lv_test_result .box_gray .box_line dl {display:table; margin:0 auto; padding:5px 0 4px} .lv_test_result .box_gray .box_line dl:after {content:""; display:block; clear:both;} .lv_test_result .box_gray .box_line dl dt, .lv_test_result .box_gray .box_line dl dd {display:table-cell; font-size:11px; line-height:12px; color:#666;} .lv_test_result .box_gray .box_line dl dt {box-sizing:border-box; padding-right:5px;} .lv_test_result .box_gray .box_line dl dd strong {color:#fe4445; font-weight:bold;} .lv_test_result .box_gray div.box_line:nth-of-type(3) {padding:9px 0;} .lv_test_result .box_gray div.box_line:nth-of-type(3) dl {display:block;} .lv_test_result .box_gray div.box_line:nth-of-type(3) dl:first-of-type {float:left; width:60%; padding:0; margin-right:-1px;} .lv_test_result .box_gray div.box_line:nth-of-type(3) dl:nth-of-type(2) {float:right; width:40%; padding:0; border-left:1px solid #ddd;} .lv_test_result .box_gray div.box_line:nth-of-type(3) dl dd {font-size:16px; color:#fe4445; font-weight:bold; margin-top:7px;} .lv_test_result .box_gray div.box_line:nth-of-type(3) dl dt, .lv_test_result .box_gray div.box_line:nth-of-type(3) dl dd {display:block;} .lv_test_result .target_line {position:relative; margin:15px -10px 0;} .lv_test_result .target_line ul {overflow:hidden; width:100%; display:table;} .lv_test_result .target_line ul li {display:table-cell; width:auto; position:relative;} .lv_test_result .target_line p.line {border-top:1px solid #bbb; position:absolute; bottom:5px; left:0; right:0;} .lv_test_result .target_line ul li:first-child div:before {content:""; display:block; background:#f5f5f5; left:0; bottom:4px; width:50%; height:3px; position:absolute;} .lv_test_result .target_line ul li:last-child div:after {content:""; display:block; background:#f5f5f5; left:50%; bottom:4px; width:50%; height:3px; position:absolute;} .lv_test_result .target_line ul li span.class {position:relative; z-index:10; display:block; margin:0 auto; width:4px; height:4px; border-radius:8px; border:3px solid #d5d4d4; background:#fff;} .lv_test_result .target_line ul li .sign {background:url('/asset/skin/mbasil/img/sub/bg_lv_bubble.png') right no-repeat; background-size:95px 59px; display:block; width:22px; height:49px; padding:10px 10px 0; margin:0 auto; text-align:center; color:#666; font-size:10px; font-weight:bold; line-height:12px;} .lv_test_result .target_line ul.cn li .sign {width: 28px; padding:10px 7px 0;} .lv_test_result .target_line ul.hsk li .sign {width: 42px; padding:10px 0 0;} .lv_test_result .target_line ul li.on .sign {background-position:0 0; color:#fff;} .lv_test_result .target_line ul li.on span.class {border:3px solid #ff2a2b;} .lv_test_result .target_line.circle {position:relative; margin:15px -10px 0;} .lv_test_result .target_line.circle ul {overflow:hidden; width:100%; display:table;} .lv_test_result .target_line.circle ul li {float:left; display:block; width:auto; position:relative; width:25%;} .lv_test_result .target_line.circle.reverse ul li {float:right;} .lv_test_result .target_line.circle p.line {border-top:1px solid #bbb; position:absolute; bottom:50%; left:0; right:0; margin:0 30px;} .lv_test_result .target_line.circle.hsk ul li:last-child div:after {content:""; display:block; background:#f7f7f7; left:0; bottom:50%; width:200px; height:3px; position:absolute; margin-left:-186px;} .lv_test_result .target_line.circle p.line_v {border-right:1px solid #bbb; position:absolute; height:30px; top:0; right:35px; margin-top:-15px;} .lv_test_result .target_line.circle ul li:first-child div:before {content:""; display:none} .lv_test_result .target_line.circle ul li:last-child div:after {content:""; display:none;} .lv_test_result .target_line.circle ul li .sign {background:url('/asset/skin/mbasil/img/sub/bg_lv_bubble2.png') center no-repeat; background-size:42px 42px; display:block; width:42px; height:32px; padding:10px 10px 0; margin:0 auto; text-align:center; color:#666; font-size:10px; font-weight:bold; line-height:12px;} .lv_test_result .target_line.circle ul li.on .sign {background:url('/asset/skin/mbasil/img/sub/bg_lv_bubble2_on.png') center no-repeat; background-size:42px 42px; color:#fff;} .lv_test_result .target_line.circle ul li .sign.single {padding:0 10px; height:42px; line-height:42px;} .lv_recom_list {padding-top:25px;} .lv_recom_list ul {margin-top:8px; border-top:1px dotted #b5b5b5;} .lv_recom_list ul li {border-bottom:1px dotted #b5b5b5; padding:9px 70px 10px 56px; position:relative; min-height:27px;} .lv_recom_list ul li .tit {font-weight:bold; color:#333;} .lv_recom_list ul li .info_detail {display:table; padding-top:3px;} .lv_recom_list ul li .info_detail * {line-height:16px; vertical-align:baseline;} .lv_recom_list ul li .info_detail dl {position:relative; padding-bottom:3px;} .lv_recom_list ul li .info_detail dl dt, .lv_recom_list ul li .info_detail dl dd {display:table-cell; color:#666; font-weight:normal; font-size:10px; box-sizing:border-box; } .lv_recom_list ul li .info_detail dl dt {position:relative;} .lv_recom_list ul li .info_detail dl dt:after {content:""; width:1px; height:10px; background:#ccc; margin-left:10px; margin-right:10px; display:inline-block; margin-bottom:-1px; vertical-align:middle;} .lv_recom_list ul li .ico_book2 {position:absolute; top:50%; left:0; margin-top:-23px;} .lv_recom_list ul li .ico_book2 span {text-align:left; padding-left:10px;} .lv_recom_list ul li .btn {position:absolute; top:50%; right:0; margin-top:-13px;} /* ---------------- 수강신청 ---------------- */ .register_tab {position:relative; height:43px;} .register_tab .rTab_wrap {padding:0 14px;} .register_tab a.btn {height:43px; width:14px; background:#3d3e47; position:absolute; top:0;} .register_tab a.btn span {background:url('/asset/skin/mbasil/img/sub/arr_register_tab.png') no-repeat; background-size:14px 12px; height:12px; width:7px; display:block; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-4px; white-space:nowrap; overflow:hidden; text-indent:100%;} .register_tab a.prev {left:0;} .register_tab a.next {right:0;} .register_tab a.prev span {background-position:0 0;} .register_tab a.next span {background-position:-7px 0;} .register_tab .rTab_wrap {overflow:hidden; width:100%;} .register_tab ul {overflow:hidden; width:1024px; background:#3d3e47;} .register_tab ul li {float:left; display:block; width:72px; background:#3d3e47; border-right:1px solid #66676e;} .register_tab ul li:first-child {border-left:1px solid #66676e; width:71px;} .register_tab ul li.on {background:#cb111a; border-right:1px solid #cb111a; border-left:1px solid #cb111a; margin-left:-1px;} .register_tab ul li:first-child.on {margin-left:0;} .register_tab ul li a {display: block; padding:9px 0; font-weight: bold; color: #fff; line-height: 25px; text-align:center;} .register_tab ul li a:hover, .register_tab ul li a:active, .register_tab ul li a:visited {color: #fff;} /*.register_tab ul li:nth-child(2) a {line-height: 14px; padding:7px 6px 8px;}*/ .list_reg_item {margin-top:0;} .list_cart_item.list_reg_item > li {min-height:147px;} .list_reg_item li .thumb_area {left: 0;} .list_reg_item li .info_area {padding-left: 110px;} .list_reg_item li .info_area .btns {position:absolute; bottom:15px; right:0;} @media (max-width:460px) { .list_cart_item.list_reg_item > li {min-height:165px;} } @media (min-width:480px) { /*.list_cart_item.list_reg_item > li {min-height:92px;}*/ .list_cart_item.list_reg_item li .info_area .class_tit {width:70%;} .list_cart_item.list_reg_item li .info_area .btns {position:absolute!important; top:15px; right:0; width:87px;} .list_cart_item.list_reg_item li .info_area .btns a {display:block; margin-bottom:5px; text-align:center;} } .package_class_item {width:100%; margin-top:15px; border-top:1px solid #ccc;} .package_class_item .package_info_box {position:relative; padding:10px 120px 10px 0; min-height:34px; border-bottom:1px solid #ccc;} .package_class_item .tit_package {width:60%; font-weight:bold; color:#666; line-height:16px; height:34px; display:table-cell;} .package_class_item .tit_package span {position:relative; display:inline-block; padding-left:7px;} .package_class_item .tit_package span:before {content:''; display:block; width:4px; height:4px; background:#ec3e3e; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:absolute; top:5px; left:0;} .package_class_item .btn_view_pkg {display:block; width:79px; padding:7px 0; color:#fff; text-align:center; background:#569adf; border-radius:3px; -webkit-border-radius:3px; position:absolute; top:50%; right:0; margin-top:-15px;} .package_class_item .discount {position:absolute; top:50%; right:85px; width:33px; height:24px; background:url('/asset/skin/mbasil/img/common/bg_discount.png') no-repeat 0 0; background-size:33px; color:#fff; text-align:center; font-size:7px; line-height:9px; padding-top:9px; margin-top:-18px;} .package_class_item .discount strong {font-size:14px;} .package_class_item .btn_view_pkg:active, .package_class_item .btn_view_pkg:hover, .package_class_item .btn_view_pkg:visited {color:#fff;} .package_class_item .package_class_toggle {display:none; background:#f7f7f7; padding:0 15px;} .package_class_item .package_class_toggle .list_cart_item {padding-bottom:15px;} .package_class_item .package_class_toggle .list_cart_item > li {min-height:95px;} .package_class_item .package_class_toggle .list_cart_item li .info_area {padding-left:0; width:70%;} .package_class_item .package_class_toggle .list_cart_item li .btn_area {position:absolute; top:50%; right:0; margin-top:-30px;} .package_class_item .package_class_toggle .list_cart_item li .btn_area .btn_form {display:block; min-width:44px; text-align:center;} .package_class_item .package_class_toggle .list_cart_item li .btn_area .btn_form + .btn_form {margin-top:5px;} .visual_starpack {margin-bottom:15px;} .visual_starpack img {display:block; width:100%; max-width:570px; margin:0 auto;} .star_pack_list {border-top:1px dotted #b5b5b5;} .star_pack_list li {position:relative; padding:11px 60px 11px 0; min-height:39px; border-bottom: 1px dotted #b5b5b5;} .star_pack_list dl {position:relative; padding:0 0 0 20px; margin-bottom:3px;} .star_pack_list dl dt {padding-right:68px; /* display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */} .star_pack_list dl .inputR {position:absolute; top:-2px; left:0;} .star_pack_list dl .price {position:absolute; top:0; right:5px;} .star_pack_list .btn {position:absolute; top:50%; right:0; width:60px; margin-top:-21px} .star_pack_list .btn a {margin-bottom:3px;} .visual_freepass img {display:block; width:100%; max-width:640px; margin:0 auto;} .free_pass_list {border-top:1px solid #e9e8e8;} .free_pass_item {border-bottom:1px solid #e9e8e8; padding:7px 0 0;} .free_pass_item > a {display:block; padding-bottom:7px; position:relative;} .free_pass_item > a:after {content:""; position:absolute; top:50%; right:0; display:block; margin-top:-8px; width:11px; height:7px; background:url('/asset/skin/mbasil/img/common/bg_tgl_arr.png') top no-repeat; background-size:11px 15px;} .free_pass_item.on > a:after {content:""; position:absolute; top:50%; right:0; display:block; margin-top:-8px; width:11px; height:7px; background:url('/asset/skin/mbasil/img/common/bg_tgl_arr.png') bottom no-repeat; background-size:11px 15px;} .free_pass_item .sub {display:block; color:#666; font-weight:bold; padding-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .free_pass_item .price {padding-left:4px; } .free_pass_item .price * {vertical-align:middle; line-height:15px;} .free_pass_item .price del {color:#333; display:inline-block; background:url('/asset/skin/mbasil/img/common/arr_red.png') 100% 50% no-repeat; background-size:7px 12px; padding-right:15px; margin-right:3px;} .free_pass_item .price .sale {font-size:15px; color:#e92020;} .free_pass_item .free_pass_wrap {background:#f7f7f7; padding:10px; border-top:1px solid #e9e8e8;} .free_pass_item .tgl_cont {display:none; padding:0} /* ---------------- 스타몰 ---------------- */ .open_menu {position:relative; height:29px; line-height:30px; padding:5px 40px 6px 7px; background:#1f242d;} .open_menu a {padding:0 10px; font-size:12px; color:#fff; font-weight:bold; display:inline-block;} .open_menu a:hover, .open_menu a:visited, .open_menu a:active {color:#fff;} .open_menu a.btn {position:absolute; top:0; right:0; width:40px; height:40px; padding:0; background:#000 url('/asset/skin/mbasil/img/common/arr_white.png') 50% no-repeat; display:block; white-space:nowrap; text-indent:100%; overflow:hidden;} .open_menu.on {height:auto;} .mall_item {position:relative; background:#f7f7f7; box-shadow:2px 2px 0 #cfcfcf; padding-left:115px; min-height:102px;} .mall_item > a {display:block;} .mall_item .mall_img {position:absolute; top:50%; left:10px; margin-top:-41px;} /*.mall_item .mall_img:after {content:""; display:block; width:1px; position:absolute; top:0; bottom:0; left:90px; border-right:1px dotted #d0d0d0;}*/ .mall_item .mall_img img {width:auto; max-width:90px; height:82px;} .mall_item .item_name {display:block; padding:13px 15px 7px 0; font-size:14px; color:#333; font-weight:bold;} .mall_item .sale_info {display:block; padding-bottom:4px;} .mall_item .txt_info {display:block; font-size:10px; color:#666; font-weight:normal;} .mall_item .price_info {display:block; text-align:right; padding-right:15px; padding-bottom:10px;} .mall_item .price_info del {font-size:10px; color:#666;} .mall_item .price_info span {font-size:15px;} .mall_item .price_info span strong {font-weight:bold;} .mall_item + .mall_item {margin-top:17px;} .ico_sale {border-radius:2px; height:16px; text-align:center; font-size:10px; font-weight:bold; color:#fff; display:inline-block; min-width:45px;} .ico_sale.txt_sale {background-color:#fa533d} .ico_sale.fdv {background-color:#569adf} .ico_sale.psm_price {background-color:#827fc6} .mall_vis_wrap {position:relative;} .mall_vis_wrap.mall_main {margin-bottom:20px;} .mall_vis_wrap .slidesjs-previous {position:absolute; top:50%; left: 17px; margin-top:-12px; display:block; border-radius:25px; width:25px; height:25px; background:#494949 url('/asset/skin/mbasil/img/common/bg_arr_month.png') no-repeat; background-size:25px 50px;} .mall_vis_wrap .slidesjs-next {position:absolute; top:50%; right: 17px; margin-top:-12px; display:block; border-radius:25px; width:25px; height:25px; background:#494949 url('/asset/skin/mbasil/img/common/bg_arr_month.png') 2px bottom no-repeat; background-size:25px 50px;} .mall_vis_wrap .slidesjs-pagination {position:absolute; bottom:7px; left:0; right:0; text-align:center;} .mall_vis_wrap .slidesjs-pagination ul {display:inline;} .mall_vis_wrap .slidesjs-pagination ul:after {content:""; display:block; clear:both;} .mall_vis_wrap .slidesjs-pagination .slidesjs-pagination-item {display:inline-block;} .mall_vis_wrap .slidesjs-pagination a {display:block; margin:0 2px; width:6px; height:6px; border-radius:6px; border:2px solid #b6b6b6; background:#fff; overflow:hidden; text-indent:100%; white-space:nowrap;} .mall_vis_wrap .slidesjs-pagination a.active {border:2px solid #f20c17; background:#f20c17} .mall_item_wrap {position:relative; padding:0 33px; margin:0 auto;} .mall_item_wrap .slidesjs-previous {position:absolute; top:50%; left: 11px; margin-top:-8px; display:block; width:11px; height:17px; background:url('/asset/skin/mbasil/img/common/bg_slide_btn1.png') bottom no-repeat; background-size:11px 34px;} .mall_item_wrap .slidesjs-next {position:absolute; top:50%; right: 11px; margin-top:-8px; display:block; width:11px; height:17px; background:url('/asset/skin/mbasil/img/common/bg_slide_btn1.png') no-repeat; background-size:11px 34px;} .mall_item_wrap.mall_goto .slide ul {overflow:hidden; display:table; width:100%} .mall_item_wrap.mall_goto .slide ul li {display:table-cell; width:50%; box-sizing:border-box; text-align:center;} .mall_item_wrap.mall_goto .slide ul li:first-of-type {padding-right:5px;} .mall_item_wrap.mall_goto .slide ul li:last-of-type {padding-left:5px;} .mall_item_wrap.mall_goto .slide ul li img {max-width:100%; height:auto;} .mall_gray_wrap {background: #f7f7f7; padding: 25px 0;} /* 스타몰 하단 구매하기 */ .mall_cart_box {position:fixed; bottom:0; left:0; right:0; background:#ececec; z-index:1000;} .mall_cart_box .cartBtn {position:absolute; top:-18px; left:50%; margin-left:-28px;} .mall_cart_box .cartBtn a {width:57px; height:25px; display:block; background:url('/asset/skin/mbasil/img/sub/bg_mall_cart.png') top no-repeat; background-size:57px 50px; text-indent:100%; white-space:nowrap; overflow:hidden;} .mall_cart_box .btn_wide {display:block; padding:15px 17px;} .mall_cart_box .cart_mini {display:none; padding:15px 17px;} .mall_cart_box .cart_mini .cart_item {position:relative; border:1px solid #d9d9d9; border-radius: 3px; background-color:#fff; padding:7px 0 9px 10px; margin-bottom:10px;} .mall_cart_box .cart_mini .cart_item .price {margin-top:5px;font-weight:bold; font-size:15px;} .mall_cart_box .cart_mini .cart_item .btn_del {position:absolute; top:50%; right:10px; margin-top:-13px; dislay:block; width:26px; height:26px; background-color:#666; border-radius:26px; text-indent:100%; white-space:nowrap; overflow:hidden;} .mall_cart_box .cart_mini .cart_item .btn_del:after {content:""; display:block; width:12px; height:12px; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-6px; background:url('/asset/skin/mbasil/img/common/btn_close1.png') no-repeat; background-size:100%;} .mall_cart_box.on .cart_mini {display:block;} .mall_cart_box.on .btn_wide {display:none;} .mall_cart_box.on .cartBtn a {background-position:bottom;} .mall_ico {display:inline-block; width:33px; height:33px; background:url('/asset/skin/mbasil/img/icon/ico_mall.png') no-repeat; background-size:33px 66px; text-indent:100%; overflow:hidden; white-space:nowrap; border-radius:3px;} .mall_ico.fav {background-position:0 0} .mall_ico.sns_link {background-position:0 bottom} .mall_product_info .thumb_top {} .mall_product_info .thumb_top img {display:block; width:100%; max-width:640px; margin:0 auto;} .mall_product_info .detail_info {padding:15px 17px; background:#f7f7f7;} .mall_product_info .detail_info .sub {margin-bottom:7px; font-size:14px; font-weight:bold; color:#333; line-height:18px;} .mall_product_info .detail_info .util {display:table; width:100%;} .mall_product_info .detail_info .util li {position:relative; box-sizing:border-box; display:table-cell; vertical-align:top;} .mall_product_info .detail_info .util li:last-child {width:70px;} .mall_product_info .detail_info .util .txt_info {margin-top:4px; color:#666; font-size:10px;} .mall_product_info .detail_info .util .price {text-align:right; padding-right:10px;} .mall_product_info .detail_info .util .price del {display:block; font-size:10px; color:#666;} .mall_product_info .detail_info .util .price span {display:block; font-size:15px; color:#666; font-weight:bold;} .mall_product_info .detail_info .util .sns_section {display:none; position:absolute; top:45px; right:-6px; z-index:500} .mall_cont01, .mall_cont02, .mall_cont03 {padding-top:15px; } .mall_cont01 img, .mall_cont02 img, .mall_cont03 img {display:block; width:100%; max-width:100%; margin:0 auto;} .mall_cont01 table {width:100%;} .qna_list {margin-bottom:25px;} .qna_list .total {font-size:12px; font-weight:bold; color:#4e4e4e; margin-bottom:7px;} .qna_list li:first-child {border-top:1px solid #dcdada;} .qna_list li {border-bottom:1px solid #dcdada;} .qna_list li .qus_link {position:relative; padding:9px 0 8px} .qna_list li .qus_link > a {display:block;} .qna_list li .stts {position:absolute; top:50%; right:0; margin-top:-8px; font-size:12px; font-weight:bold; color:#666;} .qna_list li .sub {display:block; margin-bottom:3px; font-size:12px; font-weight:bold; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:50px;} .qna_list li .writer, .qna_list li .date {font-size:10px; color:#666;} .qna_list li .date:before {content:""; display:inline-block; margin:-2px 5px 0 2px; vertical-align:middle; height:8px; width:1px; background:#e7e7e7;} .qna_list li .stts.std {color:#1798b0;} .qna_list li .stts.fn {color:#e92020;} .qna_list li .answer_wrap {display:none; background:#fafafa; border-top:1px solid #dcdada;} .qna_list li .answer_wrap .qus_cont {position:relative; margin:0 10px; padding:10px 14px 10px 0; border-bottom:1px dotted #dcdada; color:#666;} .qna_list li .answer_wrap .qus_cont:after {content:""; display:block; width:11px; height:7px; position:absolute; top:15px; right:0; background:url('/asset/skin/mbasil/img/common/bg_tgl_arr.png') bottom no-repeat; background-size:11px 15px;} .qna_list li .answer_wrap .ans_cont {margin:0 10px; padding:10px 0; color:#666} .qna_list li .answer_wrap .ans_cont .admin_date:before {content:""; display:inline-block; margin:-2px 5px 0 2px; vertical-align:middle; height:10px; width:1px; background:#9f9f9f;} .qna_list li.on .answer_wrap {display:block;} /*모바일 씨크릿 이벤트 관련 css 추가*/ .se01_wrap { position:relative; width:100%} .se01_wrap img { width:100%; } .se01_wrap .today_close {position:absolute; right:1%; top:5%;} .se01_wrap .today_close img{width:70%; } .se01_wrap .today_end {height:50%;background:#000000; text-align:right} .se01_wrap .today_end img{width:30%} /*모바일 우편번호 css 추가*/ .addt {margin-top:15px} .addlist table{width:100%} .addlist td{; border-bottom:1px dotted #dcdada;color:#666; font-size:12px;padding:5px 5px;line-height:18px} .addlist td.cen{text-align:center} .addlist td.rig {text-align:right} .addlist td li.icon_r1 { background:url('/asset/skin/mbasil/img/common/icon_road1.png') no-repeat 0 2px; background-size:30px 15px;padding-left:32px} .addlist td li.icon_r2 { background:url('/asset/skin/mbasil/img/common/icon_road2.png') no-repeat 0 2px; background-size:30px 15px;padding-left:32px} .addlist tr.bgg {background:#f3f3f3} /* 141022_토익특강 리뉴얼 */ .pattern_wrap_1st { background:url(/asset/skin/mbasil/img/sub/bg_toeic_01.jpg) repeat 0; text-align:center;} .pattern_wrap_2st { background:url(/asset/skin/mbasil/img/sub/bg_toeic_02.gif) repeat 0; text-align:center} .pattern_wrap_3st { background:url(/asset/skin/mbasil/img/sub/bg_toeic_03.gif) repeat 0; text-align:center} .toeic_special .content { margin:0 auto; text-align:center;} .toeic_special .content {position:relative;} .toeic_special .content img { display:block; margin:0 auto; max-width:80%;} .toeic_special .tit_toeic_text {text-align:center; font-size:14px; font-weight:bold; color:#8b8b8b; margin:0 auto; } .toeic_special .online_wrap .online_mov .tit_studio, .tit_online { position:absolute; font-size:1.5em; font-weight:bolder; color:#fff; max-width:100%; letter-spacing:-0.09em; top:27.5%;} .toeic_special .online_wrap { max-width:100%; margin:0 auto;} .toeic_special .online_wrap .online_mov {max-width:577px;; text-align:center; margin:0 auto;} .toeic_special .online_wrap .online_mov img { max-width:100%; text-align:center; margin-top:10px;} .toeic_special .btn_wrap { font-size:1.2em;} .toeic_special .btn_wrap .alink a, .alink a:hover, .alink a:active{ color:#ffffff; text-align:center; padding-left:20px;} .toeic_special .btn_wrap span{ margin:0 auto;} .toeic_special .red, .black, .grey{display:block; line-height: 14px; padding-top: 15px; padding-bottom: 15px; border-radius: 5px; text-align: center; color:#fff; font-weight: bold; font-size:100%;} .toeic_special .grey{background:url(/asset/skin/mbasil/img/sub/btn_down03_mobile.png) no-repeat 10% 50% ; background-color: #929292;} .toeic_special .black{background:url(/asset/skin/mbasil/img/sub/btn_down01_mobile.png) no-repeat 10% 50% ;background-color:#1d1d1d;} .toeic_special .red{background:url(/asset/skin/mbasil/img/sub/btn_down02_mobile.png) no-repeat 10% 50% ; background-color:#fe4445;} @media screen and (max-width: 480px) { .toeic_special .btn_wrap { font-size:1.0em;} .toeic_special .btn_wrap .alink a, .alink a:hover, .alink a:active{padding-left:0;} .toeic_special .red, .black, .grey{display:block; line-height: 14px; padding-top: 7px; padding-bottom: 7px; border-radius: 5px; text-align: center; color:#fff; font-weight: bold; font-size:100%;} .toeic_special .grey{background-image:none; } .toeic_special .black{background-image:none;} .toeic_special .red{background-image:none; } } /* 20141204 토익 특강 리뉴얼 */ .toeic_freespecial{width:100%} .toeic_freespecial .spot_ba a{display:block;text-align:center} .toeic_freespecial .spot_ba img{max-width:100%} .toeic_freespecial .content_sec{margin-bottom:20px;padding:0 10px} .toeic_freespecial .info_sec{margin-top:30px} .toeic_freespecial .noti_alert{display:block;position:relative;padding-left:75px;height:24px;border-top:1px solid #979797;border-bottom:1px solid #979797} .toeic_freespecial .noti_alert .h_tit{position:absolute;left:0;top:-1px} .toeic_freespecial .noti_alert ul li{left:75px;top:0;right:0;height:24px;line-height:24px;z-index:20} .toeic_freespecial .noti_alert ul li a{display:block;position:relative;padding:0 85px 0 7px;font-size:12px;color:#666;white-space:nowrap} .toeic_freespecial .noti_alert ul li .inbx{width:100%} .toeic_freespecial .noti_alert .noti_txt{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .toeic_freespecial .noti_alert .regi_day{position:absolute;right:10px;top:0;font-size:12px;font-weight:bold} .toeic_freespecial .h_tit{position:relative;width:100%;padding-bottom:6px;border-bottom:1px solid #c7c7c7} .toeic_freespecial .h_tit:after{display:block;clear:both;content:""} .toeic_freespecial .h_tit h2{float:left;font-size:13px;font-weight:bold;color:#333} .toeic_freespecial .h_tit .txt_sub{float:right;margin-top:2px;font-size:10px;font-weight:bold;color:#666;letter-spacing:-1px} .toeic_freespecial .ic_tit{display:inline-block;width:9px;height:14px;margin-right:4px;background:url('/asset/skin/mbasil/img/sub/ic_tit.gif') no-repeat;background-size:9px 14px;vertical-align:middle} .toeic_freespecial .program_inbx{position:relative;margin-top:10px;padding:4px 113px 4px 4px;border:1px solid #dcdcdc;border-radius:3px} .toeic_freespecial .program_inbx .pic_img img{max-width:100%} .toeic_freespecial .program_inbx .option_btn{position:absolute;right:4px;top:50%;margin-top:-28px} .toeic_freespecial .program_inbx .option_btn a{display:block;width:91px;height:23px;margin-top:5px;font-size:8px;border-radius:3px;text-align:center;color:#fff;line-height:23px} .toeic_freespecial .program_inbx .btn_testdown{background:#1d1d1d} .toeic_freespecial .program_inbx .btn_testdown .ic_mode{display:inline-block;width:7px;height:10px;margin-right:4px;background:url(/asset/skin/mbasil/img/sub/btn_down01_mobile.png) no-repeat;background-size:7px 10px;vertical-align:middle} .toeic_freespecial .program_inbx .btn_mp3down{background:#fe4445} .toeic_freespecial .program_inbx .btn_mp3down .ic_mode{display:inline-block;width:10px;height:7px;margin-right:4px;background:url(/asset/skin/mbasil/img/sub/btn_down02_mobile.png) no-repeat;background-size:10px 7px;vertical-align:middle} .toeic_freespecial .pagoda_cedu{margin-top:10px} .toeic_freespecial .pagoda_cedu ul li{margin-top:5px;text-align:center} .toeic_freespecial .pagoda_cedu ul li:first-child{margin:0} .toeic_freespecial .pagoda_cedu .picbx{display:inline-block;position:relative} .toeic_freespecial .pagoda_cedu .picbx img{max-width:100%;vertical-align:top} .toeic_freespecial .pagoda_cedu .btn_mview{position:absolute;left:7%;bottom:5%;width:20%;height:24%;font-size:10px;font-weight:normal;background:#666;color:#fff;text-align:center;letter-spacing:-1px;border-radius:3px} .toeic_freespecial .pagoda_cedu .btn_mview:after{display:inline-block;clear:both;content:"";height:100%;vertical-align:middle} .toeic_freespecial .pagoda_cedu .btn_entrys{position:absolute;left:28%;bottom:5%;width:24%;height:24%;font-size:10px;font-weight:normal;background:#de161f;color:#fff;text-align:center;letter-spacing:-1px;border-radius:3px} .toeic_freespecial .pagoda_cedu .btn_entrys:after{display:inline-block;clear:both;content:"";height:100%;vertical-align:middle} .toeic_freespecial .tab_edumenu{display:table;width:100%;table-layout:fixed} .toeic_freespecial .tab_edumenu li{display:table-cell;width:50%} .toeic_freespecial .tab_edumenu li a{display:block;position:relative;height:32px;background:#f1f1f1;text-align:center;line-height:32px} .toeic_freespecial .tab_edumenu li .bu_arr{display:none;position:absolute;left:50%;bottom:-4px;width:7px;height:4px;background:url('/asset/skin/mbasil/img/sub/bu_tabeduarr.gif') no-repeat;background-size:7px 4px} .toeic_freespecial .tab_edumenu li.selected a{background:#494949;color:#fff} .toeic_freespecial .tab_edumenu li.selected .bu_arr{display:block} .toeic_freespecial .schedu_option{display:table;width:100%;margin-top:15px;font-size:12px;table-layout:fixed} .toeic_freespecial .schedu_option .itm{display:table-cell;width:30%} .toeic_freespecial .schedu_option .itm2{width:40%} .toeic_freespecial .schedu_option .itm3{width:12%} .toeic_freespecial .schedu_option .itm4{width:18%} .toeic_freespecial .schedu_option .sel_bx{display:block;position:relative;height:25px;background:#dbdbdb;font-size:12px;border-radius:3px;vertical-align:top} .toeic_freespecial .schedu_option .sel_bx:after{display:block;clear:both;content:"";position:absolute;right:4px;top:11px;width:7px;height:4px;background:url('/asset/skin/mbasil/img/sub/bu_selarr.gif') no-repeat;background-size:7px 4px;z-index:30} .toeic_freespecial .schedu_option .sel_bx select{width:100%;height:25px;border:0;background:none;-webkit-appearance: none;letter-spacing:-1px} .toeic_freespecial .schedu_option .inp_bx{display:block;height:23px;margin-left:4px;border:1px solid #e1e1e1;border-radius:3px;vertical-align:top} .toeic_freespecial .schedu_option .inp_bx .inbx{display:block;padding:2px} .toeic_freespecial .schedu_option .inp_bx input{width:100%;height:19px;border:0;font-size:12px;vertical-align:top} .toeic_freespecial .schedu_option .btn_sch{display:block;height:25px;margin-left:4px;background:#666;color:#fff;line-height:25px;text-align:center;border-radius:3px;vertical-align:top} .toeic_freespecial .schedu_option .btn_qna{display:block;height:25px;margin-left:4px;background:#fe4445;color:#fff;line-height:25px;text-align:center;border-radius:3px;vertical-align:top} .toeic_freespecial .lst_eduprogram{margin:10px 0 15px;border-bottom:1px solid #e9e8e8} .toeic_freespecial .lst_eduprogram ul li{width:100%;padding:8px 0 10px;border-top:1px solid #e9e8e8} .toeic_freespecial .lst_eduprogram ul li:after{display:block;clear:both;content:""} .toeic_freespecial .lst_eduprogram .num{float:left;width:12%;font-size:15px;font-weight:bold;color:#d70000} .toeic_freespecial .lst_eduprogram .info{float:left;width:88%} .toeic_freespecial .lst_eduprogram .info .info_bx{position:relative;padding-right:21px} .toeic_freespecial .program_data{line-height:18px} .toeic_freespecial .program_data dt{font-size:12px;font-weight:bold;color:#666} .toeic_freespecial .program_data dd{font-size:12px;color:#666} .toeic_freespecial .program_data .btn_action{display:table;width:100%;margin-top:4px;table-layout:fixed} .toeic_freespecial .program_data .btn_action .ac{display:table-cell} .toeic_freespecial .program_data .btn_action .ac a{display:block;height:23px;margin-left:3px;font-size:10px;text-align:center;border-radius:3px;line-height:23px;color:#fff;letter-spacing:-1px} .toeic_freespecial .program_data .btn_action .ac:first-child a{margin:0} .toeic_freespecial .program_data .btn_action .ic_mode{display:inline-block;margin:-1px 2px 1px 0;vertical-align:middle} .toeic_freespecial .program_data .btn_play{background:#569adf} .toeic_freespecial .program_data .btn_play .ic_mode{width:8px;height:10px;background:url('/asset/skin/mbasil/img/sub/ic_play.png') no-repeat;background-size:8px 10px} .toeic_freespecial .program_data .btn_testdown2{background:#1d1d1d} .toeic_freespecial .program_data .btn_testdown2 .ic_mode{width:10px;height:12px;background:url('/asset/skin/mbasil/img/sub/ic_testdown.png') no-repeat;background-size:10px 12px} .toeic_freespecial .program_data .btn_mp3down2{background:#fe4445} .toeic_freespecial .program_data .btn_mp3down2 .ic_mode{width:12px;height:12px;background:url('/asset/skin/mbasil/img/sub/ic_mp3down.png') no-repeat;background-size:12px 12px} /* 150106_학습다이어리 */ .diary_bt { position:relative;} .diary_bt img {display:block; margin:0 auto; max-width:100%;} .diary_bt p.p1{position:absolute;left:10%;top:87%;width:38%} .diary_bt p.p2{position:absolute;right:10%;top:87%;width:38%} .diary_bt p img{width:100%} /* 150323_토익 lv6 */ .toeic_scwrap strong {display:block; padding:11px 0 7px 10px; font-size:13px} .toeic_scwrap ul li {padding:0 25px} .toeic_scwrap ul.pd_b {padding-bottom:10px} /* 150323_토익 lv6 */ /* 150331 오픽 */ .blind{display:block;overflow:hidden;position:absolute;left:-9999px;top:-9999px;z-index:-1;width:1px;height:1px} .section_txt {background:#292a2e; width:100%; padding:18px 0} .section_txt .tit {display:block; vertical-align:middle; padding-left:15px; margin:0 0 10px 4%; font-weight:bold; font-size:14px; color:#fff; background:url('/asset/skin/mbasil/img/event/150331_opic/chk.gif') no-repeat left center} .section_txt .txt_box {margin-left:5%; padding-left:20px; width:85%; height:32px} .txt_wrap .btn {padding-top:20px; text-align:center} .section_txt .list_wrap {margin:18px 3% 0; border:2px solid #2f3237} .section_txt .list_wrap table {table-layout:fixed; margin:3%; color:#ededed; font-size:13px; width:94%} .section_txt .list_wrap th {height:42px; background:#383b42} .section_txt .list_wrap td {height:42px; border-bottom:1px dotted #848d9a; text-align:center; font-size:11px} .section_txt .list_wrap tr:last-child td {border-bottom:1px solid #848d9a} .section_txt .list_wrap .btn {padding-bottom:15px; text-align:center} .section .txt_group {padding:20px 28px; background:#d8d8d8; line-height:18px} .section .txt_group ul {padding-bottom:25px} .opic_scwrap {width:100%} .opic_scwrap .section{position:relative} .opic_scwrap .btn_type{display:block; position:absolute; overflow:hidden; background:#fff; opacity:0} .opic_scwrap .bt1{top:21%; left:11%; width:38.5%; height:3.5%} .opic_scwrap .bt2{top:21%; left:51%; width:38.5%; height:3.5%} .opic_scwrap .bt3{top:39.5%; left:11%; width:38.5%; height:3.5%} .opic_scwrap .bt4{top:39.5%; left:51%; width:38.5%; height:3.5%} .opic_scwrap .bt5{top:58%; left:11%; width:38.5%; height:3.5%} .opic_scwrap .bt6{top:58%; left:51%; width:38.5%; height:3.5%} .opic_scwrap .bt7{top:70.9%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt8{top:73.4%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt9{top:82.4%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt10{top:84.9%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt11{top:87.6%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt12{top:90.1%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt13{top:92.8%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt14{top:95.3%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt15{top:21.5%; left:11%; width:38.5%; height:3.5%} .opic_scwrap .bt16{top:21.5%; left:51%; width:38.5%; height:3.5%} .opic_scwrap .bt17{top:40%; left:11%; width:38.5%; height:3.5%} .opic_scwrap .bt18{top:40%; left:51%; width:38.5%; height:3.5%} .opic_scwrap .bt19{top:58.5%; left:11%; width:38.5%; height:3.5%} .opic_scwrap .bt20{top:58.5%; left:51%; width:38.5%; height:3.5%} .opic_scwrap .bt21{top:71.4%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt22{top:73.9%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt23{top:82.9%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt24{top:85.4%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt25{top:88.1%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt26{top:90.6%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt27{top:93.3%; left:77%; width:18.7%; height:2.3%} .opic_scwrap .bt28{top:95.8%; left:77%; width:18.7%; height:2.3%} @media screen and (max-width:430px){ .section_txt .list_wrap .ellip {text-overflow:ellipsis; white-space:nowrap; overflow:hidden} } /* 150331 오픽 */ /* 150331 jlpt */ .jlpt_scwrap{width:100%} .jlpt_scwrap .section{position:relative} .jlpt_scwrap .btn_type{display:block; position:absolute; overflow:hidden; background:#fff; opacity:0} .jlpt_scwrap .bg01 {background:#fff} .jlpt_scwrap .bg01 span {color:#fa5559} .jlpt_scwrap .bg01 ul {padding-left:20px} .jlpt_scwrap .bt1{top:31%; left:40%; width:26.5%; height:5.5%} .jlpt_scwrap .bt2{top:31%; left:67.6%; width:26.5%; height:5.5%} .jlpt_scwrap .bt3{top:60.6%; left:40%; width:26.5%; height:5.5%} .jlpt_scwrap .bt4{top:60.6%; left:67.6%; width:26.5%; height:5.5%} .jlpt_scwrap .bt5{top:90.5%; left:40%; width:26.5%; height:5.5%} .jlpt_scwrap .bt6{top:90.5%; left:67.6%; width:26.5%; height:5.5%} /* 150331 jlpt */ /* 150402_수정 */ .stu_text li{float:left;background:#eeeeee;padding-bottom:2%;} /* 150403_강의안내 */ .tabs_th {; margin-top:20px;} .th_stitle {font-weight:bold; font-size:15px; margin-bottom:10px;color:#333;line-height:18px} .th_stitle span.stext{font-size:12px; color:#7f7f7f; margin-bottom:10px;} .list_th {margin-bottom:10px;padding: 0 0 0 8px;} .list_th li {position:relative; padding: 0 0 0 8px; text-align:left; color:#666;line-height:18px;} .list_th li.icon:before {;content:""; position:absolute; top:6px; left:0; width:4px; height:4px; display:block; border-radius:2px; -webkit-border-radius:2px; background:#ec3e3e;font-weight:bold;} .list_th li:last-child {margin-bottom:10px;} .tab_th {width:100%; margin-bottom:25px;} .tab_th:after {content:''; display:block; clear:both; height:0;} .tab_th li {float:left; width:50%; box-sizing:border-box; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#f1f1f1; height:37px;padding-top:10px;} .tab_th li:nth-child(4n) {border-right:none;} .tab_th li a {display:block; font-weight:bold; font-size:12px; color:#808080; text-align:center;} .tab_th li.on {background:#494949;} .tab_th li.on a {color:#fff;} /* 150407_강의패키지 */ .tab_pack1 {width:100%; /* background:#3d3e47; */} .tab_pack1:after {content:''; display:block; clear:both;} .tab_pack1 li {float:left; position:relative; font-size:13px;} .tab_pack1 li a {display:block; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f1f1f1; color:#666; font-weight:bold; text-align:center; line-height:16px;} .tab_pack1 li a:hover, .tabs li a:active, .tabs li a:visited {color:#666;} .tab_pack1 li:last-child a {border-right:0 none;} .tab_pack1 li.on a {background:#494949; border-right:0 none; color:#fff;} .tab_pack1 li.on:after {content:""; display:block; position:absolute; bottom:-4px; left:50%; margin-left:-3px; border-color: #494949 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; width: 0; height: 0; z-index:500;} .tab_pack1 li.on a:hover, .tabs li.on a:active, .tabs li.on a:visited {color:#fff;} .center_align1 {display:table;height:48px;width:100%;} .center_align2 {display:table-cell;} .tab_pack2 {width:100%; /* background:#3d3e47; */} .tab_pack2:after {content:''; display:block; clear:both;} .tab_pack2 li {float:left; position:relative;width:50%; border-bottom:1px solid #fff; } .tab_pack2 li a {display:block;border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f1f1f1; color:#6f6f6f; font-weight:bold; text-align:center; line-height:16px;} .tab_pack2 li a:hover, .tabs li a:active, .tabs li a:visited {color:#666;} .tab_pack2 li:last-child a {border-right:0 none;} .tab_pack2 li.on a {background:#898989; border-right:0 none; color:#fff;} .tab_pack2 li.on:after {content:""; display:block; position:absolute; bottom:-4px; left:50%; width: 0; height: 0; z-index:500;} .tab_pack2 li.on a:hover, .tabs li.on a:active, .tabs li.on a:visited {color:#fff;} .packgae {; border-top:3px solid #e74646; border-bottom:1px solid #e74646} .packgae li {padding:10px 20px 10px 20px; font-size:13px; border-bottom:1px dotted #dedede} .packgae li p{padding-left:20px; font-weight:bold;color:#e74646} .packgae li p.packcon1{; background:url('/asset/skin/mbasil/img/icon/pack01.jpg') no-repeat 0 1px} .packgae li p.packcon2{; background:url('/asset/skin/mbasil/img/icon/pack02.jpg') no-repeat 0 1px} .packgae li p.packcon3{; background:url('/asset/skin/mbasil/img/icon/pack03.jpg') no-repeat 0 0} .packgae li p.packcon4{; background:url('/asset/skin/mbasil/img/icon/pack04.jpg') no-repeat 0 1px} .packgae li p.packcon5{; background:url('/asset/skin/mbasil/img/icon/pack05.jpg') no-repeat 0 1px} .packgae li p{width:18%;display:inline-block} .packgae .sale{font-size:14px;color:#666;text-decoration:line-through;text-align:left} .packgae .total_price{font-size:16px;font-weight:bold;color:#de161f} .packgae .persent {font-size:10px;font-weight:bold} /* 0원 수강신청 팝업 추가 */ .pop_0register .btn_title{ padding:16px 10px; border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; line-height:22px; color:#898989; background:url('/asset/skin/mbasil/img/icon/btn_dropdown.png') no-repeat 95%;} .pop_0register .btn_title.active{ padding:20px 10px; border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; line-height:22px; color:#898989; background:url('/asset/skin/mbasil/img/icon/btn_dropup.png') no-repeat 95%;} .pop_0register .btn_title:selected{ padding:20px 10px; border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; line-height:22px; color:#898989; background:url('/asset/skin/mbasil/img/icon/btn_dropup.png') no-repeat 95%;} .pop_0register .btn_title strong {font-size:21px; color:#000;} .pop_0register .info { padding:0 !important;} .pop_0register .selectsub {width:100%; height:297px;} .pop_0register .selectsub ul li { padding:10px 0 10px 12px; display:block;} .pop_0register .selectsub li:nth-child(odd){ border-bottom:1px dotted #cbcbcb;} .pop_0register .bigsub {width:50%; float:left; height:100%; } .pop_0register .bigsub li.active { background:#D92E0F; color:#fff;} .pop_0register .bigsub li:selected { background:#D92E0F; color:#fff;} .pop_0register .bigsub li:hover { background:#D92E0F; color:#fff;} .pop_0register .bigsub li:down { background:#D92E0F; color:#fff;} .pop_0register .smsub {width:50%; float:left; overflow-y:scroll; height:100%; background:#EBEBEB;} .pop_0register .smsub li.active { background:#898989; color:#fff;} .pop_0register .smsub li:selected { background:#898989; color:#fff;} .pop_0register .smsub li:hover { background:#898989; color:#fff;} .pop_0register .smsub li:down { background:#898989; color:#fff;} .pop_0register .subsub {width:100%; float:left; overflow-y:scroll; height:100%; background:#EBEBEB;} .pop_0register .subsub li.active { background:#898989; color:#fff;} .pop_0register .subsub li:selected { background:#898989; color:#fff;} .pop_0register .subsub li:hover { background:#898989; color:#fff;} .pop_0register .subsub li:down { background:#898989; color:#fff;} .pop_0register .noline{ border-bottom:none !important;} .pop_0register .center{ text-align:center !important;} .pop_0register .bfprice { text-decoration:line-through;} .pop_0register .subBody { padding:0 14px;} .pop_0register .subBody .subinfo_tit { float:left; font-size:15px; color:#000;} .pop_0register .subBody .class_tit{ clear:both !important; padding-top:20px; font-size:16px; } .pop_0register .afprice strong {font-size:20px;font-weight:bold;color:#de161f; text-decoration:none;} .pop_0register .sub_view .info {padding:0 17px;} .pop_0register .sub_view .info dl {display:table; width:100%; border-bottom:1px solid #e9e8e8; solid #e9e8e8;padding:7px 0;} .pop_0register .sub_view .info dl:after {content:""; display:block; clear:both;} .pop_0register .sub_view .info dl dt, .pop_0register .sub_view .info dl dd {line-height:16px; display:table-cell; font-size:12px; color:#666; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .pop_0register .sub_view .info dl dd .file {font-weight:normal;} .pop_0register .sub_view .info dl dt {width:70px; font-weight:bold;} .pop_0register .sub_view .info .note {display:block; padding-top:5px; line-height:16px; font-size: 11px; color:#666;} .pop_0register .sub_view .info dl + .note {background-color:#fff; margin-top:-1px;} /* 150427 하단 띠배너 닫기버튼 */ .in_sec {position:relative;} .line_banner_close_btn{position:absolute; right:0; top:-28.8%; width:6.2%; background:rgba(0,0,0,0.8); display:block;}