@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.0em;}
 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;}
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; }

/* ▶ 중앙정렬 컨테이너: 이번 HTML(.actions)과 과거 구조(ul.a_button) 모두 지원 */
.actions,
ul.a_button{
  display: flex;
  justify-content: center;   /* 가로 중앙 */
  align-items: center;       /* 세로 중앙 */
  gap: 8px;                  /* 버튼 간 간격 */
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;          /* ul일 때만 영향 */
}

/* ul/li 구조를 쓸 때만 구분선 유지 */
ul.a_button li{
  display: flex;
  align-items: center;
  padding-left: 20px;
  background: url(../temp_sample/img/add/icnUlbuttonLine.png) 10px center no-repeat;
  float: none;
}
ul.a_button li:first-child{
  padding-left: 0 !important;
  background: none !important;
}

/* 버튼 본체 (.a_btn) */
.a_btn{
  padding: 0 26px;
  min-width: 49px;
  line-height: 39px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  background:
    linear-gradient(86.47deg, #0458ff 1.47%, #0499ff 96.84%),
    linear-gradient(0deg, #021d52, #0055fb);
  text-align: center;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s ease;
  border-radius: 5px;
}
.a_btn:hover{
  color: #fff;
  background:
    linear-gradient(0deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2)),
    linear-gradient(86.47deg, #0458ff 1.47%, #0499ff 96.84%),
    linear-gradient(0deg, #0055fb, #0055fb);
}

/* actions 안에 버튼 수직정렬 안정화 */
.actions .a_btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* 보조 버튼 라인업 (.a_btn2) — 중복 정리본 */
.a_btn2{
  display:inline-block;
  vertical-align:top;
  padding:0 20px;
  min-width:49px;
  line-height:39px;
  font-family:'Noto Sans KR', sans-serif;
  font-size:16px;
  font-weight:500;
  color:#fff;
  background:#0042B3;
  border-radius:5px;
  text-align:center;
  text-decoration:none;
  transition:.2s ease;
}
.a_btn2 + .a_btn2{ margin-left:3px; }
.a_btn2--lg{ font-size:2.4rem; }
.a_btn2:hover{background:#002d7b; color:#fff;}
.a_btn2--primary{ background:#5291E6; border-color:#5291E6; }
.a_btn2--primary:hover{background:#fff;color:#5291E6; border-color:#5291E6;
}

@media all and (min-width:0px) and (max-width:480px) {
.a_btn2{
  min-width:32px;
  line-height:32px;
  font-size:13px;
  }
}



/* 구형 모디파이어 유지 (필요 시만 사용) */
.a_btn.thin { line-height:30px; font-size:15px; }
.a_btn_border{
	padding: 0 20px;
	min-width: 49px;
	line-height: 39px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500;
	background:linear-gradient(86.47deg, #0458ff 1.47%, #0499ff 96.84%), linear-gradient(0deg, #021d52, #0055fb);
	text-align: center;
	display: inline-block;
	vertical-align: top;
	transition: all 0.3s ease;
	border-radius: 5px;
}
.a_btn_border:hover{
	color: #fff;
	background:
	  linear-gradient(0deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2)),
	  linear-gradient(86.47deg, #0458ff 1.47%, #0499ff 96.84%),
	  linear-gradient(0deg, #0055fb, #0055fb);
  }

/* 좌우 단색 / 파란색 버튼 / 교재구매 */
.a_btn_border.L {border: 2px solid #0d47a1; 	color: #0d47a1; 	background: #fff; 	}
.a_btn_border.L:hover { background: #f0f0f0;}
.a_btn.color.L {border: 2px solid #0d47a1;  background: #0d47a1;  color: #fff;}
.a_btn.color.L:hover {  background: #08306b;}


.a_btn_border2 {
	display:inline-block;
	vertical-align:top;
	padding:0 20px;
	min-width:49px;
	line-height:39px;
	font-family:'Noto Sans KR', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#0042B3;
	background:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	transition:.2s ease;
}
  .a_btn_border2:hover { background:#eaf8fd; 	color:#0042B3; }
  .a_btn_border2:active { transform:translateY(1px); }



@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;}

 @media all and (min-width:0px) and (max-width:480px) {
.a_btn_border2{
  min-width:32px;
  line-height:32px;
  font-size:13px;
  }
}



/* 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: #eee;
  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 { 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{
  display: flow-root;            /* 부모가 플로트 감쌈 */
  border-bottom: 0;
  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;overflow-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 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}


/* 교재 판매몰 리스트 테이블 */
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;}
}
.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 {
  display: flex;              /* 플렉스 배치 */
  align-items: flex-start;    /* 상단 정렬 */
  gap: 30px;                  /* 좌우 간격 */
  width: 100%;
  margin-bottom: 30px;
  padding: 20px 0;
}

.item_detail .model_pt {
  flex: 0 0 35%;              /* 왼쪽 이미지 영역 */
  text-align: center;
  padding: 20px;
}
.item_detail .model_pt img {
  border: 2px solid #D7D7D7;
  max-width: 100%;
  height: auto;
}

.item_detail .model_ex {
  flex: 1;                    /* 남는 공간 다 차지 */
  display: flex;
  flex-direction: column;     /* 위→아래 배치 */
  gap: 5px;
  padding: 20px 20px 20px 0;
}

/* 제목 */
.item_detail .model_title {
  font-size: 1.4em;
  color: #0841A8;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
  white-space: normal;     /* 자동 줄바꿈 허용 */
  line-height: 1.2;        /* 줄간격 좁게 */
}

.item_detail .model_title br {
  display: none;           /* <br> 무시 */}

/* 나머지 설명 */
.item_detail .model_ex dl {
  overflow: hidden;
  width: 370px;
}
.item_detail .model_ex dt {float:left; width:130px; padding:7px 0 7px 2px; font-size:13px; color:#6b7280;font-weight:400;  }
.item_detail .model_ex dd {float:left; padding:7px 0; font-size:13px; color:#6b7280;font-weight:400; }
.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 {  display:inline-flex;  align-items:center;  gap:10px;  margin:0 0 15px 1px;}
.item_detail .model_ex .qty_area div.ttl {  color:#6b7280;  width:120px;  font-weight:400;}

/* 인풋 */
.item_detail .model_ex .qty_area input {
  width:50px;
  height:30px;
  text-align:center;
  font-size:16px;
  border:1px solid #d1d5db;   /* 연한 회색 보더 */
  border-radius:6px;          /* 라운드 */
  outline:none;
}

/* 버튼 */
.item_detail .model_ex .qty_area .change {
  display:inline-flex;
  gap:6px;
  margin-left:10px;
}
.item_detail .model_ex .qty_area .change button {
  width:30px;
  height:30px;
  background:#fff;
  border:1px solid #d1d5db;
  border-radius:6px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  font-size:18px;
  line-height:1;
  color:#374151;
}
.item_detail .model_ex .qty_area .change button:hover {
  background:#f3f4f6;
  color:#111827;
}

/* 버튼 영역 정렬 */
.item_detail .d_btn_area {
  margin:10px 0;
  text-align:right;
}

.item_detail .d_btn_area{margin:50px 0 30px; text-align:right;}
.price-origin {
  color: #6b7280;                /* 회색 */
  text-decoration: line-through; /* 삭제선 적용 */
  margin-right: 6px;             /* 오른쪽 여백 */
}
.arrow {
  margin: 0 6px;     /* 좌우 여백 */
  color: #6b7280;    /* 회색 (원하는 색) */}

.price-red {font-size:1.4em; color: #e11d48;  /* 진한 레드 */  font-weight: 700;}
.cart_sold_out {
  display: inline-block;
  padding: 4px 10px;
  background: linear-gradient(135deg, #FF7575, #FF5656);
  color: #fff;
  font-size: 0.85em;
  font-weight: 600;
  border-radius: 20px;
  margin-left: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  letter-spacing: -0.3px;
  line-height: 1;
  vertical-align: middle;
  border:none;
}
    
@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{
  width:65px; height:26px; line-height:26px;
  display:inline-block; text-align:center;
  font-size:11px; font-weight:400; color:#fff;
  background:#4b5563;                 /* slate-600 */
  border:1px solid #4b5563;
  text-decoration:none; border-radius:6px;
  transition:all .2s ease;
}
.btn_view:hover{
  background:#374151;                  /* slate-700 */
  border-color:#374151;
}
.btn_view:active{
  background:#1f2937;                  /* slate-800 */
  border-color:#1f2937;
}
.btn_view:focus-visible{
  outline:3px solid rgba(59,130,246,.35);
  outline-offset:2px;
}

.btn_view_blr{background:#1076DC;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;}