@charset "utf-8";

/*== 체크박스/라디오버튼 디자인 ==*/
input[type="radio"],input[type="checkbox"] {
  visibility: hidden;
  display:none;
}
label.radio {
	cursor: pointer;
  text-indent: 25px;
  overflow: visible;
  display: inline-block;
  position: relative;
  font-size:13px;
  height: 17px;
  line-height: 16px;
}

label.radio:before {
  background: #fff;
  border:1px solid #d7d7d7;
  content:'';
  position: absolute;
  top:0px;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  box-sizing:border-box;
}

label.radio:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	top: 5px;
	left: 5px;
	background: #54c0e1;
	border-radius:50%;
}

input[type="radio"]:checked + label:after {
	opacity: 1;
}


label.check {
	cursor: pointer;
  text-indent: 25px;
  overflow: visible;
  display: inline-block;
  position: relative;
  color:#777;
  font-size:13px;
  height:17px;
  line-height: 16px;

  vertical-align:middle;
}

label.check:before {
  background: #f7f7f7;
  border:1px solid #d7d7d7;
  content:'';
  position: absolute;
  top:0px;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  box-sizing:border-box;
}

label.check:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 0.5em;
	height: 0.25em;
	background: transparent;
	top: 4.5px;
	left: 4.5px;
	border: 3px solid #54c0e1;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type="checkbox"]:checked + label:after {
	opacity: 1;
}


/*공통*/
input[type="text"], input[type="password"],input[type="number"], textarea{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border:1px solid #d7d7d7;
				}
input[type="text"]{height:37px; line-height:35px;border-radius:0px;}
 textarea, input{box-sizing:border-box;}
input[type="button"]{
-webkit-appearance:  none;
-moz-appearance: none;
appearance: none;
}

input[type="text"]::-ms-clear {
display:none;
}
textarea{resize:none;}
.mypage-srchFilter .datePick input::-webkit-search-cancel-button {   /* select all "X" buttons in search inputs */
   appearance: none;
}


select::-ms-expand {display: none;background:#fff url('/images/icon_select_arrow.png') no-repeat 100% 50%;  /* 화살표 모양의 이미지 */

background-size:19px; text-indent: 1px;
    text-overflow: '';}
select::-ms-expand{display:none; padding:0 0px 0 10px\9;}

