@charset "utf-8";

/* Reset */
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	list-style-type: none;
	font-family:'NotoSans';
	font-size:0.98rem;
}

html { 
	color:#333;
	font-weight:normal;
	overflow-x:hidden;
}

body {
	-webkit-text-size-adjust:none; 
}

button {background:none; border:0; border-radius:0; overflow:visible; cursor:pointer;}
button:focus {outline:none;}

/* 공통사용 */
.content {width: 100%; margin: 0 auto; margin-bottom: 120px;}
.content_wrap {max-width:1024px; margin:0 auto;}
.content_wrap:after {content:""; display:block; clear:both;}
.content_wrap h1 {text-align:center; margin-bottom:40px;}
.content_wrap h1 span {font-weight:lighter;}

a:link, a:visited,  a:hover, a:active {
    color: inherit;
    text-decoration: none;
}

/* input box */
.form-control {
	display: inline;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-weight: 500;
	color: #6e707e;
	background-color: #fff; 
	background-clip: padding-box; 
	border: 1px solid #ddd;
	border-radius: 0;
	font-size:0.96rem;
}

.input_box_60 {width: 60%;}
.input_box_50 {width: 50%;}
.input_box_40 {width: 40%;}
.input_box_com {width: 50%;}
.input_box_opt {width: 60%;}

