@charset "utf-8";
html{margin:0; padding:0; width:100%; overflow-y:scroll;}
body{margin:0; padding:0; width:100%; font-family: 'Noto Sans KR','Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif; font-size:13px; letter-spacing:0px; line-height:1; color:#808080;}
img{margin:0; padding:0;}
a,{text-decoration:none;} a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true); text-decoration:none;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;}
ul, ol {list-style-type:none; margin: 0; padding: 0;}
dt, dd {list-style-type:none;}
h1,h2, h3, h4 ,h5{padding:0px; margin:0px;}
hr {display: none;}
li{list-style-type:none;}
span.titblack{color:#000; font-weight:bold; padding-left:20px; font-size:13px;}
span.tblue{color:#425087; font-weight:bold; padding-left:0px; font-size:13px;}
legend, label.hidden{position: absolute;top: 0px;left: 0px;visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
caption {visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
input[type=submit] {border:0 none; padding:0; background:transparent; vertical-align:middle; color:#fff; font-size:0px; line-height:0px; cursor:pointer;}
input[type=button] {padding:0; vertical-align:middle; cursor:pointer;}
input.goSel {width:44px;height:20px; line-height:0px; }
div{color:#666666; margin:0; padding:0;}
textarea { border:1px solid #ccc; font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; padding:3px 0 1px 3px;}
select, img {margin:0; padding:0;}
/* link style */
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:active {color:#fd6c02; text-decoration:none;}
a:hover {color:#006cb7; text-decoration:none;}
ul, ol, li {margin: 0; padding: 0; list-style: none;}
p {line-height: 150%; text-align: left;}
button.player_btn img {width: 25px;height: 25px;margin-right: -7px;margin-top: 3px;}
button.player_btn{background: #fff; padding:2px 9px; min-width:74px; border: 1px solid #444444; font-size:12px; font-weight:600; color: #444444; height: 27px; margin: 2px; min-height: auto; border-radius: 6px;}
/* faq */
table.table_stats{width:100%; border-top:1px solid #000000; padding-bottom:10px; }
table.table_stats>thead>tr>th {display:none; height:60px; border-bottom:1px solid #d7d7d7; background:#fcfcfc; font-size:15px; text-align:center; color:#333333; font-weight:bold;}
table.table_stats>tbody>tr>td {height:60px; padding:20px 0px 20px; border-top:0px solid #dddddd; border-bottom:1px solid #d7d7d7; font-size:15px; vertical-align: middle; background:#ffffff; }
table.table_stats>tbody>tr>td p{line-height:230%; color:#444444;}
table.table_stats>tbody>tr>td a{padding-left:10px;}
.faqdate{display:none;}
.page{text-align:center; width:100%;}
.faq_search{text-align:center; width:100%;}
table.table_stats li.answer_faq{position: relative; }
table.table_stats li.answer_faq span.answer_icon{position:absolute; left:10px; width:40px; display:inline-block; top:5px; vertical-align:top;}
table.table_stats li.answer_faq .answer_txt{margin-left:46px;}
/* 단과강좌_new */
.new_lecture_1050 {}
.new_lecture {position:relative; width:100%; padding-top:20px; padding-bottom:20px;}
.new_category {width:100%; height:45px; padding-bottom:14px; margin-bottom:30px; border-bottom: 1px solid #676767;}
.new_lecture_box{}
.new_lecture_list {border: 1px solid #e8e8e8; padding:20px; margin-bottom:30px;}
.new_lecture_list ul {display: table; width:100%; }
.new_lecture_list ul li {display: table-cell; vertical-align: top; font-size: 13px; position: relative;}
.new_lecture_list ul li.new_lecture_photo {width:200px; position: relative;}
.new_lecture_list ul li.new_lecture_photo img {width: 100%; border: 1px solid #dddddd;}
.new_lecture_list ul li.new_lecture_con {padding: 0 20px;}
.new_lecture_list ul li.new_lecture_con .new_lecture_icon{text-align:left; margin-top:12px;}
.new_lecture_list ul li.new_lecture_register {padding-left:20px; border-left: 1px solid #e8e8e8;width: 238px;}
p.new_lecture_tit{min-height:30px; color:#000000; font-size:20px; line-height:20px; letter-spacing:-1px; padding-bottom:10px; margin-bottom:5px; font-weight:600; text-align:left; border-bottom: 1px solid #e8e8e8;}
p.new_lecture_tit a:link{color:#000000;}
p.new_lecture_tit a:visited{color:#000000;}
p.new_lecture_ltit{width:100%; height:16px; color:#000000; font-size:14px; line-height:20px; letter-spacing:-1px; margin-top:5px; margin-bottom:7px; font-weight:600; text-align:left;}
p.new_lecture_stit{width:100%; min-height:16px; color:#000000; font-size:14px; line-height:20px; letter-spacing:-1px; margin-top:5px; margin-bottom:7px; font-weight:600; text-align:left; display:inline-block;}
p.new_lecture_ptit{width:100%; height:16px; color:#000000; font-size:14px; line-height:20px; letter-spacing:-1px; margin-top:5px; margin-bottom:4px; font-weight:500; text-align:left; display:inline-block;}
p.new_lecture_text{color:#727272; font-size:14px; line-height:14px; letter-spacing:-1px; margin-top:8px; margin-bottom:2px; font-weight:400; text-align:left;}
p.new_lecture_end{color:#e1431c; font-size:14px; line-height:14px; letter-spacing:-1px; margin-top:8px;margin-bottom:2px; font-weight:400; text-align:left;}
span.new_lecture_txt{height:16px; color:#727272; font-size:14px; line-height:20px; letter-spacing:-1px; margin-bottom:5px; font-weight:400; text-align:left;}
p.new_lecture_icon{font-size:13px; letter-spacing:-1px; font-weight:500; }
span.new_price{float:right; color:#e1431c; font-size:22px; font-weight:600; text-align:right;}
span.new_free{color:#e1431c; font-size:18px; font-weight:600; text-align:left;}
span.new_free_album{color:#e1431c; font-size:18px; font-weight:600; float:right; margin-right:5px;}
span.new_sale{color:#e1431c; font-size:14px; font-weight:300; text-align:right;}
span.new_line{color:#727272; font-size:16px; text-decoration:line-through; font-weight:300; text-align:right; letter-spacing:0px;}
span.new_end
.new_lecture_time{position:relative; clear:both; height:140px;}
.new_lecture_button{position:absolute; height:40px; bottom:0px; width:92%;}
button.new_lecture{height:30px; margin-top:5px; padding:7px; font-size:14px; color:#ffffff; font-weight:600; text-align:center; background:#166ecd; border:#1360b4;}
span.new_icon_high{color:#5f9bb7; border: 1px solid #5f9bb7; height:20px; padding:0.2% 2%; margin-bottom:5px; margin-right:2px;}
span.new_icon_mac{color:#7b8dfa; border: 1px solid #7b8dfa; height:20px; padding:0.2% 2%; margin-bottom:5px; margin-right:2px;}
span.new_icon_sample{color:#b75fb3; border: 1px solid #b75fb3; height:20px; padding:0.2% 2%; margin-bottom:5px; margin-right:2px;}
span.new_icon_low{color:#cd477c; border: 1px solid #cd477c; height:20px; padding:0.2% 2%; margin-bottom:5px; margin-right:2px;}
span.new_icon_book{color:#f08f27; border: 1px solid #f08f27; height:20px; padding:0.2% 2%; margin-bottom:5px; margin-right:2px;}
span.new_icon_free{color:#2e8bff; border: 1px solid #2e8bff; height:20px; padding:0.2% 2%; margin-bottom:5px; margin-right:2px;}
/* 앨범강좌_new */
.new_album_box{}
.new_album_list {margin-bottom:30px;}
.new_album_list ul {display: table; width:100%;}
.new_album_list ul li.new_album {float:left; min-height:420px; border: 1px solid #e8e8e8; width:32%; margin-right:2%; margin-top:15px; padding:8px; display: table-cell; vertical-align: top; font-size: 13px; position: relative;}
.new_album_list ul li.new_album:nth-child(3) {margin-right:0%;}
.new_album_list ul li.new_album:nth-child(6) {margin-right:0%;}
.new_album_list ul li.new_album:nth-child(9) {margin-right:0%;}
.new_album_list ul li.new_album:nth-child(12) {margin-right:0%;}
.new_album_photo {position: relative; width: 100%; margin-bottom:12px;}
.new_album_photo img {width: 100%; height:220px; border: 1px solid #dddddd;}
.new_album_con {position: relative; width: 100%; }
.new_album_con .new_album_icon{width: 100%; text-align:left; padding-top:5px;}
.new_album_teacher {position: relative; height:35px; width: 100%; border-bottom: 1px solid #e8e8e8; margin-bottom:10px;}
.new_left{float:left;}
.new_right{float:right}
.new_album_register {position:relative; width: 100%; margin-bottom:10px;}
.refund_area{border:1px solid #dddddd; padding:7px;}
/* 카테고리_new */
.tb_top{overflow:hidden;}
.tb_top > .tb_title{float:left;padding-top:0;}
.tb_top .list_top{overflow:hidden;float:left;}
.tb_top .list_top select{padding:1px;margin:0;vertical-align:top; font-size:12px;}
.tb_top .list_top .course_type{float:left; margin-right:3px;}
.tb_top .list_top .book_type{float:left;}
.tb_top .list_top .list_ord{float:right;}
.tb_top .list_top .list_ord li{float:left;background: url(/common/images/default/blt_bar.png) no-repeat 0 50%;padding-left:0;margin-right:8px;}
.tb_top .list_top .list_ord li a{font-weight:700;}
.tb_top .list_top .list_ord li.first{background-image: none;}
.btn_sort { float:right; text-align:right; }
.search_form{ }
.search_form span { float:left; margin:0 5px 0 0 !important; padding:0 !important; }
.search_form form{overflow:hidden;}
.search_form select{ padding:0 0 0 5px; margin:0; width:auto; min-width:120px; height:30px; border:1px #cccccc solid; font-size:12px;}
select.search_select { width:auto; min-width:120px; height:30px; line-height:30px; border:1px #cccccc solid; font-size:14px;}
.search_form input[type=text] {border:1px solid #d1d1d1;margin:0 !important; padding:0 6px;width:180px;height:30px; line-height:30px;}
.search_form .search_input { border:1px #cccccc solid; margin-top:0; }
.s_category { display:inline-block; width:100%; margin-bottom:15px; text-align:right; }
.s_category select.category { float:right; width:auto;min-width:150px; height:28px; border:1px #cccccc solid; }
.button.gray{background-color: #a3a3a3;color: #fff;border:1px solid #939393}
.button.gray:hover{background-color: #929292}
.button{width: auto;display: inline-block;cursor: pointer;line-height:100%;border: none;border-radius:0;
padding:8px 25px;font-size:15px;text-align:center;background-image:none;
text-shadow:none;}
.button.small{padding:0 10px; height:30px; line-height:27px; font-size:13px;}
/* 테이블 */
table.t_board {width:100%; margin-bottom:30px;}
table.t_board th {height:36px; text-align:center; border-top:1px solid #555555; color:#333; font-size:14px; border-bottom:1px solid #dddddd; vertical-align: middle;}
td, th {vertical-align: middle;}
.table{width:100%; height:100%; border-top:1px solid #333333; padding-bottom:10px;}
.table>thead>tr>th {height:36px; border-bottom:1px solid #d7d7d7; background:#fcfcfc; font-size:14px; text-align:center; color:#333333; font-weight:bold; vertical-align: middle;}
.table>tbody>tr>td {height:36px; border-bottom:1px solid #d7d7d7; font-size:13px; line-height:120%; text-align:center; vertical-align: middle;}
.table_write{width:100%; height:100%; border-top:1px solid #333333; margin-bottom:20px;}
.table_write tr>th {width: 15%; vertical-align: middle; height:40px; padding-left:10px; border-bottom:1px solid #d7d7d7; color:#333333; background:#fcfcfc; font-size:13px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>th:last-child { border-right:1px solid #ffffff; }
.table_write tr>td { vertical-align: middle; padding:5px 5px; border-bottom:1px solid #d7d7d7; font-size:13px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>td.wh{height:40px; padding-left:10px; padding-bottom:7px; border-bottom:1px solid #d7d7d7; font-size:13px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>td:last-child { border-right:1px solid #ffffff; }
.table_none{width:100%;height:100%;}
.table_none>tbody>tr>th {height:30px; font-size:13px; text-align:left; color:#333333; font-weight:bold; }
.table_none>tbody>tr>td {height:30px; font-size:13px; line-height:120%; vertical-align:middle; text-align:left;padding:5px;}
.table_none tr>td {height:36px; padding:0px; vertical-align:middle; text-align:left;}
table.table_write > tbody > tr > td > input.text {width: 66%; height: 30px; padding: 2px 5px;}
table .bold {color:#333333; font-size:14px; font-weight:bold; letter-spacing:0px;}
/* 테이블리스트 */
table.board {width:100%; margin-bottom:15px;}
table.board th {height:50px; text-align:center; border-top:1px solid #555555; color:#000000; background:#ffffff; font-size:15px; border-bottom:1px solid #dddddd; vertical-align: middle;}
table.board th div{color:#000000;}
table.board td {line-height: 150%; height:50px; font-size:14px; color:#555; padding-top:5px; padding-bottom:5px; text-align:center; border-bottom:1px solid #ddd; vertical-align: middle;}
table.board td.gallery {margin-top:10px; padding-bottom:15px; color:#666; border-bottom:1px solid #fff; font-size:13px; text-align:center; letter-spacing:0px;}
table.board td.gallery img{height:120px; width:180px; margin-top:15px; margin-bottom:10px; color:#666; border:1px solid #dddddd; font-size:13px; text-align:center; letter-spacing:0px;}
table.board td.noline{border-bottom:1px solid #fff;}
table.board td.bleft{text-align:left;}
table.board td.bright{text-align:right;}
table.board td.nleft {height:36px; color:#666; padding-left:15px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #d7d7d7; font-size:13px; text-align:left; letter-spacing:0px;}
/* 테이블보기 */
table.board_view {width:100%; margin-bottom:15px;}
table.board_view th {height:60px; text-align:center; border-top:1px solid #555555; color:#000000; background:#ffffff; font-size:15px; border-bottom:1px solid #dddddd; vertical-align: middle;}
table.board_view td {height:60px; font-size:13px; color:#555; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
/*버튼*/
#btn {position:relative; margin:0 auto; width:100%; height:30px; padding-top:10px; padding-bottom:10px;}
button {outline: none; border:0; padding: 8px 20px; color: #fff; border-radius: 2px; font-weight: 600; line-height: 1;}
button:hover {opacity: 0.7;}
button > img {width: 20px; height: 20px; margin-right: 5px;}
button.confirm {background: #0082ca; margin-bottom: 5px;}
button.cancel {background: #fa2341; margin-bottom: 5px;}
button.payment {background: #0082d0; margin-bottom: 5px;}
button.file-delete {padding: 2px 9px; font-size: 11px; background: #999999;}
button.file-down {padding: 2px 5px; font-size: 11px; background: #000;}
button.file-down img {width: 15px; height: 15px;}
.btn {font-weight: 700; outline: none;}
.btn_center {text-align:center; padding-bottom:10px; padding-top:20px; width:100%;}
.btn_left {width:70%; text-align:left; float:left; padding-bottom:10px;}
.btn_right {width:30%; text-align:right; float:right; padding-bottom:10px;}
.btn_board_right {width:50%; text-align:right; float:right; padding-bottom:5px;}
.btn_white {text-align:center; height:24px; border:1px solid #cccccc; color:#666666; padding-left:7px; padding-right:7px; cursor:pointer; border-radius:2px; font-weight:bold; background:#fafafa; text-decoration:none;}
.btn_white:hover{text-decoration:none; background:#c0c0c0; color:#fff; font-weight:bold;}
.bbs-normalbtn {color: #000; background: none; border: 1px solid #ddd; font-size: 13px;}
.bbs-normalbtn.bbs-confirm {background: #000; color: #fff; border-color: #000;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {cursor: pointer;}
.wrap_sms_auth_number{border:0px solid #ddd; padding-left:10px; padding-top:5px;}
/* 모듈공통 */
input, button, select, textarea {font-size: 14px;}
span.bold {font-weight:bold;}
span.red {color:#da000e; font-weight:bold;}
span.orange{color:#e6842d; font-size:14px; font-weight:bold;}
span.pink{color:#cf3a59; font-size:14px; font-weight:bold;}
span.sky{color:#0789c8; font-weight:bold;}
span.blue{color:#1f61a9;}
span.black {color:#000000; font-weight:bold;}
span.glay_s {color:#999; font-size:12px; }
.form-control {min-width: 43px; height: 30px; padding: 2px 10px;}
.address-find {font-size: 13px; font-weight: 300; padding: 7px 10px; height: 30px; border: 0; background: #ffffff; color: #000000; border: 1px solid #ddd;}
.btn.btn-xs.btn-default {height: 30px; padding: 0 15px; font-size: 13px; margin-bottom:3px;}
.nav-tabs {border-bottom:1px solid #ddd;}
.nav-tabs2{padding-top:15px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.nav-tabs2>li{float:left; margin-bottom:-1px; border-top:2px solid #282828; width:20%; text-align:center;}
.nav-tabs2>li>a{border:1px solid #ddd; color:#282828; padding-left:30px; padding-right:30px; margin-right:-1px; line-height:1.42857143; font-size:14px;}
.nav-tabs2>li>a:hover{font-weight: normal;}
.nav-tabs2>li.active>a,.nav-tabs2>li.active>a:focus,.nav-tabs2>li.active>a:hover{color:#282828; font-weight:normal; cursor:pointer; background-color:#ececec; border-bottom-color:transparent;}
/* 서브스크롤 */
.submenu-scroll {margin-top: 0; text-align: center;}
.submenu-scroll nav { background: #fff; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; width: 100%; border-bottom: 1px solid #ddd;}
.vertical-align-middle { display: inline-block; vertical-align: middle; }
.nav-item {color: #333; padding: 0.750em 3.750em; font-size: 1.125em; display: inline-block; vertical-align: middle; margin: 0 -2px; border-right: 1px solid #ddd;}
.nav-item:last-child {border-right: 0;}
.submenu-scroll > .vertical-align-middle > .active {background-color: #f68710; color: #fff; font-weight: bold;}
.submenu-scroll > .vertical-align-middle > .active a {color: #fff; font-weight: bold;}
.nav-item a { color: #333; }
/* 쪽지 */
.my_memo {color:#3399ff;}
.board_title{font-size:14px; color:#333; font-weight:bold;}
.board_stitle{font-size:13px; color:#333; font-weight:bold;}
.note_btn{font-size:13px; color:#333; font-weight:bold; text-align:left; width:100%; margin-bottom:10px;}
.board_note{font-size:13px; color:#333; font-weight:bold; text-align:left; width:100%; margin-bottom:5px;}
.board_note span{float:right; font-size:13px; color:#333; font-weight:bold; text-align:right;}
#memo > .modal-dialog {z-index:9999; top:100px; height:90px; max-width:400px; width: 95%;}
.memo-btn {text-align: center; padding-bottom: 10px; padding-top: 20px; width: 100%;}
.memo-num {width: 40px;}
.memo-send {width: 120px;}
.memo-name {width: auto;}
.memo-sd {width: 120px;}
.memo-rd {width: 120px;}
.memo-del {width: 40px;}
.table_write.max480 tr>th {width: 27%;}
.table_write.memoform tr>td {width: auto;}
table.table_write.memoform > tbody > tr > th {width: 15%;}
table.table_write.memoform > tbody > tr > td {width: 85%;}
table.table_write.memoform > tbody > tr > td > input.text {width: 100%;}
/* 댓글 */
.comment_box {margin:0 auto; padding:10px; width:100%; margin-bottom:20px; background:#f9f9f9;}
.commnet_title{font-size:13px; line-height:100%; margin-bottom:10px; margin-top:5px; padding-left:10px; vertical-align:middle; color:#333333; font-weight:bold; text-align:left;}
.commnet_text{font-size:13px; line-height:100%; vertical-align:middle; color:#333333; font-weight:bold; text-align:center;}
.table_comment{margin-left:0%; width:100%; background:#f9f9f9;}
.table_comment>tbody>tr>td.ctext {height:30px; font-size:12px; line-height:120%; padding-top:10px;padding-left:10px; padding-bottom:10px; padding-right:10px; vertical-align:middle; text-align:left;}
.table_comment>tbody>tr>td.sline{border-top:1px dashed #d7d7d7; margin-bottom:-10px; width:90%; }
.table_re{width:100%; background:#f9f9f9;}
.btn_reply {background: #000;}
/* 페이징 */
.page_no {margin:0 auto; width:100%; height:30px; padding-top:10px; padding-bottom:30px;}
ul.page_box {margin:0; text-align:center; padding-bottom:20px; width:800px; padding-right:40px;}
ul.page_box li{display: inline; padding-left:2px; padding-right:2px;}
ul.page_box li.pactive a{display: inline; color:#3371c4; font-weight:bold; padding-left:2px; padding-right:2px;}
ul.page_box li a:hover{font-weight:bold;}
.info .l-text {width: 28%; padding: 12px; font-size: 14px; color: #333; text-align: left; background: #f9f9f9;}
.r-text {font-size: 14px; width: 72%; padding: 5px; font-weight: 600;}
.btn-taps li {font-size: 16px; width: 200px; text-align: center; font-weight: bold;}
.btn-taps li a {cursor: pointer;}
/* 강좌리스트 */
table.t_board th.teach-name {width: 150px;}
table.t_board th.lect-name {width: auto;}
table.t_board th.day-pay {width: 200px;}
table.t_board td.thumb img {width: 160px; height: 150px; border:solid 1px #eee;}
table.t_board td.thumb li {list-style:none; text-align:center; margin-top:5px;}
table.t_board tr.bottom{border-bottom:1px solid #d7d7d7; padding-top:5px; padding-bottom:5px;}
table.t_board td {height:35px; font-size:13px; color:#555; text-align:left; vertical-align: middle;}
table.t_board td.tphoto{width:138px;}
table.t_board td div.photo{width:138px; margin-top:10px;}
table.t_board td div.photo img{border:1px solid #d6dce7;}
table.t_board td.boleft{text-align:center; padding:15px 15px;}
table.t_board td.boright{text-align:right; padding-right:20px;}
table.t_board td.botext{color:#999; font-size:12px;}
table.t_board td.bstext{font-size:12px; letter-spacing:-1px;}
table.t_board td li {line-height: 150%; text-align: left;}
table.t_board td li.category span {color: #666;}
table.t_board td li.board_title a {color: #333;}
.courselist-cate {font-size:13px; color:#666;}
.course_title {font-size: 15px; font-weight: bold;}
.lecview-img {width: 35%; float: left; text-align: center; margin-bottom: 20px; margin-right: 5%;}
.lecview-img img {width: 100%; height: auto; border:solid 1px #eee; border-radius:10px;}
.book_thumb {float: left; width: 60px;}
.book_thumb img {width: 60px; height: auto;}
.book_descript {float: left; margin-left: 10px;}
.btn-free {float: left; width: 100%; border-radius: 0px;}
.course_title a {color: #333;}
.pack_course a {color: #666; line-height: 150%;}
.teacher-imgcell {width: 17%; padding-top:5px;}
.teacher-titcell {width: 65%; padding: 10px 5px;}
.teacherview-lecture td.thumb {padding:10px 3px 3px 3px;}
.teacherview-lecture td.thumb li {list-style: none; text-align: center;}
/*수강신청*/
.top_info {border-top: 1px solid #666666; width: 100%;}
.p_img {width: 352px; float:left;}
.info {width: 56%; float:left; text-align:left;}
.standard {font-size: 12px; color: #999999; text-decoration:line-through;}
.info_title {font-size: 20px; color: #333; font-weight:bold; padding-left:5px; margin-bottom: 0px; padding-bottom: 20px; text-align:left;}
.info table {border-top: 1px solid #eaeaea;}
.info table td {margin-left: 20px; padding-left:15px; border-bottom: 1px solid #eaeaea;}
.bookview tr:first-child {border-top: 1px solid #eaeaea;}
.p_price {font-size: 30px; color: #c7161e; font-weight: bold; width:auto;}
.saleblock {width: 50px; background-color: #c7161e; color: #ffffff; font-size: 11px; padding: 3px 5px 3px 5px; margin-top: 17px;}
.period {width: 100%; height: 30px; border: 1px solid #eeeeee;}
.book_thumb {float:left; width: 70px;}
.book_descript {float:left; margin-left: 0; width: 66%; margin-top: 7px;}
.view-top {display:block;}
.detail_tap {margin-top: 0; padding-top: 30px; clear:both; min-height:70px; border-bottom:solid 1px #ddd;}
.booktap {height:70px;}
.table-lecnum {width: 50px;}
.table-lecname {width: auto;}
.table-lecfile {width: 90px;}
.table-lecsamp {width: 100px;}
.table-lectime {width: 90px;}
.lec-buy-table .lec-rtext li {list-style: none; font-size: 14px; line-height: 125%;}
.lec-buy-table {width: 100%; text-align:left;}
.lec-buy-table .lec-ltext {width: 25%; padding: 15px; font-size: 14px; color: #333; vertical-align:middle;}
.lec-buy-table .lec-rtext {vertical-align: middle; padding:10px 0px;}
ul.course-tap {margin-top: 50px;}
ul.course-tap > li {font-size: 16px; width: 25%; text-align:center; font-weight:bold; cursor:pointer;}
ul.course-tap > li.active > a {background:#0082ca; color: #fff;}
ul.course-tap > li.active > a:hover {background:#2780e3; color:#fff; width:100%; height:43px;}
.package-list {border-bottom: 1px dashed #ddd; font-size: 14px;}
td.vod_view {padding: 8px 0px 8px 25px; cursor: pointer; font-weight: 600; font-size:15px; color:#000000;}
td.vod_view > button {padding: 3px 3px 3px 10px; border-radius: 5px; border:1px solid #48aee4; color:#48aee4;}
td.vod_view > button > img {width: 16px; height: 16px; color:#48aee4;}
.btn-cart {float:left; width: 50%; border-radius: 0px; background-color: #0082ca; border-color: #0082ca; padding: 10px 20px;}
.btn-free {width:100%; border-radius: 0px; background-color: #2780e3; border-color: #2780e3; padding: 10px 20px;}
.btn-cart img, .btn-buy img, .btn-free img {width: 19px; height: 19px;}
.btn-buy {float:left; width: 50%; border-radius: 0px; background-color:#333; border-color:#333; padding: 10px 20px;}
.nav-tabs > li > a {color:#333; font-weight: 700;}
table.lec-movielist {width: 100%; margin: 0 auto; }
table.package-list{width: 100%; border:1px solid #dddddd; margin-bottom:3px;}
.pack_movie_list {background:none; border: 0; color:#777; font-size: 12px;}
.pack_movie_list img {margin-top: -5px;}
table.mov_board {width:100%; margin-bottom:15px;}
table.mov_board th {height:40px; text-align:center; border-top:1px solid #555555; color:#000000; background:#f7f7f7; font-size:13px; border-bottom:1px solid #dddddd; vertical-align: middle;}
table.mov_board th div{color:#000000;}
table.mov_board td {line-height: 150%; height:40px; font-size:13px; color:#555; padding-top:5px; padding-bottom:5px; text-align:center; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #ddd; vertical-align: middle;}
.btn-exam-cart {float:left; margin-top:3px; margin-left:1%; width: 48%; border-radius: 0px; background-color:#2780e3; border-color: #2780e3; padding: 2px;}
.btn-exam-buy {float:left; margin-top:3px; margin-left:1%; width: 48%; border-radius: 0px; background-color: #333; border-color: #333; padding: 2px 1px;}
span.free_price{color:#e40000; font-weight:bold; font-size:17px;}
/* 강의, 교재, 쇼핑리스트 검색 */
.list_con_box {overflow:hidden; border-top:1px solid #555555;}
.list_search {height:35px; }
.list_search .bs_left {float:left; font-size:14px; font-weight:bold; color:#545454; padding-top:5px; margin-bottom:5px;}
.list_search .bs_right {float:right; padding-top:5px; font-weight:bold; margin-bottom:5px;}
/* 상세페이지 */
.detail_con{position:relative; overflow:hidden; min-height:800px; padding-top:20px; padding-bottom:20px;}
.detail_con_box{margin:0; overflow:hidden;}
.detail_con_box .product{margin:0; margin-right:30px; float:left;}
.detail_con_box .product .pbox{margin:0; border:1px solid #dddddd; padding:0; width:280px; height:280px;}
.detail_con_box .product .pbtn{margin:0; text-align:center; padding-top:12px; width:280px; height:48px;}
.detail_con_box .product .psbox{padding:0; margin-bottom:12px; width:280px; height:70px;}
.detail_con_box .product .psbox .sphoto{margin-right:10px; float:left; border:1px solid #dddddd; width:60px; height:60px;}
.detail_con_box .product_detail{margin:0; min-height:340px;}
.detail_con_list{margin:0; margin-top:20px;}
.detail_con_list .dtab{margin:0; padding:0; width:100%; height:35px; text-align:left; margin-top:40px; margin-bottom:5px; border-bottom:1px solid #767676;}
.info-icon {text-align:left; margin-left: 10px; margin-bottom:5px;}
table.table_detail{width:60%; margin-bottom:15px;}
table.table_detail>thead>tr>th {height:45px; text-align:left; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding-left:35px; font-weight:bold; background:#f9f9f9; font-size:13px; color:#333;}
table.table_detail>thead>tr>th.gline {height:45px; text-align:left; border-top:1px solid #dddddd; border-bottom:1px solid #f9f9f9; padding-left:35px; font-weight:bold; background:#f9f9f9; font-size:13px; color:#333;}
table.table_detail>thead>tr>td {height:45px; text-align:left; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding-left:65px; font-size:13px; letter-spacing:0px; color:#666666; background:#f9f9f9 url('/user_data/data/images/s_bar.jpg') no-repeat 20px 20px;}
table.table_detail>thead>tr>td.gline {height:45px; text-align:left; border-top:1px solid #dddddd; border-bottom:1px solid #f9f9f9; padding-left:65px; font-size:13px; letter-spacing:0px; color:#666666; background:#f9f9f9 url('/user_data/data/images/s_bar.jpg') no-repeat 20px 20px;}
table.table_detail>tbody>tr>th {height:45px; text-align:left; border-bottom:1px solid #dddddd; padding-left:35px; font-weight:bold; font-size:13px; color:#333;}
table.table_detail>tbody>tr>th.wline {height:45px; text-align:left; border-bottom:1px solid #fff; padding-left:35px; font-weight:bold; font-size:13px; color:#333;}
table.table_detail>tbody>tr>td {height:45px; text-align:left; border-bottom:1px solid #dddddd; padding-left:65px; color:#666666; font-size:13px; letter-spacing:0px; background:url('/user_data/data/images/s_bar.jpg') no-repeat 20px 20px}
table.table_detail>tbody>tr>td.wline {height:45px; text-align:left; border-bottom:1px solid #fff; padding-left:65px; color:#666666; font-size:13px; letter-spacing:0px; background:url('/user_data/data/images/s_bar.jpg') no-repeat 20px 20px}
/* 강사소개 */
.teacher_con {position:relative; overflow:hidden; padding-top:0px; padding-bottom:20px;}
.teacher_con_box {overflow:hidden; border-top:1px solid #555555; border-bottom:1px solid #e1e1e1; padding-top:20px; padding-bottom:20px;}
.teacher_box {float:left; width: 23%; border:1px solid #d6dce7; margin: 10px 1%;}
.teacher_box > a > .techer-img {height: 210px; overflow: hidden;}
.teacher_box > a > .techer-img img {padding: 2px; width: 100%; height:200px; border: 0;}
.teacher_box .teacher_title {height:23px; text-align:center; padding: 5px; font-size:13px; word-break:break-all; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden;}
.teacher_box .teacher_name {padding:5px 0px 0px 5px; height:45px; text-align:center; color:#3f8dc2; font-size: 18px; font-weight:bold;}
.teacher_box .teacher_name a {color:#3f8dc2;}
.teacher_box .teacher_name a:hover {color:#3f8dc2;}
.teacher_box .teacher_text {font-size:12px; height:68px; text-align:left; padding-left:18px; padding-top:11px; color:#545454; line-height:120%;}
.teacher_box .teacher_box img {bottom:0; width:128px;}
/* 강사소개 상세 */
.teacherview-tap {padding-top:30px; clear: both; margin-bottom:20px;}
.teacherview-tap .nav-tabs .active {font-size: 16px; width: 200px; text-align: center; font-weight: bold; cursor:pointer;}
.teacherview-tap .nav-tabs li {font-size: 16px; width: 200px; text-align: center; font-weight: normal;}
.teacherview-tap > .nav-tabs > li > a {margin-right: 2px; line-height: 1.42857143; padding: 8px 15px; cursor:pointer;}
.teacherview-tap > .nav-tabs > li.active > a, .teacherview-tap > .nav-tabs > li.active > a:hover, .teacherview-tap > .nav-tabs > li.active > a:focus {color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent;}
/* 강사소개팝업 */
.popup_teacher {position:absolute; display:none; margin:0 auto; top:450px; left:100px; padding:0; width:100%; z-index:99;}
.popup_teacher_box {position:relative; margin:0 auto; text-align:center; padding:0; width:488px; min-height:320px; margin-bottom:100px; background:#eeeeee; border:1px solid #d6dce7;}
.popup_teacher_box .pop_teacher_title {padding:0; width:486px; height:40px; text-align:left; background:#eeeeee; color:#555; font-weight:bold; font-size:20px; padding-top:6px; padding-left:20px;}
.popup_teacher_box .pop_teacher_title span{margin:0; padding-right:10px; float:right;}
.popup_teacher_box .pop_teacher_table {padding: 0; width:450px; height:218px; margin-left:18px; text-align:center; background:#fff; padding-bottom:10px;}
.popup_teacher_box .pop_teacher_table .teacher_left{float:left; width:240px;}
.popup_teacher_box .pop_teacher_table .teacher_title {height:45px; text-align:left; padding-left:28px; padding-top:20px; font-size:26px; font-weight:bold; color:#3f8dc2;}
.popup_teacher_box .pop_teacher_table .teacher_title a{color:#3f8dc2;}
.popup_teacher_box .pop_teacher_table .teacher_title a:hover{color:#3f8dc2;}
.popup_teacher_box .pop_teacher_table .teacher_text {font-size:14px; height:68px; text-align:left; padding-left:28px; padding-top:21px; color:#545454; line-height:120%;}
.popup_teacher_box .pop_teacher_table .teacher_box img{bottom:0; margin:0; padding:0; width:128px;}
.popup_teacher_box .pop_teacher_btn {padding: 0; text-align:center; padding-top:20px; padding-bottom:15px;}
/* 강사카테고리 */
.teacher_kate_con{position:relative; height:auto; padding-top:20px; padding-bottom:20px;}
p.kate_text01{margin:0; padding-left:50px; padding-top:28px; font-size:30px; color:#0b397c; line-height:110%; letter-spacing:-2px;}
p.kate_text02{margin:0; padding-left:50px; padding-top:28px; font-size:50px; color:#9b9b9b; letter-spacing:-2px;}
p.kate_text02 span{margin:0; font-size:60px; color:#1380c5; }
p.kate_text03{margin:0; padding-left:50px; padding-top:54px; padding-bottom:13px; font-weight:bold; font-size:16px; color:#0b397c;}
p.kate_text04{margin:0; padding-left:60px; padding-top:3px; font-size:14px; color:#7e7e7e; font-weight:bold; line-height:120%; background:url('/user_data/data/images/glay_dot.jpg') no-repeat 50px 10px;}
.kate_btn01{position:absolute; top:280px; left:280px; margin:0; width:160px; height:75px; padding-left:20px; padding-top:24px; font-size:18px; font-weight:bold; color:#fff; z-index:99; background:#0b397c url('/user_data/data/images/kate_icon.png') no-repeat 130px 30px;}
.kate_btn02{position:absolute; top:360px; left:280px; margin:0; width:160px; height:75px; padding-left:20px; padding-top:24px; font-size:18px; font-weight:bold; color:#fff; z-index:99; background:#adadad url('/user_data/data/images/kate_icon.png') no-repeat 130px 30px;}
/* 교재안내 */
.book_con{position:relative; overflow:hidden; min-height:800px; padding-top:20px; padding-bottom:20px;}
.book_con_box{overflow:hidden; border-top:1px solid #555555; border-bottom:1px solid #e1e1e1; }
.book_search{text-align: right; margin: 5px 0;}
.book_search .bs_left{float:left; font-size:14px; font-weight:bold; color:#545454; padding-top:5px;}
.book_search .bs_right{float:right; padding-top:5px;}
.book_a_box{border-top:1px solid #e1e1e1; overflow:hidden; }
.book_box {float:left; width:49%; margin-right:13px; margin-top:20px; margin-bottom:20px;}
.book_box:last-child {margin:0; width:49%; margin-top:7px; margin-top:20px; margin-bottom:20px;}
.book_left {float:left; width: 25%; min-height:130px; border: 1px solid #eaeaea;}
.book_box .book_left img{bottom:0; text-align:left; width:100%; min-height:130px;}
.book_box .book_right {float:left; text-align:left; width: 74%; padding: 0 10px;}
.book_right li {line-height: 160%; font-size: 13px;}
.book_right .booklist-title {font-weight:bold; padding-left:0px;}
.booklist-title a {color: #333; font-size: 16px;}
#book_detail{text-align:left; padding-top:20px; min-height:200px;}
#book_detail img{text-align:center;}
#tran_detail {padding-top:10px; display:none; min-height:120px;}
.bookview_img {width: 38%; height:300px; float: left; text-align: center; margin-bottom: 20px; margin-right:5%; border: 1px solid #eaeaea;}
.bookview_img img {width: auto; height: 100%; padding: 1px;}
.book-cate {text-align: left; padding: 5px 0;}
.bookview {width: 100%;}
.bookview td {font-size: 14px;}
/* 쇼핑몰 */
.shopping_con{position:relative; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.shopping_con_box {overflow:hidden; padding-bottom:3px; border-top:1px solid #555555; border-bottom:1px solid #e1e1e1;}
.shopping_search{height:35px; }
.shopping_search .bs_left{float:left; font-size:14px; font-weight:bold; color:#545454; padding-top:5px;}
.shopping_search .bs_right{float:right; padding-top: 5px; font-weight:bold;}
.shopping_a_box{overflow:hidden;}
.shopping_box {float:left; width: 23%; margin: 10px 1%;}
.shopping_box .shopping_box{width:185px;}
.shopping_box .shopping_top{width: 100%; border: 1px solid #eaeaea;}
.shopping_box .shopping_bottom {width:100%; height: 90px;}
.shopping_box .shopping_title a {font-size: 16px; line-height:140%; font-weight:bold; color:#545454; letter-spacing:-1px;}
.shopping_box .shopping_title {text-align:center; padding-top:5px; }
.shopping_box .shopping_text {font-size:14px; font-weight:bold; text-align:center; padding-left:18px; padding-top:10px; letter-spacing:-1px; color:#920000; line-height:120%;}
.shopping_box .shopping_text a{color:#920000;}
.shopping_box .shopping_top img {width: 100%;}
.shopping_box .shopping_bottom .shop-price {text-align: center; padding-top: 5px; font-size: 14px;}
.no-sales {padding-top:10px;font-weight:bold;font-size:13px;}
.shopview_img {width: 35%; min-height:262px; float: left; text-align: center; margin-bottom: 20px; margin-right:5%; border: 1px solid #eaeaea;}
.shopview_img img {width: 100%; padding: 0px;}
.list-header { display:none; }
/*결제페이지*/
.oder_pro {margin:0;}
.t_price {font-size: 30px; color: #c7161e; font-weight: bold; font-family: initial;}
.price_td {height: 100px; background-color: #f7f7f7;}
.price_td img {margin: -10px 20px 0 30px;}
.totalprice {width:100%; border-top: 1px solid #000; margin-top: 5px;}
.totalprice th {border-bottom: 1px solid #eaeaea; color:#000000; font-size: 14px; font-weight:bold; padding: 10px; background: #f7f7f7; width: 18%; min-width: 93px; vertical-align: middle;}
.totalprice td {border-bottom: 1px solid #eaeaea; font-size: 13px; font-weight: normal; padding: 10px; text-align: left; vertical-align: middle; line-height: 150%;}
.totalprice li {list-style: none;}
.oder_title {margin-top: 20px; cursor: pointer;}
.pointlist {font-size: 12px; font-weight: normal;}
.pay_choice {width: 100%; height: 60px; text-align: center; border-top: 2px solid #000; border-bottom: 1px solid #eaeaea;}
.pay_choice span {font-weight: bold; padding: 12px;}
#address, #address1 {width: 49%; margin-top: 5px;}
.cash_hp {width: 250px;}
.coupon-list {z-index:999; height:auto; max-width:960px; top:100px; width: 97%;}
span.pay{font-size:13px; color:#000000; font-weight: normal; padding-left:4px; padding-right:12px; margin-bottom:2px;}
/* 장바구니 */
.cartlist.btn_left {width: 50%; text-align: left; float: left; padding-bottom: 10px;}
.cartlist.btn_right {width: 50%; text-align: right; float: right; padding-bottom: 10px;}
.bbslist.btn_left {width: 75%;}
.bbslist.btn_right {width: 25%; text-align: right; float: right; padding-bottom: 10px;}
.num-mody {font-size: 11px; padding: 7px 8px; position: relative; top:0px; background: #666;}
p.cart_tit{font-size:18px; font-weight:bold; text-align: left; color:#000000; line-height:90%; padding-top:30px;}
/* 회원가입/탈퇴 */
#member_join {position:relative; margin:0 auto; margin-top:50px; width:90%; height:202px; border:1px solid #d2d2d2;}
.table_write.joinDrop {width: 600px; margin: 0 auto;}
.joindrop-btn {text-align: center; padding-bottom: 10px; padding-top: 20px; width: 100%;}
.member_left_box {float:left; width:50%; text-align:center; border-right:1px solid #d2d2d2;}
.member_left_sbox {position:relative; margin:0 auto; margin-top:20px; width:230px; font-weight:bold; text-align:center; height:180px; }
.member_left_sbox .member_title {margin:0; padding-top:17px; font-size:36px; color:#004993; font-weight:bold; letter-spacing:-2px; text-align:left;}
.member_left_sbox .member_stit img {float:left; margin:0; padding-top:2px; font-size:14px; letter-spacing:-1px; margin-right:20px; text-align:left;}
.member_left_sbox .member_stitle {padding-top:10px; font-size:13px; letter-spacing:-1px; text-align:left;}
.member_box {float:left; width:50%; text-align:center; }
.member_sbox {position:relative; margin:0 auto; margin-top:20px; text-align:center; width:90%; height:180px;}
.member_sbox .box_title {padding-top:25px; height:36px; width:293px; text-align:left; color:#000; font-size:18px; font-weight:bold; }
.member_sbox .box_text {padding-top:35px; text-align:left; font-size: 14px; line-height: 150%;}
.member_sbox .box_text b {color: #37a0ec; font-zie: 15px;}
.join-form {width: 100%; margin: 0 auto;}
.join-form > .table_write tr>th {border: 0; width: 120px; background: none;}
.join-form > .table_write tr>td {border: 0;}
.info-text {width: 90%; text-align: left; margin: 10px auto; font-size: 12px; line-height: 150%;}
.join-form > table.table_write > tbody > tr > td > input.text {width: 100%;}
.form-control.textfull {width: 100%;}
.form-control.addtext {width: 268px;}
/* 동영상재생환경 */
.beatplayer_down{position:relative;}
p.beatplayer_down_title{text-align:center; font-size:30px; letter-spacing:-1.5pt; line-height:100%; color:#000; font-weight:bold;}
p.beatplayer_down_stitle{text-align:center; font-size:26px; letter-spacing:-1pt; margin-top:-10px; color:#a8a8a8; }
p.beatplayer_down_btitle{text-align:left; font-size:24px; letter-spacing:-1.5pt; color:#005ead; font-weight:bold;}
p.beatplayer_down_btext{text-align:center; margin-top:10px; font-size:16px; letter-spacing:-1pt; color:#444444; font-weight:bold;}
p.beatplayer_down_sstitle{text-align:left; margin-top:40px; font-size:18px; letter-spacing:-1pt; color:#444444; font-weight:bold;}
p.beatplayer_down_text{text-align:left; margin-top:10px; font-size:15px; letter-spacing:-1pt; color:#898989; }
p.beatplayer_down_ttext{text-align:left; margin-top:40px; font-size:15px; letter-spacing:-1pt; color:#898989; }
table.beatplayer_down {width:100%; margin-top:15px; margin-left:15px; margin-bottom:15px; border-right:1px solid #e6e6e6;}
table.beatplayer_down th{height:60px; text-align:center; font-size:18px; font-weight:bold; color:#000; border-left:1px solid #e6e6e6; border-top:2px solid #000; border-bottom:1px solid #e6e6e6; background:#f8f8f8; }
table.beatplayer_down td{height:35px; text-align:center; color:#777777; font-size:16px; letter-spacing:0px; border-left:1px solid #e6e6e6 border-bottom:1px solid #e6e6e6; }
/* 고객센터 */
.taparea {text-align: left; margin-top:5px;}
.titblack {}
.qimg {margin-right: 10px; float: left;}
.panel-default > .panel-heading{padding:15px; background-color:#ffffff; border-color:#ffffff; }
.panel-title a {line-height:150%; font-size:15px; display:flow-root;}
.panel-title > a:hover {color: #ff0039;}
.sub_icon {font-size: 14px; line-height: 150%; padding: 10px 0;}
.nav.nav-tabs.pfaq {height: 49px;}
.nav.nav-tabs.pfaq > li {font-size: 14px; height:48px; width: 220px; text-align:center;}
.nav.nav-tabs.pfaq > li > a {padding-top:12px; background: #f9f9f9; height:48px; color: #666; font-size: 14px;}
.nav.nav-tabs.pfaq > li > a:hover{background: #f9f9f9; height:48px; color: #000; border:0px; font-weight:bold;}
.nav.nav-tabs.pfaq > li.active > a {background: #fff; height:49px; font-weight: 600; color: #000; border:1px solid #ddd; border-bottom:transparent; font-size: 14px;}
.beatplayer_down_box img {width: 70%;}
.beatplayer_down_wdrm img {width: 80%;}
.beatplayer_down_mdrm img {width: 66%;}
/* 맥 비트플레이어 이용방법 */
.mac_con{margin:0 auto;}
p.mac_text{text-align:left; margin-top:40px; font-size:15px; font-weight:bold; letter-spacing:0pt; color:#000000; }
p.mac_ttext{text-align:left; margin-top:40px; font-size:14px; font-weight:bold; letter-spacing:0pt; color:#777777; }
.mac_box{width:100%; min-height:280px; margin-top:10px; border:1px solid #e6e6e6;}
.mac_box_center{width:100%; text-align:center; min-height:280px; margin-top:10px; border:1px solid #e6e6e6;}
.mac_box_sbox{margin:0 auto; width:669px; text-align:center; margin-top:10px;}
/* 강사매출통계 */
.content_table {margin:0; width:100%; padding:0px; margin-top:30px; height:435px; }
.content_table .left_table {margin:0; float:left; padding:0px; width:50%; height:455px; }
.content_table .right_table {margin:0; float:right; padding:0px; width:50%; height:434px; }
.content_table2 {margin:0; width:100%; padding:0px; margin-top:30px; height:362px; }
.content_table3 {margin:0; width:100%; padding:0px; margin-top:30px; height:362px; }
.content_table3 .left_table3 {margin:0; float:left; padding:0px; width:50%; height:362px; }
.content_table3 .right_table3 {margin:0; float:right; padding:0px; width:50%; height:362px;}
.btn_bbsview {font-size: 11px; background: none; color: #000; border: 1px solid #ddd; padding: 5px 10px;}
/* 주문결제내역 */
.order_con_box{border-top:1px solid #555555;}
.order_box {margin-top:20px; margin-bottom:20px; border:5px solid #e8e8e8; height:80px; }
.order_text {margin:0 auto; padding-top:22px; width:100%;}
.order_text .oleft{text-align:left; float:left; margin-right:18px; padding-left:18px; letter-spacing:0px; color:#545454; line-height:120%;}
.order_text .oleft .period{background:#f8f8f8; border:1px solid #d5d5d5; height:25px; border-radius:2px;}
.order_text .oleft .period .data{border-left:1px solid #d5d5d5; padding:4px; float:left; font-size:11px;}
.order_text .oleft .period .data:first-child{float:left; border-left:0px solid #d5d5d5; font-size:11px;}
.order_text .oright{font-size:12px; text-align:left; left:22px; letter-spacing:0px; color:#545454; line-height:120%;}
.order_detail_box {margin-top:20px; margin-bottom:20px; border:2px solid #3f8dc2; background:#f6f6f6;min-height:80px;}
table.table_order{width:90%; margin-top:15px; margin-left:15px; margin-bottom:15px;}
table.table_order th {height:25px; text-align:left; padding-left:35px; font-size:13px; color:#333; background:url('/user_data/data/images/icon_ball.jpg') no-repeat 20px 11px;}
table.table_order td {height:25px; text-align:left; color:#666666; font-size:13px; letter-spacing:0px;}
/* 수량 */
.vol_l{margin:0; float:left; width:46px; height:24px;}
.vol_c{margin:0; padding:0; float:left; width:12px; height:22px;}
.vol_c .vtc {margin:0; padding:0; width:10px; height:13px; margin-top:1px;}
.vol_c .vtc img{margin:0; padding:0; width:10px; height:10px; vertical-align:top;}
.vol_c .vbc {margin:0; padding-top:-15px; top:0; width:10px; height:10px;}
.vol_c .vbc img{margin:0; padding-top:-15px; top:0; width:10px; height:10px; vertical-align:top;}
.vol_r{margin:0; height:24px; margin-top:1px;}
/*커리큘럼리스트 */
table.curri_board {width:100%; margin-bottom:15px; border:1px solid #d9dde0;}
table.curri_board th {height:36px; text-align:center; border-left:1px solid #d9dde0; color:#fff; background:#5882ca; font-size:14px; border-bottom:1px solid #dddddd;}
table.curri_board td {height:36px; font-size:13px; color:#555; padding-top:5px; padding-bottom:5px; text-align:left; padding-left:20px; border-left:1px solid #d9dde0; border-bottom:1px solid #ddd;}
table.curri_board td.cbtitle{text-align:center; font-size:14px; font-weight:bold; padding-right:20px; border-left:1px solid #d9dde0; color:#658bce; background:#eff3fc; }
table.curri_board td.cbtext{text-align:center; font-size:13px; font-weight:bold; padding-right:20px; border-left:1px solid #d9dde0; color:#333333; background:#f8f8f8; }
table.bold {color:#333333; font-size:14px; font-weight:bold; letter-spacing:0px;}
/* 커뮤니티-자주묻는질문 */
#qna {position:relative; margin:0 auto; padding-top:30px; width: 100%;}
.qna dt{margin-top:10px; padding:8px 80px 8px 40px; border:1px solid #ddd; background:url('/user_data/data/images/qna_bg.gif') no-repeat 15px 13px; font-weight:bold;line-height:1.6;cursor:pointer;}
.qna dd{display:none; margin:0 auto; padding:8px 80px 8px 40px; border:1px solid #ddd; border-top:0 none; background:url('/user_data/data/images/qna_answer.gif') no-repeat 15px 13px;}
.qna dd div:first-child{margin-bottom:16px;}
/* 판매자내역 */
.table_nomal { width: 100%; font-size: 13px; }
.table_nomal td {text-align: left; padding: 5px 0;}
.form_box { margin: 0 auto; padding: 20px; width: 100%; border: 1px solid #d7d7d7; margin-bottom: 20px; }
.date {width: 100%; max-width: 350px;}
.wtype {width: auto;}
textArea.middle {width:700px; margin-top:10px; margin-bottom:5px;}
textArea.sms {width:120px; margin-top:26px; margin-left:8px;}
textArea.smst {width:225px; height:138px;}
.btext > ul { list-style:none;padding-left:0px;margin-bottom: 0;}
/* 게시판 */
.bbs_header_blank {margin-top: 0px;}
.nav-pills > li {padding: 15px 20px; margin-bottom:-1px; background: #f4f4f4; }
.nav-pills > li.active {background: #ffffff; border:1px solid #dddddd; border-bottom:transparent; list-style: none;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background: none; color:#222222;}
.nav-pills > li a {font-size: 14px; color: #333; border: 0;}
.category-tap select {width: 100%; margin-bottom: 10px;}
ul.board {width: 100%;}
li.gallery {float: left; width: 21%; margin: 10px 2%; text-align: center; height:196px;}
.pager {clear: both; text-align:right;width:100%;}
.listPhoto {margin-bottom: 10px;}
.listPhoto img.g_list_img { width:100%;height:auto; border: 1px solid #eaeaea;}
li.gallery li a {font-size: 13px; color: #333; margin: 15px 0 0;}
li.gallery li span {position: relative;}
.category-tap {display: flex; display: -ms-flexbox;}
ul.gallery-box {border-top: 1px solid #555; padding: 20px 0;}
.bbs-wr-btn {height: 40px;}
.bbs-lecnum {width: 50px;}
table.board td.bbs-lecname {width: auto; text-align: left;}
.bbs-lecwrite {width: 90px;}
.bbs-lecdate {width: 120px;}
.bbs-lecview {width: 70px;}
.bbs-leccond {width: 110px;}
.btn_bbs_search {background: #000; position: relative; top: 2px;}
.today_box {position:relative; margin:0 auto; margin-top:0px; margin-bottom:30px; width:100%; height:410px; background:url("/user_data/data/images/today_bg.png") center top no-repeat;}
.today_sbox{width:687px; height:393px; margin:0 auto;}
.today_top{text-align: left; padding:53px 0 0 42px; color:#073e7d; font-weight:bold; letter-spacing:-1px; height:136px; font-size:36px; background:url("/user_data/data/images/today_top01.png") left 30px no-repeat;}
.today_ok{width:687px; padding-left:260px; height:82px; background:url("/user_data/data/images/today_top_ok.png") right top no-repeat;}
.today_ok span{float:right; text-align:right; margin-top:-7px;}
.today_text { position: relative; left: 189px; margin-left: 44px; text-align: left; width: 470px; color: #fff; font-weight: bold; font-size: 24px; margin-top: 6px; background: url(/user_data/data/images/today_no_text.png) right top no-repeat; }
.today_text span{padding-left:48px;color:#000; font-weight:bold; font-size:18px;}
.today_title {border:1px solid #fff; width:330px; font-size:16px; background:#fff; height:28px;}
.clock-icon {width: 14px; height: 14px; margin-left: 10px;}
.comment-btn {padding: 2px 6px; border-radius: 10px; font-size:11px;}
#bbs_box {width: 250px; height: 200px;}
.bbsbox-table {border:1px solid #333333; width: 100%;}
.bbsbox-table thead {background: #000; color: #fff;}
.bbsbox-table thead td {padding: 10px; font-size: 13px; font-weight: 700;}
.bbsbox-table thead td img {width: 16px; height: 16px; margin-right: 5px;}
.bbsbox-table tbody td {padding: 5px; background: #fff; text-align: center;}
.bbsbox-table tbody td input {width: 100%;}
#uplist {width: 100%;}
/* 신청폼 */
.class_write { width: 700px; height: 100%; border-top: 1px solid #333333; margin: 0 auto 20px; }
.class_write tr>th {background: #f9f9f9; padding:5px 10px; font-size: 13px; border-right: 1px solid #ddd; vertical-align: middle;}
.class_write tr>td {padding:5px 10px; text-align: left; font-size: 13px; border-bottom: 1px solid #ddd;}
.agree-box {width: 100%;height: 100px;border: 1px solid #dadada;overflow: scroll;overflow-x: hidden;margin: 0 0 7px 0; padding: 5px 10px;}
/* 나의강의실 */
.myclass-title {font-size: 20px; color: #333; font-weight: bold; margin-bottom: 10px;}
.myclass-stitle {font-size: 14px; color: #666; font-weight:normal; line-height: 26px;}
.myclass-stitle span{color:#000000;}
.bleft > .myclass {list-style: none; padding: 0px; margin: 5px 0 0 0;}
.bottom > td > .photo-list {margin: 15px 0;}
.bottom > td > .photo-list img {width:100%; height: auto; border:0px;}
.ms-lectitle {font-weight:bold; font-size:18px; color: #000; line-height:130%; margin-bottom:10px; letter-spacing:-1px;}
.ms-lectitle a:link {color: #000;}
.ms-lectitle a:visited {color: #000; text-decoration:none;}
p.myclass-lecture{padding-left:10px; font-size: 13px; margin:3px 0 0px; color: #000000; font-weight:normal; line-height: 20px; letter-spacing:-1px; background:url('/files/images/t_icon.png') no-repeat 2px 13px;}
p.myclass-lecture a:link{color:#000000;}
p.myclass-lecture a:hover{color:#e6842d;}
.mov-time {width: 80px;}
.mov-down {width: 90px;}
.mov-view {width: 105px;}
.mov-file {width: 90px;}
.mov-num {width: 50px;}
.mov-file img{width: 26px;}
.icon_lecture { background: #e6842d; font-size: 11px; padding: 5px 7px; cursor: default;}
.icon_package { background: #ce3a5a; font-size: 11px; padding: 5px 7px; cursor: default;}
.icon_qna_notice { background: #ff0039; font-size: 11px; padding: 5px; width: 55px; cursor: default;}
.icon_qna_1 {background: #bcbcbc; font-size: 11px; padding: 5px; width: 55px; cursor: default;}
.icon_qna_2 {background: #408dc3; font-size: 11px; padding: 5px; width: 55px; cursor: default;}
.icon_qna_3 {background: #3461ca; font-size: 11px; padding: 5px; width: 55px; cursor: default;}
.beatplayer-down {color: #fff; background: #000; padding: 3px 10px; font-size: 12px;}
.beatplayer-down img {width: 16px; height: 16px;}
/* 학습중인강좌_상세페이지*/
.class_con{position:relative; min-height:500px; padding-top:20px; padding-bottom:20px;}
.class_con_box{overflow:hidden; border-top:1px solid #555555; border-bottom:1px solid #e1e1e1;}
.ms-term, .ms-pause {width: 130px;}
.bottom > .phototd {width: 185px; padding-right: 1%; width:18%}
.gagenation {clear: both;}
.lecture_term {font-size: 12px; height: 35px; padding: 0px 10px; border: 1px solid #ddd; color: #3366ff; background: #fff;}
.list-sort {width: 50%; float: left;}
.list-sort span {font-size: 13px; margin: 0 15px 0 5px;}
.list-sort input[type="radio"] {cursor: pointer;}
.player-down {width: 50%; float: right; text-align: right; margin-bottom:5px;}
span.lecture_time{color:#ff0000; font-weight:bold; font-size:14px; margin-top:2px;}
span.lecture_time_txt{color:#ff0000; font-weight:bold; font-size:14px; margin-top:2px;}
/* 쿠폰 */
#coupon_no {width: 55%;}
.coupon-mobile {text-align: left; font-size: 12px;}
/* 로그인페이지 */
#login_box {position:relative; margin:50px auto 80px; width:70%; border:1px solid #d2d2d2; padding: 26px 0;}
.login_left_box {float:left; margin-top:25px; margin-bottom:35px; width:50%; font-weight:bold; text-align:center; height:180px; border-right:1px solid #d2d2d2; }
.login_left_sbox {position:relative; margin:0 auto;padding:0; width:270px; text-align:center; }
.login_left_sbox .login_title {margin:0; padding-top:17px; font-size:2.250em; color:#004993; font-weight:bold; letter-spacing:-2px; text-align:left;}
.login_left_sbox .login_stitle img {float:left; margin:0; padding-top:2px; font-size:14px; letter-spacing:-1px; margin-right:20px; text-align:left;}
.login_left_sbox .login_stitle {padding-top:7px; font-size:13px; letter-spacing:-1px; text-align:left;}
.login_box {margin:0; padding:0; text-align:center; width:50%; }
.login_sbox {margin:0 auto; width:370px; text-align:center;}
.login_sbox .box_id {float:left; padding-top:25px; height:36px; width:270px; text-align:right; }
.login_sbox .box_btn {padding-top:25px; text-align:right;}
.login_sbox .box_member {width: 250px; text-align: center; margin: 20px auto; font-size: 14px;}
.login_sbox .box_member span{ color:#000000; font-weight:bold;}
.login_sbox .box_login {width: 364px; text-align: center; border-top: 1px solid #d2d2d2; padding: 20px 0;}
.box_btn > button {background: #000000; width: 85px; height: 80px;}
input.login {background:#fff; height:35px; color:#333; width:192px; margin-bottom:10px; border:1px solid #d2d2d2;}
.stw_login {background:#fff; height:35px; color:#333; width:192px; margin-bottom:10px; border:1px solid #d2d2d2; padding-left: 10px;}
/* 아이디패스워드찾기 */
h4{background:#f5f5f5; font-size:30px; width:100%; margin-bottom:15px; color:#37373b; font-weight:600; line-height:36px; letter-spacing:-1pt;}
#form_con { margin:0 auto; width:90%; margin-bottom:82px; }
.small_txt {padding: 9px 5px 0 0; text-align: left; height: 57px;}
.idpw_box {border:1px solid #ddd; background:#f5f5f5; padding:0; height: auto; width:100%; margin-top:0; display: inline-block;}
.idpw_box li {float:left; width:50%; height: auto; padding-bottom: 30px;}
.idpw_box li.id_find {width:50%; border-right:1px solid #ddd; }
.find_form_box{margin:0 auto; width:100%; text-align:center; padding: 0 15%;}
.find_form {text-align:left; padding-left: 0;}
.find_form p.tit_search {width:320px; display:inline-block; padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.find_form .small_txt{font-size:12px; margin-bottom:20px; line-height:130%; }
.find_form fieldset {border:0px; background:none; margin-top:15px; padding-top:15px; border-top:1px solid #ddd; width: 100%;}
.find_form leble {display:hidden;}
.find {position:relative; text-align:left; width:100%;}
.find p {padding:0px ;margin:3px 0px;}
.find p span {display:inline-block; width:70px; vertical-align:top; padding-top:2px; font-size:12px; text-align:left;}
.find p.confirm {position:relative;}
.stw_find_info {font-size: 13px; padding: 6px; width: 100%;}
.form_context {margin-top: 20px; font-size: 13px;}
.stit_all{float:none; margin:30px 0 15px 0; background:url('/user_data/data/images/h5.jpg') top left no-repeat; letter-spacing:-1pt; padding-top:11px; font-size:18px; color:#37373b; font-weight:600;}
.btn-confirm {border: 0; background: #0082ca; color: #fff; font-weight: 600; width: 100%; padding: 10px; font-size: 15px; margin-top: 5px;}
.btn-confirm img {width: 20px; height: 20px; margin-top: -4px;}
/* 강사매출통계 */
.teacher-salestap > li {width: 20%; text-align: center;}
.teacher-salestap > li > a {padding: 8px 0;}
/* personal */
#personal {position:relative; margin:0 auto; width:800px; padding:0; text-align:center;}
.personal_tital3 {font-size:14px; color:#111111; font-weight:bold;}
.personal_top {margin:0 auto; width:100%; padding-top:5px; margin-bottom:150px; text-align:left; font-size:14px; color:#555555;}
.personal_top .ptap {margin:0 auto; width:100%; top:20px; padding-top:20px; text-align:center;}
.personal_top .ptap li a {margin:4px; width:250px; height:28px; padding-top:4px; padding-left:8px; text-align:left; font-size:12px; color:#555555; border: 1px solid #dddddd; float:left;}
.personal_top .ptap li a:hover {margin:4px; width:250px; height:28px; padding-top:4px; padding-left:8px; text-align:left; font-size:12px; color:#555555; border: 1px solid #dddddd; float:left; background:#dddddd;;},
#personal a:active, #personal a:focus {color:#23b3e8; text-decoration:none;}
.personal_text {margin:0 auto; width:100%; padding-top:20px; text-align:left; font-size:13px; line-height:130%; color:#555555;}
.personal_line {position:relative; margin:0 auto; width:100%; padding-top:20px; text-align:center; border-bottom:1px solid #dadada;}
#p_search {position:relative; margin:0 auto; margin-top:20px; height:120px; width:100%; padding-bottom:20px;}
.search_page {margin:0 auto; width:100%; height:30px; padding-top:20px; padding-bottom:30px;}
ul.page_search {margin:0; text-align:center; padding-bottom:20px;}
ul.page_search li{display: inline; padding-left:2px; padding-right:2px;}
ul.page_search li a:hover{font-weight:bold;}
/* 이용약관 */
.pbox_con{position:relative; overflow:hidden; min-height:550px; padding-top:10px; padding-bottom:10px;}
.pbox {margin:0 auto; padding-top:5px; height:150px; width:97%; text-align:left;}
.pbox .provision {height:200px; overflow:auto; text-align:left; margin-top:10px;width:100%; font-size: 13px; line-height: 150%;}
.pbox div .provision {height:auto;overflow:hidden;border:0 none;padding:0;}
.provision {border:1px solid #ddd; padding:16px; background:#ffffff;}
.provision h2 {color:#000; padding:5px 0; margin:20px 0 5px; font-size:15px; font-weight:bold; background:0 none; text-align:left;}
.provision h2:first-child {margin-top:0;}
.provision h3 {color: #222222; font-size: 13px; padding:5px 0; margin-top:0; text-align:left; letter-spacing:0px;}
p.provision_r{font-size:14px; width:95%; height:60px;color:#444444; font-weight:bold; padding-bottom:20px; line-height:160%; padding:0; text-align:right; letter-spacing:0px;}
/* 동영상재생환경 */
.beatplayer_down{position:relative; width: 100%; margin: 0 auto;}
p.beatplayer_down_title{text-align:center; font-size:160%; letter-spacing:-1.5pt; line-height:100%; color:#000; font-weight:bold;}
p.beatplayer_down_stitle{text-align:center; font-size:130%; letter-spacing:-1pt; margin-top:10px; color:#a8a8a8; margin-bottom:10px;}
p.beatplayer_down_btitle{text-align:left; font-size:24px; letter-spacing:-1.5pt; color:#005ead; font-weight:bold; line-height:120%;}
p.beatplayer_down_btext{text-align:center; margin-top:10px; font-size:16px; letter-spacing:-1pt; color:#444444; font-weight:bold;}
p.beatplayer_down_sstitle{text-align:left; margin-top:40px; font-size:18px; letter-spacing:-1pt; color:#444444; font-weight:bold;}
p.beatplayer_down_text{text-align:left; margin-top:10px; font-size:15px; letter-spacing:-1pt; color:#898989; line-height: 150%;}
p.beatplayer_down_ttext{text-align:left; margin-top:40px; font-size:15px; letter-spacing:-1pt; color:#898989; line-height: 150%;}
.beatplayer_down_box{position:relative; width:100%; margin-top:10px; border:1px solid #e6e6e6; display: inline-block; padding: 10px;}
.beatplayer_down_sbox{float:left; width:25%; text-align:center; margin-top:20px;}
.beatplayer_down_dbox{position:relative; width:100%; margin-top:10px; border:1px solid #e6e6e6; display: inline-block; padding: 10px;}
.beatplayer_down_wdrm{float:left; width:60%; text-align:center; margin-top:20px;}
.beatplayer_down_mdrm{float:left; width:37%; text-align:center; margin-top:20px; margin-left:3%;}
table.beatplayer_down{width:100%; margin-top:15px; margin-left:15px; margin-bottom:15px; border-right:1px solid #e6e6e6;}
table.beatplayer_down th{height:60px; text-align:center; font-size:18px; font-weight:bold; color:#000; border-left:1px solid #e6e6e6; border-top:2px solid #000; border-bottom:1px solid #e6e6e6; background:#f8f8f8; }
table.beatplayer_down td{height:35px; text-align:center; color:#777777; font-size:16px; letter-spacing:0px; border-left:1px solid #e6e6e6 border-bottom:1px solid #e6e6e6; }
/* 배송조회 */
.delivery_output{position:relative;width:590px;padding-bottom: 19px;}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;text-indent:-1000px;}
.rsult_box{position:relative;border:1px solid #e4e4e4;border-width:0 1px 1px;font-size:12px;color:#5a5a5a;text-align:center;padding:0 0 18px 0;}
.rsult_box.ninfo{border-bottom:0;}
.rsult_box .lodg{padding:18px 0 0 0;font-size:12px;color:#5a5a5a;}
.rsult_box .lodg img{display:block;width:21px;height:21px;margin:8px auto 9px;}
.ginfo{margin-top:0;padding:12px 0 3px 18px;background:url(/files/images/delivery_icon.png) 0 -263px no-repeat;font-size:11px;line-height:16px;color:#999;}
.rsult_box .lodg span{display:block;line-height:19px;padding-bottom:9px;}
.rsult_box .lodg span span{padding-bottom:0;margin-bottom:-9px;}
.ste{margin:0 0 -18px 0;}
.lodg .rfsh_ico{display:block;overflow:hidden;margin:9px 0 -1px;}
.rsult_box .lodg span.inque{margin-top:10px;padding-bottom:0;}
.rfsh_ico{display:block;}
.rsult_box .lodg .rfsh_ico img{display:inline;width:8px;height:11px;vertical-align:top;margin:4px 4px 0 0;}
.list_state{overflow:hidden;height:120px;padding:22px 0 0 22px;}
.list_state li{overflow:hidden;float:left;width:87px;height:73px;margin:0 0 0 25px;background:url(/files/images/delivery_icon.png) 0 0 no-repeat;text-indent:-1000px;}
.list_state .step1{background-position:0 0;}
.list_state .step2{background-position:-95px 0;margin-left:24px;}
.list_state .step3{background-position:-189px 0;margin-left:20px;}
.list_state .step4{background-position:-283px 0;margin-left:24px;}
.list_state .step5{background-position:-377px 0;margin-left:23px;}
.list_state .step1.on{background-position:0 -106px;}
.list_state .step2.on{background-position:-95px -106px;}
.list_state .step3.on{background-position:-189px -106px;}
.list_state .step4.on{background-position:-283px -106px;}
.list_state .step5.on{background-position:-377px -106px;}
.subinfo{border:1px solid #e4e4e4;border-width:0 1px;}
.usr_info{overflow:hidden;padding:15px 18px 14px 13px;font-size:12px;}
.usr_info dt{float:left;font-weight:bold;color:#9b9b9b;margin-right:6px;}
.usr_info dd{float:left;}
.bar{display:inline-block;width:1px;height:12px;margin:0 10px 0 8px;background:#bebebe;vertical-align:top;}
.usr_info+.ofer{padding:0 13px 13px 0;}
.ofer{margin-top:-1px;padding:16px 14px 13px 0;text-align:right;}
.artb{border:1px solid #e4e4e4;border-top:0;}
.artb table{width:100%;table-layout:fixed;margin-top:-3px;border-top:2px solid #9fa2a9;}
.artb caption{overflow:hidden;height:1px;font-size:1px;color:transparent;}
.artb th{height: 25px;padding-top: 3px;background-color:#fafafa;line-height: 25px;font-size:12px;color:#777;text-align:left;padding-left:13px;}
.artb td{border:1px solid #f3f3f3;border-width:1px 0 0 0;padding:7px 0 5px;background-color:#fff;}
.artb td p{overflow:hidden;padding:0 5px 0 13px;text-overflow:ellipsis;white-space:nowrap;color:#a2a2a2;}
.artb .on td p{color:#000;}
.artb th:first-child{border-left:0;}
.artb td:first-child{border-left:0;}
/* 문제은행*/
.cho-select {width: 30px;}
/* 기본topmenu */
.gnbDiv .gnbWrap li .twoDep a {text-align: center;}
/* 모듈 반응형 요소 */
@media (max-width: 480px){
.min480 {display: none;}
}
@media (min-width: 480px){
.max480 {display: none;}
}