@charset "utf-8";

@media(max-width:480px){
	/*나의 강의실 버튼*/
	.mobile_top_close {display:block; margin-top: -15px;}
	.mobile_top_close .mobile_close_color {font-size: 0.85rem;  width: 250px;  padding: 1px 8px 1px 8px;   background: #3399ff;   color: #fff;  text-align: center;   border-radius: 5px;}
	
	/* 메인 게시판 처리 */
	.wth_main_bbs_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width : 1000%;
	}
	.wth_bbs_date {display:none}

	/* 기간연장 */
	.wth_term_view {border-top:3px solid #65387c; border-bottom:1px solid #65387c;}
	.wth_term_view dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;margin-top: 0; margin-bottom: 0rem}
	.wth_term_view dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:30%; vertical-align:middle; white-space:pre-line;}
	.wth_term_view dd {padding:15px; display:table-cell; vertical-align:middle;width: 100%;}
	.wth_term_view dl.wth_term_content dt {position:absolute; left:-9999px; width:0; height:0; overflow:hidden;}
	.wth_term_view dl.wth_term_content {min-height:auto;}

	/* 주문내역 tabmenu */
	.wth_buy_tabnav {font-size:0; width:253px; border:1px solid #ddd;}
	.wth_buy_tabnav li {display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
	.wth_buy_tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
	.wth_buy_tabnav li a.active:before{background:#014099;}
	.wth_buy_tabnav li a.active{border-bottom:1px solid #fff;}
	.wth_buy_tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
	.wth_buy_tabnav li a:hover,
	.wth_buy_tabnav li a.active{background:#fff; color:#014099; }
	
	/*시험 정보*/
	.modal_test_title {  position:relative; display:inline-block; width:100%; height:190px; padding:0 0; overflow:hidden; text-align:center; background:#014099; }
	.modal_test_title .top_title { display:block; font-size:30px; line-height:65px; font-weight:bold; color:#fff; text-align:center;margin-top:15px; letter-spacing:-3px; }
	.modal_test_title .top_state { padding-top:50px;display:inline-block; height:40px; padding:0 0 0 20px; text-align:center; border-radius:20px; background:#476cbb; margin:0px auto 20px auto; overflow:hidden;}
	.modal_test_title .top_state li {list-style: none; float:left; line-height:40px; padding:0 10px; font-size:17px; font-weight:bold; color:#fff; }
	.modal_test_title .top_state li.li1{ color:#f4f400; background:#476cbb; padding-right:20px;}
	.modal_test_title .top_state li.li2{ background:#253c70; padding-left:20px;  }
	.modal_test_title .top_state li.li3{ background:#253c70; font-weight:normal; padding-right:25px;}
	.modal_test_title .top_state li.li3 b { font-size:20px; color:#ffd200; font-weight:bold; }
	.modal_test_title .top_state li em{font-size: 15px; font-weight: normal; color: #ab7fe4;}
	.modal_test_title .top_mobile_close {display:block;}

	.wth_study_room {  position:relative; width:100%; height:160px; padding:0 0; overflow:hidden; text-align:center; background:#014099; }
	.wth_study_room .top_title { display:block; font-size:22px; line-height:60px; font-weight:bold; color:#fff; text-align:center;margin-top:15px; letter-spacing:-3px; }
	.wth_study_room .top_state { padding-top:50px;display:inline-block; height:40px; padding:0 0 0 20px; text-align:center; border-radius:20px; background:#5b00a1; margin:0px auto 20px auto; overflow:hidden;}
	.wth_study_room .top_state li {list-style: none; float:left; line-height:40px; padding:0 10px; font-size:17px; font-weight:bold; color:#fff; }
	.wth_study_room .top_state li.li1{ color:#f4f400; background:#5b00a1; padding-right:20px;}
	.wth_study_room .top_state li.li2{ background:#27003e; padding-left:20px;  }
	.wth_study_room .top_state li.li3{ background:#27003e; font-weight:normal; padding-right:25px;}
	.wth_study_room .top_state li.li3 b { font-size:20px; color:#ffd200; font-weight:bold; }
	.wth_study_room .top_state li em{font-size: 15px; font-weight: normal; color: #ab7fe4;}

	.wth_left_study_room { float:none; display:block; width:100%; border:1px solid #dfdfdf; background:#fff; margin:20px 10px 0px 5px; }
	.wth_left_study_room ul{padding: 0; margin: 0;}
	.wth_left_study_room li{ list-style: none; border-bottom:1px solid #dfdfdf; height: 50px; }
	.wth_left_study_room li i{width: 25px;}
	.wth_left_study_room li a{ text-decoration: none;display:block;font-size:16px; letter-spacing: -1px;color:#666;  line-height:25px; padding:10px 20px 15px 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.wth_left_study_room li.on a{color:#0f91d0;}
	.wth_left_study_room li a:hover{color:#630996;background: #eedff7;}

	.wth_right_study_room {float:none;  width: 100%; }
	.wth_right_study_room p{letter-spacing: -1px; font-size: 22px; font-weight: bold; color: #014099;padding: 0; margin: 13px 0px 10px 0px;}
	
	/* 게시판 카테고리 tabs*/
	.wth_board_tabs li {width:49%;}

}

@media(max-width:500px){
	
	/*나의 강의실 버튼*/
	.mobile_top_close {display:block; margin-top: -15px;}
	.mobile_top_close .mobile_close_color {font-size: 0.85rem;  width: 250px;  padding: 1px 8px 1px 8px;   background: #3399ff;   color: #fff;  text-align: center;   border-radius: 5px;}

	/* input box */
	.form-control {
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-weight: 500;
		color: #6e707e;
		background-clip: padding-box; 
		border: 1px solid #ddd;
		border-radius: 0;
	}
	
	/* 메인 게시판 처리 */
	.wth_main_bbs_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width : 1000%;
	}
	.wth_bbs_date {display:none}

	.input_box_com {width: 70%;}
	.input_box_opt {width: 90%;}

	/* 회원가입 페이지 */
	.wth_join {width: 100%; max-width:500px; margin:0 auto;}
	.wth_join:after {content:""; display:block; clear:both;}
	.wth_join h1 {text-align:center; margin-bottom:40px;}
	.wth_join h1 span {font-weight:lighter;}

	.wth_join_box {border-top:1px solid #ddd; margin:40px 0px 15px 0px; padding-top:40px;}
	.wth_join_box p {margin-bottom:15px; position:relative; line-height:26px;}
	.wth_join_box p:before {content: ''; display: block; float:left; width:40px; height:35px; background:url(/wthimg/common/exclamation.png) no-repeat;}
	.wth_join_box span{color: #d55c0c; font-weight: 700;}

	.wth_join_forms {border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:30px;width:100%;}
	.wth_join_forms dl { text-align:left; border-bottom:1px solid #ddd; margin-bottom :0px; display:table; width:100%; line-height:2.0;}
	.wth_join_forms dt {background:#f4f4f4; padding-left:5px; font-weight:normal;  text-align:left; display: table-cell; width:28%; vertical-align:middle; white-space:pre-line; line-height:3.0;}
	.wth_join_forms dd {padding:5px 0px 5px 15px; display:table-cell; vertical-align:middle;width: 100%; line-height:2.0;}
	.wth_join_forms dd img { display: block; margin: 0 auto; text-align: center;}
	.wth_join_forms dt span {color: #d55c0c; font-weight: 700; padding-left: 10px;}
	.wth_join_forms dd span {font-size: 0.8rem; color: #888;}
	.wth_join_forms dd b {color: #ff2faf; font-weight: 700;}
	.wth_join_wrap {width:100%; margin:50px auto; border:1px solid #ddd; background: #f7f7f7;}
	.wth_join_btn_wrap { margin:0 auto; width:100%;  word-break:keep-all; text-align:center;}

	
	/* 강좌 리스트 */
	.wth_course_zone div:nth-child(2){clear: both; overflow: hidden; margin: 0px 1% 3% 0%; width: 100%;font-size: 0.9rem;}
	.wth_course_zone div:nth-child(3){clear: both; overflow: hidden; margin: 0px 1%; width: 100%; padding: 20px;font-size: 0.9rem;}
	.course_list_img { display:none; }

	/* 공통검색어 */
	.txt_com_word {width:70%;height:35px; border: 1px solid #ddd;font-size: 1.0rem;font-weight:normal;}

	.wth_common_wrap {margin:auto;clear: both; overflow: hidden;}
	.wth_common_wrap .wth_common_item{width: 100%;}
	/* 강좌 상세 이미지 */
	.wth_detail_img { display:none; }

	/* 강의 리스트 */
	.table {margin:auto; width: 100%; table-layout: auto;padding-top: 5px;}
	.wth-com-table .vdo-file{display:none;}
	.wth-com-table .vdo-sample{display:none;}
	.wth-com-table .chasi{width:15%}
	.wth-com-table .vdo-time{width:20%}
	
	/* 장바구니 리스트 */
	.wth-com-table .cart_image{display:none;}
	.wth-com-table .cart_number{display:none;}
	.wth-com-table .cart_price {width:20%}

	/* 강사 리스트 */
	.wth_lector ul li img{width: 100%;}

	/* 도서 */
	.wthBookArea .wthBookList {width: 100%; }
	.wthBookArea .wthBookList img{width: 100%; }
	.wthBookArea .wthBookList div{width: 100%; }
	
	/* 선택형 패키지 */
	.wthOptPackage .wthOptPackageLeft{float: none;width: 100%; }
	.wthOptPackage .wthOptPackageRight{float: none;width: 100%; }

	/* 장바구니 */
	.wth_cart_view {margin-top: 10px; border-top:3px solid #65387c; border-bottom:1px solid #65387c;}
	.wth_cart_view dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;}
	.wth_cart_view dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:21%; vertical-align:middle; white-space:pre-line;}
	.wth_cart_view dd {padding:15px; display:table-cell; vertical-align:middle;}
	.wth_cart_tit dd {width:26%;}
	.wth_cart_bg{background: #f7f7f7; padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;text-align:right;}


	/* 장바구니 무통장 */
	.wth_cart_bank {margin-top: 10px; border-top:3px solid #65387c; border-bottom:1px solid #65387c;}
	.wth_cart_bank dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;}
	.wth_cart_bank dt {width:30%;background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; vertical-align:middle; white-space:pre-line;}
	.wth_cart_bank dd {width:60%;padding:15px; display:table-cell; vertical-align:middle;}

	/* 무통장 입금 */
	.bankData {width:100%;display:inline;}

	/* 주문목록 */
	.wth_buy_no {display:none;}
	.wth_buy_method {display:none;}
	.wth_buy_status {display:none;}
	.wth_buy_date {display:none;}
	.wth_buy_price{width:25%;}
	.wth_device_desktop {display:none;}
	.wth_device_mobile {display:block;}
	
	/* 상품변경정보 */
	.wth_order_state {display:none;}
	.wth_order_mobile {display:block;font-size:0.98rem;font-weight:bold;}
	/* 변경이력 */
	.wth_order_log {display:none;}
	.wth_order_mobile_log {display:block;font-size:0.98rem;font-weight:bold;}


	/*나의 강의실*/
	.wth_study_area div:nth-child(2){width: 95%;}
	.wth_study_area div:nth-child(3){clear: both; width: 100%; margin-top: 20px;}
	.wth_study_img {display:none;}


	/* 나의 강의실 */
	.wth_study_content {
		position: unset;
		width:100%;
		height:auto;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 0.3rem;
		outline: 0;
	}

	.wth_study_room {  position:relative; width:100%; height:160px; padding:0 0; overflow:hidden; text-align:center; background:#014099; }
	.wth_study_room .top_title { display:block; font-size:22px; line-height:60px; font-weight:bold; color:#fff; text-align:center;margin-top:15px; letter-spacing:-3px; }
	.wth_study_room .top_state { padding-top:50px;display:inline-block; height:40px; padding:0 0 0 20px; text-align:center; border-radius:20px; background:#5b00a1; margin:0px auto 20px auto; overflow:hidden;}
	.wth_study_room .top_state li {list-style: none; float:left; line-height:40px; padding:0 10px; font-size:17px; font-weight:bold; color:#fff; }
	.wth_study_room .top_state li.li1{ color:#f4f400; background:#5b00a1; padding-right:20px;}
	.wth_study_room .top_state li.li2{ background:#27003e; padding-left:20px;  }
	.wth_study_room .top_state li.li3{ background:#27003e; font-weight:normal; padding-right:25px;}
	.wth_study_room .top_state li.li3 b { font-size:20px; color:#ffd200; font-weight:bold; }
	.wth_study_room .top_state li em{font-size: 15px; font-weight: normal; color: #ab7fe4;}

	.wth_left_study_room { float:none; display:block; width:100%; border:1px solid #dfdfdf; background:#fff; margin:20px 10px 0px 5px; }
	.wth_left_study_room ul{padding: 0; margin: 0;}
	.wth_left_study_room li{ list-style: none; border-bottom:1px solid #dfdfdf; height: 50px; }
	.wth_left_study_room li i{width: 25px;}
	.wth_left_study_room li a{ text-decoration: none;display:block;font-size:16px; letter-spacing: -1px;color:#666;  line-height:25px; padding:10px 20px 15px 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.wth_left_study_room li.on a{color:#0f91d0;}
	.wth_left_study_room li a:hover{color:#630996;background: #eedff7;}

	.wth_right_study_room {float:none;  width: 100%; }
	.wth_right_study_room p{letter-spacing: -1px; font-size: 22px; font-weight: bold; color: #014099;padding: 0; margin: 13px 0px 10px 0px;}
	
	.wth-com-table .wth_vdo_chasi {width:15%;text-align:center;}
	.wth-com-table .wth_vdo_time {display:none}
	.wth-com-table .wth_vdo_std_time {display:none}
	.wth-com-table .wth_vdo_data {display:none}
	.wth-com-table .wth_vdo_player {width:15%;}

	/* 게시판 */
	.wth_board_no {display:none;}
	.wth_board_date {display:none;}
	.wth_board_hit {display:none;}
	.wth_board_status {display:none;}
	.wth_board_write {width:20%;}
	.wth_board_search {padding: 20px 0 10px; text-align:center; width:100%; clear:both;}

	.wth_mobile_date {font-size:0.8rem;display:block;}
	.wth_board_status {font-size:0.8rem;display:block;}

	.txt_board_title {width:98%;}
	.txt_board_write {width:95%;}
	.txt_board_pwd {width:95%;}
		
	/* 갤러리 게시판 */
	.wth_board_photo {clear: both; overflow: hidden; width: 100%;}
	.wth_board_photo ul{float: left; margin:10px 0% 0px 0%; text-align: center;}
	.wth_board_photo ul li{line-height: 25px; letter-spacing: -1px;}
	.wth_board_photo img {width:100%;height:auto;}
	.wth_board_photo .wth_photo_title {display: inline-block; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
	.wth_board_photo ul li:first-child{border: 1px solid #ddd;margin-bottom: 5px;}
	.wth_board_photo ul li:last-child{font-size: 1.1rem; font-weight: 600; color:#440373; }

	/* 메인 게시판 */
	.wthBbsBox .wthBoxText:first-child {margin: 15px; width: 95%; background: #efefef;}
	.wthBbsBox .wthBoxText:last-child {margin-left: 2%;}
	.wthBbsBox .wthBoxText ul {padding: 20px; border: 1px solid #ddd;}
	.wthBbsBox .wthBoxText li {border-bottom: 0;}
	.wthBbsBox .wthBoxText li.contents {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5; width: 100%; white-space: inherit;}

	/* 포인트 */
	.wth_point_code {display:none;}
	.wth_point_type {display:none;}
	.wth_point_date {display:none;}
	.wth_mobile_point_code {font-size:0.8rem;display:block;}
	.wth_mobile_point_type {font-size:0.8rem;display:block;}
	.wth_mobile_point_date {font-size:0.8rem;display:block;}
	.wth_point_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	/* 기간연장 */
	.wth_term_view {border-top:3px solid #65387c; border-bottom:1px solid #65387c;}
	.wth_term_view dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;margin-top: 0; margin-bottom: 0rem}
	.wth_term_view dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:30%; vertical-align:middle; white-space:pre-line;}
	.wth_term_view dd {padding:10px; display:table-cell; vertical-align:middle;width: 100%;}
	.wth_term_view dl.wth_term_content dt {position:absolute; left:-9999px; width:0; height:0; overflow:hidden;}
	.wth_term_view dl.wth_term_content {min-height:auto;}

	/* 주문내역 tabmenu */
	.wth_buy_tabnav {font-size:0; width:253px; border:1px solid #ddd;}
	.wth_buy_tabnav li {display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
	.wth_buy_tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
	.wth_buy_tabnav li a.active:before{background:#014099;}
	.wth_buy_tabnav li a.active{border-bottom:1px solid #fff;}
	.wth_buy_tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
	.wth_buy_tabnav li a:hover,
	.wth_buy_tabnav li a.active{background:#fff; color:#014099; }

	/* 검색폼*/
	.wth_search_box {padding: 10px;}
	.wth_search_inner {width: 100%; margin: 0;}
	.input_sword {width:95%;}
	.mobile_search {padding-top:15px;}

	.btn7 {
		text-align: center;
		width: 100%;
		height: 40px;
		vertical-align: middle;
		font-size: 1.125rem;
		line-height: 36px;
		cursor: pointer;
	}

	/* 쿠폰 다운로드 */
	.wthCptitle > li {margin-bottom:10px; padding-left:20px; position:relative;}
	.wthCptitle > li:before {content:""; display:block; width:7px; height:7px; background:#b2d233; position:absolute; left:5px; top:10px; border-radius: 10px;}
	.wthCpDown{clear: both; overflow: hidden; width: 100%;}
	.wthCpDown ul{float: none; margin:0% 3% 2% 0%;}
	.wthCpDown ul li{line-height: 25px; letter-spacing: -1px;}
	.wthCpDown ul li img{width: 100%; height:100%;}
	.wthCpDown ul li:first-child{border: 1px solid #ddd;margin-bottom: 5px;}
	.wthCpDown ul li:last-child{font-size: 1.1rem; font-weight: 600; color:#440373; }
	.wthCpBtn {font-size: 16px;text-align: center; background:#014099; color:#fff; padding:8px 16px; margin-top: 5px;width:100%;}
	.wthCpTextBox {
		position: relative;
		text-align: center;
		color: blue;
	}
	.wthCpText {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size:2rem;
		transform: translate(-50%, -50%);
	}
	.wth_cp_no{display:none;}
	.wth_cp_use{display:none;}
	.wth_cp_date{display:none;}
	.wth_cp_state{display:none;}
	.wth_cp_discount{width:20%;}
	.wth_cp_mobile {display:block;}

	.wth_cart_pay{width:100%;}
	#wth_cart_zone{left : 0px; top:10px;}

	
	/* 강사페이지 체크*/
	.wth_class_edu {display:none;}
	.wth_class_open {display:none;}
	.wth_pay_fees {display:none;}
	.wth_order_date {display:none;}
	.wth_buyer_name {display:none;}
	.wth_pay_state {width:20%;}
	.wth_teacher_data {display:block}

	/* 도서판매 내역 */
	.wth_book_cnt {display:none;}
	.wth_dlvy_state {display:none;}
	.wth_book_data {display:block;}

	/* 시험 */
	.wth_exam_left {width:100%;padding-left:10px;}
	.wth_exam_right {display:none;}
	.wth_exam_content {
		position: relative;
		width: auto;
		height:auto;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 0.3rem;
		outline: 0;
	}
	.modal_test_zone { margin: 1%; padding: 1%; width:auto; overflow-y:scroll; }
	.wth_exam_items {display:none;}
	.wth_exam_sum {display:none;}
	.wth_exam_score {display:none;}
	.wth_exam_time {display:none;}
	.wth_exam_state {width:16%;}
	.wth_exam_pay {width:16%;}
	.wth_exam_mobile {display:block;}
	.wth_exam_desktop {display:none;}

	/*시험 정보*/
	.modal_test_title {  position:relative; display:inline-block; width:100%; height:190px; padding:0 0; overflow:hidden; text-align:center; background:#014099; }
	.modal_test_title .top_title { display:block; font-size:30px; line-height:65px; font-weight:bold; color:#fff; text-align:center;margin-top:15px; letter-spacing:-3px; }
	.modal_test_title .top_state { padding-top:50px;display:inline-block; height:40px; padding:0 0 0 20px; text-align:center; border-radius:20px; background:#476cbb; margin:0px auto 20px auto; overflow:hidden;}
	.modal_test_title .top_state li {list-style: none; float:left; line-height:40px; padding:0 10px; font-size:17px; font-weight:bold; color:#fff; }
	.modal_test_title .top_state li.li1{ color:#f4f400; background:#476cbb; padding-right:20px;}
	.modal_test_title .top_state li.li2{ background:#253c70; padding-left:20px;  }
	.modal_test_title .top_state li.li3{ background:#253c70; font-weight:normal; padding-right:25px;}
	.modal_test_title .top_state li.li3 b { font-size:20px; color:#ffd200; font-weight:bold; }
	.modal_test_title .top_state li em{font-size: 15px; font-weight: normal; color: #ab7fe4;}
	.modal_test_title .top_mobile_close {display:block;}
}

@media(max-width:640px){
	
	/* input box */
	.form-control {
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-weight: 500;
		color: #6e707e;
		background-clip: padding-box; 
		border: 1px solid #ddd;
		border-radius: 0;
	}
	
	/* 메인 게시판 처리 */
	.wth_main_bbs_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width : 70%;
	}

	.wth_bbs_date {
		position: absolute;
		right: 0;
		top: 0;
	}

	.input_box_com {width: 70%;}
	.input_box_opt {width: 90%;}

	/* 회원가입 페이지 */
	.wth_join {width: 100%; max-width:500px; margin:0 auto;}
	.wth_join:after {content:""; display:block; clear:both;}
	.wth_join h1 {text-align:center; margin-bottom:40px;}
	.wth_join h1 span {font-weight:lighter;}

	.wth_join_box {border-top:1px solid #ddd; margin:40px 0px 15px 0px; padding-top:40px;}
	.wth_join_box p {margin-bottom:15px; position:relative; line-height:26px;}
	.wth_join_box p:before {content: ''; display: block; float:left; width:40px; height:35px; background:url(/wthimg/common/exclamation.png) no-repeat;}
	.wth_join_box span{color: #d55c0c; font-weight: 700;}

	.wth_join_forms {border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:30px;width:100%;}
	.wth_join_forms dl { text-align:left; border-bottom:1px solid #ddd; margin-bottom :0px; display:table; width:100%; line-height:2.0;}
	.wth_join_forms dt {background:#f4f4f4; padding-left:5px; font-weight:normal;  text-align:left; display: table-cell; width:28%; vertical-align:middle; white-space:pre-line; line-height:3.0;}
	.wth_join_forms dd {padding:5px 0px 5px 15px; display:table-cell; vertical-align:middle;width: 100%; line-height:2.0;}
	.wth_join_forms dd img { display: block; margin: 0 auto; text-align: center;}
	.wth_join_forms dt span {color: #d55c0c; font-weight: 700; padding-left: 10px;}
	.wth_join_forms dd span {font-size: 0.8rem; color: #888;}
	.wth_join_forms dd b {color: #ff2faf; font-weight: 700;}
	.wth_join_wrap {width:100%; margin:50px auto; border:1px solid #ddd; background: #f7f7f7;}
	.wth_join_btn_wrap { margin:0 auto; width:100%;  word-break:keep-all; text-align:center;}
	
	/* 강좌 리스트 */
	.wth_course_zone div:nth-child(2){clear: both; overflow: hidden; margin: 0px 1% 3% 0%; width: 100%;font-size: 0.9rem;}
	.wth_course_zone div:nth-child(3){clear: both; overflow: hidden; margin: 0px 1%; width: 100%; padding: 20px;font-size: 0.9rem;}
	.course_list_img { display:none; }

	/* 공통검색어 */
	.txt_com_word {width:70%;height:35px; border: 1px solid #ddd;font-size: 1.0rem;font-weight:normal;}

	.wth_common_wrap {margin:auto;clear: both; overflow: hidden;}
	.wth_common_wrap .wth_common_item{width: 100%;}
	/* 강좌 상세 이미지 */
	.wth_detail_img { display:none; }

	/* 강의 리스트 */
	.table {margin:auto; width: 100%; table-layout: auto; padding-top: 5px;}
	.wth-com-table .vdo-file{display:none;}
	.wth-com-table .vdo-sample{display:none;}
	.wth-com-table .chasi{width:15%}
	.wth-com-table .vdo-time{width:20%}

	/* 장바구니 리스트 */
	.wth-com-table .cart_image{display:none;}
	.wth-com-table .cart_number{display:none;}
	.wth-com-table .cart_price {width:20%}

	/* 강사 리스트 */
	.wth_lector ul{width: 49%; }
	.wth_lector ul li img{width: 100%;}

	/* 도서 */
	.wthBookArea .wthBookList {width: 100%; }
	.wthBookArea .wthBookList img{width: 100%; }
	.wthBookArea .wthBookList div{width: 100%; }

	/* 주문목록 */
	.wth_buy_no {display:none;}
	.wth_buy_method {display:none;}
	.wth_buy_status {display:none;}
	.wth_buy_date {display:none;}
	.wth_buy_price{width:25%;}
	.wth_device_desktop {display:none;}
	.wth_device_mobile {display:block;}

	/* 게시판 */
	.wth_board_no {display:none;}
	.wth_board_date {display:none;}
	.wth_board_hit {display:none;}
	.wth_board_status {display:none;}
	.wth_mobile_status {display:block;}
	.wth_board_write {width:20%;}

	.cmtLeft {float:left;width:80%;}
	.cmtRight {float:right;width:20%;}
	.cmtMemo {width:95%;height:70px;}

	/* 메인 게시판 */
	.wthBbsBox .wthBoxText:first-child {margin: 15px; width: 95%; background: #efefef;}
	.wthBbsBox .wthBoxText:last-child {margin-left: 2%;}
	.wthBbsBox .wthBoxText ul {padding: 20px; border: 1px solid #ddd;}
	.wthBbsBox .wthBoxText li {border-bottom: 0;}
	.wthBbsBox .wthBoxText li.contents {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5; width: 100%; white-space: inherit;}

	/* 포인트 */
	.wth_point_code {display:none;}
	.wth_point_type {display:none;}
	.wth_point_date {display:none;}
	.wth_mobile_point_code {font-size:0.8rem;display:block;}
	.wth_mobile_point_type {font-size:0.8rem;display:block;}
	.wth_mobile_point_date {font-size:0.8rem;display:block;}
	.wth_point_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	/* 주문내역 tabmenu */
	.wth_buy_tabnav {font-size:0; width:270px; border:1px solid #ddd;}
	.wth_buy_tabnav li {display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
	.wth_buy_tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
	.wth_buy_tabnav li a.active:before{background:#014099;}
	.wth_buy_tabnav li a.active{border-bottom:1px solid #fff;}
	.wth_buy_tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
	.wth_buy_tabnav li a:hover,
	.wth_buy_tabnav li a.active{background:#fff; color:#014099; }

	/* 검색폼*/
	.wth_search_box {padding: 10px;}
	.wth_search_inner {width: 100%; margin: 0;}
	.input_sword {width:100%;}
	.mobile_search {padding-top:15px;}

	.btn7 {
		text-align: center;
		width: 100%;
		height: 40px;
		vertical-align: middle;
		font-size: 1.125rem;
		line-height: 36px;
		cursor: pointer;
	}

	/* 쿠폰 다운로드 */
	.wthCptitle > li {margin-bottom:10px; padding-left:20px; position:relative;}
	.wthCptitle > li:before {content:""; display:block; width:7px; height:7px; background:#b2d233; position:absolute; left:5px; top:10px; border-radius: 10px;}
	.wthCpDown{clear: both; overflow: hidden; width: 100%;}
	.wthCpDown ul{float: none; margin:0% 3% 2% 0%;}
	.wthCpDown ul li{line-height: 25px; letter-spacing: -1px;}
	.wthCpDown ul li img{width: 100%; height:100%;}
	.wthCpDown ul li:first-child{border: 1px solid #ddd;margin-bottom: 5px;}
	.wthCpDown ul li:last-child{font-size: 1.1rem; font-weight: 600; color:#440373; }
	.wthCpBtn {font-size: 16px;text-align: center; background:#014099; color:#fff; padding:8px 16px; margin-top: 5px;width:100%;}
	.wthCpTextBox {
		position: relative;
		text-align: center;
		color: blue;
	}
	.wthCpText {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size:2rem;
		transform: translate(-50%, -50%);
	}
	.wth_cp_no{display:none;}
	.wth_cp_use{display:none;}
	.wth_cp_date{display:none;}
	.wth_cp_state{display:none;}
	.wth_cp_discount{width:20%;}
	.wth_cp_mobile {display:block;}

	.wth_cart_pay{width:100%;}
	#wth_cart_zone{left : 0px; top:10px;}

	/* 강사페이지 체크*/
	.wth_class_edu {display:none;}
	.wth_class_open {display:none;}
	.wth_pay_fees {display:none;}
	.wth_order_date {display:none;}
	.wth_buyer_name {display:none;}
	.wth_pay_state {width:20%;}
	.wth_teacher_data {display:block}

	/* 도서판매 내역 */
	.wth_book_cnt {display:none;}
	.wth_dlvy_state {display:none;}
	.wth_book_data {display:block;}

	/* 시험 */
	.wth_exam_left {width:100%;}
	.wth_exam_right {display:none;}
	.wth_exam_content {
		position: relative;
		width: auto;
		height:auto;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 0.3rem;
		outline: 0;
	}
	.modal_test_zone { margin: 1%; padding: 1%; width:auto; overflow-y:scroll; }
	.wth_exam_items {display:none;}
	.wth_exam_sum {display:none;}
	.wth_exam_score {display:none;}
	.wth_exam_time {display:none;}
	.wth_exam_state {width:16%;}
	.wth_exam_pay {width:16%;}
	.wth_exam_mobile {display:block;}
	.wth_exam_desktop {display:none;}

	/*시험 정보*/
	.modal_test_title {  position:relative; display:inline-block; width:100%; height:190px; padding:0 0; overflow:hidden; text-align:center; background:#014099; }
	.modal_test_title .top_title { display:block; font-size:30px; line-height:65px; font-weight:bold; color:#fff; text-align:center;margin-top:15px; letter-spacing:-3px; }
	.modal_test_title .top_state { padding-top:50px;display:inline-block; height:40px; padding:0 0 0 20px; text-align:center; border-radius:20px; background:#476cbb; margin:0px auto 20px auto; overflow:hidden;}
	.modal_test_title .top_state li {list-style: none; float:left; line-height:40px; padding:0 10px; font-size:17px; font-weight:bold; color:#fff; }
	.modal_test_title .top_state li.li1{ color:#f4f400; background:#476cbb; padding-right:20px;}
	.modal_test_title .top_state li.li2{ background:#253c70; padding-left:20px;  }
	.modal_test_title .top_state li.li3{ background:#253c70; font-weight:normal; padding-right:25px;}
	.modal_test_title .top_state li.li3 b { font-size:20px; color:#ffd200; font-weight:bold; }
	.modal_test_title .top_state li em{font-size: 15px; font-weight: normal; color: #ab7fe4;}
	.modal_test_title .top_mobile_close {display:block;}

	/* 게시판 카테고리 tab */
	.wth_board_tabs li {width:32%;}

}

@media(max-width:740px){
	
	/* input box */
	.form-control {
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-weight: 500;
		color: #6e707e;
		background-clip: padding-box; 
		border: 1px solid #ddd;
		border-radius: 0;
	}
	
	/* 메인 게시판 처리 */
	.wth_main_bbs_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width : 70%;
	}

	.wth_bbs_date {
		position: absolute;
		right: 0;
		top: 0;
	}

	.input_box_com {width: 70%;}
	.input_box_opt {width: 90%;}

	/* 회원가입 페이지 */
	.wth_join {width: 100%; max-width:500px; margin:0 auto;}
	.wth_join:after {content:""; display:block; clear:both;}
	.wth_join h1 {text-align:center; margin-bottom:40px;}
	.wth_join h1 span {font-weight:lighter;}

	.wth_join_box {border-top:1px solid #ddd; margin:40px 0px 15px 0px; padding-top:40px;}
	.wth_join_box p {margin-bottom:15px; position:relative; line-height:26px;}
	.wth_join_box p:before {content: ''; display: block; float:left; width:40px; height:35px; background:url(/wthimg/common/exclamation.png) no-repeat;}
	.wth_join_box span{color: #d55c0c; font-weight: 700;}

	.wth_join_forms {border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:30px;width:100%;}
	.wth_join_forms dl { text-align:left; border-bottom:1px solid #ddd; margin-bottom :0px; display:table; width:100%; line-height:2.0;}
	.wth_join_forms dt {background:#f4f4f4; padding-left:5px; font-weight:normal;  text-align:left; display: table-cell; width:28%; vertical-align:middle; white-space:pre-line; line-height:3.0;}
	.wth_join_forms dd {padding:5px 0px 5px 15px; display:table-cell; vertical-align:middle;width: 100%; line-height:2.0;}
	.wth_join_forms dd img { display: block; margin: 0 auto; text-align: center;}
	.wth_join_forms dt span {color: #d55c0c; font-weight: 700; padding-left: 10px;}
	.wth_join_forms dd span {font-size: 0.8rem; color: #888;}
	.wth_join_forms dd b {color: #ff2faf; font-weight: 700;}
	.wth_join_wrap {width:100%; margin:50px auto; border:1px solid #ddd; background: #f7f7f7;}
	.wth_join_btn_wrap { margin:0 auto; width:100%;  word-break:keep-all; text-align:center;}

	
	/* 강좌 리스트 */
	.wth_course_zone div:nth-child(2){clear: both; overflow: hidden; margin: 0px 1% 3% 0%; width: 100%;font-size: 0.9rem;}
	.wth_course_zone div:nth-child(3){clear: both; overflow: hidden; margin: 0px 1%; width: 100%; padding: 20px;font-size: 0.9rem;}
	.course_list_img { display:none; }

	/* 공통검색어 */
	.txt_com_word {width:70%;height:35px; border: 1px solid #ddd;font-size: 1.0rem;font-weight:normal;}

	.wth_common_wrap {margin:auto;clear: both; overflow: hidden;}
	.wth_common_wrap .wth_common_item{width: 100%;}
	/* 강좌 상세 이미지 */
	.wth_detail_img { display:none; }

	/* 강의 리스트 */
	.table {margin:auto; width: 100%; table-layout: auto;}
	.wth-com-table .vdo-file{display:none;}

	/* 강사 리스트 */
	.wth_lector ul li img{width: 100%;}
	
	/* 도서 */
	.wthBookArea .wthBookList {width: 100%; }

	/* 검색폼*/
	.wth_search_box {padding: 10px;}
	.wth_search_inner {width: 100%; margin: 0;}
	.input_sword {width:100%;}
	.mobile_search {padding-top:15px;}

	.btn7 {
		text-align: center;
		width: 100%;
		height: 40px;
		vertical-align: middle;
		font-size: 1.125rem;
		line-height: 36px;
		cursor: pointer;
	}
	.wth_exam_content {
		position: relative;
		width: auto;
		height:auto;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 0.3rem;
		outline: 0;
	}
	.modal_test_zone { margin: 1%; padding: 1%; width:auto; overflow-y:scroll; }
	.wth_exam_items {display:none;}
	.wth_exam_sum {display:none;}
	.wth_exam_score {display:none;}
	.wth_exam_time {display:none;}
	.wth_exam_state {width:16%;}
	.wth_exam_pay {width:16%;}
	.wth_exam_mobile {display:block;}
	.wth_exam_desktop {display:none;}
}

@media(max-width:760px){
	/* 강의 리스트 */
	.table {margin:auto; width: 100%; table-layout: auto; padding-top: 5px;}
	.wth-com-table .vdo-file{display:none;}

	/* 강사 리스트 */
	.wth_lector ul li img{width: 100%;}

	/* 도서 */
	.wthBookArea .wthBookList {width: 100%; }

	/* 메인 게시판 처리 */
	.wth_main_bbs_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width : 75%;
	}

	.wth_bbs_date {
		position: absolute;
		right: 0;
		top: 0;
	}

	/* 검색폼*/
	.wth_search_box {padding: 10px;}
	.wth_search_inner {width: 100%; margin: 0;}
	.input_sword {width:100%;}
	.mobile_search {padding-top:15px;}

	.btn7 {
		text-align: center;
		width: 100%;
		height: 40px;
		vertical-align: middle;
		font-size: 1.125rem;
		line-height: 36px;
		cursor: pointer;
	}

}

@media(max-width:860px){
	
	/* input box */
	.form-control {
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-weight: 500;
		color: #6e707e;
		background-clip: padding-box; 
		border: 1px solid #ddd;
		border-radius: 0;
	}
	
	/* 메인 게시판 처리 */
	.wth_main_bbs_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width : 75%;
	}

	.wth_bbs_date {
		position: absolute;
		right: 0;
		top: 0;
	}

	.input_box_com {width: 70%;}
	.input_box_opt {width: 90%;}

	/* 회원가입 페이지 */
	.wth_join {width: 100%; max-width:500px; margin:0 auto;}
	.wth_join:after {content:""; display:block; clear:both;}
	.wth_join h1 {text-align:center; margin-bottom:40px;}
	.wth_join h1 span {font-weight:lighter;}

	.wth_join_box {border-top:1px solid #ddd; margin:40px 0px 15px 0px; padding-top:40px;}
	.wth_join_box p {margin-bottom:15px; position:relative; line-height:26px;}
	.wth_join_box p:before {content: ''; display: block; float:left; width:40px; height:35px; background:url(/wthimg/common/exclamation.png) no-repeat;}
	.wth_join_box span{color: #d55c0c; font-weight: 700;}

	.wth_join_forms {border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:30px;width:100%;}
	.wth_join_forms dl { text-align:left; border-bottom:1px solid #ddd; margin-bottom :0px; display:table; width:100%; line-height:2.0;}
	.wth_join_forms dt {background:#f4f4f4; padding-left:5px; font-weight:normal;  text-align:left; display: table-cell; width:28%; vertical-align:middle; white-space:pre-line; line-height:3.0;}
	.wth_join_forms dd {padding:5px 0px 5px 15px; display:table-cell; vertical-align:middle;width: 100%; line-height:2.0;}
	.wth_join_forms dd img { display: block; margin: 0 auto; text-align: center;}
	.wth_join_forms dt span {color: #d55c0c; font-weight: 700; padding-left: 10px;}
	.wth_join_forms dd span {font-size: 0.8rem; color: #888;}
	.wth_join_forms dd b {color: #ff2faf; font-weight: 700;}
	.wth_join_wrap {width:100%; margin:50px auto; border:1px solid #ddd; background: #f7f7f7;}
	.wth_join_btn_wrap { margin:0 auto; width:100%;  word-break:keep-all; text-align:center;}

	
	/* 강좌 리스트 */
	.wth_course_zone div:nth-child(2){clear: both; overflow: hidden; margin: 0px 1% 3% 0%; width: 100%;font-size: 0.9rem;}
	.wth_course_zone div:nth-child(3){clear: both; overflow: hidden; margin: 0px 1%; width: 100%; padding: 20px;font-size: 0.9rem;}
	.course_list_img { display:none; }

	.wth_common_wrap {margin:auto;clear: both; overflow: hidden;}
	.wth_common_wrap .wth_common_item{width: 100%;}
	/* 강좌 상세 이미지 */
	.wth_detail_img { display:none; }

	/* 강사 리스트 */
	.wth_lector ul li img{width: 100%;}

	/* 검색폼*/
	.wth_search_box {padding: 10px;}
	.wth_search_inner {width: 100%; margin: 0;}
	.input_sword {width:100%;}
	.mobile_search {padding-top:15px;}

	.btn7 {
		text-align: center;
		width: 100%;
		height: 40px;
		vertical-align: middle;
		font-size: 1.125rem;
		line-height: 36px;
		cursor: pointer;
	}

}

@media(max-width:980px){
	.wth_common_wrap {margin:auto;clear: both; overflow: hidden;}
	.wth_common_wrap .wth_common_item{width: 100%;}
	/* 강좌 상세 이미지 */
	.wth_detail_img { display:none; }
}

@media(max-width:1024px){
	/* 게시판 카테고리 tabs */
	.wth_board_tabs {width:100%; min-width:auto;}
	.wth_board_tabs li {width:18%;}
}