/* ===================================================================== 기본 */ @import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" ); @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); /* ------------------------------------------------- reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:'Nanum Gothic','NanumGothic','돋움',"Dotum","Gulim",Tahoma,Geneva,sans-serif; /** Disable orange highlight */} * { padding:0; margin:0; border:0; } ul, ol, dl, li { list-style: none; } img, fieldset { vertical-align:top; border:0; } a { text-decoration:none; border:0; } a:hover { text-decoration:none; } input, select { border:1px solid #343434; background-color:#fff; /*height:61px; font-size:22px;*/ border-radius:0; color:#999;} input[type="checkbox"], input[type="radio"] { width:25px; height:25px; } input[type="text"],textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;} /*textarea { border:1px solid #343434; color:#464646; font-size:20px; border-radius:0;}*/ textarea {padding: 10px 10px; color:#aaa;border-radius: 2px; border: 1px solid #ccc; font-size: 0.9em;color: #786e65;} p { word-wrap:break-word; } body { font-size:17px; -webkit-text-size-adjust:none; font-family:'Noto Sans KR',​dotum,sans-serif; font-weight:400; width:640px; /*margin:0 auto;*/ } caption, legend { display:none; } table { border-collapse:collapse; table-layout:fixed; } #header, #wrapper, footer { min-width: 640px; } article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; } .Npay_payment_box{ display: block !important; width:300px; height:88px; margin: 0 auto; text-align:center; } ._payButton{ padding:0 !important; } /* ===================================================================== 공통 */ /* ------------------------------------------------- 버튼 */ .btn_white {background-color: #FFFFFF; color: #786e65; text-align: center;} .btn_orange {background-color: #FAAF19; color: #FFFFFF; text-align: center;} /* ------------------------------------------------- 테스트 */ .txt_orange {color: #FAAF19; } /* ------------------------------------------------- Style */ .bg_white {background-color: #FFFFFF;} .bg_gray {background-color: #E9E9E9;} /* ------------------------------------------------- Icon */ /*.icon_orange {float: left;display: inline-block; background-color: #FAAF19; color: #ffffff; width: 14px; height: 14px; line-height: 14px; -webkit-border-radius:7px; -moz-border-radius:7px;}*/ .icon_orange {width: 18px; height: 11px; top: 7px; margin-right: 5px; background: #faac11; position: relative; display: inline-block; vertical-align: top;} .icon_orange:before {content: ""; position: absolute; top: -5px; left: 0; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 5px solid #faac11; } .icon_orange:after {content: ""; position: absolute; bottom: -5px; left: 0; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 5px solid #faac11; } /*.icon_orange01 {width: 18px; height: 11px; top: 8px; margin-right: 5px; background: #faac11; position: relative; display: inline-block; } .icon_orange01:before {content: ""; position: absolute; top: -5px; left: 0; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 5px solid #faac11; } .icon_orange01:after {content: ""; position: absolute; bottom: -5px; left: 0; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 5px solid #faac11; } */ .circle { display: inline-block; margin: 0 17px 5px 15px; width: 6px; height: 6px; background: #faac11; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 6px; } .circle01 {position: relative; display: inline-block; top: -4px; margin: 0 7px 0 -11px; width: 3px; height: 3px; background: #faac11; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; } /* ::-webkit-input-placeholder { /* WebKit browsers color: #464646; font-weight:400; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 color: #464646; font-weight:400;} ::-moz-placeholder { /* Mozilla Firefox 19+ color: #464646; font-weight:400;} :-ms-input-placeholder { /* Internet Explorer 10+ color: #464646; font-weight:400;} */ .txt_c { text-align:center; } .mT15 { margin-top:15px; } .hide {display: none;} /* ------------------------------------------------- Table */ table.frm_tbl {width: 100%; background-color:#fff; border: 1px solid #e0e0e0;} table.frm_tbl thead tr th.frm_else {font-size: 1.4em; font-weight: bold; text-align:center; background-color: #786E65; color: #ffffff; height: 45px; line-height: 45px; border: 1px solid #786e65;} table.frm_tbl tbody tr td.img_c2 {} table.frm_tbl tbody {border-top:1px solid #eaeaea;} table.frm_tbl tbody tr th {border-bottom:1px solid #eaeaea; font-size: 1.3em; color: #786e65; line-height: 140%; padding: 18px 15px;} table.frm_tbl tbody tr th .sound_only {font-weight:500; color: #FAAF19; margin-left: 5px;} table.frm_tbl tbody tr td {border-bottom:1px solid #eaeaea; font-size: 1.3em; color: #786e65; line-height: 140%; padding: 18px 15px; display: table-cell;} table.frm_tbl tbody tr td.orange {text-align: center; font-size: 1.8em; font-weight: 600; color: #faaf19; line-height: 140%; padding: 18px 15px; display: table-cell;} table.frm_tbl tbody tr td .notice {font-size: 0.85em; color: #999; line-height: 140%;} table.frm_tbl tbody tr td .price {font-size: 2.0em; font-weight: 600; color: #786e65; line-height: 140%;} table.frm_tbl .frm_input { padding: 10px 10px; color:#aaa;border-radius: 2px; border: 1px solid #ccc; font-size: 0.9em;color: #786e65;} table.frm_tbl select { padding: 10px 10px; color:#aaa;border-radius: 2px; border: 1px solid #ccc; font-size: 0.9em;color: #786e65;} table.frm_tbl label {color:#aaa;} .ui-datepicker-trigger {width:50px; padding-left: 10px;} /* ===================================================================== 레이아웃 */ /* ------------------------------------------------- */ #header { z-index:10; width:640px; position:relative; height: 95px; overflow:hidden;} #header .btn_side { float:left; padding:35px 0 0 23px; } #header .btn_my { float:right; padding:35px 23px 0 0; cursor: pointer;} #header h1 { position:absolute; left: 262px; top: 26px; z-index:10;} #container {position:relative; width:640px; margin:0 auto; padding:0 0 0 0; } h2.tit { height:82px; line-height:82px; text-align:center; background-color:#786E65; color:#fff; font-size:28px;letter-spacing:-.5px; /*border-top: solid 5px #FAAF19;*/ } #contents {/*display: grid;*/background-color: #f6f6f6; padding: 20px; margin: 0px; min-height: 630px;} #contents-top-no-padding {background-color: #f6f6f6; padding: 0 20px 20px 20px; margin: 0px;} #contents-white-nopadding {background-color: #FFFFFF; margin: 0px; padding-bottom: 20px;} #contents .inner {color: #786e65;} #contents_shop {background-color: #f6f6f6; padding: 20px 0; margin: 0px;} #pd_n { padding:0 !important; } /* ------------------------------------------------- Paging */ .wrap_paging {clear: both; text-align: center; height: 50px; line-height: 50px; padding: 15px 0;} .wrap_paging .pg {margin: 0 10px; font-size: 1.4em;} .wrap_paging .pg strong {color: #FAAF19;} .wrap_paging .pg img {vertical-align: middle;} /* ===================================================================== 사이드메뉴 */ /* ------------------------------------------------- 좌측 */ .side_nav {background-color:#f6f6f6; width:471px; position:fixed; left:-471px; top:0; z-index:60;overflow:hidden; overflow-y: scroll; height:100%; /*opacity:0.8; */ } .side_nav::-webkit-scrollbar {width: 0px;} .side_nav .package_title { height:50px; line-height:50px; padding-left:10px; background-color: #DCDCDC; width: 100%; clear: both; font-size:1.2em; color:#222;} .side_nav .package_list {clear: both; } .side_nav .package_list:after {clear: both;} .side_nav .package_list .package_row {float: left; height:38px; line-height:38px; padding-left:15px; color:#444; background-color: #f6f6f6; border-bottom: solid 1px #DCDCDC; width: 219.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .side_nav .package_list .package_row_left { height:38px; line-height:38px; border-right: solid 1px #DCDCDC; color:#444; } .side_nav .package_list .package_row2 {float: left; height:38px; line-height:38px; padding-left:15px; color:#444; background-color: #f6f6f6; border-bottom: solid 1px #DCDCDC; width: 219.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} /* 천팀추가 */ .ks-mtam_title { background:#292424; text-align:left; padding:15px 15px;} ul.ks_mtam_side_lmb { width:100%; display:table;} ul.ks_mtam_side_lmb > li { display:table-cell;} /* .side_nav .top { height:98px; padding: 38px 0 0 14px; background-color:#0a8ddf; overflow:hidden; } .side_nav .top .btn_side{ float:left; } .side_nav .top .login_txt { float:left; color:#fff; margin-left:17px; font-size:20px; letter-spacing:-.5px;} .side_nav .login_info { text-align:center; } .side_nav .login_info img { margin:30px auto; } .side_nav .login_info ul { border-top:1px solid #098de2; border-bottom:1px solid #098de2; overflow:hidden; padding:0;} .side_nav .login_info ul li { float:left; width:49.5%; text-align:center; margin:0; line-height:62px; height:62px; color:#098de2; font-size:22px; letter-spacing:-.5px;} .side_nav .login_info ul li:first-child { border-right:1px solid #098de2; } .side_nav .login_info ul li a {display:block; height:62px; color:#098de2; font-size:22px;} .side_nav ul { margin:0 auto; padding:10px 0; border-bottom:1px solid #c0c0c0;} .side_nav ul li { margin:6px 0; text-align:center;} .side_nav ul li a { display:block; } .side_nav ul.mini { overflow:hidden; padding-left:20px; } .side_nav ul.mini li { float:left; } .side_nav ul.mini li:nth-child(odd) { margin-right:5px; } .side_nav .tel { text-align:center; display:block; margin:22px 0; } .side_nav .talk a { float:left; display:block;} */ .modal_side {position:fixed; width:100%; height:100%; opacity:0.5; background:#000; z-index:40;} #side_nav_bg {position:fixed; width:100%; height:100%; opacity:0.5; top:0; background:#000; z-index:40; } #btn_side_close {margin-left: 0px; margin-top: 5px; cursor: pointer; color: #FFFFFF; font-size: 20px; } /* ------------------------------------------------- 우측 */ .side_right_nav {background-color:#f0f0f0; width:315px; position:absolute; left: 640px; top:0; z-index:60;overflow:hidden; overflow-y:auto; height:100%;} #side_right_nav_bg {position:fixed; width:100%; height:100%; opacity:0.5; top:0; background:#000; z-index:40; } #btn_side_right_close {/*margin-left: 0px;*/ position:absolute; margin-top: 5px; left: 610px; cursor: pointer; color: #FFFFFF; font-size: 20px; } /*모바일 네비 css추가*/ .memA { background:#292524;border-bottom:5px solid #faaf19;} .memALoz { width:100%; overflow:auto;} .memALoz > li { float:left; color:#ddd; line-height:50px; text-align:center; padding-top:10px; border-right:1px solid #fff;} .memALoz > li:last-child { border-right:0px;} .memALoz > li.mypge{ width:39%; } .memALoz > li.mybtn{ width:30%; } .memALoz > li > a { display:inline-block; text-align:center; border-radius:3px; line-height:38px; color:#fff; } .memB { background:#fff; } .memB > h4.memB_list { font-size:1.3em; color:#5d5d5d; height:50px; line-height:50px; padding-left:24px; background: #dcdcdc url('/m/template/default/img/ks_mtam_iconbl.png') no-repeat 8px 50%; } .memBLoz { } .memBLoz > li { font-size:1.2em; padding-left:25px; height:45px; background-color:#f0f0f0; line-height:45px;border-bottom:1px solid #cecece; } .memBLoz > li:last-child { /*border-bottom:0px;*/} .memBLoz > li > a { color:#756b61;text-decoration: none;} /* ===================================================================== Footer */ /* ------------------------------------------------- */ footer {color: #777; text-align: center;} footer a, footer a:active, footer a:link, footer a:visited, footer a:hover {text-decoration:none; cursor:pointer; color:#ffffff; padding: 0 10px;} footer .footer_link {background-color: #39393B; padding:15px 0px;} footer .footer_tel {background-color: #3E3E40; padding:15px 0px;} footer .footer_addr {background-color: #444444; padding:15px 0px; color: #999;} footer .footer_copyright {background-color: #444444; color: #a6a6a6; padding:15px 0px; font-size:14px;} /*#footer { background-color:#f0f0f0; padding:40px 22px; } #footer .footer_adress { color:#636363; font-size:19px; margin-top:26px; letter-spacing:-1px; }*/ #ALLAT_MOBILE_PAY{ height:100% !important; } .admin_button a { display: block; width: 640px; height: 80px; line-height: 80px; color: #fff; background-color: #39393B; font-size: 25px; padding:0 !important; } /* ------------------------------------------------- 하단 고정 */ #footer_fixed { z-index: 15; position: fixed; bottom: 0; background-color: #fff; width: 640px; height:80px; border-bottom:1px solid #ddd;} .fter_fxdList { width:100%; height: inherit; margin: 0 auto; } .fter_fxdList > li:first-child { border-left:0px;} .fter_fxdList > li { float:left; width:33%; text-align:center; border-left:1px solid #ddd;} .fter_fxdList > li > a { color:#000; font-size:25px; height:80px; line-height:80px;} .fter_fxdList > li.btn1 { margin-left: 0;height: inherit; background-color:#ffe900; } .fter_fxdList > li.btn2 {height: inherit; } .fter_fxdList > li.btn3 { height: inherit; } .fter_fxdList > li.btn4 {height: inherit; } .fter_fxdList > li.btn1 a span { padding-left:24px; background-image:url('/m/template/default/images/footer_kakao.png'); background-size:18px; background-repeat:no-repeat;background-position-y:4px;} .fter_fxdList > li.btn2 a span { padding-left:24px; background-image:url('/m/template/default/images/footer_login.png'); background-size:18px; background-repeat:no-repeat;background-position-y:4px;} .fter_fxdList > li.btn3 a span { padding-left:24px; background-image:url('/m/template/default/images/footer_call.png'); background-size:18px; background-repeat:no-repeat;background-position-y:6px;} .fter_fxdList > li.btn4 a span { padding-left:24px; background-image:url('/m/template/default/images/footer_mystudy.png'); background-size:18px; background-repeat:no-repeat; background-position-y:5px;} #custom_footer_fixed { z-index: 15; position: fixed; bottom: 0; background-color: #fae100; width: 640px; height:90px; border-top-left-radius:15px;border-top-right-radius:15px; } #footer_fixed2 { z-index: 15; position: fixed; bottom: 0; background-color: #fff; width: 640px; height:130px; border-bottom:1px solid #ddd;} #footer_fixed3 { z-index: 15; position: fixed; bottom: 0; background-color: #fff; width: 640px; height:90px; border-bottom:1px solid #ddd;} #footer_fixed4 { z-index: 15; position: fixed; bottom: 0; width: 640px; height:113px; } /* ===================================================================== 메인 */ /* ------------------------------------------------- 메인배너 */ .top_area .slide_banner { height:345px; margin:0 0 0 0; padding: 0; position:relative; } .top_area .slide_banner .slides {zoom: 1;margin: 0; padding: 0; overflow:hidden; } .top_area .slide_banner .slides > li {position:relative; display: none; -webkit-backface-visibility: hidden; } .top_area .slide_banner .slides > li a {display:block; } .top_area .slide_banner .slides img { display: block; text-align:center; } .top_area .slide_banner .flex-direction-nav { margin: 0; padding: 0; list-style: none; display:none; } .top_area .slide_banner .flex-direction-nav a { margin: 0 6px; width: 30px; height: 30px; margin: -20px 0 0; display: block; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; } .top_area .slide_banner .flex-direction-nav .flex-next { background-position: 100% 0; right: 5px; } .top_area .slide_banner .flex-direction-nav .flex-prev { left: 5px; } .top_area .slide_banner .flex-control-nav { position: absolute; right:10px; top:20px; text-align: right; margin: 0 0 0 0; padding: 0; list-style: none; font-size:0;} .top_area .slide_banner .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; } .top_area .slide_banner .flex-control-paging li a { width:17px; height:17px; margin-right:12px; display:block; cursor:pointer; text-indent:9999px; border-radius:10px; border:1px solid #fff;} .top_area .slide_banner .flex-control-paging li a:hover {background-color:#FAAF19; border:1px solid #FFFFFF; } .top_area .slide_banner .flex-control-paging li a.flex-active { background-color:#FAAF19; border:1px solid #FFFFFF; cursor: default; } .top_area .slide_banner .textarea_Slide{ display:block; position:absolute; margin: 0 auto; width:500px; height:120px; bottom: 0px; left: 50%; transform: translate(-50%, 0%); } .top_area .slide_banner .textarea_Slide_Box{ width:500px; height:40px; display:block; border-radius:10px; margin-top:5px; margin-bottom:10px; background-color:#61b092; line-height:40px; text-align:center; font-family:'Noto Sans KR'; font-size:0.8em; color:#4a4949; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:15px; padding-right:15px; } .top_area .slide_banner .textarea_Slide_Box:nth-child(even) { background-color:#fce156; } .top_area .slide_banner .textarea_Slide_Box:nth-child(odd) { background-color:#d6d4cb; } /* #contents_main .top_area ul { overflow:hidden; } #contents_main .top_area ul li { float:left; } #contents_main .top_area ul li.homework { background:url(../../image/m/bg_main_homework.jpg) no-repeat; width:319px; height:159px; } #contents_main .top_area ul li.homework .count { text-align:center; overflow:hidden; margin-top:27px; } #contents_main .top_area ul li.homework .count p { font-family:'Noto Sans KR'; display:inline-block; background:url(../../image/m/bg_count.png) no-repeat; width:38px; line-height:52px; font-size:33px; font-weight:900; color:#fff; text-align:center; } #contents_main .top_area ul li.homework .count p.ico_rest { background:url(../../image/m/ico_rest.png) no-repeat; width:6px; height:10px;} #contents_main .top_area ul li a { display:block; } #contents_main .free_lecture ul { overflow:hidden; width:620px; margin:0 auto; } #contents_main .free_lecture ul li { float:left; } #contents_main .free_lecture ul li:nth-child(1) { margin-right:5px; } #contents_main .free_lecture ul li:nth-child(2) { margin-bottom:5px; } */ /* ------------------------------------------------- 패키지 목록 */ #contents_main {background-color: #f6f6f6;} #contents_main .package_title { font-size:1.5em; font-weight:600;background-color: #ffcc21; height:60px; line-height:60px;width: 100%; clear: both; color: #493e31; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} #contents_main .package_list {clear: both;} #contents_main .package_list:after {clear: both;} #contents_main .package_list .package_row {float: left; height:50px; line-height:50px; font-size:1.5em; color :#776e64; background-color: #fff; border-bottom: solid 1px #DCDCDC; width: 319px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} #contents_main .package_list .package_row2 {float: left; height:50px; line-height:50px; font-size:1.5em; color :#776e64; background-color: #fff; border-bottom: solid 1px #DCDCDC; width: 319px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} #contents_main .package_list .package_row_left { border-right: solid 1px #DCDCDC; } #contents_main .package_list .package_more { clear: both; width: 100%;height:50px; line-height:50px; font-size:1.5em; color:#493e31; background:url("/m/template/default/img/main_slide_down.png") no-repeat center; background-color: #ffcc21; } #contents_main .package_list .package_more>ul>li{float:left; width:50%; } .package_more_left{text-align:right;font-weight:600;} .package_more_left>span{margin-right:32px;} .package_more_right{text-align:left; } .package_more_right .more_text{margin-left:32px;} /* ------------------------------------------------- 패키지맛보기 */ #contents_main .sample_box { padding-bottom:30px;overflow: hidden; overflow-x: scroll;} #contents_main .sample_box .sample_list {overflow: hidden; } #contents_main .sample_box .sample_list .sample_row { float:left; width: 45%;overflow: hidden; margin-left:10px; margin-top:10px; margin-bottom:23px;} #contents_main .sample_box .sample_list .sample_row:nth-child(2n){ float:right; margin-right:10px; margin-left:0px; } /*맛보기 텍스트 스타일 추가*/ .ks_lecTitle00 { /*width:400px;*/ height:40px; font-size:1.2em; line-height:40px;font-weight:600; margin-top:10px; color:#695f56; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .ks_lecName00 {/* width:400px;*/ color:#7f766d; font-size:1.1em; margin-top: 10px;} #contents_main .my_lecture_area ul { overflow:hidden; } #contents_main .my_lecture_area ul li { float:left; } #contents_main .my_lecture_area ul li a { display:block; } #contents_main .english_secret ul { overflow:hidden; width:619px; margin:0 auto 50px;} #contents_main .english_secret ul li { float:left; margin-bottom:5px; } #contents_main .english_secret ul li:nth-child(odd) { margin-right:5px; } #contents_main .english_secret ul li a { display:block; color:#252525; font-size:19px;} #contents_main .english_secret ul li p { border:1px solid #e1e1e1; width:305px; height:72px; padding-top:13px; text-align:center; color:#252525; } #contents_main .board { border-top:1px solid #252525; background-color:#f7f7f7; } #contents_main .board h2 { height:73px; line-height:73px; font-weight:400; text-align:center; font-size:24px;} #contents_main .board dl { overflow:hidden; border-top:1px solid #e0e0e0; padding:15px 20px;} #contents_main .board dl dt { float:left; width:450px; letter-spacing:-1px;} #contents_main .board dl dt a { display:block;width:450px; color:#6d6d6d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #contents_main .board dl dt span { display:inline-block; color:#ff4e00; margin-right:8px;} #contents_main .board dl dd { float:left; letter-spacing:-1px;} #contents_main .board dl dd.name { width:70px; text-align:center; color:#222; } #contents_main .board dl dd.date { width:80px; color:#6d6d6d;} #contents_main .sns { overflow:hidden; margin:24px auto 15px; width:361px; } #contents_main .sns li { float:left; } #contents_main .sns li a { display:block; padding:13px; } #contents_main .mini_menu { overflow:hidden; width:620px; margin:0 auto;} #contents_main .mini_menu li { float:left; } /*메인 하단 SNS바로가기 존*/ .baroSnsz { width:100%; background:#f9f9f9; border-top:1px solid #e2e2e2; padding:25px 0px;} .baroSnsLst { width:90%; overflow:auto; margin: 0 auto;} .baroSnsLst > li { float: left; width: 20%; text-align:center; } /*10인10색 */ .ks_sectionArea { clear:both; margin: 20px 0; padding:20px 0px 10px; background:#fff; border-top:1px solid #ededed; border-bottom:1px solid #e0e0e0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .teacher_Area{padding-bottom:0;} .ks_sectionArea > h4 { text-align:center; margin-bottom:25px;} ul.ks_mtamTcer-inlist { width:600px; height:200px;margin: 0 atuo; overflow:hidden } ul.ks_mtamTcer-inlist > li { float:left; width:33.3%; text-align:center; padding-bottom:15px;} ul.ks_mtamTcer-inlist > li > p.tcherList { font-size:} span.tcher_name { font-size:1.4em; font-weight:600; color:#333; } span.tcher_lec { font-size:1em; color:#5f5f5f } .thcfade { width:600px; height: 200px; /*margin:70px auto 0; */ margin:0 auto;} .ks_mtamTcer-inlist {overflow: hidden; height: 200px;} .ks_sectionArea_bg {background-color:#fef6d4;} .ks_sectionArea_review {clear:both; position: relative; margin-bottom:20px; padding:20px 0px 10px; text-align: center; background:#302d2d; border-top:1px solid #ededed; border-bottom:1px solid #e0e0e0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .ks_sectionArea_review:before {position: absolute; margin-top: -20px; left: 25%; width: 50%; height: 5px; background-color: #ffba00; content: '';} .ks_sectionArea_review > h4 { display:block; text-align:center; margin: 10px 0 15px; font-size:1.7em; color: #ffba00;} .ks_sectionArea_review > h4 > strong { font-size:2em; font-weight: 600;} .ks_sectionArea_review > h3 { text-align:center; margin-bottom:25px; line-height:180%; font-size:1.2em; color: #fff; } .ks_sectionArea_review > h3 > strong { font-size:1.2em; font-weight: 600; } .ks_sectionArea_review .btn_review {display: inline-block; padding-right: 10px; margin-bottom: 25px; width:190px; min-width:190px; font-size: 1.25em; height: 50px; line-height:50px; font-weight: 600; background: #fff url(/m/template/default/img/ico_arrow_y.png) 157px 20px no-repeat;; color: #302d2d; text-align: center; border:1px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} /* ===================================================================== 게시판 */ /* ------------------------------------------------- 이벤트 */ .board_event {padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;} .board_event .bbs_list {} .board_event .bbs_list .bbs_row {} /* ------------------------------------------------- 공개자료실 */ .board_opendata {padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;} .board_opendata .bbs_list {} .board_opendata .bbs_list .bbs_row {background-color: #F6F6F6; clear: both; } .board_opendata .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px; } .board_opendata .bbs_list .bbs_row .bbs_row_box { margin: 5px 5px; padding: 10px 0;} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_title {} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer;} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_content {clear: both; background-color: #f2f2f2; } .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list {} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row {} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #C8C8C8; height: 1px;} .board_opendata .bbs_list .bbs_row .bbs_row_box .bbs_content .content {} /* ------------------------------------------------- 강의자료실 */ .board_classdata {/*padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;*/} .board_classdata .bbs_list { display: grid; width: 100%; background-color: #fff; border: 1px solid #e0e0e0; } .board_classdata .bbs_list .bbs_row { /*background-color: #F6F6F6;*/ clear: both;border-bottom:1px solid #eaeaea; padding: 18px 15px; } .board_classdata .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px; } .board_classdata .bbs_list .bbs_row .bbs_row_box { /*margin: 5px 5px; padding: 10px 0;*/} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_title {} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer;font-size: 1.3em; color: #786e65; line-height: 140%; font-weight:600;} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_title .text {font-size: 90%; color: #aaa; line-height: 200%; font-weight:400;} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_content {clear: both; border: 1px solid #e0e0e0; background-color: #f6f6f6; padding:10px; } .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list { } .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row a {font-size: 1.2em; color: #786e65; line-height: 180%;} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #e0e0e0; height: 1px;} .board_classdata .bbs_list .bbs_row .bbs_row_box .bbs_content .content {font-size: 1.1em; color: #aaa; text-indent: 25px; line-height: 140%; padding:10px 0 0;} /* ------------------------------------------------- 1:1문의 */ .board_askkisa {padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;} .board_askkisa .bbs_list {} .board_askkisa .bbs_list .bbs_row {background-color: #F6F6F6; clear: both; } .board_askkisa .bbs_list .bbs_row_none { text-align: center; padding: 50px 0;} .board_askkisa .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px; } .board_askkisa .bbs_list .bbs_row .bbs_row_box { margin: 5px 5px; padding: 10px 0;} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_title {} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer;} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content {clear: both; background-color: #ffffff;} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list {} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row {} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #C8C8C8; height: 1px;} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .content {} .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .answer {margin-top: 20px; padding: 20px; border-top: solid #C8C8C8 1px; } .board_askkisa .bbs_list .bbs_row .bbs_row_box .bbs_content .button {margin-top: 20px; padding: 20px; border-top: solid #C8C8C8 1px; text-align: right;} .board_askkisa_write {} /* ------------------------------------------------- 강사에게 질문하기 */ .board_askteacher {padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;} .board_askteacher .bbs_list {min-height: 540px;} .board_askteacher .bbs_list .bbs_row {background-color: #F6F6F6; clear: both; } .board_askteacher .bbs_list .bbs_row_none { text-align: center; padding: 50px 0;} .board_askteacher .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px; } .board_askteacher .bbs_list .bbs_row .bbs_row_box {padding: 20px;} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_title {} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer; font-size: 1.6em;color: #786e65; font-weight: 600; line-height: 140%; padding: 10px 0px;} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content {position: relative; clear: both; background-color: #ffffff; padding: 10px; margin-bottom: 20px; clear: both; border: 1px solid #dddbd9;font-size: 1.3em; color: #5d5d5d;} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list {} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row {} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #C8C8C8; height: 1px;} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .content {} .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .answer {margin-top: 20px; padding: 20px; border-top: solid #C8C8C8 1px; } .board_askteacher .bbs_list .bbs_row .bbs_row_box .bbs_content .button {margin-top: 20px; padding: 20px; border-top: solid #C8C8C8 1px; text-align: center;} .board_askteacher_write {} /* ------------------------------------------------- 합격후기 */ .board_passstory {/*padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;*/} .board_passstory .bbs_list {display: grid; width: 100%; background-color: #fff; border: 1px solid #e0e0e0;} .board_passstory .bbs_list .bbs_row {/*background-color: #F6F6F6;*/ clear: both;border-bottom:1px solid #eaeaea; padding: 10px 15px 0; } .board_passstory .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px; } .board_passstory .bbs_list .bbs_row .bbs_row_box { /*margin: 5px 5px; padding: 10px 0;*/} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_title {} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer;font-size: 1.3em; color: #786e65; line-height: 140%; font-weight:600;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_title .text {color: #5d5d5d; line-height: 200%; font-weight:400;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content {clear: both; border: 1px solid #e0e0e0; background-color: #f6f6f6; padding:10px;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer {} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .writer {float: left;font-size: 1.0em; color: #777; line-height: 180%;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .reg_dt {float: right;font-size: 1.0em; color: #aaa; line-height: 180%;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .writer_line {clear: both;background-color: #C8C8C8; height: 1px;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list {} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row a {font-size: 1.2em; color: #aaa; line-height: 180%;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #e0e0e0; height: 1px;} .board_passstory .bbs_list .bbs_row .bbs_row_box .bbs_content .content {font-size: 1.0em; color: #777; text-indent: 25px; line-height: 200%; padding:10px 0 0;} /* ------------------------------------------------- 구인정보 */ .board_findman {/*padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;*/} .board_findman .bbs_list {display: grid; width: 100%; background-color: #fff; border: 1px solid #e0e0e0;} .board_findman .bbs_list .bbs_row {/*background-color: #F6F6F6;*/ clear: both;border-bottom:1px solid #eaeaea; padding: 10px 15px; width:580px;} .board_findman .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px;} .board_findman .bbs_list .bbs_row .bbs_row_box {margin: 10px 0 5px; /*padding: 10px 0;*/} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_title { } .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer;font-size: 1.4em; color: #786e65; line-height: 140%; width:480px;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content {clear: both; padding:10px; border: 1px solid #e0e0e0; background-color: #f6f6f6; margin-top: 10px;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer {} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .writer {float: left;font-size: 1.0em; color: #777; line-height: 180%;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .reg_dt {float: right;font-size: 1.0em; color: #aaa; line-height: 180%;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .writer_line {clear: both;background-color: #C8C8C8; height: 1px;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .license {color: #777; line-height: 200%;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .link_list {} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .link_list .link_row {} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list { position:relative;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row {} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #e0e0e0; height: 1px;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .content {font-size: 1.0em; color: #777; line-height: 140%; padding:10px 0 0;} .board_findman .bbs_list .bbs_row .bbs_row_box .bbs_content .content img {width:100% !important; height:auto !important;} /* ------------------------------------------------- 구직이직 */ .board_findjob2 {/*padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;*/} .board_findjob2 .bbs_list {display: grid; width: 100%; background-color: #fff; border: 1px solid #e0e0e0;} .board_findjob2 .bbs_list .bbs_row {/*background-color: #F6F6F6;*/ clear: both;border-bottom:1px solid #eaeaea; padding: 10px 15px;} .board_findjob2 .bbs_list .bbs_row .bbs_row_line {background-color: #C8C8C8; height: 1px;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box {margin: 10px 0 5px; /*padding: 10px 0;*/} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_title { } .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_title .title {float: left; cursor: pointer;font-size: 1.4em; color: #786e65; line-height: 140%;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_title .icon {float: right; cursor: pointer;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_title_after { clear: both;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content {clear: both; padding:10px; border: 1px solid #e0e0e0; background-color: #f6f6f6; margin-top: 10px;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer {} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .writer {float: left;font-size: 1.0em; color: #777; line-height: 180%;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .reg_dt {float: right;font-size: 1.0em; color: #aaa; line-height: 180%;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .writer_line {clear: both;background-color: #C8C8C8; height: 1px;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .license {color: #777; line-height: 200%;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .link_list {} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .bbs_writer .link_list .link_row {} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list {} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row {} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_row .down {} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .file_list .file_line {background-color: #e0e0e0; height: 1px;} .board_findjob2 .bbs_list .bbs_row .bbs_row_box .bbs_content .content {font-size: 1.0em; color: #777; text-indent: 25px; line-height: 140%; padding:10px 0 0;}} /* ===================================================================== 쇼핑몰 */ /* ------------------------------------------------- 목록 */ .shop {} .shop .book_list {border-top:1px solid #cbcac9; padding:0px 0;background-color: #fff;} .shop .book_list .book_row { display: flex; padding:15px 20px; margin-bottom: 20px; clear: both; border-bottom:1px solid #cbcac9;} .shop .book_list .book_row .book_off {clear: both; width: 100%;} .shop .book_list .book_row .book_off section {float: left; width: 100%; /*height: 120px;*/} .shop .book_list .book_row .book_off section figure {float: left;} .shop .book_list .book_row .book_off section article {float: right; margin-left: 10px; width: 75%;} .shop .book_list .book_row .book_off section article .icon {position: absolute; right: 20px;} .shop .book_list .book_row .book_off section article h4 { width: 85%; font-size:1.6em; color:#494949; line-height: 120%; letter-spacing: -1px;} .shop .book_list .book_row .book_off section article .text {font-size:1.2em; color:#777777; line-height:120%; margin-top:20px;} .shop .book_list .book_row .book_off section article h4 .img_off {float: right; cursor: pointer;} .shop .book_list .book_row .book_off section article .price {font-size:1.7em; margin-top:40px;} .shop .book_list .book_row .book_off section article .price .cust_price {color: #ccc;} .shop .book_list .book_row .book_off section article .price .sale_price {color:#786E65;} .shop .book_list .book_row .book_on {clear: both; width: 100%; display: none;} .shop .book_list .book_row .book_on section {float: left; width: 100%; /*height: 120px;*/} .shop .book_list .book_row .book_on section figure {float: left; margin-right: 20px;} .shop .book_list .book_row .book_on section article {float: right; margin-left: 10px; width: 75%;} .shop .book_list .book_row .book_on section article .icon {position: absolute; right: 20px;} .shop .book_list .book_row .book_on section article h4 {display: grid; width: 85%; font-size:1.6em; color:#494949; line-height: 120%; letter-spacing: -1px;} .shop .book_list .book_row .book_on section article .text {font-size:1.2em; color:#777777; line-height:120%; margin-top:20px;} .shop .book_list .book_row .book_on section article.book_dtl {float: left; font-size:1.1em; color:#777777;} .shop .book_list .book_row .book_on section article.book_dtl dl { height: 25px; clear: both;} .shop .book_list .book_row .book_on section article.book_dtl dt { height: 25px; float: left; width: 100px;} .shop .book_list .book_row .book_on section article.book_dtl dd { height: 25px; float: left;} .shop .book_list .book_row .book_on section article.book_dtl dd .qty {/*float: left;*/} .shop .book_list .book_row .book_on section article.book_dtl dd .btn_qty { border: 1px #a72525 solid; text-align: center; width: 20px; height: 20px; line-height: 20px; padding: 0 5px; cursor: pointer; -webkit-border-radius:10px; -moz-border-radius: 10px;} .shop .book_list .book_row .book_on .order {font-size:1.7em; margin-top:30px; clear: both; float: right; width: 75%;} .shop .book_list .book_row .book_on .order .button {float: left;} .shop .book_list .book_row .book_on .order .button .btnCart {padding: 8px 18px; color:#fff; font-size:0.8em; background:#fbaf19; border:1px solid #fbaf19; border-radius:3px;} .shop .book_list .book_row .book_on .order .button .btnBuy {padding: 8px 18px; color:#786e65; font-size:0.8em; background:#fff; border:1px solid #786e65; border-radius:3px;} .shop .book_list .book_row .book_on .order .sale_price {float: right; font-size:1.1em; line-height: 140%; color:#786E65; margin-right: 10px;} /* ------------------------------------------------- 장바구니 */ .shop_cart {min-height: 580px;} .shop_cart .summary_count { font-size: 1.6em;color: #786e65; font-weight: 500; line-height: 140%; padding: 10px 0px 20px;} .shop_cart .cart_list {} .shop_cart .cart_list .cart_row { padding: 20px; color:#5d5d5d; background-color: #ffffff; position: relative; margin-bottom: 20px; border:1px solid #dddbd9;} .shop_cart .cart_list .cart_row .remove {position: absolute; top: 10px; right: 10px;} .shop_cart .cart_list .cart_row .remove .btn_remove { background-color: #FAAF19; text-align: center; color: #ffffff; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius:15px; -moz-border-radius:15px;} .shop_cart .cart_list .cart_row .title {font-size:1.3em; color:#5d5d5d; line-height: 140%;} .shop_cart .cart_list .cart_row .period {} .shop_cart .cart_list .cart_row .price {text-align: right; font-size:1.5em; color: #786e65; margin-top: 10px;} .shop_cart .cart_list .cart_none {text-align: center; font-size: 1.3em;} .shop_cart .price_title {width: 100%;} .shop_cart .price_title li {background-color: #786E65; color: #ffffff; height: 45px; line-height: 45px; /*border: 1px solid #786e65;*/} .shop_cart .price_summary {display: flex; border: 1px solid #dddbd9; border-top:0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .shop_cart .price_summary li {background-color: #ffffff; height: 60px; line-height: 60px; font-size:1.1em; color:#5d5d5d;} .shop_cart .price_summary li.pay_price {font-size: 20px; font-size: 1.6em;} .shop_cart .price_summary li.orange {color: #FAAF18;} .shop_cart .price_sum {clear: both; } .shop_cart .price_sum li {float: left; text-align: center; font-size: 1.4em; font-weight: bold;} .shop_cart .price_sum li.delimiter { width: 5%;} .shop_cart .price_sum li.item_price {width: 30%;} .shop_cart .price_sum li.delivery {width: 30%;} .shop_cart .price_sum li.pay_price {width: 40%;} .shop_cart .btn_area {clear: both; } .shop_cart .btn_area button {height: 40px; line-height: 40px; margin-top: 20px; width: 49%;} .shop_cart .btn_area .btn_remove_all {width:49%; font-size: 1.3em; height: 60px; line-height:200%; background-color: #FFFFFF; color: #786e65; text-align: center; border:1px solid #786e65; border-radius:3px;} .shop_cart .btn_area .btn_order {float: right; width:49%; font-size: 1.3em; height: 60px; line-height:200%; background-color: #FAAF19; color: #FFFFFF; text-align: center; border:1px solid #FAAF19; border-radius:3px;} /* ------------------------------------------------- 주문및결제 */ .shop_orderform {} .shop_orderform .subtitle {font-size: 1.6em;color: #786e65; font-weight: 600; line-height: 140%; padding: 10px 0px;} /* ------------------------------------- 주문상품확인 */ .shop_orderform .order_list {} .shop_orderform .order_list .order_row { padding: 20px; background-color: #ffffff; position: relative; margin-bottom: 20px; clear: both; border: 1px solid #dddbd9;} .shop_orderform .order_list .order_row .remove {position: absolute; top: 10px; right: 10px;} .shop_orderform .order_list .order_row .remove .btn_remove { background-color: #FAAF19; text-align: center; color: #ffffff; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius:15px; -moz-border-radius:15px;} .shop_orderform .order_list .order_row .title {font-size:1.3em; color:#5d5d5d; line-height: 140%;} .shop_orderform .order_list .order_row .price {height: 30px;} .shop_orderform .order_list .order_row .period {float: left; width: 50%;} .shop_orderform .order_list .order_row .price_text {float: right; width: 50%; height: 25px; text-align: right; font-size:1.5em; color: #786e65;} .shop_orderform .order_list .order_none {text-align: center;text-align: center; font-size: 1.3em; padding: 20px; color:#5d5d5d;} .shop_orderform .price_sum {width: 100%; margin-bottom: 20px;} .shop_orderform .price_sum .price_title {background-color: #786E65; color: #ffffff; height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; font-weight: 600;} .shop_orderform .price_sum .price_amount {background-color: #FFFFFF; height: 60px; line-height: 60px; text-align: center; font-size: 1.8em; font-weight: bold; color: #786E65; border: 1px solid #dddbd9; border-top:0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}} /* ------------------------------------- 배송정보 */ .shop_orderform .area_delivery {} /* ------------------------------------- 할인쿠폰 */ .shop_orderform .area_coupon {margin-top: 20px; position: relative;} .shop_orderform .area_coupon .coupon_regist {position: absolute; top: 0px; right: 10px;} .shop_orderform .area_coupon .coupon_regist .various {padding: 7px 10px;font-size: 1.0em;height: 60px;line-height:200%;background-color: #FFFFFF;color: #786e65;text-align: center;border:1px solid #786e65;border-radius:3px;} .shop_orderform .area_coupon .title_coupon {width: 50%; background-color: #FAAF19; color: #FFFFFF; text-align: center; height: 40px; line-height: 40px; font-size: 1.3em; font-weight: 600;} .shop_orderform .area_coupon .coupon_list {background-color: #FFFFFF;} .shop_orderform .area_coupon .coupon_list .coupon_row { padding: 20px; } .shop_orderform .area_coupon .coupon_list .coupon_none {font-size: 1.3em; color: #5d5d5d; border: 1px solid #dddbd9; border-top: 0;} /* ------------------------------------- 사이버머니 */ .shop_orderform .area_cybermoney {display: grid; margin-top: 20px;} .shop_orderform .area_cybermoney .title_cybermoney {width: 50%; background-color: #786E65; color: #FFFFFF; text-align: center; height: 40px; line-height: 40px; font-size: 1.3em; font-weight: 600;} .shop_orderform .area_cybermoney .cybermoney_box {background-color: #FFFFFF; font-size: 1.3em; padding: 20px; text-align: center; color: #5d5d5d; border: 1px solid #dddbd9; border-top: 0;} .shop_orderform .area_cybermoney .cybermoney_box .text{float: left;} .shop_orderform .area_cybermoney .cybermoney_box .checkbox {float: right;} /* ------------------------------------- 결제방법 */ .shop_orderform .area_paymethod {margin-top: 20px; position: relative;} .shop_orderform .area_paymethod .title_paymethod {width: 100%; background-color: #FAAF19; color: #FFFFFF; text-align: center; height: 40px; line-height: 40px; font-size: 1.3em; font-weight: 600;} .shop_orderform .area_paymethod .paymethod_box { background-color: #FFFFFF; padding: 20px 10px 10px; border: 1px solid #dddbd9; border-top: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .shop_orderform .area_paymethod .paymethod_box:after { clear: both; content: ""; display: table; } .shop_orderform .area_paymethod .paymethod_box ul {} .shop_orderform .area_paymethod .paymethod_box ul li {float: left; text-align: center; width: 25%; margin-bottom:50px;} .shop_orderform .area_paymethod .paymethod_box ul li.card {height:130px; background:#fff url(/m/template/default/images/icon_card.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li.deposit {height:130px; background:#fff url(/m/template/default/images/icon_deposit.png) no-repeat center 40px; background-size: 60px;} .shop_orderform .area_paymethod .paymethod_box ul li.bank {height:130px; background:#fff url(/m/template/default/images/icon_bank.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li.naverpay {height:130px; background:#fff url(/m/template/default/images/icon_naverpay.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li.kakaopay {height:130px; background:#fff url(/m/template/default/images/icon_kakaopay.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li.ssgpay {height:130px; background:#fff url(/m/template/default/images/icon_ssgpay.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li.voucher {height:130px; background:#fff url(/m/template/default/images/icon_voucher.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li.samsungpay {height:130px; background:#fff url(/m/template/default/images/icon_samsungpay.png) no-repeat center 40px; background-size: 100px;} .shop_orderform .area_paymethod .paymethod_box ul li span {margin-top: 110px;display:block; color: #786e65; font-size:1.29em;} .shop_orderform .area_paymethod #settle_bank{display:none;} /* ------------------------------------- 결제금액 */ .shop_orderform .area_payprice {margin: 40px 0 30px; position: relative; text-align: right; color: #786e65;} .shop_orderform .area_payprice .text {margin-right: 20px; font-size:1.5em;} .shop_orderform .area_payprice .price {font-size: 3.0em; font-weight: 600;} /* ------------------------------------- 버튼 */ .shop_orderform .btn_area {clear: both; margin-bottom: 30px; } .shop_orderform .btn_area button {height: 40px; line-height: 40px; margin-top: 20px; width: 49%;} .shop_orderform .btn_area .btn_remove_all{width:49%; font-size: 1.3em; height: 60px; line-height:200%; background-color: #FFFFFF; color: #786e65; text-align: center; border:1px solid #786e65; border-radius:3px;} .shop_orderform .btn_area .btn_order{float: right; width:49%; font-size: 1.3em; height: 60px; line-height:200%; background-color: #FAAF19; color: #FFFFFF; text-align: center; border:1px solid #FAAF19; border-radius:3px;} /* ------------------------------------------------- 주문확인 */ .shop_order {} .shop_order h2 {font-size: 1.6em; color: #786e65; font-weight: 600; line-height: 140%; margin: 30px 0px 15px;} /* ------------------------------------------------- 결제내역 */ .shop_payment {} .shop_payment table.frm_tbl tbody tr td.order_no {} .shop_payment table.frm_tbl tbody tr td.price {text-align: right;} .shop_payment table.frm_tbl tbody tr td.pay_method {text-align: center;} .shop_payment table.frm_tbl tbody tr td.status {text-align: center;} /* ------------------------------------------------- 상품검색 */ #areaSearchBox {padding: 10px 15px 12px;} #areaSearchBox input {display: inline-block; padding:0 5px; font-size:1.2em; background-color: #efefef; border:1px solid #bfbfbf; color: #333; width: 85%; height: 45px; line-height: 45px; -webkit-border-radius:3px; -moz-border-radius:3px;} /* ===================================================================== 강의소개 */ /* ------------------------------------------------- 메뉴바 */ h2.tit_course {height:77px; line-height:77px; text-align:center; background-color:#FFFFFF; color:#786E65; font-size:25px;letter-spacing:-.5px; border-bottom: 1px solid #cbcac9; } h2.tit_course ul {} h2.tit_course ul li.on {background-color: #FAAF19; color: #FFFFFF;} h2.tit_course ul.bar {display: none;} h2.tit_course ul li {height: 77px; float: left; width: 20%; cursor: pointer;} /* ------------------------------------------------- 수강신청 */ /* ------------------------------------------------- 강사소개 */ .course_instructor {} .course_instructor .no_teacher {} .course_instructor .teacher_list .teacher_row {float: left; padding: 10px 20px;} .course_instructor .photo_box {clear: both; position: relative; background-color: #EDECEA; height: 400px;} .course_instructor .photo_box .teacher_name {display: inline-block; position: absolute; background-color: #FAAF19; color: #ffffff; /*text-align: center;*/ width: 300px; height: 125px; line-height: 40px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top: 100px; float: left; margin-left: 0px;} .course_instructor .photo_box .teacher_name .txt_guide { font-size: 25px; margin-left: 25px; margin-top: 15px;} .course_instructor .photo_box .teacher_name .txt_name { font-size: 45px; font-weight: bold; margin-left: 25px;} .course_instructor .photo_box .teacher_name .txt_teacher { font-size: 40px; font-weight: bold; margin-left: 10px;} .course_instructor .photo_box .teacher_img {display: inline-block; text-align: right; position: absolute; top: 0;} .course_instructor .teacher_info {margin-top: 15px;} .course_instructor .teacher_info .info_title {font-size: 1.3em; color: #5d5d5d; font-weight: 600; margin: 0 20px; padding: 25px 0; border-bottom: solid 2px #FAAF19;} .course_instructor .teacher_info .info_content {margin-bottom: 20px;} .course_instructor .teacher_info .info_content .info_list {padding: 10px 0;} .course_instructor .teacher_info .info_content .info_list .info_none {} .course_instructor .teacher_info .info_content .info_list .info_row {padding: 5px 20px 5px 35px; text-indent: -15px;} .course_instructor .teacher_info .info_content .info_list .info_more {clear: both; width: 100%; padding: 10px 0;} .course_instructor .teacher_info .info_content .info_list .info_more .more_box { margin: 0 10px; background-color: #FFFFFF; text-align: center; cursor: pointer;} .course_instructor .teacher_info .info_content .info_list .info_more .more_box .more_icon {display: inline-block; background-color: #756B61; color: #ffffff; width: 15px; height: 15px; line-height: 15px; -webkit-border-radius:10px; -moz-border-radius:10px;} .course_instructor .teacher_info .info_content .info_list .info_more .more_box .more_text {} /* ------------------------------------------------- 교재안내 */ .course_book {} .course_book .book_list {/*border-top:1px solid #cbcac9;*/ padding:0px 0;background-color: #fff;} .course_book .book_list .book_row {display: flex; padding:15px 20px; margin-bottom: 20px; clear: both; border-bottom:1px solid #cbcac9;} .course_book .book_list .book_none { text-align: center;} .course_book .book_list .book_row {margin-bottom: 20px; clear: both;} .course_book .book_list .book_row .book_on {clear: both; width: 100%; /*border-bottom: solid 1px #CCCCCC;*/} .course_book .book_list .book_row .book_on figure { float: left; } .course_book .book_list .book_row .book_on article {display: block; margin-left: 140px;} .course_book .book_list .book_row .book_on article h4 { font-size:1.6em; color:#494949; line-height: 120%; letter-spacing: -1px;margin-bottom: 10px;} .course_book .book_list .book_row .book_on article section {height: 120px;} .course_book .book_list .book_row .book_on article section figure {float: left; } .course_book .book_list .book_row .book_on article section article.book_dtl {float: left;margin-top:20px;} .course_book .book_list .book_row .book_on article section article.book_dtl div {font-size:1.2em; color:#777777; line-height:120%; } .course_book .book_list .book_row .book_on article section article.book_dtl div .ori_price { text-decoration-color: red; text-decoration-style: solid; text-decoration-line: line-through;} .course_book .book_list .book_row .sale_price { font-size: 1.7em; text-align: right; color: #786E65;;} .course_book .book_list .book_row .book_line {clear: both; padding-top: 20px; border-bottom: solid 1px #cccccc;} /* ------------------------------------------------- 강의구성 */ .course_lecinfo {} .course_lecinfo .lecture_list {} .course_lecinfo .lecture_list .lecture_row {} .course_lecinfo .lecture_list .lecture_row .lecture_title {font-size: 1.3em; color: #5d5d5d; font-weight: 600; margin: 10px 20px 0; padding: 25px 0;} .course_lecinfo .lecture_list .lecture_row .lecture_title .course {width: 75%;display: inline-block;} .course_lecinfo .lecture_list .lecture_row .movie_list .freeview {float: right; padding: 2px 10px 2px 30px; border:1px solid #b4b4b4; background:#b4b4b4 url('/m/template/default/images/ico_freeview.png') left center no-repeat; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px;} .course_lecinfo .lecture_list .lecture_row .movie_list .freeview a { font-size:0.78em; color:#fff !important; font-weight: 600; } .course_lecinfo .lecture_list .lecture_row .movie_list {padding-top: 10px; /*margin-bottom: 20px;*/} .course_lecinfo .lecture_list .lecture_row .movie_list .movie_none {} .course_lecinfo .lecture_list .lecture_row .movie_list .movie_row {padding: 22px 20px 5px 10px;font-size: 1.3em; height:25px; } .course_lecinfo .lecture_list .lecture_row .movie_list .movie_row .lecture_subject {width:75%;display:inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .course_lecinfo .lecture_list .lecture_row .movie_list .movie_more { clear: both; width: 100%; margin-top:20px; } .course_lecinfo .lecture_list .lecture_row .movie_list .movie_more .more_box {display:block; width:100%; padding: 10px 0px; font-size:1.2em; margin:0 auto; color:#fff; background-color: #6d6d6d; text-align: center; cursor: pointer; border:1px solid #eaeaea;} .course_lecinfo .lecture_list .lecture_row .movie_list .movie_more .more_box .more_icon {display: inline-block; background-color: #756B61; color: #ffffff; width: 15px; height: 15px; line-height: 15px; -webkit-border-radius:10px; -moz-border-radius:10px;} .course_lecinfo .lecture_list .lecture_row .movie_list .movie_more .more_box .more_text {} .movlist_page_link{ float:right; } /* ------------------------------------------------- 자격증소개 */ .course_examinfo {} .course_examinfo .top_img { text-align: center; padding: 20px;} .course_examinfo dl {} .course_examinfo dl dt {font-size: 1.3em; color: #5d5d5d; font-weight: 600; margin: 30px 20px 0; padding-bottom: 20px; border-bottom: solid 2px #FAAF19;} .course_examinfo dl dd {margin-bottom: 20px; padding: 10px 20px 10px 53px;} /* ===================================================================== 강좌 */ /* ------------------------------------------------- 전체교육과정 */ .lecture {} .lecture .sort_area {} .lecture .lec_area { padding: 0 20px; } .lecture .lec_area .lec_ul { display: table; padding: 15px 0; width: 100%; } .lecture .lec_area .lec_ul > li { background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: 1px 2px 1px #dddddd; margin-bottom: 11px; padding: 0 17px; list-style-type: none; } .lecture .lec_area .lec_ul > li a { background: rgba(0, 0, 0, 0) url("./template/default/img/lecli_bg.png") no-repeat scroll right 50%; color: #222; display: block; font-size: 17px; padding: 17px 0; text-decoration: none; margin: 0; padding-right:40px; } /* ------------------------------------------------- 자격증 강의과정 */ .lecture_list {} .lecture_list .sort_area {float: left; display: inline-flex; width: 100%;} .lecture_list .sort_area select { padding: 10px 10px; color:#aaa;border-radius: 2px; border: 1px solid #ccc; font-size: 0.9em;color: #786e65;} .lecture_list .sort_area .cus_btn02 {padding: 9px 15px;color:#786e65 !important; font-size:0.95em; line-height: 30px; margin-left:5px; background:#fff;border:1px solid #786e65;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .lecture_list .lec_area { padding: 0 20px; } .lecture_list .lec_area .lec_ul { display: table; padding: 15px 0; width: 100%; } .lecture_list .lec_area .lec_ul > li { background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: 1px 2px 1px #dddddd; margin-bottom: 11px; padding: 0 17px; list-style-type: none; } .lecture_list .lec_area .lec_ul > li a { background: rgba(0, 0, 0, 0) url("./template/default/img/lecli_bg.png") no-repeat scroll right 50%; color: #222; display: block; font-size: 17px; padding: 17px 0; text-decoration: none; margin: 0; padding-right:40px; } /* ------------------------------------------------- 패키지안내 */ .lecture_package {} .lecture_package h2 {position: relative; font-size: 1.6em; color:#786e65; line-height: 200%;} .lecture_package .package_info { width:100%; background: #fff; border: 1px solid #dddbd9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .lecture_package .package_info dt.tit1{ position:relative; display: block; background-color:#f0f0f0; text-align: center; padding: 18px 10px; border-bottom: 1px solid #eaeaea; font-size: 1.3em; line-height: 160%; color: #999;} .lecture_package .package_info dt.tit2{ position:relative; display: block; background-color:#f0f0f0; text-align: center; padding: 18px 10px; border-bottom: 1px solid #eaeaea; font-size: 1.6em; color:#786e65; line-height: 200%; font-weight: 600;} .lecture_package .package_info dd.txt { position:relative; display: flow-root; background-color:#ffffff; padding: 18px 10px;font-size: 1.3em; font-size: 1.3em; color: #786e65; line-height: 160%; border-bottom: 1px solid #eaeaea;} .lecture_package .package_info dd.txt select {padding: 10px 10px; color:#aaa;border-radius: 2px; border: 1px solid #ccc; font-size: 0.9em;color: #786e65;} .lecture_package .package_info dd.txt .td_book { line-height:140%; vertical-align: top; padding-left: 10px; } .lecture_package .package_info dd.txt .fixed_price{ width:35%; display: inline-block; } .lecture_package .package_info dd.txt .sale_price { width:45%; text-align: right; display: inline-block; } .lecture_package .package_info dd .price {float:right; width: 80%;} .lecture_package .package_info img.reorder_img{ display:none; } .lecture_package .package_info img.reorder_img.active { display:block; position:absolute; left:120px; bottom:-2px; z-index: 10; } .lecture_package .package_info img.reorder_img2 { display:none; } .lecture_package .package_info img.reorder_img2.active{ display:block; position:absolute; left:170px; bottom:-10px; z-index: 10; } .lecture_package .package_info .info_area info_area_v1 {padding:10px;} .add_btn {text-align: center; margin:30px 0;} /* ===================================================================== 나의강의실 */ /* ------------------------------------------------- 나의강의실 */ .mypage_myclassroom {} .mypage_myclassroom h2 {position: relative; font-size: 1.6em; color:#786e65; line-height: 200%;} .mypage_myclassroom .pkg_list {} .mypage_myclassroom .pkg_list .lec_row { } .mypage_myclassroom .pkg_list .lec_none {text-align: center; background-color: #ffffff; padding: 10px;} .mypage_myclassroom .pkg_list .lec_row .lec_info {margin-top: 5px;padding: 20px;font-size: 1.2em; color:#5d5d5d; background-color: #ffffff; position: relative; margin-bottom: 20px; border:1px solid #dddbd9;} .mypage_myclassroom .pkg_list .lec_row .lec_info .lec_summary {} .mypage_myclassroom .pkg_list .lec_row .lec_info .lec_summary .lec_title {font-size: 1.2em; margin-bottom:10px;} .mypage_myclassroom .pkg_list .lec_row .lec_info .lec_summary .lec_date {color:#786e65;} .mypage_myclassroom .pkg_list .lec_row .lec_info .lec_restday {text-align: right; margin-top:-35px;} .mypage_myclassroom .pkg_list .lec_row .lec_info .lec_restday .lec_restday_text {color:#786e65;} .mypage_myclassroom .pkg_list .lec_row .lec_info .lec_restday .lec_restday_day {font-size: 1.5em;} .mypage_myclassroom .pkg_list .lec_row .lec_info:after {clear: both;} .mypage_myclassroom .pkg_list .lec_row .pkg_list {clear: both;} .mypage_myclassroom .pkg_list .lec_row .pkg_list .lec_row { margin-bottom: 10px; border-top: solid 2px #FAAF19; background-color: #FFFFFF; padding: 20px; border-left:1px solid #dddbd9; border-right:1px solid #dddbd9; border-bottom:1px solid #dddbd9;} .mypage_myclassroom .pkg_list .lec_row .pkg_list .lec_ready {text-align: center;} .mypage_myclassroom .pkg_list .lec_row .pkg_list .lec_none { text-align: center;} .mypage_myclassroom .pkg_list .lec_row .pkg_list .lec_row .lec_no {float: left; color:#786e65; font-size: 1.4em; font-weight:600; width:65px;} .mypage_myclassroom .pkg_list .lec_row .pkg_list .lec_row .lec_title a {float: left; color:#786e65; font-size: 1.4em; font-weight:600;} .mypage_myclassroom .pkg_list .lec_row .pkg_list .lec_row .lec_rate {text-align: right; color:#8a8a8a; font-size: 1.25em; font-weight:500;} .mypage_myclassroom .pkg_list {} .mypage_myclassroom .pkg_list .pkg_row { } .mypage_myclassroom .pkg_list .pkg_none {text-align: center; background-color: #ffffff; padding: 10px;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info {margin-top: 5px;padding: 20px;font-size: 1.2em; color:#5d5d5d; background-color: #ffffff; position: relative; margin-bottom: 20px; border:1px solid #dddbd9;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info .pkg_summary {} .mypage_myclassroom .pkg_list .pkg_row .pkg_info .pkg_summary .pkg_title {font-size: 1.2em; margin-bottom:10px;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info .pkg_summary .pkg_date {color:#786e65;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info .pkg_restday {text-align: right; margin-top:-35px;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info .pkg_restday .pkg_restday_text {color:#786e65;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info .pkg_restday .pkg_restday_day {font-size: 1.5em;} .mypage_myclassroom .pkg_list .pkg_row .pkg_info:after {clear: both;} .mypage_myclassroom #LecStop { padding:20px; text-align:right; background-color:#786E65; margin-top:-20px; margin-bottom:20px; color:#fff; cursor:pointer; } .mypage_myclassroom #LecStop > span{ float:left; } .mypage_myclassroom .pkg_list .pkg_row .lec_list {clear: both;} .mypage_myclassroom .pkg_list .pkg_row .lec_list .lec_row { margin-bottom: 10px; border-top: solid 2px #FAAF19; background-color: #FFFFFF; padding: 20px; border-left:1px solid #dddbd9; border-right:1px solid #dddbd9; border-bottom:1px solid #dddbd9;} .mypage_myclassroom .pkg_list .pkg_row .lec_list .lec_ready {text-align: center;} .mypage_myclassroom .pkg_list .pkg_row .lec_list .lec_none { text-align: center;} .mypage_myclassroom .pkg_list .pkg_row .lec_list .lec_row .lec_no {float: left; color:#786e65; font-size: 1.4em; font-weight:600; width:65px;} .mypage_myclassroom .pkg_list .pkg_row .lec_list .lec_row .lec_title a {float: left; color:#786e65; font-size: 1.4em; font-weight:600;} .mypage_myclassroom .pkg_list .pkg_row .lec_list .lec_row .lec_rate {text-align: right; color:#8a8a8a; font-size: 1.25em; font-weight:500;} /* ------------------------------------------------- 강의상세 */ .lecture_viewclass {} /* ===================================================================== 기타 */ /* ------------------------------------------------- */ /* 회원가입 및 로그인 */ .member_agree .agree_section_title {float: left; width: -webkit-fill-available; line-height: 140%; padding:20px; font-weight:600; font-size: 1.3em;} .member_agree .agree_section_title.bd2 {border-bottom: 2px solid #786e65;} .member_agree .agree_section_button {float: right; padding: 0 20px;} .member_agree .agree_cont_box {background-color: #F6F6F6; overflow: hidden; height: 100px; margin: 5px 20px; padding: 20px; width: fit-content; overflow-y: scroll;} .member_agree .agree_checkbox {display: none;} .member_agree img.agree_check {position: absolute; cursor: pointer; margin-top: -55px; left: 88%;} .member_login .log_input {width: 96%; height: 50px; padding: 7px 10px; color:#786e65; font-size: 1.4em; border-radius: 2px;border-top: 1px solid #eee; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #d0d0d0; margin-bottom:10px;} .member_login .login_confirm {display: inline; width: 50%; /*width : 99%; height: 50px; color: #ffffff; background-color: #FaAF19;*/} .member_login .login_confirm .login_button {width :50%; height: 63px; line-height: 62px; color: #ffffff; margin-right:3px; border-radius: 5px; background-color: #FaAF19; border:1px solid #d89000; font-size: 1.2em; font-weight: 600;} .member_login .login_naver {display: inline; text-align: center; width: 49%; /*width : 99%; height: 50px; color: #FFFFFF; background-color: #1EC800;*/} .member_login .login_confirm .naver_button {width : 99%; height: 65px; line-height: 66px; color: #ffffff; background-color: #1DC800;font-size: 1.2em;} .join_step_wrap { width:580px; margin:0 auto; padding:60px 30px; } .join_step_wrap h2 { height:48px; display:block; border-bottom:1px solid #dbdbdb; font-size:26px; color:#3882d9; } .join_step_wrap .step { margin:40px 0 70px 0; } .join_step_wrap .inner { } .join_step_wrap h3 { font-size:22px; margin-bottom:12px; color:#010101; margin-top:26px; } .join_step_wrap h3.point { background:url(../../image/join/ico_star_b.png) no-repeat left top; padding-left:12px; } .join_step_wrap .inner iframe { width:578px; border:1px solid #dbdbdb; color:#7c7c7c; overflow-x:hidden; overflow-y:scroll; height:260px; } .join_step_wrap .chek { margin:16px 0 46px 7px; } .join_step_wrap .chek label { display:inline-block; color:#000; font-weight:400; margin-left:5px; font-size:18px;vertical-align:bottom; } .join_step_wrap .chek input { vertical-align:middle; } .join_step_wrap .btn { text-align:center; } .join_step_wrap table { border-top:2px solid #3d82d5; width:100%; } .join_step_wrap table th { background:#f9f9f9; border-bottom:1px solid #dbdbdb; padding:14px 0; position: static; text-align:left; padding-left:4px; } .join_step_wrap table th label { background:url(../../image/join/ico_star_b.png) no-repeat left 3px; padding-left:12px; font-size:20px; font-weight:500; letter-spacing:-.5px; line-height:130%;} .join_step_wrap table th label.point_n { background:none; } .join_step_wrap table td { padding-left:26px; border-bottom:1px solid #dbdbdb; font-size:20px;letter-spacing:-.5px; font-weight:300; overflow:hidden; } .join_step_wrap table td.birth div { } .join_step_wrap table td.birth ul.radio_wrap { display:inline-block; margin-top:10px; } .join_step_wrap table td.birth select { margin-left:6px; } .join_step_wrap table td.birth select:first-child { margin:0; } .join_step_wrap table td input { width:160px; height:34px; display:inline-block;} .join_step_wrap table td select { width:70px; height:35px; font-size:17px;display:inline-block; vertical-align:top; } .join_step_wrap table td span.txt_b { color:#181c39; margin-left:12px; font-weight:500; } .join_step_wrap table td span.txt_r { color:#ff0000; margin-left:12px; font-weight:500; } .join_step_wrap .plus_area { margin:40px 0 65px 0; } .join_step_wrap .plus_area h3 span { display:block; font-size:18px; font-weight:400; letter-spacing:-1px;} .join_step_wrap ul.radio_wrap { overflow:hidden;} .join_step_wrap ul.radio_wrap li { float:left; overflow:hidden; margin-right:10px;} .join_step_wrap ul.radio_wrap li input { float:left; width:17px; height:17px; margin-top:5px;} .join_step_wrap ul.radio_wrap li label { float:left; vertical-align:top; margin:0 0 0 5px; font-size:17px;} .join_step_wrap ul.check_wrap { overflow:hidden; padding:6px 0;} .join_step_wrap ul.check_wrap li { overflow:hidden; margin:5px 0; padding-left:2px; } .join_step_wrap ul.check_wrap li input[type="checkbox"] { width:17px; vertical-align:middle; } .join_confirm div { position:relative; } .join_confirm .btn_join { position:absolute; bottom:125px; left:38px; } .join_confirm .btn_naver { position:absolute; bottom:222px; right:43px; } .join_confirm .btn_facebook { position:absolute; bottom:163px; right:43px; } #contents .inner h2 strong { text-align: center;margin: 20px 0 10px auto; display: block; font-size: 1.5em; font-weight: 600; color: #786e65; } #contents .inner h2 { text-align: center;margin:20px 0 40px auto; display: block; font-size: 1.3em; font-weight: 400; color: #786e65; line-height: 150%; letter-spacing:-1px;} .modal { position:fixed; top:0px; left:0; width:100%; height:100%; z-index:100; } .modal .modal_bg { position:fixed; left:0; top:0; width:100%; height:100%; -moz-opacity:0.7; background:#000; opacity:.70; filter:Alpha(Opacity=70); -ms-filter: alpha(opacity=70); z-index:80; } #pop_login { display:none; } .modal .pop_login_inner { width:572px; margin:60px auto 0; background-color:#fff; border:4px solid #000; z-index:130; position:relative; } .modal .pop_login_inner h3 { text-align:center; margin:52px 0 64px 0;} .modal .pop_login_inner { z-index:130; } .modal .pop_login_inner .login_btns { width:400px; margin-left:127px; padding-bottom:20px;} .modal .pop_login_inner .login_btns ul { overflow:hidden; width:400px; margin:20px 0; } .modal .pop_login_inner .login_btns ul li { float:left; margin-right:7px;} .modal .pop_login_inner .login_btns ul li:last-child { margin:0; } .modal .pop_login_inner .login_btns p { font-size:16px; color:#666; letter-spacing:-.75; margin-bottom:10px;} .modal .pop_login_inner .ban { background-color:#ff9933; width:100%; height:150px; text-align:center;} .modal .pop_login_inner .ban p { padding:32px 0 18px 0} .modal .pop_login_inner .ban a { display:block; } #pop_login form { border-bottom:1px solid #dfdfdf; width:473px; margin:0 auto; } #pop_login .login_box { overflow:hidden; margin-top:16px;} #pop_login .btn_close { position:absolute; top:16px; right:16px; } #pop_login .login_box .log_input { float:left; overflow:hidden; width:350px;} #pop_login .login_box .log_input li { overflow:hidden; margin-bottom:6px; } #pop_login .login_box .log_input label { font-size:21px; padding-top:11px; vertical-align:bottom; display:inline-block; color:#313131; letter-spacing:-.1; float:left; } #pop_login .login_box .log_input input { width:250px; font-size:18px; height:45px; padding-left:15px; float:right; } #pop_login .login_box .log_btn { float:right; } #pop_login .log_save { overflow:hidden; padding:24px 0 24px 83px; } #pop_login .log_save li { float:left; margin-right:22px;} #pop_login .log_save li label { font-size:17px; color:#666; letter-spacing:-.5px; margin-left:5px; vertical-align:top; display:inline-block; } #pop_login .log_save li input { margin-left:0px; width:20px; height:20px; vertical-align:middle;} /* 밀가루쌤 프로필 */ .profile_wrap div { position:relative; } .profile_wrap ul { overflow:hidden; } .profile_wrap ul li { float:left; } .profile_wrap .top_video { width:580px; height:337px; margin:30px auto; } .profile_wrap .orientation_class { background:url(../../image/m/sub/bg_navy_slash.jpg); padding-bottom:40px; } .profile_wrap .orientation_class ul { width:580px; margin:40px auto 0; } .profile_wrap .orientation_class ul li { margin-bottom:20px; } .profile_wrap .orientation_class ul li:nth-child(odd) { margin-right:20px; } .profile_wrap .con_02 { position:relative; } .profile_wrap .con_02 a { position:absolute; top:72px; right:50px; }​ .profile_wrap .con_04 { position:relative; } .profile_wrap .con_04 div { position:absolute; bottom:72px; left:30px; } /* 기억률 95% */ .memory_wrap .con_03 { position:relative; } .memory_wrap .con_03 .video_area { position:absolute; top:60px; left:30px; width:580px; height:390px;} .memory_wrap .con_06 { background-color:#e8eff7; } .memory_wrap .con_06 .top_count { padding:20px 28px; } .memory_wrap .con_06 .top_count .tit_reveiw { float:left; margin-top:20px; } .memory_wrap .con_06 .top_count .tit_reveiw p { text-align:right; color:#777674; } .memory_wrap .con_06 .top_count .count { float:right; } .memory_wrap .con_06 ul { overflow:hidden; width:586px; margin:0 auto; padding:60px 0; } .memory_wrap .con_06 ul li { float:left; margin-bottom:25px;} .memory_wrap .con_06 ul li:nth-child(odd) { margin-right:5px; } .memory_wrap .con_08 ul li { position:relative; } .memory_wrap .con_08 ul li a { position:absolute; bottom:37px; left:246px;} .memory_wrap .con_08 ul li:last-child a { bottom:74px; } .memory_wrap .con_10 { overflow:hidden; } .memory_wrap .con_10 .slide_wrap { background:url(../../image/m/sub/bg_slide_memory_10.jpg) no-repeat; padding:28px 30px 0 30px;} .memory_wrap .con_10 .slide_banner { height:422px; margin: 0; padding: 0; position:relative; } .memory_wrap .con_10 .slide_banner .slides {zoom: 1;margin: 0; padding: 0; overflow:hidden; } .memory_wrap .con_10 .slide_banner .slides > li {position:relative; display: none; -webkit-backface-visibility: hidden; } .memory_wrap .con_10 .slide_banner .slides > li a {display:block; } .memory_wrap .con_10 .slide_banner .slides img { display: block; text-align:center; } .memory_wrap .con_10 .slide_banner .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .memory_wrap .con_10 .slide_banner .flex-direction-nav a { margin: 0 6px; width: 28px; height:49px; display: block; position:absolute; top:150px; z-index:10; cursor:pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; } .memory_wrap .con_10 .slide_banner .flex-direction-nav .flex-next { background-position: 100% 0; right:20px; background:url(../../image/m/sub/memory_slide_right.png) no-repeat left center;} .memory_wrap .con_10 .slide_banner .flex-direction-nav .flex-prev { left:20px; background:url(../../image/m/sub/memory_slide_left.png) no-repeat left center;} .memory_wrap .con_10 .slide_banner .flex-control-nav { display:none; position: absolute; left:230px; bottom:34px; text-align: right; margin: 0 0 0 0; padding: 0; list-style: none; font-size:0;} .memory_wrap .con_11 { position:relative; } .memory_wrap .con_11 iframe { position:absolute; bottom:370px; left:52px; } .memory_wrap .con_14 { background:url(../../image/bg_my_lecture.jpg) repeat; padding-bottom:40px;} .connected-carousels .stage { width:580px; margin: 20px auto; position: relative; } /** Navigation container **/ .connected-carousels .navigation { width:580px; margin: 20px auto 0; position: relative; border-top:1px solid #90a5c0; border-bottom:1px solid #90a5c0;} /** Shared carousel styles **/ .connected-carousels .carousel { overflow: hidden; position: relative;} .connected-carousels .carousel ul { width: 20000em; position: relative; list-style: none; margin:0; padding: 0; } .connected-carousels .carousel li { float: left; margin:0 4px;} /** Stage carousel specific styles **/ .connected-carousels .carousel-stage { } /** Navigation carousel specific styles **/ .connected-carousels .carousel-navigation { height:166px; width:490px; margin:0 auto; } .connected-carousels .carousel-navigation ul { margin-top:17px; } .connected-carousels .carousel-navigation li { cursor: pointer; } .connected-carousels .carousel-navigation li img {display: block; } /** Navigation carousel controls **/ .connected-carousels .prev-navigation, .connected-carousels .next-navigation { display: block; position: absolute; width:40px; height:132px;} .connected-carousels .prev-navigation { left:0; top:17px; text-indent: 6px;background:url(../../image/m/sub/btn_prev_gallery.jpg) no-repeat;} .connected-carousels .next-navigation { right:0; top:17px; text-indent: 20px; background:url(../../image/m/sub/btn_next_gallery.jpg) no-repeat;} .memory_wrap .con_16 { background:url(../../image/sub/bg_navy_slash.jpg) repeat; padding-bottom:40px; } .memory_wrap .con_16 ul { overflow:hidden; width:602px; margin:0 auto;} .memory_wrap .con_16 ul li:nth-child(odd) {} .memory_wrap .con_16 ul li { float:left; width:281px; height:311px; margin:12px 10px; } .memory_wrap .con_16 ul li a { display:block; } .memory_wrap .con_16 ul li p { margin-top:20px; } .memory_wrap .con_18 { background:url(../../image/sub/bg_white_figure.jpg) repeat; padding-bottom:80px;} .memory_wrap .con_18 ul { overflow:hidden; width:590px; margin:0 auto;} .memory_wrap .con_18 ul li { float:left; margin:5px;} /* 처음오셨나요? */ .orientation .con_07 { position:relative; } .orientation .con_07 ul { overflow:hidden; 590px; margin:0 auto; position:absolute; bottom:50px; left:30px; } .orientation .con_07 ul li { float:left; margin:5px; position:relative;} .orientation .con_07 ul li a.btn_more { position:absolute; bottom:35px; left:13px; } .orientation .con_07 ul li a.btn_register { position:absolute; bottom:35px; right:13px; } /* 레벨테스트 */ .level_test div { position:relative; } .level_test .con_01 iframe { position:absolute; bottom:64px; left:40px;} .level_test .con_02 .btns { position:absolute; bottom:67px; left:40px; overflow:hidden; } .level_test .con_02 .btns a { display:block; float:left;} .level_test .con_02 .btns a:first-child{ margin-right:20px; } /* 강좌소개 */ .course_wrap { padding-bottom:60px; } .course_wrap .tit { background:url(../../image/m/sub/bg_course_wrap.jpg) no-repeat; height:195px; position:relative; } .course_wrap .tit h2 { text-align:center; padding-top:70px; } .course_wrap .tit .btn_arrow_prev { position:absolute; top:73px; left:30px; } .course_wrap .tit .btn_arrow_next { position:absolute; top:73px; right:30px; } /* 학습가이드 */ .guide .con_03 { position:relative; } .guide .con_03 div { position:absolute; bottom:70px; right:30px; } .guide .con_03 div a {display:block;} .guide .con_03 div a:first-child { margin-bottom:13px; } /* 수강신청 */ .con_pop { position:relative; } .con_pop a { position:absolute; bottom:25px; left:255px; } #pop_refund { display:none; } /* 환불팝업 */ .modal .pop_course_refund { width:580px; height:759px; top:20px; left:50%; margin-left:-290px; z-index:130; position:relative;} .modal .pop_course_refund a { position:absolute; top:0; right:6px; z-index:140; padding:21px;} .course_sample { background:url(../../image/sub/bg_black_slash.jpg) repeat; padding-bottom:40px; } .course_sample ul { overflow:hidden; width:602px; margin:0 auto;} .course_sample ul li:nth-child(odd) {} .course_sample ul li { float:left; width:281px; height:311px; margin:12px 10px; } .course_sample ul li a { display:block; } .course_sample ul li p { margin-top:20px; } .all_pass .con_08 { position:relative; } .all_pass .con_08 div { position:absolute; bottom:80px; left:104px; } .all_pass .con_10 { background:url(../../image/m/sub/bg_dot_skyblue.jpg) repeat; padding-bottom:40px; } .all_pass .con_10 ul { overflow:hidden; width:594px; margin:0 auto; } .all_pass .con_10 ul li { float:left; } .all_pass .con_14 { position:relative; } .all_pass .con_14 a { position:absolute; bottom:196px;; right:57px;} .all_pass .con_14 .timeline { position:absolute; z-index:10; height:78px; top:103px; left:50px; width:550px; overflow:hidden;} .all_pass .con_14 .timeline div { overflow:hidden; float:left; } .all_pass .con_14 .timeline div p { margin-right:7px; } .all_pass .con_14 .timeline p { float:left; font-size:56px; color:#fff; font-weight:bold; letter-spacing:-1px; width:59px; height:78px; line-height:78px; text-align:center;} .all_pass .con_14 .timeline .hour { padding-left:64px; width:146px; } .all_pass .con_14 .timeline .minute { width:146px;} .all_pass .con_14 .timeline .second { } .full_package .con_08 { position:relative;} .full_package .con_08 a { position:absolute; bottom:130px; left:52px; } .full_package .con_13 { position:relative; } .full_package .con_13 a { position:absolute; bottom:129px; left:30px; } .target_pass .tab_area { position:relative; background:url(../../image/m/sub/bg_dot_gray.jpg) repeat; padding-bottom:80px;} .target_pass .tab { overflow:hidden; width:580px; margin:0 auto; height:242px; padding:60px 0 46px 0; } .target_pass .tab li { float:left; margin:0 1px 1px 0; } .target_pass .tab li a {display:block; border:5px solid #3b85db; } .target_pass .tab li.active a{ border:5px solid #07175a; } .target_pass .tab_00 { text-align:center;} .target_pass .tab_01 { text-align:center; display:none; } .target_pass .tab_02 { text-align:center; display:none;} .target_pass .tab_03 { text-align:center; display:none;} .target_pass .tab_04 { text-align:center; display:none;} .target_pass .tab_05 { text-align:center; display:none;} .target_pass .tab_06 { text-align:center; display:none;} .target_pass .tab_07 { text-align:center; display:none;} .target_pass .btn_course { position:absolute; bottom:154px; right:130px; } .total_course .timeline { background:url(../../image/m/sub/bg_timeline.jpg) no-repeat; height:150px; } .total_course .timeline p{ font-size:48px; color:#fff; position:absolute; letter-spacing:-1px; width:88px; height:84px; line-height:84px; text-align:center;} .total_course .timeline p.day { position:absolute; top:31px; left:124px;} .total_course .timeline p.hour { position:absolute; top:31px; left:276px;} .total_course .timeline p.minute { position:absolute; top:31px; left:399px;} .total_course .timeline p.second { position:absolute; top:31px; left:522px;} .total_course .top { position:relative } .total_course .top a { position:absolute; bottom:83px; right:30px; } .total_course .deposit_board { background-color:#005296; padding-bottom:60px;} .total_course .deposit_board h2 { padding:56px 0 34px 30px; } .total_course .deposit_board > div { overflow:hidden; margin:0 auto; border-top:1px dashed #6385b2; border-bottom:1px dashed #6385b2; width:580px; height:340px;} .total_course .deposit_board #roll_txt_today { position:relative; top:0; } .total_course .deposit_board #roll_txt_today ul { overflow:hidden;overflow:hidden; width:580px; font-size:20px; text-align:left; color:#fff;} .total_course .deposit_board #roll_txt_today ul li { background:url(../../image/m/sub/ico_deposit_new.jpg) no-repeat left; height:68px; border-bottom:1px dashed #6385b2;} .total_course .deposit_board #roll_txt_today ul p { padding-left:60px; font-size:20px; color:#fff; width:330px; padding-top:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;} .total_course .deposit_board #roll_txt_today ul span { font-size:18px; color:#93b1d8; margin-top:8px; float:right; padding-top:12px; vertical-align:middle; display:block; } .total_course .con { padding:60px 30px ;background:url(../../image/sub/bg_memory_con_14.jpg) } .total_course .con ul { width:580px; margin:0 auto; } .total_course .con ul li { position:relative; margin-bottom:18px; } .total_course .con ul li a { position:absolute; bottom:14px; right:90px; } /* 샘플강의 */ .sample_lecture .con_01 { position:relative; } .sample_lecture .con_01 iframe { position:absolute; bottom:197px; left:30px; } .sample_lecture .con_01 div { position:absolute; bottom:92px; left:30px; } .sample_lecture ul {overflow:hidden; background:url(../../image/m/sub/bg_dot_black.jpg) repeat; padding:70px 0 40px 0;} .sample_lecture ul li { float:left; margin-bottom:60px; width:320px; text-align:center; color:#fff;} .sample_lecture ul li a { color:#fff; text-decoration:none; display:block; } .sample_lecture ul li div { position:relative; } .sample_lecture ul li div > img { width:285px; } .sample_lecture ul li div span { position:absolute; bottom:13px; left:30px; } .sample_lecture ul li .tit { font-size:22px; margin:20px 0 5px 0; letter-spacing:-1px;} .sample_lecture ul li:nth-child(odd) a div { text-align:right; padding-right:10px; } .sample_lecture ul li:nth-child(even) a div { text-align:left; padding-left:10px; } .sample_lecture ul li .tit_sub { color:#808080; font-size:18px; letter-spacing:-1.5px;} .sample_lecture .con_03 { position:relative; } .sample_lecture .con_03 a { position:absolute; bottom:129px; left:30px; } table.tbl_board { width:580px; margin:26px auto 80px; border-top:2px solid #1484db;} table.tbl_board th { height:43px; background-color:#f9f9f9; border-bottom:1px solid #dbdbdb; font-size:20px; font-weight:500;} table.tbl_board td { padding:12px 0;border-bottom:1px solid #dbdbdb; text-align:center; color:#222; font-size:20px;} table.tbl_board td.txt_tit { text-align:left; padding-left:10px; color:#7c7c7c; } table.tbl_board td.txt_tit a { display:block; color:#7c7c7c; text-decoration:none;} table.tbl_board td.txt_tit .tit { width:360px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } table.tbl_board td.txt_tit .re { background:url(../../image/sub/ico_re.gif) no-repeat 4px 10px; width:330px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:30px;} table.tbl_board td.txt_tit .info { color:#9d9d9d; font-size:18px; font-weight:300 } table.tbl_board td.txt_re { text-align:left; padding-left:38px; color:#7c7c7c; background:url(../image/sub/ico_re.gif) no-repeat 10px 14px;} table.tbl_board td.txt_re a { display:block; color:#7c7c7c; width:330px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .board_bot_btns { text-align:right; margin:0 30px 60px 0; } .board_bot_btns a { display:inline-block; margin-right:10px; } table.tbl_board_write { width:580px; margin:26px auto 80px; border-top:2px solid #1484db; } table.tbl_board_write th { height:43px; background-color:#f9f9f9; border-bottom:1px solid #dbdbdb; font-size:20px; font-weight:500; text-align:left; padding-left:16px;} table.tbl_board_write td { padding:12px;border-bottom:1px solid #dbdbdb;color:#222; } table.tbl_board_write td input { height:40px; border:1px solid #d5d5d5; } table.tbl_board_write td input.input_tit { width:434px; } table.tbl_board_write td textarea { width:434px; height:200px; border:1px solid #d5d5d5; } table.tbl_board_write td select { width:120px; height:40px; border:1px solid #d5d5d5;} .view_wrap { border-top:2px solid #1484db; border-bottom:1px solid #dbdbdb; overflow:hidden; position:relative; width:580px; margin:50px auto; } .view_wrap .tit { font-weight:500; font-size:22px; padding:10px 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .view_wrap .info { font-size:18px; color:#828282; padding:0 0 8px 20px; } .view_wrap .info span { margin-right:4px; } .view_wrap .info .category { color:#3b85dc; margin-left:10px; } .view_wrap .info .category:first-child { margin-left:0; } .view_wrap .con { border-top:1px solid #dbdbdb; padding:20px 20px 80px 20px; line-height:140%; color:#828282;} .view_wrap li .pw_area { position:absolute; top:0; right:0; width:420px; height:43px; } .view_wrap li .pw_lable { width:160px; ;} .view_wrap li .pw_input { width:160px;} .view_wrap li input { height:26px; margin-top:8px; width:200px; } .view_wrap li input.input_tit { width:630px; } .view_wrap li textarea { width:630px; height:260px; } .view_wrap li.con { min-height:200px; } .view_wrap li.con p { min-height:200px; padding-top:140px;} .view_wrap li.con div { padding:40px 24px; line-height:150%; } .reply_con { border-top:2px solid #1484db; width:580px; margin:50px auto; } .reply_con .tit { border-bottom:1px solid #dbdbdb; padding:24px 20px 18px 20px; overflow:hidden; } .reply_con .tit img { float:left; } .reply_con .tit span { margin-left:10px; float:left; vertical-align:top; } .reply_con .con { padding:20px 20px 60px 20px; border-bottom:1px solid #dbdbdb; color:#7c7c7c; font-size:18px; line-height:150% } .reply_write { overflow:hidden; width:580px; margin:50px auto; } .reply_write textarea { width:558px; height:71px; padding:10px; border:1px solid #dbdbdb;} .reply_write a { display:block; width:159px; margin:30px auto; } /* 화상영어 */ .image_english .con_01 { position:relative; } .image_english .con_01 .video { position:absolute; top:290px; right:30px; } .image_english .con_01 .btn { position:absolute; bottom:136px; right:30px; } .image_english .con_01 p { position:absolute; left:6px; bottom:0; } .image_english_program { background:url(../../image/sub/bg_best_review.jpg) repeat; padding-bottom:86px; } .image_english_program ul { overflow:hidden; width:586px; margin:0 auto; } .image_english_program ul li { float:left; margin:2px 3px; } /* mp3듣기 */ .mp3_listening ul { margin-top:24px; } .mp3_listening ul li { width:526px; height:187px; border:1px solid #eaeaea; padding:27px 17px 27px 17px; overflow:hidden; margin:0 auto 22px;} .mp3_listening ul li img { float:left; } .mp3_listening ul li dl { float:right; width:280px; } .mp3_listening ul li dl dt { color:#060606; font-size:22px; } .mp3_listening ul li dl dd { color:#7c7c7c; font-size:20px; } /* 수강후기 */ .review_wrap {} .review_wrap .review_top_list { background:url(../../image/bg_my_lecture.jpg) repeat; padding-bottom:90px;} .review_wrap .review_top_list h2 { text-align:center !important; padding:94px 0 25px 0;} .review_wrap .review_top_list ul { overflow:hidden; width:592px; margin:0 auto;} .review_wrap .review_top_list ul li { float:left; margin:22px 3px; } .count { overflow:hidden; margin:0 0 30px 13px; text-align:center;} .count p { font-family:'Noto Sans KR'; display:inline-block; background:url(../../image/bg_count.png) no-repeat; width:53px; font-size:48px; font-weight:900; margin:0 1px; color:#fff; text-align:center; } .count p.ico_rest { background:none; background:url(../../image/ico_rest.png) no-repeat bottom; width:16px; height:72px; } .count span { display:inline-block; vertical-align:middle; margin-left:5px; } /* 영어학습 블로그 */ .english_blog ul { overflow:hidden; width:600px; margin:10px auto; } .english_blog ul li { float:left; margin:15px 10px; width:278px;} .english_blog ul li .eg_img { width:274px; height:193px; border:1px solid #dadada; display:block; border-radius:3px; padding-top:6px; text-align:center;} .english_blog ul li .eg_img img { 261px; height:187px; overflow:hidden; } .english_blog ul li .eg_txt { display:block; text-align:center; margin:4px auto 0; width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#666;} /* 오늘의 각오 */ .today_resolve { } .today_resolve .today_register { width:580px; height:313px; background:url(../../image/m/sub/bg_today.jpg) no-repeat; margin:30px auto; position:relative;} .today_resolve .today_register .calendar { position:absolute; top:174px; left:30px; font-size:22px; color:#ff982c; } .today_resolve .today_register .txt { position:absolute; top:32px; left:190px; width:374px; } .today_resolve .today_register .txt h4 { margin-bottom:15px; } .today_resolve .today_register .txt input { height:30px; padding-left:10px; } .today_resolve .today_register .txt p { margin:10px 0; overflow:hidden; ;} .today_resolve .today_register .txt p a { display:inline-block; } .today_resolve .today_register .txt p.memo label { font-size:18px; margin:6px 0 10px 0; color:#000;display:block; letter-spacing:-1px;} .today_resolve .today_register .txt p.memo input { margin:0 7px 0 0; width:260px; height:44px; float:left; border:1px solid #c4c4c4; } .today_resolve .today_register .txt p.code label { color:#777; font-size:18px; width:100px; display:inline-block; letter-spacing:-1px;} .today_resolve .today_register .txt p.code span { padding:0 20px; font-size:18px; } .today_resolve .today_register .txt p.code input { width:72px; height:44px; border:1px solid #c4c4c4;} .today_resolve dl { border-bottom:1px solid #e8e8e8; padding:20px 30px; font-weight:400;} .today_resolve dl dd { font-size:20px; color:#9e9e9e; margin-bottom:7px; } .today_resolve dl dd span { display:inline-block; vertical-align:top; font-size:20px; color:#111; margin-right:8px; font-weight:500; } .today_resolve dl dt { font-size:20px; color:#777; line-height:150%; } /* 나의 강의실 */ .my_lecture_main { background: url(../../image/sub/bg_blue_marble.jpg) repeat; padding-bottom:40px; } .my_lecture_main ul.total_lecture { width:580px; margin:0 auto; } .my_lecture_main ul.total_lecture > li { overflow:hidden; border-bottom:2px solid #fff; color:#fff; font-size:19px; letter-spacing:-1px;} .my_lecture_main ul.total_lecture > li p { float:left; width:164px;} .my_lecture_main ul.total_lecture > li div { width:416px; float:left; overflow:hidden; padding-top:46px;} .my_lecture_main ul.total_lecture > li div a { display:inline-block; float:right;} .my_lecture_main ul.total_lecture > li ul { width:416px; float:left; padding-top:20px; } .my_lecture_main ul.total_lecture > li ul li { overflow:hidden; margin:7px 0;} .my_lecture_main ul.total_lecture > li ul li a { display:inline-block; float:right;} .my_lecture ul { width:580px; border-top:2px solid #1583da; margin:20px auto; } .my_lecture ul li { overflow:hidden; padding:13px 0 20px 0; border-bottom:1px solid #c5c5c5; font-size:20px;} .my_lecture ul li > p { float:left; width:205px; margin-top:7px;} .my_lecture ul li > div { float:left; width:334px; margin-left:40px;} .my_lecture ul li > div > a { width:334px; display:block; margin-bottom:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#212121; } .my_lecture ul li > div span { display:block; color:#0c86e9;} .my_lecture ul li > div .btns a { display:inline-block; margin-right:5px; } .my_lecture ul li > div .btns a:last-child { margin-right:0; } /* 나의 강의실 진도율 추가 170421 by지선*/ .classlistvw div p.progress { padding:0 10px 3px; display:inline-block; background:url('/template/1/html2/image/m/sub/progress_bg.png') repeat; margin-bottom:15px; color:#fff; text-align:center; font-size:0.875em; line-height:32px; } .classlistvw div p.progress > span { color:#f9cf00; display:inline-block; } /* 마이페이지 */ .mypage .nav { overflow:hidden; margin:60px auto 30px; width:580px;} .mypage .nav li { float:left; margin:0 56px 29px 0; } .mypage .nav li:nth-child(3) { margin-right:0; } .mypage .nav li:nth-child(6) { margin-right:0; } .mypage .nav li:nth-child(9) { margin-right:0; } .mypage .inner { width:580px; margin:0 auto; padding:20px 0 40px 0; position:relative;} .mypage .inner h3.tit_tel { margin-bottom:10px; } .mypage .txt { font-size:17px; color:#7c7c7c; letter-spacing:-.5px;} .mypage .remote_btn { margin:40px 0 0 0; text-align:center;} .mypage .remote_btn a { display:inline-block; } .mypage .remote_btn a:first-child { margin-right:10px; } .mypage .coupon_regist { height:106px; padding:16px 17px 0 17px; margin:17px 0 40px 0; border-top:1px solid #dbdbdb; background-color:#f8f8f8; } .mypage .coupon_regist p { font-size:17px; font-weight:100; margin-bottom:10px; } .mypage .coupon_regist input { border:1px solid #dbdbdb; height:45px; width:90px; padding-left:8px; display:inline-block;} .mypage .coupon_regist a { float:right; margin-left:8px;} .mypage table.tbl_coupon { margin-top:17px; width:100%;} .mypage table.tbl_coupon th { height:43px; background-color:#f9f9f9; border-bottom:1px solid #dbdbdb; font-size:20px; font-weight:500;} .mypage table.tbl_coupon td { padding:12px 0; height:19px; border-bottom:1px solid #dbdbdb; text-align:center; color:#222; font-size:20px;} .mypage tr.tel_hp input { width:140px; } .mypage tr.tel_hope input { width:130px; margin-right:10px; } .mypage .btn_consult_tel {width:214px; margin:0 auto; display:block;} .mypage .inquiry_list { border-top:2px solid #1484db; margin-top:40px;} .mypage .inquiry_list li { width:100%; font-size:20px; } .mypage .inquiry_list .panel { border-bottom:1px solid #e7e7e7; cursor:pointer; position:relative; } .mypage .inquiry_list .open_q { background-color:#f8f8f8; border-bottom:1px solid #e7e7e7; padding:27px 0 40px 10px; display:none; overflow:hidden;} .mypage .inquiry_list .open_q img { margin-right:20px; float:left;} .mypage .inquiry_list .open_q p { float:left; line-height:160%; width:460px; color:#666; padding-top:3px; } .mypage .inquiry_list .slide_down{ height:45px; background:#3b85dc url(../../image/m/sub/ico_inquiry_on.jpg) no-repeat 10px 14px; padding:15px 0 0 65px; color:#fff; } .mypage .inquiry_list .slide_up{ height:45px; background: url(../../image/m/sub/ico_inquiry_off.jpg) no-repeat 10px 14px; padding:15px 0 0 65px; color:#666; } .mypage select.inquiry_select { -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px; background:url(../../image/m/sub/ico_inquiry_select.jpg) no-repeat 96% center; color:#2e99dd; font-weight:bold; border:1px solid #2e99dd; height:65px; padding-left:20px; width:580px; margin:0 auto; } /* 단체수강 */ .group_course { background:url(../../image/sub/bg_best_review.jpg) repeat; } .group_course div { width:580px; margin:0 auto 60px; background-color:#fff;} #paging { overflow:hidden; text-align:center; width:466px; margin:40px auto;} #paging a { display:block; float:left; width:38px; height:38px; margin:0 4px; border:1px solid #dcdcdc; line-height:38px; color:#989898; } #paging a.on { color:#fff; background-color:#767676; } #paging .line { width:0px; border:none; border-left:1px solid #dcdcdc } .search_warp { overflow:hidden; padding:19px 0 40px 0; border-top:1px solid #dbdbdb; text-align:center; width:580px; margin:0 auto;} .search_warp select { width:112px; height:45px; margin-left:10px; font-size:18px; color:#7c7c7c; font-weight:300; float:left;} .search_warp input { width:192px; height:42px; margin:0 10px; padding-left:10px; color:#7c7c7c; font-weight:300; float:left;} .search_warp a {float:left; } /* 결제 페이지 */ .pay_wrap { letter-spacing:-.4px; color:#000;} .pay_wrap .top { text-align:center; font-size:18px; } .pay_wrap .top h2 { background-color:#363840; color:#63b9c4; height:38px; line-height:38px; } .pay_wrap .top p { background-color:#81cadd; height:68px; line-height:68px; } .pay_wrap .top p strong { font-weight:bold; margin:0 16px; } .pay_wrap .order_list { font-size:23px; } .pay_wrap .order_list h3 { color:#ffc600; height:60px; border-bottom:3px solid #e2e2e2; line-height:60px; width:606px; margin:0 auto;} .pay_wrap .order_list .tit_lecture { height:60px; line-height:60px; padding-left:16px; } .pay_wrap .order_list .con_lecture{ border-top:3px solid #ffc600; border-bottom:3px solid #e2e2e2; height:73px; line-height:73px; padding-left:54px; font-size:20px; overflow:hidden;} .pay_wrap .order_list .con_lecture span { float:right; background-color:#e7e7e7; padding:0 20px; font-size:23px; font-weight:900;} .pay_wrap .order_list .total { height:80px; line-height:80px; font-size:25px; background-color:#ffc600; padding-left:16px;} .pay_wrap .order_list .total span { float:right; padding:0 20px; font-size:23px; font-weight:900;} .pay_wrap .order_list .btn_coupon { text-align:right; margin:24px 0 26px 0; } .pay_wrap .order_list .btn_coupon a { width:166px; height:49px; line-height:49px; border:1px solid #767676; background-color:#959595; color:#f3f3f3; display:inline-block; text-align:center; text-decoration:none; } .pay_wrap .benefit { padding:25px 15px; font-weight:bold;} .pay_wrap .benefit h3 { font-size:23px; } .pay_wrap .benefit .inner { border:2px solid #e2e2e2; border-bottom:none; text-align:center; margin:20px 0;} .pay_wrap .benefit .inner > p { line-height:60px; height:60px; border-bottom:2px solid #e2e2e2; } .pay_wrap .benefit .inner .possess { background-color:#e7e7e7; border-bottom:2px solid #e2e2e2; } .pay_wrap .benefit .inner .search_point { overflow:hidden; padding:10px 0 0 80px;} .pay_wrap .benefit .inner .search_point input { height:44px; border:1px solid #e2e2e2; float:left; width:300px;} .pay_wrap .benefit .inner .search_point a { display:inline-block; width:137px; height:46px; line-height:46px; background-color:#ffc600; float:left; margin-left:10px; color:#fff;} .pay_wrap .benefit .ex_txt { background-color:#f6f6f6; padding:10px; } .pay_wrap .benefit .ex_txt p { line-height:160%; font-size:16px; color:#515151; } .pay_wrap .benefit .order_total { text-align:center; } .pay_wrap .benefit .order_total .list { overflow:hidden; margin:25px 0; padding-bottom:60px; background:url(../../image/m/sub/ico_pay_total.jpg) no-repeat center bottom; } .pay_wrap .benefit .order_total .list div { float:left; width:298px; border:2px solid #e2e2e2; border-bottom:none; } .pay_wrap .benefit .order_total .list div p { height:59px; line-height:59px; border-bottom:2px solid #e2e2e2; font-size:22px; } .pay_wrap .benefit .order_total .list div p.tit { background-color:#a2a2a2; color:#eee; font-size:20px;} .pay_wrap .benefit .order_total .total_pay .tit { height:64px; line-height:64px; background-color:#464646; color:#fff; } .pay_wrap .benefit .order_total .total_pay p { height:116px; line-height:116px; font-size:30px; border:2px solid #e2e2e2; border-top:none;} .pay_wrap .benefit > a { display:block; margin:46px 0 60px 0 ; } .pay_wrap .bot_counsel { overflow:hidden; text-align:center; background-color:#86888c; padding:0 0 14px 13px; } .pay_wrap .bot_counsel h3 { color:#fff; padding:12px 0; } .pay_wrap .bot_counsel a { float:left; display:inline-block; text-align:center; } .pay_wrap .bot_notice { font-size:19px; margin:10px 0;} .pay_wrap .bot_notice span { color:#f96200; display:inline-block; margin-right:5px; } .pay_wrap .bot_notice a { color:#767676; } .pay_wrap .last_total_pay { text-align:center; border-bottom:3px solid #e7e7e7; } .pay_wrap .last_total_pay .tit { background-color:#ffc600; height:79px; line-height:79px; font-size:25px; font-weight:400;} .pay_wrap .last_total_pay p { height:66px; font-size:29px; line-height:66px; font-weight:900;} .pay_wrap .address_info h3 { font-size:22px; margin:23px 0 23px 15px;} .pay_wrap .address_info table { width:100%; border-top:1px solid #e2e2e2; font-size:17px; } .pay_wrap .address_info table th { width:140px; background-color:#e7e7e7; border-right:1px solid #e2e2e2; border-bottom:1px solid #ccc; color:#545454;} .pay_wrap .address_info table td { padding:17px 10px; border-bottom:1px solid #ccc; } .pay_wrap .address_info table td input { height:35px; border:2px solid #e1e1e1; width:99%; } .pay_wrap .address_info table td input.w160 { width:160px; } .pay_wrap .address_info table tr.w_address td { overflow:hidden; } .pay_wrap .address_info table tr.w_address input { margin-bottom:4px; } .pay_wrap .address_info table tr.w_address input.w160 { width:160px; float:left; } .pay_wrap .address_info table tr.w_address a { width:106px; background-color:#ebebeb; float:left; margin-left:4px; display:block;height:35px; line-height:35px; text-align:center; border:2px solid #c2c2c2; color:#989898; } .pay_wrap .address_info table tr.w_tel input { width:147px; } .pay_wrap .check_area { color:#6189e0; margin:10px 0 20px 16px; } .pay_wrap .check_area input { margin-right:5px; display:inline-block; vertical-align:middle;} .pay_wrap .address_info .txt_book { padding:20px 0; border-bottom:3px solid #e7e7e7; } .pay_wrap .bot_pay h3 { text-align:center; font-size:24px; padding-top:24px; border-top:3px solid #e7e7e7; margin-top:37px; } .pay_wrap .bot_pay .pay_select { overflow:hidden; width:612px; margin:0 auto; } .pay_wrap .bot_pay .pay_select label { margin-right:15px; } .pay_wrap .bot_pay .pay_select a { font-weight:500; float:left; display:block; width:190px; height:60px; color:#444; line-height:60px; text-align:center; background-color:#e8e9ed; border:2px solid #d3d2d7; margin:30px 5px 40px 5px;} .pay_wrap .bot_pay .btns { text-align:center; margin-bottom:60px;} .pay_wrap .bot_pay .btns a { display:inline-block; } .btn_member {position:relative; text-align: center;width: 100%; height: 110px; margin-top: 50px;} .btn01 {border:1px solid #bbb; width:33%; padding: 15px 33px 70px; color:#bbb; font-size:1.4em ; background:#fff url(/m/template/default/images/icon_idpw.png) no-repeat center 60px} .btn02 {border:1px solid #999; width:33%; padding: 15px 33px 70px; color:#999; font-size:1.4em ; background:#fff url(/m/template/default/images/icon_idpw.png) no-repeat center 60px} .btn03 {display: inline-block;border:0; padding: 20px 0; color:#fff !important; font-size:1.5em; background:#786e65; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align: center;} .btn04 {border:1px solid #faaf19; width:33%; padding: 15px 33px 70px;color:#faaf19; font-size:1.4em ;margin-right: 3px; background:#fff url(/m/template/default/images/icon_logout.png) no-repeat center 60px} .btn05 {padding: 12px; color:#fff !important; font-size:0.95em; background:#c3b9af; border:1px solid #c3b9af; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn06 {padding: 12px; color:#786e65 !important; font-size:0.95em; background:#fff; border:1px solid #786e65; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn07 {padding: 8px 10px; color:#aaa !important; font-size:0.8em; background:#fff; border:1px solid #c0c0c0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn_submit {width :49%; height: 63px; line-height: 62px; color: #ffffff; margin-right:3px; border-radius: 5px; background-color: #FaAF19; border:1px solid #d89000; font-size: 1.2em; font-weight: 600;} .btn_confirm a {display: inline-block; width :48%; height: 63px; line-height: 62px; color: #aaa; text-align: center; margin-right:3px; border-radius: 5px; background-color: #fff; border:1px solid #aaa; font-size: 1.2em; font-weight: 600;} .btn_account {display: block; margin: 20px 0; border:1px solid #faaf19; width:98%; padding: 20px 0; color:#fff !important; font-weight:600; text-align: center;font-size:1.3em; background:#FAAF18; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn_confirm_01 {display: inline-block; width:30%; min-width:100px; font-size: 1.3em; height: 60px; line-height:60px; background-color: #FAAF19; color: #FFFFFF !important; text-align: center; border:1px solid #FAAF19; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn_confirm_02 {display: inline-block; width:30%; min-width:100px; font-size: 1.3em; height: 60px; line-height:60px; background-color: #FFFFFF; color: #786e65; text-align: center; border:1px solid #786e65; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn_list {padding:12px 25px; color: #786e65 !important; margin-right:3px; background-color: #fff; border:1px solid #786e65; font-size: 1.2em; font-weight: 600;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .fr {float: right;} .fl {float: left;} .tc {text-align: center;} .wd10 {width:10%;} .wd20 {width:20%;} .wd30 {width:30%;} .wd40 {width:40%;} .wd50 {width:50%;} .wd60 {width:60%;} .wd70 {width:70%;} .wd80 {width:80%;} .wd90 {width:90%;} .wd95 {width:95%;} .wd100 {width:100%;} .pd5 {padding:5px;} .pl10 {padding-left: 10px;} .pl20 {padding-left: 20px;} .pl30 {padding-left: 30px;} .pl40 {padding-left: 40px;} .pl50 {padding-left: 50px;} .pl60 {padding-left: 60px;} .pl100 {padding-left: 100px;} .pr5 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr20 {padding-right: 20px;} .pr30 {padding-right: 30px;} .pr40 {padding-right: 40px;} .pr50 {padding-right: 50px;} .pr60 {padding-right: 60px;} .pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt15 {padding-top: 15px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pt50 {padding-top: 50px;} .pt60 {padding-top: 60px;} .pb30 {padding-bottom: 30px;} .pb50 {padding-bottom: 50px;} .mt10 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;} .mt60 {margin-top: 60px;} .mt_10 {margin-top: -10px;} .mt_20 {margin-top: -20px;} .mt_30 {margin-top: -30px;} .mt_40 {margin-top: -40px;} .mt_50 {margin-top: -50px;} .mb15 {margin-bottom: 15px;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb50 {margin-bottom: 50px;} .mb60 {margin-bottom: 60px;} .mb70 {margin-bottom: 70px;} .mb80 {margin-bottom: 80px;} .ml5 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;} .ml30 {margin-left: 30px;} .ml40 {margin-left: 40px;} .ml50 {margin-left: 50px;} .ml60 {margin-left: 60px;} .ml130 {margin-left: 130px;} .ml140 {margin-left: 140px;} .ml150 {margin-left: 150px;} h2.board_view_tit { height:60px; line-height:60px; text-align:center; background-color:#786E65; color:#fff; font-size:20px;letter-spacing:-.5px;} .board_view_header{ border-bottom:1px solid #ddd; display:block; word-wrap: break-word; font-size:1em; padding: 20px 10px 20px 10px; } .board_view_header_subject{ font-size:1.5em; line-height:1.5em; } .board_view_header ul{ display: flex; justify-content: space-between; } #bo_v_atc{ min-height:65vh; padding: 20px 10px 20px 10px; font-size:1.5em; position: relative; } #bo_v_atc img{ max-width:100%; } .file_list{ position:absolute; bottom:0; padding: 20px 0px 20px 0px; font-size:1em !important; border-top:1px solid #ddd; width:620px; } .naverPayBtn { background: url( "/m/template/default/img/npay_button.png" ) no-repeat; border: none; width: 150px; height: 44px; cursor: pointer; display: block; margin: auto; margin-top:15px; margin-bottom:10px; }