/* color */
.red {color:#D60201 !important;}
.orange {color:#EB6101 !important;}
.green {color:#097C27 !important;}
.Ltgreen {color:#00ae85 !important;}
.blue {color:#05367b !important;}
.blue02 {color:#014099 !important;}
.Lightblue {background:#f1f7ff !important;}
.Lightblue02 {background:#d0e4ff !important;}
.gray {color:#666 !important;}

.box_inner {padding:30px 30px; }
.box_inner:after {content:""; display:block; clear:both;}

/* 회원가입 페이지 */
.wth_join {width: 100%; max-width:780px; 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:5px 0px 15px 0px; padding-top:10px;}
.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.5;}
.wth_join_forms dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:25%; 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.5;}
.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: 15px;}
.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_login_bg { margin:0 auto; width:100%; max-width:680px; word-break:keep-all; border:1px solid #ddd; background: #f7f7f7;margin-bottom: 50px;}
.wth_sns_box {margin-bottom:40px;}
.wth_sns_box p {margin-bottom:15px; position:relative; line-height:26px;}
.wth_sns_box p:before {content: ''; display: block; float:left; width:40px; height:35px; background:url(/wthimg/common/exclamation.png) no-repeat;}
.wth_sns_box span{color: #d55c0c; font-weight: 700; }

/* 회원가입 완료 */
.wth_join_end_bg { margin:0 auto; width:100%; max-width:680px;  word-break:keep-all; border:1px solid #ddd; background: #f7f7f7;margin-bottom: 50px;}
.wth_box_innerline {border-top:1px solid #ddd; margin-top:40px; padding-top:40px; margin-bottom:40px;}
.wth_box_innerline p {margin-bottom:15px; position:relative; line-height:26px;}
.wth_box_innerline p:before {content: ''; display: block; float:left; width:40px; height:35px; background:url(../../assets/images/sub/common/!.png) no-repeat;}
.wth_box_innerline span{color: #d55c0c; font-weight: 700; }}

/* 회원가입 이용약관 */
.wth_join_doc {width:100%; max-width:780px; margin:30px auto; border:1px solid #ddd; background: #f7f7f7;}

/* 회원 탈퇴 */
.wth_drop_wrap {margin: auto; margin-top: 22px; border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:50px;max-width:760px;}
.wth_drop_box dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;}
.wth_drop_box dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:20%; vertical-align:middle; white-space:pre-line;}
.wth_drop_box dd {padding:15px; display:table-cell; vertical-align:middle;width: 100%;}

/* 단과 강좌 리스트 */
.wth_course_zone{margin:auto;width:100%;max-width:1024px;clear: both; overflow: hidden; border-bottom: 1px solid #ddd; padding:20px;  background: #f9f9f9;}
.wth_course_zone div{float: left;width:25%;}
.wth_course_zone div:nth-child(2){margin: 0px 2%; width: 45%;padding-left: 15px;}
.wth_course_zone div:nth-child(2) dl dt{font-weight: 600; font-size: 1.2rem; letter-spacing: -1px; }
.wth_course_zone div:nth-child(3){float:right;background: #fff; border: 1px solid #ddd; padding: 15px;}
.wth_course_zone div:nth-child(3) ul li{clear: both; overflow: hidden; }
.wth_course_zone div:nth-child(3) ul li dl{clear: both; overflow: hidden;}
.wth_course_zone div:nth-child(3) ul li dl dt{float:left; }
.wth_course_zone div:nth-child(3) ul li dl dd{float:right; margin-left: 25px;}
/*.wth_course_zone div ul li:nth-child(3) {margin-top:30px;  width:100%; text-align: center;}*/
.wth_course_zone .won{font-size: 0.9rem; font-weight: 600; letter-spacing: -1px; color:#ff2faf; }
.wth_course_zone .free{font-size: 0.9rem; font-weight: 600; letter-spacing: -1px; color:#051b5e; }
.wth_course_zone img{border: 1px solid #ddd;width:100%;border-radius: 12px;}
.course_sub_title {font-size: 0.8rem;cursor:pointer;}
.course_list_teacher {font-size: 0.85rem;}
.course_list_apply_date {font-size: 0.8rem;color:#ff0000}
.course_list_sale_book {width:100%;font-size:0.78rem;color:#000033;}
.course_view_opt_sale_book {font-size:0.8rem;color:#ff0000;}
.course_list_soltout_book {font-size: 0.78rem;color:#ff0000;}
.course_list_relate_exam {width:100%;font-size:0.78rem;color:#000033;}
.course_view_relate_book {color:#000;font-size:0.85rem;}
.course_view_book_sumprice {font-size:0.75rem;color:#0033cc;}

/* 상세 보기1 */
.wth_common_wrap {margin:auto;clear: both; overflow: hidden; max-width:1024px; }
.wth_common_wrap .wth_detail_img{float:left; margin-top: 0px;}
.wth_common_wrap .wth_common_item{float: right; width: 60%;}
.wth_common_wrap .wth_detail_img img{border: 1px solid #ddd;border-radius: 12px; }
.wth_common_wrap .wth_common_item p{font-size: 1.25rem; letter-spacing: -1px; margin-bottom: 10px;}
.wth_common_wrap .wth_common_item p span{font-size: 0.9rem; letter-spacing: -1px; margin-bottom: 5px;}
.wth_item_detail {border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:30px;}
.wth_item_detail dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%; line-height:0.9; margin-top: 0; margin-bottom: 0rem}

.wth_item_detail dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:23%; vertical-align:middle; white-space:pre-line;}
.wth_item_detail dd {padding:15px; display:table-cell; vertical-align:middle;width: 100%;}
.wth_item_detail dd img { display: block; margin: 0 auto; text-align: center;}
.wth_item_detail dt span {color: #d55c0c; font-weight: 700; padding-left: 15px;}
.wth_item_detail dd span {font-size: 0.9rem; color: #888;}
.wth_item_detail dd b {color: #ff2faf; font-weight: 700;}
.wth_item_detail_tit dd {width:35%;}

/* 강좌 상세정보 */
.wht_contents{margin:auto; padding-top:30px; clear: both; overflow: hidden; max-width:1024px;}
.wth_vdo_list{margin:auto; padding-top:10px; clear: both; overflow: hidden; max-width:1024px;}
.wth_bbs_qna{margin:auto; padding-top:10px; clear: both; overflow: hidden; max-width:1024px;}
.wth_bbs_review{margin:auto; padding-top:10px; clear: both; overflow: hidden; max-width:1024px;}

.wth_course_tab {margin:auto;margin-top: 30px;max-width:1024px;}
.wth_course_tab:after {content:""; display:block; clear:both;}
.wth_course_tab > li {float:left; width:33.33%; box-sizing:border-box;}
.wth_course_tab > li a {display:block; background:#f4f4f4; text-align:center;  vertical-align:middle; line-height:50px; border:1px solid #ddd; border-bottom:1px solid #05367b;} 
.wth_course_tab > li a.focus {font-size: 1.2rem; background:#fff; font-weight:bold; border-top:1px solid #05367b; border-left:1px solid #05367b; border-right:1px solid #05367b; border-bottom:1px solid #fff; color:#014099;}


/* 페이징 처리 */
.paginate {text-align:center; font-size:0.875rem; margin-top: 20px;}
.paginate .wth_number {display:inline-block; margin: 0 15px;}
.paginate .wth_number a, .paginate .wth_number strong {display:inline-block; vertical-align:middle; width:37px; height:35px; line-height:35px; color:#666; border:1px solid #ddd; border-radius:2px;}
.paginate .wth_number strong {border-color:#05367b; background-color:#014099; color:#fff; font-weight:normal;}
.paginate > a {display:inline-block; vertical-align:middle; width:37px; height:35px; line-height:35px; overflow:hidden; border:1px solid #ddd; text-indent:-9999px;}
.paginate > a.wth_page_first {background:url('/wthimg/common/page_first.png') no-repeat center;}
.paginate > a.wth_page_prev {background:url('/wthimg/common/page_prev.png') no-repeat center;}
.paginate > a.wth_page_next {background:url('/wthimg/common/page_next.png') no-repeat center;}
.paginate > a.wth_page_end {background:url('/wthimg/common/page_end.png') no-repeat center;}
.paginate a:hover, .paginate a:focus {background-color:#f4f4f4; text-decoration:none;}

/* 강의 목록 */
.table {margin:auto; width: 100%; table-layout: fixed;}
.wth-com-table {margin-top: 20px; font-size: 1rem;}
.wth-com-table th, .wth-com-table td {padding: 10px 0;border-bottom: 1px solid #ccc; vertical-align: middle;}
.wth-com-table td strong{font-weight: normal; color: #e76200;}
.wth-com-table th {font-weight: 500; color: #000;}
.wth-com-table td {border-color: #ccc; font-weight: 400; text-align: center; color: #444;}
.wth-com-table thead {background: #f5f5f5;}
.wth-com-table thead th {background: #f5f5f5; border-top: 2px solid #4d4d4d;}
.wth-com-table tbody .td-title {text-align: left;}
.wth-com-table tbody .td-title strong{font-size: 0.9rem; font-weight: 700; color: #336699;}
.wth-com-table {font-size: 0.9rem;}


/* 패키지 강좌 목록 */
.wth_package {width:100%; text-align:left; padding:10px 0px 10px 10px; background: #efefef;}
.wth_package ul {float: left;}
.wth_package ul li{line-height: 22px;font-size: 0.9rem;letter-spacing: -1px;}
.wth_package ul li:first-child{font-size: 1.1rem;}
.wth_package span {padding-left:3%; display: inline-flex; width: 150px;}
.wth_package_panel { padding:0 2%; background-color:#f4f4f4; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out;}
.wth_package_panel p {min-height:100px; padding:20px 0;}

/* 패키지 상세보기*/
.wthOptPackage {clear: both; overflow: hidden; }
.wthOptPackage h3 {font-size:1.20rem;letter-spacing: -1px; border-bottom:1px solid #ddd; padding-bottom:10px; margin:15px 0px; } /*36px*/
.wthOptPackage .wthOptPackageLeft{float:left; width: 59%; cursor: pointer;}
.wthOptPackage .wthOptPackageLeft ul{clear: both; padding: 20px;margin-bottom: 12px; border: 1px solid #ddd; background: #f7f7f7;}
.wthOptPackage .wthOptPackageLeft ul li{font-size: 0.9rem;}
.wthOptPackage .wthOptPackageLeft ul li b{color:#f8327b;}
.wthOptPackage .wthOptPackageLeft .choice{border: 2px solid #f8327b; background: #fff;}
.wthOptPackage .wthOptPackageRight {float:right; width: 39%; }
.wthOptPackage .wthOptPackageRight .xsc{height: 400px; overflow-x: auto; padding-right:10px;}
.wthOptPackage .wthOptPackageRight dl{clear: both; overflow: hidden; border-bottom: 1px solid #eee; padding: 0px 0px 5px 0px; margin-top: 10px;}
.wthOptPackage .wthOptPackageRight dl dt{float: left; font-weight: 600; color: #666; letter-spacing: -1px;}
.wthOptPackage .wthOptPackageRight dl dd{float: right; cursor: pointer; width: 17px; height: 18px; padding: 1px; border-radius: 3px; background:#888 url(/wthimg/common/wthOptDel.png)no-repeat -96px -127px;}
.wthOptPackage .wthOptPackageRight ul{clear: both; padding: 10px 0px; }
.wthOptPackage .wthOptPackageRight ul li{font-size: 0.85rem;line-height: 27px;}
.wthOptPackage .wthOptPackageRight ul b{color:#f8327b;}
.wthOptPackage .wthOptPackageRight .classIcon {background: #f8327b; font-size: 0.8rem; letter-spacing: 1px; color: #fff; border-radius: 3px; padding: 3px; margin-right: 8px;}
.wthOptPackage .wthOptPackageRight .bookIcon {background: #666; font-size: 0.8rem; letter-spacing: 1px; color: #fff; border-radius: 3px; padding: 3px; margin-right: 8px;}
.wthOptPackage .wthOptPackageRight .optTotal{padding: 10px; border-bottom: 1px solid #666; border-top: 1px solid #ddd; margin-bottom: 20px; text-align: right;}
.wthOptPackage .wthOptPackageRight .optTotal ul li{font-weight: 600;}
.wthOptPackage .wthOptPackageRight .optTotal ul li:last-child{ color: #f8327b;}
.wthOptPackage .wthOptPackageRight .optTotal ul li span{color: #666;}
/* 상세내용 */
.wthOptPackageData{clear: both; overflow: hidden;margin: 20px 0px;}
.wthOptPackageData img{text-align: left; width: 100%;}

/* 선택형 패키지 글자 */
.wth_optional_text {font-size:0.80rem;color:#565656;}
.wth_optional_text1 {font-size:0.80rem;color:#000099;}
.wth_optional_text2 {font-size:0.80rem;color:#565656;}

/* 강사 목록 */
.wth_lector{clear: both; overflow: hidden; width: 100%;}
.wth_lector ul{float: left; margin:0% 0.5% 2% 0.5%;}
.wth_lector ul li{line-height: 25px; letter-spacing: -1px;}
.wth_lector .lector_title{display: inline-block; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.wth_lector ul li:first-child{border: 1px solid #ddd;margin-bottom: 5px;}
.wth_lector ul li:last-child{font-size: 1.1rem; font-weight: 600; color:#014099; }


/* 강사전용 메뉴 */
.wth_lector_tab ul li  {
    list-style: none;
    max-width: 110px;
    width: 100%;
    display: inline-block;
    padding: 7px;
    border: 1px solid #e4e4e4;
    font-size: 13px;
    cursor: pointer;
	text-align:center;
}


/* 강사 상세 */
.wth_lector_detail{clear: both; overflow: hidden; }
.wth_lector_detail .lector_detail_img{float:left; border: 1px solid #ddd; width: 39%;}
.wth_lector_detail .lector_item{float: right; width: 60%;}
.wth_lector_detail .lector_item p{font-size: 1.25rem; letter-spacing: -1px; margin-bottom: 10px;}
.wth_lector_detail .lector_item p span{font-size: 0.9rem; letter-spacing: -1px; margin-bottom: 5px;}
.lector_word {line-height: 25px;}
.wth_lector_contents{margin:auto; padding-top:30px; clear: both; overflow: hidden; max-width:1024px;}

/* 도서 */
.wthBookArea{margin:auto;clear: both; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;padding: 10px; max-width:1240px;}
.wthBookArea .wthBookList {float: left; width: 50%; max-width:600px; padding-bottom: 20px;margin-bottom:20px; border-bottom:1px solid #eee;}
.wthBookArea .wthBookList img{border: 1px solid #eee; margin-right: 20px;}
.wthBookArea .wthBookList div{float: left;}
.wthBookArea .wthBookList ul{clear: both; overflow: hidden;}
.wthBookArea .wthBookList ul li{font-size: 0.9rem;line-height: 25px;}
.wthBookArea .wthBookList .wth_book_title{font-size: 1.2rem;}
.wthBookArea .wthBookList li b{ font-weight: 600; color: #ff2faf;}
.wthBookArea .wthBookList .wth_book_price{font-size: 0.96rem;}
.wth_book_tab {margin:auto;margin-top: 30px;max-width:1024px;}
.wth_book_tab:after {content:""; display:block; clear:both;}
.wth_book_tab > li {float:left; width:50%; box-sizing:border-box;}
.wth_book_tab > li a {display:block; background:#f4f4f4; text-align:center;  vertical-align:middle; line-height:50px; border:1px solid #ddd; border-bottom:1px solid #05367b;} 
.wth_book_tab > li a.focus {font-size: 1.2rem; background:#fff; font-weight:bold; border-top:1px solid #05367b; border-left:1px solid #05367b; border-right:1px solid #05367b; border-bottom:1px solid #fff; color:#014099;}
.wht_book_dlvy{margin:auto; padding-top:30px; clear: both; overflow: hidden; max-width:1024px;}

/* 장바구니 */
.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%;margin-bottom: 0rem;}
.wth_cart_view dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:15%; vertical-align:middle; white-space:pre-line;}
.wth_cart_view dd {padding:15px; display:table-cell; vertical-align:middle;width: 100%;}
.wth_cart_tit dd {width:35%;}
.wth_cart_bg{background: #f7f7f7; padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;text-align:right;}
.cart_class_price {font-size:0.75rem;color:#ff0000;vertical-align: 2px;}
.cart_relate_book {font-size:0.75rem;color:#ff0000;vertical-align: 0px;}
.cart_sum_point {font-size:0.8rem;color:#336600;vertical-align: 0px;}
.cart_list_empty {color:#336600;font-size:1.2rem;}
.cart_list_bottom {text-align:center;padding-top:15px;}
/* 장바구니 썸네일 */
.cart_thumb_img{width:50px; height:50px; border-radius: 8px;}

/* 장바구니 무통장 */
.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 {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:15%; vertical-align:middle; white-space:pre-line;}
.wth_cart_bank dd {padding:15px; display:table-cell; vertical-align:middle;width:75%;}
.wth_cart_bank_tit dd {width:30%;}

/* 상세보기2 */
.wth_common_view {margin-top: 22px; border-top:3px solid #65387c; border-bottom:1px solid #65387c; margin-bottom:50px;max-width:1024px;}
.wth_common_view dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;margin-bottom: 0rem;}
.wth_common_view dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:15%; vertical-align:middle; white-space:pre-line;}
.wth_common_view dd {padding:15px; display:table-cell; vertical-align:middle;width: 100%;}
.wth_common_dd dd {width:35%;}

/* 주문상세 탭메뉴 */
.wth_order_tab {margin-top: 30px;}
.wth_order_tab:after {content:""; display:block; clear:both;}
.wth_order_tab > li {float:left; width:49.999999%; box-sizing:border-box;}
.wth_order_tab li a {display:block; background:#f4f4f4; text-align:center;  vertical-align:middle; line-height:50px; border:1px solid #ddd; border-bottom:1px solid #05367b;} 
.wth_order_tab > li a.focus {font-size: 1.2rem; background:#fff; font-weight:bold; border-top:1px solid #05367b; border-left:1px solid #05367b; border-right:1px solid #05367b; border-bottom:1px solid #fff; color:#014099;}
/* 상품변경정보 */
.wth_order_mobile {display:none;}
.wth_order_mobile_log {display:none;}

/* 주문정보 */
.wth_device_desktop {display:block;}
.wth_device_mobile {display:none;}

/* 학습중인 강좌 */
.wth_study_area{clear: both; overflow: hidden; border-bottom: 1px solid #ddd; padding:20px;  background: #f9f9f9;}
.wth_study_area div img{width: 100%;border: 1px solid #ddd;}
.wth_study_area div{float: left;}
.wth_study_area div:nth-child(1){width: 12%;}
.wth_study_area div:nth-child(2){margin: 0px 2%; width: 60%;}
.wth_study_area div:nth-child(2) dl dt{font-weight: 600; font-size: 1.2rem; letter-spacing: -1px; }
.wth_study_area div:nth-child(3){float:right; width: 20%;}
.wth_study_area div ul li{margin: 1px 0px; text-align: center;}
.wth_study_area div ul li button{ width: 100%; font-size: 1rem;}
.wth_study_area div:nth-child(1) ul li button{font-size: 0.9rem; background: #000;}

/* 주문내역 tabmenu */
.wth_buy_tabnav {font-size:0; width:242px; 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_study_content {
    position: relative;
    width: 1056px;
	height: 720px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

/* 모바일 창*/
.mobile_top_close {display:none;}
.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_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:32px; line-height:65px; font-weight:bold; color:#fff; text-align:center;margin-top:15px; letter-spacing:-3px; text-size-adjust: auto; }
.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:#476cbb; 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:#476cbb; padding-right:20px;}
.wth_study_room .top_state li.li2{ background:#253c70; padding-left:20px;  }
.wth_study_room .top_state li.li3{ background:#253c70; 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:left; display:block; width:15%; 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: left;  width: 83%; }
.wth_right_study_room p{letter-spacing: -1px; font-size: 22px; font-weight: bold; color: #014099;padding: 0; margin: 13px 0px 10px 0px;}


/* 탭메뉴 */
.wth_tab_style3 {margin-top: 30px;}
.wth_tab_style3:after {content:""; display:block; clear:both;}
.wth_tab_style3 > li {float:left; width:33.3333%; box-sizing:border-box;}
.wth_tab_style3 > li a {display:block; background:#f4f4f4; text-align:center;  vertical-align:middle; line-height:50px; border:1px solid #ddd; border-bottom:1px solid #05367b;} 
.wth_tab_style3 > li a.focus {font-size: 1.2rem; background:#fff; font-weight:bold; border-top:1px solid #05367b; border-left:1px solid #05367b; border-right:1px solid #05367b; border-bottom:1px solid #fff; color:#014099;}

.wth_study_panel {margin:auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; width:100%;}
.wth_study_panel p {min-height:30px; padding:10px 0;}
.wth_vdo_area {cursor:pointer; font-size: 1rem; width:100%; text-align:left; padding:10px 0px 10px 10px;background-color: #d9d9d9;}
.wth_vdo_area ul {float: left;}
.wth_vdo_area ul li{line-height: 22px;font-size: 0.9rem;letter-spacing: -1px;}
.wth_vdo_area ul li:first-child{}
.wth_vdo_area span {padding-left:3%; display: inline-flex; width: 150px;}
.wth_vdo_area:after {content:'+'; color:#999; font-size: 1.2rem;float:right; margin:0px 10px;}
.wth_vdo_area_active:after {content:'-'; font-size: 1.2rem; }
.wth_vdo_gap {padding-bottom:5px; }

.icon_offline1{font-size: 0.8rem; width: 90px; padding: 3px 8px; background: #356be9; color: #fff; text-align: center; margin-left: 10px; border-radius: 3px;}
.icon_offline2{font-size: 0.8rem; width: 70px; padding: 3px 5px; background: #d57300; color: #fff; text-align: center; margin-left: 10px; border-radius: 3px;}
.icon_package{font-size: 0.8rem; width: 80px; padding: 3px 8px; background: #de48a5; color: #fff; text-align: center; margin-left: 10px; border-radius: 3px;}
.icon_online{font-size: 0.8rem; width: 80px; padding: 3px 8px; background: #119034; color: #fff; text-align: center; margin-left: 10px; border-radius: 3px;}

/* 게시판 */
.wth_board_header {padding: 30px 0 10px; text-align:right;}
.wth_board_header:after {content: ""; display: block; clear: both;}
.wth_board_numbering {width: 100%;}
.wth_cateType {color:#014099;}
.wth_board_view {border-top:3px solid #65387c; border-bottom:1px solid #65387c;}
.wth_board_view dl { text-align:left; border-bottom:1px solid #ddd; display:table; width:100%;margin-top: 0; margin-bottom: 0rem}
.wth_board_view dt {background:#f4f4f4; padding-left:20px; font-weight:normal;  text-align:left; display: table-cell; width:20%; vertical-align:middle; white-space:pre-line;}
.wth_board_view dd {padding:15px; display:table-cell; vertical-align:middle;width: 100%;}
.wth_board_view dl.wth_board_content dt {position:absolute; left:-9999px; width:0; height:0; overflow:hidden;}
.wth_board_view dl.wth_board_content {min-height:auto;}
.wth_board_view .date {width:50%;}
.wth_board_tit dd {width:35%;}
.wth_board_left {text-align:left;padding-bottom:15px;float:left;width:30%;padding-top:15px;}
.wth_board_right {text-align:right;padding-bottom:15px;float:left;width:70%;padding-top:15px;}

.wth_board_pages {border-top:1px solid #ddd; margin-bottom:30px; clear:both;}
.wth_board_pages dl { text-align:left; border-bottom:1px solid #ddd; display: table; width:100%;}
.wth_board_pages dt {background:#f4f4f4; padding-left:20px; font-weight:normal; text-align:left; display:table-cell; width:15%; vertical-align:middle;}
.wth_board_pages dd { padding:15px; display:table-cell; vertical-align:middle;}
.wth_mobile_date {font-size:0.8rem;display:none;}
.wth_mobile_status {font-size:0.8rem;display:none;}
.wth_board_search {padding: 20px 0 10px; text-align:center; width:100%; clear:both;}

/* 갤러리 게시판 */
.wth_board_photo {clear: both; overflow: hidden; width: 100%;}
.wth_board_photo ul{float: left; margin:10px 0% 0px 2.8%; text-align: center;}
.wth_board_photo ul li{line-height: 25px; letter-spacing: -1px;}
.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:#014099; }

/* 댓글 */
.cmtZone {clear: both; overflow: hidden;font-size: 0.9rem;}
.cmtZone p span{font-weight: 600; color: #f98328;}
.cmtZone .cmtinArea {clear: both; overflow: hidden; background: #f7f7f7; }
.cmtZone .cmtinArea dl {clear: both; overflow: hidden; padding: 0px 30px 20px 30px;}
.cmtZone .cmtinArea dl dt{float: left;}
.cmtZone .cmtinArea dl dd{float: left;}
.cmtZone .cmtinArea .cmtList {clear: both; overflow: hidden; padding: 0px 15px 5px 15px; }
.cmtZone .cmtinArea .cmtList ul{clear: both; overflow: hidden;height: 30px;}
.cmtZone .cmtinArea .cmtList ul li{float: left; margin-top:10px; line-height: 15px;color:#888; }
.cmtZone .cmtinArea .cmtList dl, ol, ul{margin-bottom: 5px }
.cmtZone .cmtinArea .cmtList ul li:first-child {color: #014099;}
.cmtZone .cmtinArea .cmtList p{color: #333; border-top:1px dotted #888;}
.cmtZone .cmtinArea .cmtinList{margin: 0px 20px 20px 10px;  border-top:1px dotted #888; }
.cmtZone .cmtinArea .cmtinList .chkbox{margin: 5px 0px 0px 10px}
.cmtZone .cmtinArea .cmtinList dl dt{width: 100%;}
.cmtZone .cmtinArea .cmtinList dl{padding: 0px 10px 10px 10px;}
.cmtLeft {float:left;width:90%;}
.cmtRight {float:right;width:10%;}
.cmtInput {width:99%;height:70px;}
.cmtMemo {width:99%;height:70px;}

/* 포인트 정보 */
.wth_mobile_point_code {display:none;}
.wth_mobile_point_type {display:none;}
.wth_mobile_point_date {display:none;}

/* 게시판 필드 */
.txt_board_title {width:75%;}
.txt_board_write {width:70%;}
.txt_board_pwd {width:80%;}
.txt_board_search {width:auto;height:35px; border: 1px solid #ddd;font-size: 0.9rem;font-weight:normal;}
.txt_board_word {width:auto;height:35px; border: 1px solid #ddd;font-size: 0.9rem;font-weight:normal;}

.wth_faq_tabs {margin-top: 30px;min-width:1024px;}
.wth_faq_tabs:after {content:""; display:block; clear:both;}
.wth_faq_tabs > li {float:left; width:13%; box-sizing:border-box;}
.wth_faq_tabs > li a {font-size: 0.9em; display:block; background:#f4f4f4; text-align:center;  vertical-align:middle; line-height:50px; border:1px solid #ddd; border-bottom:1px solid #05367b;} 
.wth_faq_tabs > li a.focus {font-size: 0.9em;background:#fff;font-weight:bold;border-top:1px solid #05367b;border-left:1px solid #05367b;border-right:1px solid #05367b;border-bottom:1px solid #fff;color:#014099;}

/* FAQ */
.wth_board_faq {margin-bottom:50px;}
.wth_faq_panel { padding:5px 8%; background-color:#f4f4f4; display:none; transition:max-height 0.2s ease-out; border:1px solid #f4f4f4;}
.wth_faq_panel p {min-height:30px; padding:5px 0;}
.wth_faq_accordion p {display:inline-block;}
.wth_faq_accordion span {padding-left:3%;display: inline-flex;width: 190px;}
.wth_faq_accordion { background-color:#fff; border: 1px solid #f4f4f4; cursor:pointer; width:100%; text-align:left; outline:none; transition:0.4s; font-size:1rem;
border-bottom:1px solid #ddd; padding:10px 35px 10px 70px; position:relative; line-height:30px;}
.wth_faq_accordion:before {content:"Q"; font-size:1.1rem; display:block; width:30px; height:30px; border-radius:50%;
background:#3d057b; text-align:center; line-height:27px; color:#fff; position:absolute; top:50%; left:3%; transform:translateY(-50%);}
.wth_faq_accordion:after {content:'+';/*content:'\02795'; /*Unicode character for "plus" sign (+)*/
font-size:2rem; color:#999; float:right; margin-left:5px;}
.wth_faq_accordion_active:after {content:'-'; font-size:3rem;/*content:"\2796"; /*Unicode character for "minus" sign (-) */}

/* 검색결과 페이지 */
.wth_search_list {border-top:3px solid #65387c; border-bottom:1px solid #014099; margin:30px 0px 30px 0px;}
.wth_search_list dl {width:100%;}
.wth_search_list dt {background:#f4f4f4; color: #333; border-bottom:1px solid #ddd; padding: 10px; text-align:left;}
.wth_search_list dd {padding:5px; width: 100%; text-align:left; margin-bottom: -0.5rem;}

.wth_search_box {padding: 30px 20px; background: #f5f5f5; border: 1px solid #ddd;}
.wth_search_inner {width: 50%; margin: 0 auto;}
.wth_search_inner .form-control {height: 40px;}
.wth_search_inner [class*=col-] {padding-right: 0.25rem; padding-left: 0.25rem;}
.input_sword {width:95%;}

/* 시험 목록 */
.wth_exam_left {width:80%;padding-left:10px;}
.wth_exam_right {width:20%;}
.wth_exam_price {color:#ff0000;font-weight:bold;}
.wth_exam_date {color:#ff0000;font-size:0.7rem}
.wth_exam_apply_date {color:#0033cc;font-size:0.7rem}
.wth_exam_apply_date {color:#0033cc;font-size:0.7rem}
.wth-com-table .wth_exam_title {text-align:left;padding-left:10px;}
.wth_exam_items {width:8%;}
.wth_exam_sum {width:6%;}
.wth_exam_score {width:7%;}
.wth_exam_state {width:7%;}
.wth_exam_time {width:7%;}
.wth_exam_pay {width:7%;}
.wth_exam_mobile {display:none;}
.wth_exam_desktop {display:block;}
.wth_exam_checkbox {margin: -23px 0px 5px 40px;}
.wth_exam_radio {margin: -22px 0px 5px 40px;}

/* 기간연장 */
.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:18%; 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;}

/* 강의 리스트*/
.wth_vdo_chasi {width:6%;text-align:center;}
.wth_vdo_title {width:auto;text-align:center;}
.wth_vdo_time {width:10%;text-align:center;}
.wth_vdo_std_time {width:10%; text-align:center;}
.wth_vdo_data {width:8%; text-align:center;}
.wth_vdo_player {width:6%; text-align:center;}
.wth_vdo_down {width:6%; text-align:center;}

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

h2 {
    font-size: 1.25rem;
    color: #793da3;
    letter-spacing: -2px;
    margin: 20px 0px 15px 0px;
}

.policy_doc {
    padding: 20px;
    background: #f7f7f7;
}

/* 수강신청 종료 */
.enrolment{
	color:#ea1d00;
	font-size:0.85rem;
	font-weight:bold;
	padding-top:5px;
}

/* 수강신청 기간 */
.apply_date{
	color:#798bce;
	font-size:1.0rem;
}

/* 관련도서 금액*/
.related_books {
	padding:0px 0px 12px 15px;
	font-size:0.78rem;
}

/* 수강신청 금액 */
.wth_course_price {
	color: #FF5300
}

/* font size red */
.font_color_red {
    color: #D60201;
}

textarea {
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
    overflow: auto;
    padding: 10px;
    border: 1px solid #ddd;
    font-weight: normal;
    color: #666;
}

/*
button
*/
.btn1 {
    width: 150px;
    height: 45px;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
	text-align: center;
	border-radius: 3px;
	cursor:pointer;
}

.btn2{
	padding: 10px 50px; 
	font-size: 1rem; 
	width:210px;
	cursor:pointer;
	border-radius: 3px;
	text-align: center;
}

.btn3 {
    width: 130px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    line-height: 39px;
	text-align: center;
	border-radius: 3px;
	cursor:pointer;
	font-size:1.1rem;
}

.btn4 {
    width: 90px;
    height: 34px;
    vertical-align: 0px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.8rem;
    margin-bottom: 1px;
}

.btn5 {
    text-align: center;
    width: 100%;
    height: 55px;
    vertical-align: middle;
    font-size: 1.125rem;
    line-height: 50px;
	cursor:pointer;
}

.btn6 {
    text-align: center;
    width: 95%;
    height: 55px;
    vertical-align: middle;
    font-size: 1.125rem;
    line-height: 50px;
	cursor:pointer;
}

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

.btn_cp {
    width: 60px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    line-height: 16px;
	text-align: center;
	font-weight:bold;
	border-radius: 3px;
	font-size: 0.75rem;
}

/* 보라색 */
.btn_purple {
	background: #014099;
    border: 1px solid #014099;
    color: #fff;
}

/* 회색 */
.btn_gray {
	background: #6f7e92;
    border: 1px solid #6f7e92;
    color: #fff;
}

/* 어두운시안 */
.btn_cyan {
	background: #008b8b;
    border: 1px solid #008b8b;
    color: #fff;
}

/* 녹색 */
.btn_green {
	background: #336600;
    border: 1px solid #336600;
    color: #fff;
}

/* 초콜릿색 */
.btn_chocolate {
	background: #7B3F00;
    border: 1px solid #7B3F00;
    color: #fff;
	cursor:pointer;
}

/* red */
.btn_red {
	background: #ff5757;
    border: 1px solid #ff5757;
    color: #fff;
}

/* blue */
.btn_blue1 {
	background: #3366ff;
    border: 1px solid #3366ff;
    color: #fff;
}

.btn_blue2 {
	background: #05367b;
    border: 1px solid #05367b;
    color: #fff;
}

/* white */
.btn_white {
	background: #ffffff;
    border: 1px solid #ffffff;
    color: #000;
	border: 1px solid #000;
}

.btn_white1 {
	background: #ffffff;
    border: 1px solid #ffffff;
    color: #000;
	border: 1px solid #014099;
}

.btn_naver {
    background: #00cf00;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-weight: 800;
    letter-spacing: -1px;
    width: 100%;
    height: 58px;
    vertical-align: middle;
    font-size: 1.125rem;
    display: inline-block;
    line-height: 58px;
	cursor:pointer;
}
.icon_naver span {padding:30px 30px 30px 20px ;background:url(/wthimg/common/icon_naver.png) no-repeat right; }

.btn_kakao {
    background: #f6d900;
    border: 1px solid #fff;
    text-align: center;
    font-weight: 800;
    color: #3f2c32;
    letter-spacing: -1px;
    width: 100%;
    height: 58px;
    vertical-align: middle;
    font-size: 1.125rem;
    display: inline-block;
    line-height: 58px;
}
.icon_kakao span {padding:30px 30px 30px 20px ;background:url(/wthimg/common/icon_kakao.png) no-repeat right; }
.btn_google span {padding:30px 30px 30px 20px ;background:url(/wthimg/common/icon_google_original.png) no-repeat right;background-size:30px; }
.btn_facebook span {padding:30px 30px 30px 5px ;background:url(/wthimg/common/icon_facebook_original_wh.png) no-repeat right;background-size:25px;}
.btn_apple span {padding:30px 30px 30px 5px ;background:url(/wthimg/common/icon_apple_original_wh.png) no-repeat right;background-size:35px; }
.wth_icon_off {

    color: #fff;
    letter-spacing: -1px;
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 5px;
	background: #3366cc;
}

.wth_icon_course {
    color: #fff;
    letter-spacing: -1px;
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 5px;
	background: #339900;
}

.choice_class_offline {
    color: #fff;
    letter-spacing: -1px;
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 5px;
	background: #000066;
}

.choice_class_online {
    color: #fff;
    letter-spacing: -1px;
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 5px;
	background: #996633;
}

.wth_icon_sample {
    font-size: 11px;
    width: 90px;
    padding: 3px 8px;
    background: #d57300;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

/* 쿠폰 다운로드 */
.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: left; margin:0% 3% 2% 0%;}
.wthCpDown ul li{line-height: 25px; letter-spacing: -1px;}
.wthCpDown ul li img{width: 240px; height:240px;}
.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:#014099; }
.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 {
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size:2rem;
	transform: translate(-50%, -50%);
	color:#ffea00;
	font-weight:bold;
}

.wttCpTitle{
	text-overflow: ellipsis;
}

.wth_cp_mobile {display:none;}

.btn_cp_use {
  font-size:12px;
  width:70px;
  height:25px;
  border-width:1px;
  border-radius: 8px;
  box-shadow:inset 0px 0px 0px -4px #014099;
  background:linear-gradient(#014099, #014099);
}

.btn_cp_use:hover {
  background: linear-gradient(#014099, #014099);
}

.wth_cart_pay{max-width:960px;}
#wth_cart_zone{left : 50px; top:90px;}

/* 강사페이지 체크*/
.wth_pay_state {width:8%;}
.wth_teacher_data {display:none}

/* 도서판매 내역 */
.wth_book_data {display:none}

/* 모바일 로그인(카카오톡) spin */
.login_loader {
	display:none;
	position: absolute;
    top: 56%;
    left: 35%;
    width: 120px;
    height: 120px;
    background-color: #fff;
    z-index: 10;
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	animation: login_spin 2s linear infinite;
}

@keyframes login_spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 검색 버튼 */
.btn_wth_search { height: 34px; width: 40px;   background: #ffffff;   border: solid 1px; }
.wth_list_photo { padding:3px 0px 10px 0px; display: inline-block; width: 40px;  height: 34px;  text-align: center; line-height: 25px; border: 1px solid #a0a0a0; cursor: pointer; boder:0px; }

/* 시험영역 */
.full-height{
  min-height: 100vh;
}

.modal_test_title {  position:relative; display:inline-block; width:100%; height:130px; 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:none;}
.modal_test_zone { margin: 1%; padding: 1%; width:100%; height:500px; overflow-y:scroll; }
.modal_test_zone ul {margin-bottom: 30px;}
.modal_test_zone ul li{line-height: 26px; }
.modal_test_zone ul li dl{margin: 5px 0px;}
.modal_test_zone ul li dl dt{color: #333; padding: 8px 0px; margin: 8px 0px 8px 0px; background: #f7f7f7;}
.modal_test_zone ul li dl dd{height: 22px;line-height: 35px; height: 40px;border-bottom: 1px solid #ddd;}
.modal_test_zone .quiz{padding: 3px 5px 5px 5px; margin-right:10px; color: #fff; font-weight: 600; background: #279a1b;border-radius: 3px;}
.modal_test_zone ul li dl dd button{padding: 5px 8px; margin-right:10px; color: #fff; font-size: 7px; background: #777;border-radius: 100%;}
.wth_exam_content {
    position: relative;
    width: 960px;
	height:100%;
    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_main_bbs_title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width : 80%;
}
.wth_bbs_date {
    position: absolute;
    right: 0;
    top: 0;
}

/* 게시판 카테고리 tabs*/
.wth_board_tabs {display:flex; min-width:1024px;flex-wrap:wrap;}
.wth_board_tabs li {width:13%;}
.wth_board_tabs > li a {font-size: 0.9em; display:block; background:#f4f4f4; text-align:center;  vertical-align:middle; line-height:50px; border:1px solid #ddd; border-bottom:1px solid #05367b;} 
.wth_board_tabs > li a.focus {font-size: 0.9em;background:#fff;font-weight:bold;border-top:1px solid #05367b;border-left:1px solid #05367b;border-right:1px solid #05367b;border-bottom:1px solid #fff;color:#014099;}
.book_list_price { text-decoration: line-through; }