.tablearea table {margin-top:20px;}
.tablearea table:first-child {margin-top:0;}

.boardlist {font-size:12px;}
.boardlist thead th {height:30px; border-top:#636363 2px solid; background:#ebebeb; color:#5e5e5e;}
.boardlist tbody td {padding:7px 0; border-bottom:#b7b7b7 1px solid; color:#555; text-align:center;}
.boardlist tbody td .tc_pic {width:60px; display:block; margin:0 auto; margin-bottom:5px; border:#d7d7d7 1px solid;}
.boardlist tbody td.sbj {padding-left:8px; text-align:left;}
.boardlist tbody td.sbj .iconbox {margin-bottom:5px; font-size:0; vertical-align:top;}
.boardlist tbody td.sbj .iconbox img {margin-left:2px;}
.boardlist tbody td.sbj .iconbox img:first-child {margin-left:0;}
.boardlist tbody td.sbj .classname {font-size:13px; font-family:ngbold;}
.boardlist tbody td.taste a {display:inline-block; margin-top:5px;}
.boardlist tbody td.taste a:first-child {margin-top:0;}
.boardlist tbody td.date {padding-left:15px; text-align:left;}
.boardlist tbody td.date label {display:inline-block; margin-top:3px;}
.boardlist tbody td.date label:first-child {margin-top:0;}
.boardlist tbody td.request {padding-left:15px; text-align:left;}
.boardlist tbody td.request label {display:block;}

.boardlist tbody td.request .discount {display:inline-block; margin-left:10px;}
.boardlist tbody td.request .w170	  {width:170px;}
.boardlist tbody td.request .discount em {display:block; text-decoration:line-through;}
.boardlist tbody td.request .discount strong {display:block; margin-top:5px; padding-left:15px; background:url(/html/images/course_list/icon_arrow.png) no-repeat 0 5px; color:#ff5252; font-size:14px;}
.boardlist tbody td.request .discount.st02 {margin:3px 0 0 0;}
.boardlist tbody td.request .discount.st02:first-child {margin:0;}
.boardlist tbody td.request .discount.st02 em {display:inline; text-decoration:none;}
.boardlist tbody td.request .discount.st02 strong {display:inline; margin:0 0 0 5px;  background:url(/html/images/course_list/icon_arrow_blk.png) no-repeat 0 5px; font-size:12px; font-family:ng;}
.boardlist tbody td .clk_order {display:none; position:absolute; width:44px; height:34px; margin-top:10px; padding:7px; border:1px solid #aaa; background-color:#fff; font-family:ngbold;}
.boardlist tbody td .clk_order em {display:block; margin-top:3px; padding-top:3px; border-top:1px dashed #b7b7b7; color:#ff5252;}
.boardlist tbody td .clk_order.on {display:block;}
.boardlist tbody tr.bg_sbl {background-color:#f6faff;}
.boardlist tbody tr.bg_sbl .unit {padding-left:15px; text-align:left; font-family:ngbold;}

.boardlist tbody tr.conview {display:none;}
.boardlist tbody tr.conview td {text-align:left;}
.boardlist tbody tr.conview.conOn {display:table-row;}
.boardlist tbody tr.conview .hiddenarea {display:none; padding:5px 30px;}
.boardlist tbody tr.conview .hiddenarea.on {display:block; margin-top:0;}
.boardlist tbody td.sbj .btnbox.st02 {margin-top:5px;}
.boardlist tbody td.sbj .btnbox.st02 a {display:inline-block; width:52px; height:16px; padding-left:5px; border:1px solid #888; background:url(/html/images/course_list/class_off.png) no-repeat 95% 50%; color:#636363; font-size:11px; font-family:ngbold; line-height:16px;}
.boardlist tbody td.sbj .btnbox.st02 a.on {background:#636363 url(/html/images/course_list/class_on.png) no-repeat 95% 50%; color:#fff;}
.boardlist tbody td dl {overflow:hidden;}
.boardlist tbody td dt {float:left; padding-left:7px; background:url(/html/images/course_list/tit_dot_02.png) no-repeat 0 50%; color:#5e5e5e; font-family:ngbold;}
.boardlist tbody td dd {padding-left:70px;}
.boardlist tbody td .bookinfo {display:inline-block; float:left; margin-right:60px;}
.boardlist tbody td .bookinfo dd {padding-left:50px;}

.boardlist.st02 tfoot td {padding:5px 0 0; border-top:#b7b7b7 solid 1px; color:#363636; text-align:right; font-size:16px; font-family:ngbold;}
.boardlist.st02 tbody td {padding:7px 0; border-top:#b7b7b7 dashed 1px; border-bottom:0; text-align:left; font-size:14px;}
.boardlist.st02 tbody tr:first-child td {border-top:0;}
.boardlist.st02 tbody td.request {text-align:right;}
.boardlist.st02 tbody td.request .discount.st02 em {font-family:ngbold;}
.boardlist.st02 tbody td.request .discount.st02 strong {background:url(/html/images/course_list/icon_arrow_blk.png) no-repeat 0 7px; font-size:14px; font-family:ngbold;}

.boardview {width:100%; border-top:2px solid #636363; background-color:#fff; color:#5e5e5e; font-size:12px; line-height:18px;}
.boardview tbody th {padding:6px 15px; border-color: #ccc; border-style: none none solid none; border-width: 0 0 1px 0; background: #ebebeb; text-align:center;}
.boardview tbody td {padding:6px 0 6px 9px; border-color: #ccc; border-style: none solid solid none; border-width: 0 0 1px 0; text-align: left;}

.boardview.st02 tbody td {padding:15px 0 15px 15px;}

.boardview.st03 tbody th {padding:20px;}
.boardview.st03 tbody th.textbook a {display:inline-block; margin-top:10px;}
.boardview.st03 tbody td {padding:20px;}
.boardview.st03 tbody td dl {overflow:hidden;}
.boardview.st03 tbody td dt {float:left; padding-left:7px; background:url(/html/images/course_list/tit_dot_02.png) no-repeat 0 50%; color:#5e5e5e; font-family:ngbold;}
.boardview.st03 tbody td dd {padding-left:50px;}
.boardview.st03 tbody td ul {margin-top:20px;}

.boardview.st04 {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.boardview.st04 tbody th {padding:8px 0 8px 15px; text-align:left; font-family:ngbold;}
.boardview.st04 tbody td {border-left:1px solid #ccc;}
.boardview.st04 tbody td.bg_ylw {text-align:center; font-family:ngbold;}

.boardview.st05 {margin:20px 0;}

.reviewlist {font-size:12px;}
.reviewlist thead th {height:30px; border-top:#636363 2px solid; background:#ebebeb; color:#5e5e5e;}
.reviewlist tbody tr.conview {display:none; background-color:#fdfbef;}
.reviewlist tbody tr.conview td {padding:20px 15px; text-align:left; line-height:18px;}
.reviewlist tbody tr.conOn {display:table-row;}
.reviewlist tbody td {padding:7px 0; border-bottom:#b7b7b7 1px solid; color:#5e5e5e; text-align:center;}
.reviewlist tbody td.sbj {padding-left:8px; text-align:left; cursor:pointer;}
.reviewlist tbody td.sbj em.course_reply {color:#ff0000;}
.reviewlist tbody td.sbj .iconbox {margin-bottom:5px; font-size:0; vertical-align:top;}
.reviewlist tbody td.sbj .iconbox img {margin-left:2px;}
.reviewlist tbody td.sbj .iconbox img:first-child {margin-left:0;}
.reviewlist tbody td .substance {margin:0 20px; }
.reviewlist tbody td .comment {margin-top:20px; padding-top:20px; border-top :1px dashed #bfbeb6;}
.reviewlist tbody td .comment strong {display:inline-block; margin:0 20px; vertical-align:top;}
.reviewlist tbody td .comment em {display:inline-block; float:right; margin-right:10px; vertical-align:top;}
.reviewlist tbody td .comment p {display:inline-block; max-width:600px;}

/*input*/
.radbox label {margin-left:10px;}
.radbox label:first-child {margin-left:0;}

/*tab*/
.conwrap .tab {margin:30px 0 20px; background:url(/html/images/course_list/border_line.gif) repeat 0 0; font-size:0;} 
.conwrap .tab a {display:inline-block; position:relative; z-index:1; min-width:70px; height:35px; padding:0 10px; border:1px solid #ccc; border-left:none; background-color:#fff; color:#464646; text-align:center; font-size:13px; font-family:ng; line-height:35px;}
.conwrap .tab a:first-child {display:inline-block; position:relative; z-index:1; min-width:70px; height:35px; padding:0 10px; border:1px solid #ccc; background-color:#fff; color:#464646; text-align:center; font-size:13px; font-family:ng; line-height:35px;}
.conwrap .tab a.on {z-index:2; height:35px; border:solid 1px #202227; background-color:#414551; color:#fff; font-family:ngbold;}
.conwrap .hiddenarea {display:none;}
.conwrap .hiddenarea.on {display:block; margin-top:20px;}

.conwrap .listtab {margin:30px 0 20px; background:url(/html/images/course_list/border_line.gif) repeat 0 0; font-size:0;} 
.conwrap .listtab a {display:inline-block; position:relative; z-index:1; min-width:70px; height:35px; padding:0 10px; border:1px solid #ccc; margin-left:-1px; background-color:#fff; color:#464646; text-align:center; font-size:13px; font-family:ng; line-height:35px;}
.conwrap .listtab a.on {z-index:2; height:35px; border:solid 1px #202227; background-color:#414551; color:#fff; font-family:ngbold;}


/*slide*/
.onebanner .bannerwrap {float:none;}

.bannerwrap .banner {width:800px; overflow:hidden;  position:relative;}
.banner .slidearea {overflow:hidden;}
.banner .slidearea .imgs {position:relative; width:300%; height:80px;left:-100%}
.banner .slidearea .imgs li {left:33.33%; width:33.3%; position:absolute; top:0;display:none}
.banner .slidearea .imgs li:first-child {display:block;}
.banner .slidearea .imgs a {display:block;}

.banner.st02 {overflow:hidden; position:relative; }
.banner.st02 .slidearea .imgs {overflow:hidden; position:relative; width:300%; height:200px;}
.bannerwrap_02 {overflow:hidden; position:relative;}
.bannerwrap_02 .banner {overflow:hidden; position:relative; width:200px; padding:11px; margin-left:10px; background:url(/html/images/course_list/bg_review.gif) repeat-x 0 0;}
.bannerwrap_02 .banner .slidearea .sbj {color:#fff; font-size:16px;}
.bannerwrap_02 .banner .slidearea .inner {width:200px; height:150px; margin-top:10px; background-color:#fff;}
.bannerwrap_02 .banner .slidearea .imgs {overflow:hidden; position:relative; width:300%; height:145px}
.bannerwrap_02 .banner .slidearea .imgs li {width:200px; margin:10px;}
.bannerwrap_02 .banner .slidearea .reviewbox {width:180px; padding-top:10px; margin-top:10px; border-top:1px dashed #b7b7b7; font-size:12px;background-color:white}
.bannerwrap_02 .banner .slidearea .reviewbox:first-child {padding-top:0; margin-top:0; border-top:0;}
.bannerwrap_02 .banner .slidearea .reviewbox .name {display:inline-block; height:18px; background-color:#ffba00; color:#fff; text-align:center; font-family:ngbold; line-height:18px;}
.bannerwrap_02 .banner .slidearea .reviewbox img {vertical-align:middle;}
.bannerwrap_02 .banner .slidearea .reviewbox a em {display:block; margin-top:5px; line-height:15px;}
.bannerwrap_02 .banner .slidearea .reviewbox a strong {overflow:hidden; display:block; max-width:170px; text-overflow:ellipsis; white-space:nowrap;}


.course_navi {position:absolute; top:15px; right:15px;}
.course_navi a {width:8px; height:8px; margin-left:5px; display:inline-block; float:left; background: url(/html/images/course_list/nav_off.png) 0 0 no-repeat;}
.course_navi a.on {background: url(/html/images/course_list/nav_on.png) 0 0 no-repeat;}

/*Çг⺰°­ÁÂ*/
.conwrap .course_schbox {position:relative; padding:10px; background-color:#e1e1e1;}
.conwrap .course_schbox strong {margin-right:5px; padding-left:13px; font-size:14px; color:#5e5e5e; background:url(/html/images/course_list/mg.png) 0 3px no-repeat;}
.conwrap .course_schbox select {width:98px; color:#5e5e5e;}
.conwrap .course_schbox .btnright {position:absolute; top:10px; right:10px; margin-top:0;}

/*±³À纰°­ÁÂ*/

/*°­Á»ó¼¼*/
.teacherbox {overflow:hidden; position:relative; width:800px; height:215px; margin-top:24px; margin-bottom:20px;}
.teacherbox .tch_info {float:left; width:157px; margin-right:10px; text-align:center;}
.teacherbox .tch_info .pho {display:inline-block; width:152px; height:152px; margin-bottom:10px;}
.teacherbox .tch_info strong {display:block; margin:5px 0 1px;}

.teacherbox .classview {float:left; width:610px; height:205px; margin-left:17px;}
.teacherbox .classview .txt_evt {color:#ff5252; font-size:13px;}
.teacherbox .classview .sbj {overflow:hidden; margin-bottom:10px; color:#464646; font-size:15px; font-family:ngbold;}
.teacherbox .classview .sbj .snsbox {float:right; margin-left:3px; font-size:0;}
.teacherbox .classview .sbj .snsbox img {margin-left:3px; font-size:0;}
.teacherbox .classview .sbj .snsbox img:first-child {margin-left:0;}

.dcbox {clear:both; width:734px; padding:10px 28px; border:5px solid #636363;}

/*Àå¹Ù±¸´Ï&°áÁ¦*/
.orderlist {border-width:0 1px 1px 1px; border-style:none solid solid solid; border-color:#ccc; color:#555; font-size:12px;}
.orderlist thead th {height:29px; border-top:#636363 2px solid; border-left:1px solid #b7b7b7; background:#f2f2f2; color:#464646;}
.orderlist thead th:first-child {border-left:0;}
.orderlist tbody td {padding:7px 0; border-width:1px 0 0 1px; border-style:solid none none solid; border-color:#ccc; color:#555; text-align:center;}
.orderlist tbody td:first-child {border-left:0;}
.orderlist tbody td .pic img:first-child {border:1px solid #d4d4d4;}
.orderlist tbody td.sbj {padding-left:15px; border-left:0; text-align:left;}
.orderlist tbody td.sbj .iconbox {margin-bottom:2px; font-size:0; vertical-align:top;}
.orderlist tbody td.sbj .iconbox img {margin-left:2px;}
.orderlist tbody td.sbj .iconbox img:first-child {margin-left:0;}

.orderlist.st02 {position:relative; width:800px; height:70px; border:5px solid #636363; color:#464646;}
.orderlist.st02 thead th {height:35px; border-top:0;}
.orderlist.st02 thead th img {vertical-align:middle;}
.orderlist.st02 tbody td {position:relative; color:#363636; font-size:16px; font-family:ngbold; line-height:20px;}
.orderlist.st02 tbody td img {position:absolute; top:4px; left:-13px;}

.orderlist.st03 thead th {background-color:#ffffee; font-size:15px; font-family:ngbold;}
.orderlist.st03 thead th .ordernum {font-size:13px;}
.orderlist.st03 tbody td {font-size:14px;}

.paywrap {border-width:2px 1px 1px 1px; border-style:solid; border-color:#636363 #ccc #ccc #ccc; color:#464646; font-size:12px; line-height:18px;}
.paywrap .choice {overflow:hidden; margin:15px 20px; padding-bottom:15px; border-bottom:1px dashed #b7b7b7; font-size:13px; font-family:ngbold;}
.paywrap .radbox {display:inline-block; float:right; text-align:right;}
.paywrap .paynotice {padding:15px 30px; background-color:#ebebeb; font-family:ngbold;}

.paywrap .payment {display:none; margin:20px 30px;}
.paywrap .payment.on {display:block;}
.paywrap .payment dt {font-size:13px; font-family:ngbold;}
.paywrap .payment dd {padding-left:5px; background:url(/html/images/course_list/txt_dot.png) no-repeat 0 50%;}


/*modalview*/
.ovh {overflow:hidden !important;}
.modalpop {overflow:hidden; position:absolute; top:50%; left:50%; z-index:101; background:#fff;}
.modalwrap {position:relative;}
.modalpop .prebox {position:absolute; top:25px; right:73px; font-size:0;}
.modalpop .prebox .btn_pop_next {margin-left:3px;}
.trplayer {position:fixed; right:0; top:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}
.trplayerw {overflow:auto; position:fixed; right:0; top:0; z-index:3; width:100%; height:100%;}
body.a-width .modalpop {left:0 !important; margin-left:0 !important;}
body.a-height .modalpop {top:0 !important; margin-top:0 !important;}

.modalwrap .couponwrap {width:460px; padding:25px 20px;}
.modalwrap .couponwrap .tabletop {margin:0; border-bottom:1px solid #898989; }
.modalwrap .couponwrap .tabletop .tit p {padding-left:10px; margin-bottom:10px; background:url(/html/images/course_list/tit_dot.png) no-repeat 0 50%;}
.modalwrap .couponwrap .desc {margin:15px 0 10px 0; color:#ff5252; font-size:14px; font-family:ngbold;}
.modalwrap .couponwrap .boardlist thead th,
.modalwrap .couponwrap .boardlist tbody td {border-bottom:#ccc 1px solid; color:#5e5e5e;}
.modalwrap .couponwrap .boardlist tbody td.ctg {text-align:left;}
.modalwrap .couponwrap .boardlist tbody td.sbj {overflow:hidden; padding-right:10px; text-overflow:ellipsis; text-align:left; white-space:nowrap;}