@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: #5291E6;
	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 #5291E6;
	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;font-size:1.4em;}
 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-family: 'Noto Sans KR'; font-size: 1.8rem; color: #fff; font-weight: 400; background-color: #8D8D8D; border: 2px solid #8D8D8D; -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: #272F82; border-color: #272F82;}

.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: #272F82;}

.a_btn2 {padding: 0 20px; min-width: 49px; line-height: 39px; font-family: 'Noto Sans KR'; font-size: 2.4rem; 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_btn2.color {background-color: #272F82; border-color: #272F82;}

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

.a_btn2:hover {color: #666; background-color: #fff !important;}
.a_btn2.color:hover {color: #272F82;}


/*.교재 판매몰 구매목록 리스트버튼*/
.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: #272F82; border-color: #272F82;}
.a_btn_border2 {padding: 0 20px; min-width: 49px; line-height: 39px; font-size: 18px; font-weight: 400; border: 2px solid #5291E6; 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: #272F82;}

.a_btn.L {width:180px;}
.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 #5291E6; -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: #5291E6;}
.a_btn_border.L {width:200px;}

@media all and (min-width:0px) and (max-width:767px) {
	.a_btn.L {width:150px; margin:2px 0;}
	.a_btn_border.L {width:150px; margin:2px 0;}
}

.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: #5291E6; border-color: #5291E6;}
.a_btn.login:hover {color: #5291E6; }

.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; color: #000;cursor:pointer;}
.roundBtn:hover {
  background: #eeee;
  color: #000;
  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:#efefef; box-sizing:border-box; color:#333; }
.whiteBtn{background:transparent; border:1px solid #231815; box-sizing:border-box;}
.grayBtn{background:#f3f3f3; box-sizing:border-box;}
.skyBtn{background:#5291E6; box-sizing:border-box; color:#fff; }


/* 테이블 type01 */
.table_type01{width:100%;}
.table_type01 thead th{font-size:17px;text-align:center; color:#333;border-bottom:1px solid #333;padding:12px 0px; font-weight:500;}
.table_type01 tbody td{font-size:14px;text-align:center; color:#333; 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:2px;}
.board-search .input {width:200px;padding-left:5px;}
.board-search .btn-pack {height:37px; padding:0 17px;line-height:33px;font-size:15px;color:#fff;background:#5291E6; border-radius:10px; cursor:pointer; border:0px;}

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

/*********/
.tbl_type04 {width:100%; margin-top:40px;}
.tbl_type04 th {padding: 10px 0 11px 0; margin: 0; font-size:17px; font-weight:500; color:#333; border-bottom:1px solid #333;  text-align:center;}
.tbl_type04 th a {font-size:13px; font-weight:bold; color:#333;}
.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:#333;}
.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 */

/* 게시판 글 입력창 */
.post_type01 { width:100%; }
.post_type01 th { width:20%; padding:7px 0; font-size:1.1em; font-weight:600; color:#222222; text-align:left; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; }
.post_type01 td { padding:7px 0; font-size:1.1em; font-weight:400; color:#555555; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; text-align:left;}    
.post_type01 td .fullInput{width:100%; padding-left:5px;}
.post_type01 td .name-input{width:50%; padding-left:5px;}
.post_type01 td .pass-input{width:25%; padding-left:5px; height:35px;}
.post_type01 td .mail1{width:25%; padding-left:5px;}
.post_type01 td .mail2{width:25%; padding-left:5px;}
.post_type01 td .mselec{width:20%; padding-left:5px;}
.post_type01 td .pselec{width:20%; padding-left:5px;}
.post_type01 td .phone{width:10%; padding-left:5px; height:35px;}
.post_type01 td .attach{width:50%; height:20px;}
.post_type01 td .tit{width:73%;}
.post_type01 td .mySpamChar{width:15%; padding-left:5px;}

/**********/
.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:#a8a8a8}
.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 .scont{background:#fff;margin:0 40px 0 40px;padding:0 30px 30px 30px;}
.classStop_area_in .scont .tit2{float:right;padding:10px 10px 0 700px;}
.classStop_area_in .scont .tit{text-align:center;padding:20px 0 25px 0}
.classStop_area_in .scont 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 .scont .table_view{width:100%;margin:0 auto;padding:20px 0;}
.classStop_area_in .scont .table_view table{width:100%; border-collapse:collapse;}
.classStop_area_in .scont .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 .scont .table_view table th label{background:#eee;color:#8c8b8a;width:90px;display:block;height:26px;line-height:26px;text-align:center;}
.classStop_area_in .scont .table_view table th span{background:#eee;color:#8c8b8a;width:90px;display:block;height:26px;line-height:26px;text-align:center;}
.classStop_area_in .scont .table_view table td{padding:10px 0;border-bottom:1px solid #eee;line-height:150%;letter-spacing:-1px;color:#939393}
.classStop_area_in .scont .table_view table td .str{font-weight:bold;color:#333}
.classStop_area_in .scont .table_view table td input[type="text"]{height:24px;line-height:24px;border:1px solid #cdd7df;padding-left:11px}
.classStop_area_in .scont .table_view table td input[type="password"]{height:24px;line-height:24px;border:1px solid #cdd7df;padding-left:11px}
.classStop_area_in .scont .table_view table td textarea{width:80%;height:200px;background:#efefef;oveflow-y:scroll;border:1px solid #cdd7df;padding:11px}
.classStop_area_in .scont .table_view table td > div{overflow:hidden;vertical-align:top;}
.classStop_area_in .scont .table_view table td > div > select{float:left;height:20px;line-height:20px;margin-right:10px}
.classStop_area_in .scont .table_view table td > div > a{float:left}
.classStop_area_in .scont .table_view table td p{padding:5px 0}
.classStop_area_in .scont .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 .scont .table_view table tr.last th{border-bottom:0}
.classStop_area_in .scont .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 .scont .table_view .table_list7{position:relative}
.classStop_area_in .scont .table_view .table_list7 table{width:428px;border-collapse:collapse;}
.classStop_area_in .scont .table_view .table_list7 table th{border:1px solid #c3d78f;background:#f6f9ee;color:#8c8b8a;text-align:center;}
.classStop_area_in .scont .table_view .table_list7 table td{border:1px solid #c3d78f;color:#939393;font-weight:bold;text-align:center;letter-spacing:0}
.classStop_area_in .scont .table_view .table_list7 table td.endday{color:#e36322}
.classStop_area_in .scont .table_view .table_list7 .txt{color:#9eb75e}
.classStop_area_in .scont .table_view .table_list7 .txt2{color:#50aac0;width:428px;text-align:center;padding:30px 0 0 0}
.classStop_area_in .scont .table_view .table_list7 .ico{position:absolute;left:201px;top:46px;}
.classStop_area_in .scont .table_view table td.suspend_text {background:#f8f8f8;padding:20px 0 20px 50px;color:#ab9e8f;border-bottom:0;letter-spacing:0}

/* /ssAccounts/suspend_suspend.php moblie*/
@media all and (max-width:767px) {

.classStop_area_in .scont{background:#fff;margin:0;padding:0 0 30px 0;}
.classStop_area_in .scont .tit2{float:right;padding:10px 10px 0 0px;}
.classStop_area_in .scont .table_view .table_list7 table{width:100%;border-collapse:collapse;}
.classStop_area_in .scont .table_view table td.suspend_text {background:#f8f8f8;padding:20px 20px;color:#ab9e8f;border-bottom:0;letter-spacing:0}
}

/* 아이디/비번찾기 */
.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 20px;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}


/* 교재 판매몰 리스트 테이블 */
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 .tes02 img{border:2px solid #D7D7D7;}
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: 20px; color: #333; font-weight: 500;}
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: 15px; color: #000; font-weight: 400; color:#FFB39F;}
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;}

.view-btn {padding:0.5em; min-width:49px; max-width:150px; font-size:1.125em; font-weight:400; border:2px solid #5291E6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; display:block; text-decoration:none; vertical-align:top; background-color:#fff !important; color:#5291E6;}

.view-btn-ov {padding:0.5em; margin-top:0.313em; min-width:49px; max-width:150px; font-size:1.125em; font-weight:400; border:2px solid #5291E6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; display:block; text-decoration:none; vertical-align:top; color:#fff; background-color:#5291E6; border-color:#5291E6;}
.view-btn-ov:hover {color: #666; background-color: #fff !important;}

/* 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 .tes02 img{border:2px solid #D7D7D7;}
	table.a_basic_c .subject,
	table.a_basic_c .subject a {line-height: 1.2em; font-size:15px; color:#333; font-weight: 500;}
	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-top:5px; height:30px;background-image:url(/ssCart/img/icon1.jpg); background-repeat:no-repeat; font-size:12px; color: #000; font-weight: 400; color:#FFB39F;}
	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 교재 판매몰 상세보기 테이블 반응*/
.item_detail { position:relative; width:100%; /*height:440px;*/ margin-bottom:30px; padding:0px; border:2px dotted #C6C6C6; overflow:hidden; }/* 20130807 */
.item_detail .model_pt { position:relative; float:left; width:30%; text-align:center; padding:45px 45px 45px 45px; border-right:1px solid #e0e0e0;}
.item_detail .model_pt img {border:2px solid #D7D7D7;}
.item_detail .model_ex { float:left; width:*; padding:50px 20px 50px 40px; }
.item_detail .model_ex dl {overflow:hidden; width:370px; border-bottom:1px solid #ececec;}
.item_detail .model_ex dt {float:left; width:108px; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
.item_detail .model_ex dd {float:left; padding:7px 0; font-size:13px; color:#464646; }
.item_detail .model_ex dd a {font-size:14px; color:#4b89c9; }
.item_detail .model_ex dd a:hover, .model_ex dd a:visited {font-size:14px; color:#4b89c9;}
.item_detail .model_ex .total { clear:both; margin:20px 0 0 -10px;}
.item_detail .model_ex .qty_area div {display:inline-block; margin:15px 0;}
.item_detail .model_ex .qty_area div.ttl {width:108px; font-weight:bold;}
.item_detail .model_ex .qty_area button {padding:3px 6px; border-radius:5px; cursor:pointer;}
.item_detail .model_ex .qty_area input {text-align:center;}
.item_detail .model_ex .qty_area .change {margin-left:10px;}
.item_detail .d_btn_area{margin:10px 0; text-align:left;}
    
@media all and (max-width:767px) {
	#container .cont { padding-top:10px;}
	.item_detail {position:relative; width:100%; box-sizing: border-box;}
	.item_detail .model_pt {position:relative; width:100%; text-align:center; padding:20px 0;border-right:0;}
	.item_detail .model_pt img {border:2px solid #D7D7D7;}
	
	.item_detail .model_ex {width:100%; margin-left:0; padding:0 8px; border-left:0; box-sizing: border-box;}
	.item_detail .model_ex .tit_teacher {margin:0 0 6px; font-size:14px; color:#464646;font-weight:bold; }
	.item_detail .model_ex .tit_teacher .btn_bl {margin:0 14px 0 4px;}
	.item_detail .model_ex dl {overflow:hidden; width:100%; border-bottom:1px solid #ececec;}
	.item_detail .model_ex dt {float:left; width:108px; padding:7px 0 7px 2px; font-size:13px; color:#464646;font-weight:bold;  }
	.item_detail .model_ex dd {float:left; padding:7px 0; font-size:13px; color:#464646; }
	.item_detail .model_ex dd a {font-size:14px; color:#4b89c9; }
	.item_detail .model_ex dd a:hover, .model_ex dd a:visited {font-size:14px; color:#4b89c9;}
	.item_detail .model_ex .total {clear:both; margin:20px 0 20px 0; text-align:center; }
	.item_detail .model_ex .qty_area div {display:inline-block; margin:15px 0;}
	.item_detail .model_ex .qty_area div.ttl {}
	.item_detail .model_ex .qty_area button {padding:3px 6px; border-radius:5px; cursor:pointer;}
	.item_detail .model_ex .qty_area input {text-align:center;}
	.item_detail .model_ex .qty_area .change {margin-left:10px;}
	
	.item_detail .d_btn_area{margin:10px 0; text-align:right;}

}

/* 포인트 충전 */
.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;}



/* new 목록형 강사소개 */
#container .teacher_main {width:100%; margin:0 auto; padding-top:0;; overflow: hidden; box-sizing: border-box;}
#container .teacher_main .copy {position: relative; float:left; left:0; top:0; width:30%; text-align:left; padding-right:1.563em;}
#container .teacher_main .copy .tx1 {position:relative; left:0; top:0; display:block; font-size:1.250em; font-weight:400; color:#333;}
#container .teacher_main .copy .tx2 {position:relative; left:0; top:10px; font-size:1.875em; font-weight:600; color:#cc3467; border-bottom:1px #cc3467 solid;}
#container .teacher_main .copy .tx3 {position:relative; left:0; top:23px; display:block; font-size:1.875em; font-weight:400; color:#333; letter-spacing:-1.2px;}
		
#container .teacher_main .teacher_tumb {position:relative; float:left; width:70%; border-left:1px #eee solid;}
#container .teacher_main .teacher_tumb .list {position:relative; width:100%; overflow:hidden;}
#container .teacher_main .teacher_tumb .item {position:relative; float:left; width:50%; /*height:140px;*/ padding:0 0 0 1.563em; margin-bottom:50px;}

#container .teacher_tumb .teach-pic {float:left; display:block; margin-right:0.938em; /*width:35%;*/ width:130px; /*height:140px;*/}
#container .teacher_tumb .teach-pic img {border:1px solid #fff; border-radius:8px; display: block; width:100%;}

#container .teacher_tumb .teach-tex {float:left; left:0; top:0; text-align:left; width:220px;}
#container .teacher_tumb .more {position:absolute; bottom:0; display:inline-block; font-size:0.813em; padding:0.313em 0.500em; background:#e0467a; color:#fff; border-radius:0.375em; letter-spacing:1px;}
#container .teacher_tumb .more a {display:block; color:#fff;}
#container .teacher_tumb .more:hover {display:inline-block; color:#fff; background:#82314c;}

#container .teacher_tumb .teach-tex .teach-name{display:inline-block; font-size:1.438em; font-weight:500; color:#1c2856;}
#container .teacher_tumb .teach-tex .teach-name2 {display:inline-block; font-size:0.813em; font-weight:500; color:#4e6ea7; padding-top:4px; text-indent:2px; line-height:13px;}
#container .teacher_tumb .teach-tex .teach-name3 {display:block; font-size:0.875em; color:#888; height:87px; padding: 12px 0 5px 0;letter-spacing:0;line-height:19px; overflow:auto; overflow-x:hidden;}


/* new 목록형 강사소개 반응*/
@media all and (max-width:767px) {
#container .teacher_main {width:100%; margin:0 auto; padding-top:3%; overflow: hidden; box-sizing: border-box;}
#container .teacher_main .copy {position: relative; float:left; left:0; top:0; width:100%; text-align:left; padding-right:0;}
#container .teacher_main .copy .tx1 {position:relative; left:0; top:0; display:block; font-size:1.250em; font-weight:400; color:#333;}
#container .teacher_main .copy .tx2 {position:relative; left:0; top:0.063em; font-size:1.875em; font-weight:600; color:#cc3467; border-bottom:1px #cc3467 solid;}
#container .teacher_main .copy .tx3 {position:relative; left:0; top:0.063em; display:block; font-size:1.875em; font-weight:400; color:#333; letter-spacing:-1.2px;}

#container .teacher_main .teacher_tumb {position:relative; width:100%; margin-top:5%; border-left:0px #eee solid;}
#container .teacher_main .teacher_tumb .list {position:relative; width:100%; overflow:hidden;}
#container .teacher_main .teacher_tumb .item {position:relative; width:100%; /*height:140px;*/ padding:0 0 0 0; margin-bottom:3.125em;}

#container .teacher_tumb .teach-pic {float:left; display:block; margin-right:5%; /*width:30%;*/ width:130px; /*height:140px;*/}
#container .teacher_tumb .teach-pic img {border:1px solid #fff; border-radius:8px; display: block; width:100%;}

#container .teacher_tumb .teach-tex {float:left; left:0; top:0; text-align:left; width:55%;}
#container .teacher_tumb .more {position:absolute; bottom:-5px; display:inline-block; font-size:0.813em; padding:0.313em 0.500em; background:#e0467a; color:#fff; border-radius:0.375em; letter-spacing:1px;}
#container .teacher_tumb .more a {display:block; color:#fff;}
#container .teacher_tumb .more:hover {display:inline-block; color:#fff; background:#82314c;}

#container .teacher_tumb .teach-tex .teach-name{display:inline-block; font-size:1.438em; font-weight:500; color:#1c2856;}
#container .teacher_tumb .teach-tex .teach-name2 {display:inline-block; font-size:0.813em; font-weight:500; color:#4e6ea7; padding-top:4px; text-indent:2px; line-height:13px;}
#container .teacher_tumb .teach-tex .teach-name3 {display:block; font-size:0.875em; color:#888; /*height:87px;*/ padding: 12px 0 5px 0;letter-spacing:0;line-height:19px; overflow:auto; overflow-x:hidden;}


}


/*  */
.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:#FF6E40;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:#FFA688;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:#FF6E40;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:#FF6E40;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:#FF6E40;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:#FFA688;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  ==*/
	
	
	/* 게시판 검색창 */
	.board-search {width:100% text-align:center; margin:0 auto;}
	.board-search .search { width:100%; text-align:center; margin:0 auto;}
	.board-search .select {width:20%; margin-bottom:4px;}
	.board-search .input {width:58%;padding-left:5px;}
	.board-search .btn-pack {width:20%; margin-bottom:3px; height:36px; font-size:15px;color:#fff;background:#5291E6; border-radius:0px; cursor:pointer; border:0px;}
	
	
	/* 테이블 type01 */
	.table_type01{border-top:2px solid #868686;}
	.table_type01 colgroup, .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{border:none}
	.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:7px 0 3px; border:0;}
	.table_type01.board tbody td.all1 a{text-decoration:none;color: inherit;}
    .table_type01.board tbody td.all1 a span{color: inherit !important;}
	 
	.table_type01.board tbody td.all2{display:block; font-size:11px;color:#A1A1A1;padding-bottom: 7px;}
	.table_type01.board tbody td.all2 a{text-decoration:none;color:#A1A1A1;}
	.table_type01.board tbody td.all2.txt{color:#A1A1A1;}
	
	/* 게시판 글 입력창 */
	.post_type01 { width:100%; }
	.post_type01 th, .post_type01 td {display:block; width:100%;} /* 모바일에서는 margin-left:5px; 제거 */
	.post_type01 th { width:20%; margin-bottom:-12px; padding:10px 0; font-size:1.1em; font-weight:600; color:#222222; text-align:left; background-color:#ffffff; border-bottom:0px dashed #DDDDDD; }
	.post_type01 td { padding:7px 0; font-size:1.1em; font-weight:400; color:#555555; background-color:#ffffff; border-bottom:0px dashed #DDDDDD; text-align:left;}
	.post_type01 td .fullInput{width:100%; padding-left:5px;}
	.post_type01 td .name-input{width:100%; padding-left:5px;}
	.post_type01 td .pass-input{width:25%; padding-left:5px; height:35px;}
	.post_type01 td .mail1, .post_type01 td .mail2{ width:47.2%; margin-bottom:5px; padding-left:5px;}
	.post_type01 td .mselec{width:100%; padding-left:5px;}
	.post_type01 td .pselec{width:20%; padding-left:5px;}
	.post_type01 td .phone{width:25%; padding-left:5px; height:35px;}		
	.post_type01 td .attach{width:50%;}
	.post_type01 td .tit{width:100%; padding-left:5px;} 
	.post_type01 td .mySpamChar{width:30%; padding-left:5px;}
	/* 나의 강의실 각종 신청 */
	.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;}

}




.mg_t0 {margin-top:0;}
.mg_t50 {margin-top:50px;}
.mg_t150 {margin-top:100px;}

.mg_b20 {margin-bottom:20px;}
.mg_b50 {margin-bottom:50px;}
.mg_b100 {margin-bottom:100px;}
.mg_b200 {margin-bottom:200px;}