select{
padding:0 22px 0 10px;overflow: hidden !important;
 -webkit-border-radius: 0;
  /* 네이티브 외형 감추기 */
-webkit-appearance:  none;
-moz-appearance: none;
appearance: none;
background:#fff url('/images/icon_select_arrow.png') no-repeat 100% 50%;  /* 화살표 모양의 이미지 */
background-size:19px;
border:1px solid #d7d7d7;
height: 37px;
padding-left: 10px; color:#777; vertical-align:middle; font-size:13px;}
select{
 padding:0 0px 0 10px\9;
}

/*
table {
	border-collapse: collapse;
	border-spacing: 0;
    min-width: 100%; 
    max-width: none; 
    width: auto;
	empty-cells: show;
}
*/

/* button 1 */

.a_button {margin-top: 30px;}

ul.a_button {}
ul.a_button li {display: inline-block; padding-left: 20px; background: url(../temp_sample/img/add/icnUlbuttonLine.png) 10px center no-repeat; vertical-align: top;}
ul.a_button li:first-child {padding-left: 0 !important; background: none !important;}
ul.a_button li a {line-height: 26px; font-size: 15px; color: #333;}
ul.a_button li * {margin: 0;}

.a_btn {padding: 0 20px; min-width: 49px; line-height: 39px; font-size: 18px; color: #fff; font-weight: 400; background-color: #666; border: 2px solid #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;display: inline-block; text-decoration: none; vertical-align: top;}
/*.a_btn.color {background-color: #f26806; border-color: #f26806;}*/
.a_btn.color {background-color: #0841A8; border-color: #0841A8;}

.a_btn + .a_btn {margin-left: 3px;}

.a_btn:hover {color: #666; background-color: #fff !important;}
/*.a_btn.color:hover {color: #f26806;}*/
.a_btn.color:hover {color: #0841A8;}



/*.교재 판매몰 구매목록 리스트버튼*/
.a_btn2 {padding: 0 20px; min-width: 49px; line-height: 39px; font-size: 18px; color: #fff; border: 2px solid #666; border-radius: 3px; text-align: center;display: inline-block; vertical-align: top;}
.a_btn2.color2 {background-color: #ff7300; border-color: #ff7300;}
.a_btn_border2 {padding: 0 20px; min-width: 49px; line-height: 39px; font-size: 18px; font-weight: 400; border: 2px solid #ff7300; border-radius: 3px; text-align: center;display: inline-block; background-color: #fff !important; color: #5c2101;}
.a_btn2:hover {color: #666; background-color: #fff !important;}
.a_btn2.color:hover {color: #0841A8;}

.a_btn.L {min-width:200px;}
.a_btn.thin {line-height: 30px; font-size: 15px;}
/* added by Camsmon 2017-07-06 */
.a_btn_border {padding: 0 20px; min-width: 49px; line-height: 39px; font-size: 18px; color: #fff; font-weight: 400; background-color: #666; border: 2px solid #0841a8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;display: inline-block; text-decoration: none; vertical-align: top; color: #666; background-color: #fff !important; color: #0841A8;}
.a_btn_border.L {min-width:200px;}

.a_btn.join {width: 109px; line-height: 46px; background-color: #f26806; border-color: #f26806;}
.a_btn.join:hover {color: #f26806;}

.a_btn.login {width: 101px; line-height: 92px; background-color: #0841a8; border-color: #0841a8;}
.a_btn.login:hover {color: #0841a8; }

.a_btn.chk {margin: 0; width: 534px; line-height: 46px; background-color: #e1393d; border-color: #e1393d;}
.a_btn.chk + .a_btn.chk {margin-top: 5px;}
.a_btn.chk:hover {color: #e1393d;}

.a_btn.detail {padding: 0 5px; min-width: 0; width: 52px; line-height: 21px; font-size: 14px; background-color: #99ccec; border-color: #99ccec;}
.a_btn.detail:hover {color: #99ccec;}


.b_btn {margin-right: 10px; padding: 0 0 0 44px; min-width: 49px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: left;display: inline-block; text-decoration: none; vertical-align: top;}
.b_btn span {display: block; padding: 0 15px; width: 175px; line-height: 45px; font-size: 16px; font-weight: bold; background-color: #fff;}

.b_btn.naver {background: #00cf00 url(/images/icnNaver.png) 13px center no-repeat; border: 1px solid #00cf00;}
.b_btn.naver span {color: #22b805;}

.b_btn.google {background: #eb4f4d url(../temp_sample/img/add/icnGoogle.png) 13px center no-repeat; border: 1px solid #eb4f4d;}
.b_btn.google span {color: #eb4f4d;}


.sample_btn {width: 27px; height: 26px; text-indent: -9999px; background: url(/images/vod/btnPlay.png) center center no-repeat; text-align: left;display: inline-block; text-decoration: none; vertical-align: top;}



/* button 2 */

.roundBtn{border-radius:50px;display:inline-block;text-align:center;transition: all 0.3s ease 0s; height:43px; line-height:41px; cursor:pointer;}
.roundBtn:hover {
  background: #54c0e1;
  color: #fff;
  text-decoration: none;
}
.whiteBtn.roundBtn:hover {
border:1px solid #231815;
color:#fff !important;
background:#231815;
}
.w172{width:172px;}
.blueBtn{background:#061f5c; box-sizing:border-box; color:#fff; }
.tonedownBtn{background:#387AF5; box-sizing:border-box; color:#fff; }
.whiteBtn{background:transparent; border:1px solid #231815; box-sizing:border-box;}
.grayBtn{background:#f3f3f3; box-sizing:border-box;}
.skyBtn{background:#54c0e1; box-sizing:border-box; color:#fff; }


/* 테이블 type01 */
.table_type01{width:100%; max-width:1140px; }
.table_type01 thead th{font-size:14px;text-align:center; color:#4e4e4e;border-top:2px solid #868686; border-bottom:1px solid #dddddd;padding:12px 0px; font-weight:500; background-color:#F5F5F5;}
.table_type01 tbody td{font-size:14px;text-align:center; color:#4e4e4e; border-bottom:1px solid #dddddd;padding:12px 10px;}
.table_type01 tbody td.title{text-align:left; }
.table_type01 tbody td.title a{color:#4e4e4e; text-decoration:none;}
.table_type01 tbody td span{color:#4e4e4e}
.table_type01 tbody td span.label{display:none;}
.table_type01 tbody td span.blue{color:#269cd3;}

.no-data{text-align:center;}/*리스트에 데이터가 없을때*/
.no-data td{text-align:center; padding:50px 0 !important}

/* 커뮤니티 게시판 데이타 합치기 added by Oak*/
.table_type01.board tbody td.all1,
.table_type01.board tbody td.all2{display:none;}

/* 게시판 검색창 */
.board-search {*zoom:1; margin:0 auto 10px;}
.board-search:after {content:" "; display:block; clear:both;}
.board-search .total-page {float:left; margin-top:10px; font-size:14px; line-height:20px; color:#555;}
.board-search .search {float:right;}
.board-search .select {width:70px; margin-bottom:4px;}
.board-search .input {width:200px;padding-left:5px; margin-bottom:4px;}
.board-search .btn-pack {height:37px; padding:0 17px;line-height:33px;font-size:15px;color:#fff;background:#555; border:1px solid #555;}

/* 게시판 아래 공지사항 */
p.under-noti{font-size:13px; color:#777;margin-bottom:5px; text-align:left;}
p.under-noti span{color:#DD4F43; font-weight:600;}

/*********/
.tbl_type04 {width:100%; border-top:1px solid #464646; }
.tbl_type04 th {padding: 10px 0 11px 0; margin: 0; font-size:1.0em; font-weight:500; color:#464646; border-bottom:1px solid #d6d6d6;  text-align:center; background-color:#efefef;}
.tbl_type04 th a {font-size:13px; font-weight:bold; color:#464646;}
.tbl_type04 th a img {vertical-align:middle;}
.tbl_type04 td {padding: 12px 0 11px 0; vertical-align:middle; border-bottom:1px solid #d6d6d6; text-align:center; font-size:13px; line-height:19px; color:#464646;}
.tbl_type04 tr:hover {background-color:#fff; }
.tbl_type04 tr:hover.payment {background:none; } /* 20130927 */
.tbl_type04 td a, .tbl_type04 td a:hover, .tbl_type04 td strong a:focus, .tbl_type04 td strong a:active {font-size:13px; color:#464646; }
.tbl_type04 td a:visited { text-decoration:none; }
.tbl_type04 td img.videopic_free {vertical-align:middle; border:1px solid #e6e6e6;} /* 20130830 */


/**********/
.study_progress h4{margin-left:15px}
.study_progress .info{display:block;color:#a8a8a8;padding:0 0 25px 15px;line-height:150%}
.study_progress .tab_class{*zoom:1;border-bottom:0px solid #5f808b;height:25px;line-height:25px;}
.study_progress .tab_class li{float:left;margin:1px}
.study_progress .tab_class li a{display:block;height:25px;line-height:25px;background:#c2c2c2;color:#fff;padding:0 15px;font-weight:bold}
.study_progress .tab_class li a:hover{background:#5f808b}
.study_progress .tab_class li a:focus{background:#5f808b}
.study_progress .tab_class li a.on{background:#5f808b}
.study_progress .tab_class:after{clear:both;display:block;content:'';}
.study_progress .table_list table{width:100%;border-collapse:collapse;}
.study_progress .table_list table th{padding:10px 0;background:#eee;color:#8c8b8a}
.study_progress .table_list table td{border-bottom:1px solid #ddd;padding:10px 0 8px 0;text-align:center;color:#7d7571}
.study_progress .table_list table td.left{padding:10px 0 8px 12px;text-align:left}
.study_progress .table_list table td span{color:#df0909}
.study_progress .table_list table td .progress_bar{display:block;float:left;width:280px;height:16px;background:#f1f5f5;position:relative}
.study_progress .table_list table td .progress_bar span{display:block;background:#c0d5df;position:absolute;left:0;top:0;height:100%}

.simple_list dl{padding-bottom:20px}
.simple_list dl dt{font-size:14px;color:#000;font-weight:bold;border-bottom:2px solid #d10000;padding:0 0 5px 10px}
.simple_list dl dt .num{display:inline-block;background:#000;width:20px;height:20px;line-height:20px;text-align:center;color:#fff}
.simple_list dl dt strong{color:#ec0f0f}
.simple_list dl dd{border-bottom:1px solid #939393;padding:5px 10px;font-weight:bold;}
.simple_list dl dd label{height:20px;line-height:20px;}
.simple_list dl dd label strong{color:blue}
.simple_list dl dd label strong.price{color:#d50b21}

/* classStop */
.classStop_area_in .cont{background:#fff;margin:0 40px 0 40px;padding:0 30px 30px 30px}
.classStop_area_in .cont .tit2{float:right;padding:10px 10px 0 700px}
.classStop_area_in .cont .tit{text-align:center;padding:20px 0 25px 0}
.classStop_area_in .cont h4{background:url(/img/ico_arrow02.png) no-repeat 17px 6px;padding:8px 0 8px 40px;border-top:1px solid #e36322;border-bottom:1px solid #e36322;margin-bottom:20px;width:670px;margin:0 auto;}
.classStop_area_in .cont .table_view{width:600px;margin:0 auto;padding:20px 0}
.classStop_area_in .cont .table_view table{width:100%;border-collapse:collapse;}
.classStop_area_in .cont .table_view table th{padding:10px 0;text-align:left;border-bottom:1px solid #eee;line-height:150%;vertical-align:top;letter-spacing:-1px}
.classStop_area_in .cont .table_view table th label{background:#eee;color:#8c8b8a;width:90px;display:block;height:26px;line-height:26px;text-align:center;}
.classStop_area_in .cont .table_view table th span{background:#eee;color:#8c8b8a;width:90px;display:block;height:26px;line-height:26px;text-align:center;}
.classStop_area_in .cont .table_view table td{padding:10px 0;border-bottom:1px solid #eee;line-height:150%;letter-spacing:-1px;color:#939393}
.classStop_area_in .cont .table_view table td .str{font-weight:bold;color:#333}
.classStop_area_in .cont .table_view table td input[type="text"]{height:24px;line-height:24px;border:1px solid #cdd7df;padding-left:11px}
.classStop_area_in .cont .table_view table td input[type="password"]{height:24px;line-height:24px;border:1px solid #cdd7df;padding-left:11px}
.classStop_area_in .cont .table_view table td textarea{width:80%;height:200px;background:#efefef;oveflow-y:scroll;border:1px solid #cdd7df;padding:11px}
.classStop_area_in .cont .table_view table td > div{overflow:hidden;vertical-align:top;}
.classStop_area_in .cont .table_view table td > div > select{float:left;height:20px;line-height:20px;margin-right:10px}
.classStop_area_in .cont .table_view table td > div > a{float:left}
.classStop_area_in .cont .table_view table td p{padding:5px 0}
.classStop_area_in .cont .table_view table td .info{text-indent:17px;background:url(/img/ico_point2.gif) no-repeat left 7px;margin-top:20px;color:#997a6a;}
.classStop_area_in .cont .table_view table tr.last th{border-bottom:0}
.classStop_area_in .cont .table_view table tr.last td{border-bottom:0}
.classStop_area_in .btn_request{text-align:center;padding:50px 0 80px 0}
.classStop_area_in  .cont .class_wrap{display:block;padding:3px 0}
.classStop_area_in .cont .table_view .table_list7{position:relative}
.classStop_area_in .cont .table_view .table_list7 table{width:428px;border-collapse:collapse;}
.classStop_area_in .cont .table_view .table_list7 table th{border:1px solid #c3d78f;background:#f6f9ee;color:#8c8b8a;text-align:center;}
.classStop_area_in .cont .table_view .table_list7 table td{border:1px solid #c3d78f;color:#939393;font-weight:bold;text-align:center;letter-spacing:0}
.classStop_area_in .cont .table_view .table_list7 table td.endday{color:#e36322}
.classStop_area_in .cont .table_view .table_list7 .txt{color:#9eb75e}
.classStop_area_in .cont .table_view .table_list7 .txt2{color:#50aac0;width:428px;text-align:center;padding:30px 0 0 0}
.classStop_area_in .cont .table_view .table_list7 .ico{position:absolute;left:201px;top:46px;}


/* 교재 판매몰 리스트 테이블 */
table.a_basic_c {width:100%; border-top: 1px solid #000; border-bottom: 1px solid #d8d8d8;}
table.a_basic_c tbody td { padding:10px 20px; color:#555; text-align:left; background:#fff; border-bottom:1px solid #d8d8d8; }
table.a_basic_c .tes{ vertical-align:top; width:5%}
table.a_basic_c .tes02{vertical-align:top; width:10%;}
table.a_basic_c .tes03{ width:70%;}
table.a_basic_c .tes04{ width:15%;}
table.a_basic_c .subject,
table.a_basic_c .subject a {line-height: 1.2em; font-size: 23px; color: #000; font-weight: 800;}
table.a_basic_c .subject a:hover {text-decoration: underline;}
table.a_basic_c .desc {margin-top: 2px; font-size: 13px; color: #777;}
table.a_basic_c .desc02 {margin-top: 10px; padding-left:55px; padding-bottom:5px; background-image:url(/ssCart/img/icon1.jpg); background-repeat:no-repeat; font-size: 17px; color: #000; font-weight: 700;}
table.a_basic_c .info {margin-top: 5px; font-size: 12px; color: #666;}
table.a_basic_c .info em.color {color: #f56505;}

table.b_basic {margin-top: 30px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center;}
table.b_basic thead {}
table.b_basic tbody {}
table.b_basic tr {}
table.b_basic tr th {padding: 25px 0; background-color: #f7f7f7; border-bottom: 1px solid #d8d8d8;}
table.b_basic tr td {padding: 25px 0; border-top: 1px solid #d8d8d8;}
table.b_basic tr:first-child td {border-top: 0;}

table.b_basic tr th > div {padding: 0 20px; font-size: 18px; color: #333d49; font-weight: 500;}
table.b_basic tr td > div {padding: 0 20px; font-size: 16px; color: #666; font-weight: 400;}
table.b_basic tr td > div em {font-weight: bold;}

/* new 교재 판매몰 리스트 테이블 반응*/
@media all and (max-width:767px) {

	table.a_basic_c {width:100%; border-top: 1px solid #000; border-bottom: 1px solid #d8d8d8;}
	table.a_basic_c tbody td {padding:10px 5px 10px 0; color:#555; text-align:left; background:#fff; border-bottom:1px solid #d8d8d8; }
	table.a_basic_c .tes{display:none; vertical-align:top;}
	table.a_basic_c .tes02{ vertical-align:top;}
	table.a_basic_c .subject,
	table.a_basic_c .subject a {line-height: 1.2em; font-size:15px; color: #000; font-weight: 800;}
	table.a_basic_c .subject a:hover {text-decoration: underline;}
	table.a_basic_c .desc {margin-top:2px; font-size:12px; color:#777;}
	table.a_basic_c .desc02 {margin-top: 10px; padding-left:55px; padding-bottom:5px; background-image:url(/ssCart/img/icon1.jpg); background-repeat:no-repeat; font-size:14px; color: #000; font-weight: 700;}
	table.a_basic_c .info {margin-top: 5px; font-size: 12px; color: #666;}
	table.a_basic_c .info em.color {color: #f56505;}
	
	table.a_basic_c .tes04 {text-align:right; padding-right:0;}
	
	table.b_basic {margin-top: 30px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center;}
	table.b_basic thead {}
	table.b_basic tbody {}
	table.b_basic tr {}
	table.b_basic tr th {padding: 25px 0; background-color: #f7f7f7; border-bottom: 1px solid #d8d8d8;}
	table.b_basic tr td {padding: 25px 0; border-top: 1px solid #d8d8d8;}
	table.b_basic tr:first-child td {border-top: 0;}
	
	table.b_basic tr th > div {padding: 0 20px; font-size: 18px; color: #333d49; font-weight: 500;}
	table.b_basic tr td > div {padding: 0 20px; font-size: 16px; color: #666; font-weight: 400;}
	table.b_basic tr td > div em {font-weight: bold;}
	.buy-btn {display:none;}
}

/* new 교재 판매몰 상세보기 테이블 반응*/
.book_detail_wrap { position:relative; width:100%; margin-bottom:30px; padding:0px; border:2px dotted #C6C6C6; overflow:hidden; }/* 20130807 */
.book_detail_wrap:after { content:""; display:block; clear:both; }
.book_detail_wrap .model_pt { display:inline-block; width:350px;  text-align:center; padding:45px 0; margin:0; }
.book_detail_wrap .model_ex { display:inline-block; width:400px; padding:50px 20px; border-left:1px solid #e0e0e0;}
.book_detail_wrap .model_ex .tit_teacher {margin:0 0 6px; font-size:14px; color:#464646;font-weight:bold; }
.book_detail_wrap .model_ex .tit_teacher .btn_bl {margin:0 14px 0 4px;}
.book_detail_wrap .model_ex dl {overflow:hidden; width:370px; border-bottom:1px solid #ececec;}
.book_detail_wrap .model_ex dt {float:left; width:108px; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
.book_detail_wrap .model_ex dd {float:left; padding:7px 0; font-size:13px; color:#464646; }
.book_detail_wrap .model_ex dd a {font-size:14px; color:#4b89c9; }
.book_detail_wrap .model_ex dd a:hover, .model_ex dd a:visited {font-size:14px; color:#4b89c9;}
.book_detail_wrap .model_ex .total { clear:both; margin:20px 0 0 -10px;}


/* 모바일 가로, 모바일 세로 (해상도 0px ~ 768px)*/ 
@media all and (min-width:0px) and (max-width:1007px) { 
	.book_detail_wrap { position:relative; width:100%; margin-bottom:30px; padding:0px; border:2px dotted #C6C6C6; overflow:hidden; }/* 20130807 */
	.book_detail_wrap:after { content:""; display:block; clear:both; }
	.book_detail_wrap .model_pt { width:100%;  text-align:center; padding:45px 0; margin:0;}
	.book_detail_wrap .model_pt img { border:1px solid lightgrey;}
	.book_detail_wrap .model_ex { width:100%; padding:50px 20px; border-top:1px solid #e0e0e0; text-align:center;}
	.book_detail_wrap .model_ex .tit_teacher {margin:0 0 6px; font-size:14px; color:#464646;font-weight:bold; }
	.book_detail_wrap .model_ex .tit_teacher .btn_bl {margin:0 14px 0 4px;}
	.book_detail_wrap .model_ex dl {overflow:hidden; width:370px; border-bottom:1px solid #ececec;}
	.book_detail_wrap .model_ex dt {float:left; width:108px; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
	.book_detail_wrap .model_ex dd {float:left; padding:7px 0; font-size:13px; color:#464646; }
	.book_detail_wrap .model_ex dd a {font-size:14px; color:#4b89c9; }
	.book_detail_wrap .model_ex dd a:hover, .model_ex dd a:visited {font-size:14px; color:#4b89c9;}
	.book_detail_wrap .model_ex .total { clear:both; margin:20px 0 0 -10px;}

}



.bookdetail_container {
    border: 0px solid #fff;
    padding: 20px;
}

.bookdetail_container .leftBox {
    width: 40%;
    float: left;
    padding-top: 20px;
    border: 0px solid red;
}
.bookdetail_container .rightBox {
    width: 60%;
    padding-top: 20px;
    border: 0px solid red;
}
.bookdetail_container .rightBox .tit_teacher {margin:0 0 6px; font-size:14px; color:#464646;font-weight:bold; }
.bookdetail_container .rightBox .tit_teacher .btn_bl {margin:0 14px 0 4px;}
.bookdetail_container .rightBox dt {float:left; width:108px; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
.bookdetail_container .rightBox dd {float:left; padding:7px 0; font-size:13px; color:#464646; }

@media all and (min-width:0px) and (max-width:1007px) { 
	.bookdetail_container .leftBox {
	    width: 100%;
	    float: left;
	    padding-top: 0;
	    border: 0px solid red;
	}
	.bookdetail_container .rightBox {
	    width: 100%;
	    float: left;
	    padding-top: 20px;
	    border: 0px solid red;

	}
	
	.bookdetail_container .rightBox .tit_teacher {margin:0 0 6px; font-size:14px; color:#464646;font-weight:bold; }
	.bookdetail_container .rightBox .tit_teacher .btn_bl {margin:0 14px 0 4px;}
	.bookdetail_container .rightBox dt {float:left; width:108px; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
	.bookdetail_container .rightBox dd {float:left; padding:7px 0; font-size:13px; color:#464646; }
	
	.bookdetail_container .rightBox dt {float:left; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
	.bookdetail_container .rightBox dd {float:left; padding:7px 0; font-size:13px; color:#464646; }	
}


/* 아이디/비번찾기 */
.findID_area{width:100%; max-width:1140px;margin:0 auto;padding-bottom:30px; }
.findID_form{background:#f2f2f2;border:1px solid #d5d5d5;padding:15px 15px 10px 15px;margin:0 15px 0 15px;font-size:13px;letter-spacing:-1px}
.findID_form p{margin-bottom:7px}
.findID_form p.center{text-align:center;}
.findID_form p.center .red{color:#d50101}
.findID_form p.center input[type="radio"]{width:20px;height:20px;vertical-align:top;font-size:14px}
.findID_form p.center label{display:inline-block;height:20px;line-height:20px;vertical-align:top}
.findID_form p.input{overflow:hidden}
.findID_form p.input label{display:block;float:left;height:30px;line-height:30px;width:20%;}
.findID_form p.input input[type="text"]{border:1px solid #c0c0c0;height:25px;line-height:20px;padding-left:10px;float:left;margin-right:5px;font-size:15px}
.findID_form p.input input[type="number"]{border:1px solid #c0c0c0;height:25px;line-height:20px;padding-left:10px;float:left;margin-right:5px;font-size:15px}
.findID_form p.input input[type="password"]{border:1px solid #c0c0c0;height:20px;line-height:20px;padding-left:10px;float:left;margin-right:5px;font-size:15px;padding-top:5px}
.findID_form p.input input[type="checkbox"]{float:left;line-height:30px;height:30px;margin-right:5px;font-size:12px}
.findID_form p.input input[type="radio"]{float:left;line-height:30px;height:30px;margin-right:5px}
.findID_form p.input select{float:left;height:28px;padding:0;margin:0 5px 0 0;color:#666;font-size:11px}
.findID_form p.input span{float:left;height:30px;line-height:30px;margin-right:5px}
.findID_form p.input .idCheck{height:32px;line-height:30px;background:#a9a9a9;color:#fff;display:inline-block;text-align:center;}
.findID_form p.info{padding-left:20%}

/* 아이디/비번찾기 아이콘 및 버튼 */
.subtit2{background:url(/images/tit_bullet.jpg) no-repeat 20px 20px;padding:20px 0 10px 40px;font-size:14px;font-weight:bold;color:#000}
.subtit2 .red{color:#ec0f0f}
.confirm3{background:#9b9b9b;color:#fff;font-weight:bold;text-align:center;display:block;padding:10px 0;margin:15px;border-radius:5px;font-size:14px}

.findID{margin:30px 15px;text-align:center;overflow:hidden}
.findID li{float:left;width:50%;}
.findID li a{padding:10px 0;display:block;color:#fff;font-weight:bold}
.findID li a.join{background:#14456F;margin:0 5px 0 0;border-radius:5px}
.findID li a.find{background:#97ccca;margin:0 0 0 5px;border-radius:5px}




/* 포인트 충전 */
.sub_discount {position:relative; right:0;}
.sub_package01 {border:1px solid #9ED3E5; position:relative; width:100%;}
.sub_package01_title {font-size: 34px; font-weight:600; text-align: center; padding: 20px 0px 20px 0px; color:#FFF; background-color:#9ED3E5;}
.sub_package01_txt {font-size: 18px; font-weight:400; text-align: center; padding: 25px 0px 10px 0px; color:#333;}
.sub_package01_txt2 {font-size: 18px; font-weight:400; padding: 10px 0px; color:#333; line-height:45px;}
.sub_package01_red {font-size: 28px; font-weight:600; color:#ff0000;}
.sub_package01_blue {font-size: 24px; font-weight:400; color:#9ED3E5;}

/*  */
.btn_style3{background:#14456F;width:80px;display:inline-block;height:30px;line-height:30px;color:#fff;font-weight:bold;text-align:center;}
.btn_style1{background:#b1b1b1;width:60px;display:inline-block;height:30px;line-height:30px;color:#fff;font-weight:bold;text-align:center;}
.btn_view{background:#6A86FE;width:65px;display:inline-block;height:26px;line-height:26px;color:#fff;font-size:11px;font-weight:bold;text-align:center;text-decoration:none;}
.btn_view_blr{background:#A8BDFA;width:65px;display:inline-block;height:26px;line-height:26px;color:#fff;font-size:11px;font-weight:bold;text-align:center;text-decoration:none;}

.btn_view_long{background:#6A86FE;width:120px;display:inline-block;height:26px;line-height:26px;color:#fff;font-size:11px;font-weight:bold;text-align:center;text-decoration:none;}
.btn_view_big{background:#6A86FE;width:150px;display:inline-block;height:30px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;}
.btn_view_big_s{background:#6A86FE;width:100px;display:inline-block;height:30px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;text-align:center;}
.btn_view_big_s_blr{background:#dddddd;width:100px;display:inline-block;height:30px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;text-align:center;}



@media all and (max-width:767px) {
/*==  Responsive  ==*/
.pcVer{display:none;}/*pc버전에서 안보이게 하기*/
.pc-tabletVer{display:none;}/*pc에서 테블릿버전에서만 보이게 하기*/
.tabletVer{display:block;}/*모바일-테블릿버전에서만 보이게 하기*/
.mobileVer{display:block;}/*모바일-테블릿버전에서만 보이게 하기*/
input[type="text"], input[type="password"], textarea{font-size:12px;}
#wrapper .containerWrap{padding-top:0px;}
select{font-size:12px;}
body{
/*모바일에서 단어별로 줄바꿈*/
-ms-word-break: keep-all;
word-break: keep-all;
/* Non standard for webkit */
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
/*==  Header  ==*/

/* 테이블 type01 */
.table_type01{border-top:2px solid #868686;}
.table_type01 thead{display:none;}
.table_type01 tbody tr{/*border-bottom:1px solid #dddddd;*/}
.table_type01 tbody td span{color:#4e4e4e}

/* 커뮤니티 게시판 */
.table_type01.board tbody td.title{text-align:left;}
.table_type01.board tbody td.title a{color:#4e4e4e;}
.table_type01.board tbody td {width:100%\9;float:left\9;}/*ie9에서 width값 적용안되는 부분*/
.table_type01.board tbody td{display:block;width:100%; padding:0;text-align:left;}
/*.table_type01.board tbody td.cate{padding-top:10px;margin-bottom:5px;}*/
/*.table_type01.board tbody td.cate:before{content:'['; display:inline-block;margin-right:3px;}*/
/*.table_type01.board tbody td.cate:after{content:']'; display:inline-block;margin-left:3px;}*/
.table_type01.board tbody td.num{font-size:11px;margin-bottom:5px;}
.table_type01.board tbody td.title{margin-bottom:5px;}
.table_type01.board tbody td.state{border-top:1px dashed #dedede;padding: 5px 0;margin-top: 5px;}
.table_type01.board tbody td.state span{width:50%;text-align:right;display:inline-block; font-size:11px;}
.table_type01.board tbody td span.label{display:inline-block;text-align:left;}
/* added by Oak */
.table_type01.board tbody td.num,
.table_type01.board tbody td.title,
.table_type01.board tbody td.name,
.table_type01.board tbody td.date,
.table_type01.board tbody td.hits{display:none;}
.table_type01.board tbody td.all1{display:block; font-size:15px; font-weight:600; padding-top:5px; border:0;}
.table_type01.board tbody td.all1 a{text-decoration:none;}
 
.table_type01.board tbody td.all2{display:block; font-size:11px;color:#A1A1A1;}
.table_type01.board tbody td.all2 a{text-decoration:none;color:#A1A1A1;}
.table_type01.board tbody td.all2.txt{color:#A1A1A1;}


/* 나의 강의실 각종 신청 */
.table_type01.record01 tbody td.media {width:100%\9;float:left\9;}/*ie9에서 width값 적용안되는 부분*/
.table_type01.record01 tbody td.media {display:block;width:100%;border-bottom:0; padding:0;text-align:left;}
.table_type01.record01 tbody td.media.date, .table_type01.record01 tbody td.media.cnt {color:#A1A1A1; font-size:11px;}
.table_type01.record01 tbody td.media.cnt {border-bottom: 1px solid #dddddd; padding-bottom:5px;}
.table_type01.record01 tbody td.media.date:before {content:'[연기일]'; display:inline-block;margin-right:3px;}
.table_type01.record01 tbody td.media.cnt:before {content:'[잔여횟수]'; display:inline-block;margin-right:3px;}

}