/*****************************
제목 : 종로편입학원 학원안내 CSS

작성일 : 2012.04.04
*****************************/


body {margin:0; padding:0;}


.online_wrap h3 {margin: 30px 0 20px;}
.online_wrap .box { float: left; margin: 13px 0 0;padding:30px 0; width: 100%; border:none;}
.online_wrap .linebox {border: 5px solid #F3F3F3; float: left;margin: 13px 0 0;padding:30px 0;width: 770px;}



.online_wrap {}


/* 종로편입교재 편입영어 리스트 */
.booklist {width:100%}
.obtmline{border-bottom:1px solid #eaeaea; line-height:18px;  margin:0 30px;  display:inline-block; width:670px ; padding:30px  20px}
.obtmline div {display:inline-block; float:right; width:550px}
.bfirst {border-top:1px solid #eaeaea;}
.booktit {font-size:16px; font-weight:bold; color:#454545;}
.booktit img {padding:0 0 5px 10px}
.obtmline span img{float:left; padding:2px; border:1px solid #d8d8d8;}
.obtmline ul {float:left}
.obtmline dl {width:110px; height:51px;background:url(https://cdn.hackersut.com/www/images/online/bg_sale.gif) no-repeat; float:right; padding: 5px 20px;}
.obtmline dl dt {float:left; font-weight:bold;}
/*.obtmline dl dt span.space {float:left; font-weight:bold; letter-spacing:10pt}*/
.obtmline dl dt span.space {float:left; font-weight:bold; padding-right:13px}
.obtmline dl dd {padding-top:-2px;}
.obtmline ol {float:left; width:454px; height:auto; background:url(https://cdn.hackersut.com/www/images/online/bullet_scircle.gif) no-repeat 10px 14px; padding:10px;  background-color:#fafafa; margin-top:3px}
.onlinebtn {margin:18px 0 0 12px;}
.obtmline dl dd.line {background: url("https://cdn.hackersut.com/www/images/online/bg_saleline.gif") no-repeat scroll 52px 8px;position: relative;}
.ptac{padding:10px 0 0 35px !important;}


/* 종로편입교재 편입영어 자세히보기 */
.bullet_c {margin-left:18px; width:528px !important}
.bullet_c li {width:100%;padding-left:10px;background:url(https://cdn.hackersut.com/www/images/online/bullet_scircle.gif) no-repeat 0 5px; background-color:#fafafa;}

.btn_both{overflow:hidden;clear:both;width:100%; margin-top:5px}
.btn_both .fl{float:left}
.btn_both .fr{float:right}

.onlinecont {margin:0 30px; line-height:18px}
.onlinecont h3 {padding-left:15px;background:url(https://cdn.hackersut.com/www/images/bullet/bullet_circle.gif) no-repeat 0 2px;}
.onlinecont p {padding-left:14px; margin-bottom:30px}

.tbl_online {width: 698px;border-top: 1px solid #848db8;border-left: 1px solid #d1d4e0;margin-left:12px}
.tbl_online th {color: #363636;height: 33px; border-bottom:1px solid #d1d4e0;border-right:1px solid #d1d4e0;  background-color:#f0f1f5; }
.tbl_online td {color: #636363;font-size: 11px;padding: 8px 11px;text-align:left; border-bottom:1px solid #d1d4e0; border-right:1px solid #d1d4e0;}



/* 교재구매 내역 */
.online_wrap input {height:17px}
.online_wrap select {padding:1px !important}
.online_wrap .order_list {margin: 16px 30px;}
.online_wrap .order_list h3 {position:relative; margin:0 0 17px;}
.online_wrap .order_list h3 a {position:absolute; top:-5px; right:0;}
.online_wrap .order_list table {width:709px; border-top:1px solid #9d9d9d;}
.online_wrap .order_list tr.bgpink {background:#fdf2f0;}
.online_wrap .order_list th,
.online_wrap .order_list td {border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
.online_wrap .order_list th {padding:15px 0 13px; color:#363636; background:#f9f9f9;}
.online_wrap .order_list th.last {border-right: medium none;}
.online_wrap .order_list td {padding:15px 0; font-size:11px; text-align:center;}
.online_wrap .order_list td.bname {text-align:left; padding-left:24px}
.online_wrap .order_list td.last {border-right:none;}
.online_wrap .order_list p.btn {position:relative; margin:10px 0;}
.online_wrap .order_list p.btn img {padding:0 5px 0 0;}
.online_wrap .order_list p.btn span {position:absolute; right:-5px;}
.online_wrap .order_list p.price {padding:15px 10px 14px 0; font-weight:bold; font-size:15px; color:#333; text-align:right; border-top:1px solid #dedede; border-bottom:1px solid #9d9d9d; background:#fdf2f0; margin-bottom:30px}

.online_wrap .student_info input.textlong {border: 1px solid #dedede;height: 17px;padding: 0 5px;width: 432px; margin-top:4px}
.cinfo {float:right; margin: 30px 0 20px;}
.online_wrap .membership_list p.tac img{padding: 0 2px;}



/* 온라인서점 이용안내 */
.onlineguide {margin:0 30px; line-height:24px}
.onlineguide h3 {font-size:15px;color:#c00; margin-bottom:12px !important}
.onlineguide h4 {}
.onlineguide  p {margin-bottom:10px}
.onlineguide ul {margin-bottom:30px}
p.guideaddr {background-color:#f8f8f8; text-align:center; padding:10px 0; font-weight:bold}




/* 온라인서점 문의게시판 탭메뉴 */

.online_wrap {}
.online_wrap .tab_menu{width:100%; background-color:#f9f9f9;display:inline-block; margin-bottom:10px;}
.online_wrap .tab_menu li{float:left; width:81px}

.online_wrap .tab_menu a{display:inline-block;height:30px; width:81px}
.online_wrap .tab_menu a span{display:none;}

.online_wrap .tab_menu a.menu01 {display:inline-block;height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat;}
.online_wrap .tab_menu a.menu01:hover, .online_wrap .tab_menu li.on a.menu01  {display:inline-block; height:30px;background-position:0 -30px;}

.online_wrap a.menu02 {display:inline-block;height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat; background-position:-81px 0;}
.online_wrap a.menu02:hover, .online_wrap .tab_menu li.on a.menu02{display:inline-block; height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat;background-position:-81px -30px;}

.online_wrap .tab_menu a.menu03 {display:inline-block;height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat;background-position:-162px 0;}
.online_wrap .tab_menu a.menu03:hover, .online_wrap .tab_menu li.on a.menu03{display:inline-block;  height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat;background-position:-162px -30px;}

.online_wrap .tab_menu a.menu04 {display:inline-block;height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat;background-position:-243px 0;}
.online_wrap .tab_menu a.menu04:hover, .online_wrap .tab_menu li.on a.menu04{display:inline-block;height:30px;background:url(https://cdn.hackersut.com/www/images/online/bg_tabonline.gif) no-repeat;background-position:-243px -30px;}