/* 팝업CSS */

#popup_wrap_main {position:absolute; z-index:999999; width: 100%;}
#popup_wrap_main > div{position:absolute;float:left;cursor:pointer;top:100px;}
#popup_wrap_main .close_btn{background:transparent;position:absolute;top:10px; right:10px;}
#popup_wrap_main .footer_box{width:100%;position: relative; height: 40px; background-color: #292929; color:#ffffff; font-size: 16px; font-family: notokr-medium; line-height: 40px; text-align: center; letter-spacing: -1px}

#wrap{}
.center{text-align:center;}

.label{display:inline-block;font-size:10px;border-radius:2px;line-height:16px;padding:1px 3px;font-family:'dotum';color:#fff;background:#393939;margin-right:3px;font-weight:400}
.label-package{background:#9208a7}
.label-lecture{background:#0071c0}
.label-event{background:#05b2b0}
.label-onair{background:#d10202}
.label-complete{}
.label-book{background:#ff9000}
.label-mock{background:#0b8140}
.label-sale{background:#ff2f5b}
.label-listen{background:#1099e8}
.label-complete{background:#46569c}
.label-rest{background:#ff7e00}
.label-point{background:#f94b68}
.label-payco{background:#00b6d7;}

.fl{ float:left}
.fr{float:right}

.explainWrap{line-height:23px;}
.explainCont{padding:10px 0;border-bottom: 1px solid #e2e2e2;line-height:23px;}
.explainCont:first-child{padding-top:0;}
.explainHead{font-size: 14px;margin-bottom: 10px;font-weight: bold;color: #d22828;}
.explainMiddle{padding-left: 10px;color:#888;}

#main_header {position:relative;width:100%;height:auto;background:#d22828;top:0px;z-index:800}
#main_header h2{width:100%;}
#main_header h2 a{position:relative;display:block;height:50px;z-index:999;}
#main_header h2 a span{display:block;text-align:center;padding-top:16px;}
#main_header .logo_wrap{height:50px;text-align:center;line-height:60px;}
#main_header .logo_wrap img{vertical-align:unset;}

#main_header .btn {width:100%;height:50px;z-index:11}
#main_header .btn > a{display:block;text-align:center;}
#main_header .btn > a > i{display:inline-block;font-size:30px;color:#fff;margin-top:10px;}
#main_header .btn .search_btn{width:50px;height:50px;position:absolute;left:0px;top:0px;z-index:10}
#main_header .btn .side_menu_btn{width:50px;height:50px;position:absolute;right:0px;top:0px;}

#main_header .main_search{background:#bb2323;padding:10px 10px;display:none;}
#main_header .main_search .search_box{border:1px solid #a01f1f;box-sizing:border-box;background:#fff;border-radius:5px;overflow:hidden;}
#main_header .main_search .search_box > form > div{position:relative;margin-left:70px;margin-right:46px;}
#main_header .main_search .search_box select{position:absolute;left:-70px;;width:70px;height:36px;text-indent:5px;background:#fff;border:0px;font-family:notokr-medium;}
#main_header .main_search .search_box input{width:100%;height:36px;box-sizing:border-box;padding:0 5px;font-size:14px;font-family:notokr-medium;}
#main_header .main_search .search_box a{position:absolute;top:0px;right:-46px;;display:block;width:46px;height:36px;text-align:center;}
#main_header .main_search .search_box a i{font-size:24px;margin-top:6px}

#sub_header{position:relative;;top:0px;width:100%;min-height:50px;background:#d22828;z-index:800}
#sub_header .left{overflow:hidden;}
#sub_header .left .btn{float:left;position:relative;width:50px;height:50px;overflow:hidden;}
#sub_header .left .btn a{float:left;left:0px;top:0px;width:50px;height:50px;background:#b52323;text-align:center;}
#sub_header .left .btn a img{height:30px;margin-top:10px;}
#sub_header .left .btn a i{font-size:30px;margin-top:10px;color:#fff;}
#sub_header .left h2{float:left;}
#sub_header .left h2 a{display:block;margin-left:10px;font-size:18px;font-weight:bold;color:#fff;height:50px;line-height:50px;font-family:notokr-medium;}

#sub_header .side_menu_btn{display:block;position:absolute;right:0px;top:0px;width:50px;height:50px;color:#fff;text-align:center;}
#sub_header .side_menu_btn i{display:inline-block;font-size:30px;color:#fff;margin-top:10px;}

#gnb_wrap{position:fixed;;top:0;right:-270px;width:270px;height:100%;background:#fff;z-index:999;overflow-y:scroll}
#gnb_wrap .gnb{position:absolute;top:0px;right:0px;width:270px;height:auto;z-index:999;overflow:hidden;}

#gnb_wrap .top{height:50px;background:#d22828;}
#gnb_wrap .top > a{display:block;height:50px;width:70px;text-align:center;line-height:50px;}
#gnb_wrap .top > a.login{position:absolute;left:0px;top:0px;font-size:14px;font-weight:bold;color:#fff;font-family:notokr-medium;}
#gnb_wrap .top > a.naver_login{position:absolute;left:90px;top:0px;font-size:14px;font-weight:bold;color:#fff;font-family:notokr-medium;}
#gnb_wrap .top > a.close{position:absolute;right:0px;top:0px;font-size:12px;font-weight:bold;color:#fff;width:50px;text-align:center;}
#gnb_wrap .top > a.close i{font-size:30px;margin-top:10px;}

#gnb_wrap .icon_menu {border-bottom:1px solid #c2c2c2  ;padding:10px 0;overflow:hidden;}
#gnb_wrap .icon_menu > a{display:block;width:90px;float:left;}
#gnb_wrap .icon_menu > a dt{text-align:center;}
#gnb_wrap .icon_menu > a dt img{width:40px;height:40px;;}
#gnb_wrap .icon_menu > a dd{text-align:center;font-size:12px;margin-top:10px;font-family:notokr-medium;}


#gnb_wrap .menu a{display:block;}

#gnb_wrap .menu .cate1 > dt{border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
#gnb_wrap .menu dl:first-child dt > a{border-top:0px;}

#gnb_wrap .menu .cate1 > dt > a{height:39px;line-height:39px;overflow:hidden;text-align:center;display:block;}

#gnb_wrap .menu .cate1 > dd{display:none;}
#gnb_wrap .menu .cate1 > dt > a > h4{float:left;font-size:14px;font-weight:bold;margin-left:10px;line-height:41px;font-family:notokr-medium;}
#gnb_wrap .menu .cate1 > dt > a > span{float:right;display:block;width:39px;height:39px;text-align:center;}
#gnb_wrap .menu .cate1 > dt > a > span i{font-size:26px;margin-top:7.5px;}

#gnb_wrap .menu .cate1 ul{padding:10px;}
#gnb_wrap .menu .cate2 {margin-bottom:5px;}
#gnb_wrap .menu .cate3 {display:none;;}
#gnb_wrap .menu .cate2 > a {height:34px;line-height:34px;border-radius:3px;background:#f2f2f2;font-size:13px;text-indent:10px;font-weight:800;font-family:notokr-medium;display:block;}
#gnb_wrap .menu .cate3 > a {height:33px;line-height:33px;border-bottom:1px solid #e2e2e2;text-indent:10px;}
#gnb_wrap .menu .cate3 > a:last-child{border-bottom:0px;}

#blackbg{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;z-index:900;display:none;}


#footer{background:#212121;}
#footer .footer_menu{background:#2f2f2f;}
#footer .footer_menu ul{overflow:hidden;}
#footer .footer_menu ul li{float:left;width:20%;}
#footer .footer_menu li a{display:block;height:50px;line-height:50px;color:#fff;font-size:13px;font-weight:bold;text-align:center;}
#footer .footer_info{padding:0 10px;height:120px;}
#footer .footer_info p{margin-top:10px;;background:#000;height:40px;line-height:40px;text-align:center;border-radius:3px;color:#fff;font-weight:bold;}
#footer .footer_info p strong{color:#ff5400;}
#footer .footer_info p a{color:#fff;}
#footer .footer_info span{display:block;text-align:center;margin-top:15px;}

#container{background:#e6e6e6;min-height:420px;}

.main .main_sb {width:100%;position:relative;}
.main .main_sb ul li img{width:100%;height:auto;}
.main .main_sb .bx-pager{position:absolute;bottom:25px;left:0px;width:100%;text-align:center;}
.main .main_sb .bx-pager div{display:inline-block;vertical-align:middle;}
.main .main_sb .bx-pager div a{display:block;width:60px;height:6px;background:#a2a2a2;text-indent:-9999px;transition:all 1s}
.main .main_sb .bx-pager div .active{background:#d50c0c}
.main .main_sb .bx-controls-direction{display:none;}

.main .tab_menu ul:after{content:"";clear:both;display:block;}
.main .tab_menu li{float:left;width:50%;;box-sizing:border-box;text-align:center;height:80px;position:relative;background:#fff}
.main .tab_menu li a{display:block;height:80px;}
.main .tab_menu li p{display:none;}
.main .tab_menu li.on p{display:block;position:absolute;bottom:-5px;left:50%;margin-left:-5px;width:10px;height:5px;z-index:100}
.main .tab_menu li.on p img{width:10px;height:5px;}
.main .tab_menu li.on a{background:#148eff;color:#fff;font-weight:bold;}
.main .tab_menu li dt {padding-top:10px;}
.main .tab_menu li dt img{width:45px;height:45px;}
.main .tab_menu li dd {font-size:11px;padding-top:5px;font-family:notokr-medium;}


.main .tab_con > div.on{display:block;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.main .tab_con > div{display:none}
.main .tab_con ul{overflow:hidden;padding:10px 9px;background:#fff;}
.main .tab_con li{width:50%;float:left;padding:0 1px;box-sizing:border-box;padding-bottom:2px;}
.main .tab_con li a{display:block;border:1px solid #d2d2d2;;background:#fff;border-radius:3px;height:40px;line-height:40px;text-indent:10px;font-family:notokr-medium;}

.main .center_ban{margin-top:20px;}
.main .center_ban a{display:block;}
.main .center_ban a img{min-width:320px;width:100%;}
.main .center_ban a.ban02{margin-top:5px;}

.main .pop_pack{background:#fff;margin-top:20px;padding:20px 0 20px 10px;position:relative;overflow:hidden;min-height:290px;}
.main .pop_pack h4{font-size:16px;font-weight:bold}
.main .pop_pack h4 strong{color:#d22828;}
.main .pop_pack .scrolling { /* Carousel Frame */  overflow: hidden;margin-top:20px;}
.main .pop_pack .scrolling ul {margin: 0;padding: 0;list-style-type: none;position: absolute;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.main .pop_pack .scrolling li {float:left;width:280px;margin-right:30px;}
.main .pop_pack .scrolling li dt > span {display:block;overflow-x:hidden;}
.main .pop_pack .scrolling li dt > span img{width:100%;height:auto;}
.main .pop_pack .scrolling li dt{border:1px solid #292929;box-sizing:border-box;}
.main .pop_pack .scrolling li dd{min-height:90px;padding:0 15px;;background:#fff;border:1px solid #e2e2e2;border-top:0px;box-sizing:border-box;}
.main .pop_pack .scrolling li dd strong{display:block;font-size:14px;line-height:19px;padding-top:10px;}
.main .pop_pack .scrolling li dd span{display:block;margin-top:5px;}

.main .pop_book {background:#fff;margin-top:10px;padding:20px 0px 20px 10px;position:relative;overflow:hidden;min-height:230px;}
.main .pop_book h4{font-size:16px;font-weight:bold}
.main .pop_book h4 strong{color:#d22828;}
.main .pop_book .scrolling { /* Carousel Frame */  overflow: hidden;margin-top:20px;}
.main .pop_book .scrolling ul {margin: 0;padding: 0;list-style-type: none;position: absolute;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.main .pop_book .scrolling li {float:left;width:90px;margin-right:20px;}
.main .pop_book .scrolling li dt > span {display:block;overflow-x:hidden;}
.main .pop_book .scrolling li dt > span img{width:100%;height:auto;}
.main .pop_book .scrolling li dt{border:1px solid #292929;box-sizing:border-box;}
.main .pop_book .scrolling li dd{background:#fff;border-top:0px;box-sizing:border-box;}
.main .pop_book .scrolling li dd strong{display:block;font-size:12px;line-height:16px;margin-top:10px;}

.main .notice{background:#fff;margin-top:10px;width:100%;}
.main .notice .tit_bar{height:46px;overflow:hidden;border-bottom:1px solid #c2c2c2;}
.main .notice .tit_bar h4{font-size:16px;font-weight:bold;float:left;margin-left:10px;height:46px;line-height:46px;}
.main .notice .tit_bar a{display:block;height:46px;width:46px;float:right;text-align:center;}
.main .notice .tit_bar a i{font-size:30px;margin-top:7.5px;}
.main .notice ul li{height:40px;line-height:40px;text-indent:10px;border-bottom:1px solid #e2e2e2}
.main .notice ul li a{max-width:350px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical;}


/* 강의리스트 겸 강의메인 */

.lec_list .top_menu{position:relative;top:0px;width:100%;height:50px;background:#fff;overflow:hidden;border-bottom:1px solid #c2c2c2;}
.lec_list .top_menu a{display:block;float:left;width:50%;height:50px;line-height:50px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:bold;font-family:notokr-medium;}
.lec_list .top_menu a.on{border-bottom:3px solid #d22828;}

.lec_list .pack_list li{background:#fff;height:auto;}
.lec_list .pack_list li:first-child{border-top:0px;}
.lec_list .pack_list li:last-child{margin-bottom:0px;}
.lec_list .pack_list li dt {padding:5px;border-bottom:1px solid #e2e2e2;}
.lec_list .pack_list li dt img{width:100%;}
.lec_list .pack_list li dd{padding:10px;border-bottom:1px solid #e2e2e2;}
.lec_list .pack_list li dd .t1 {;padding-right:10px;}
.lec_list .pack_list li dd .t1 h4{display:block;font-size:14px;font-weight:bold;line-height:20px;font-family:notokr-medium;}
.lec_list .pack_list li dd .t1 span{display:block;margin-bottom:5px;overflow:hidden;font-size:10px;}
.lec_list .pack_list li dd .t1 span label{float:left;display:block;padding:0px 4px;border-radius:2px;color:#fff;margin-right:1px}
.lec_list .pack_list li dd .t1 span label.plus{color:#292929;padding:0px;;margin-right:0px;text-align:center;}
.lec_list .pack_list li dd .t1 span label.pc{background:#1687df;}
.lec_list .pack_list li dd .t1 span label.m{background:#359858;}
.lec_list .pack_list li dd .t1 span label.event{background:#e81959;}
.lec_list .pack_list li dd .t1 p{margin-top:5px;}
.lec_list .pack_list li dd .t2{width:80px;text-align:right;}
.lec_list .pack_list li dd .t2 strong{font-size:16px;color:#d22828;font-family:notokr-medium;}

.lec_list .single_list .select_box{;padding:10px;background:#fff;box-sizing:border-box;;border-bottom:1px solid #d2d2d2;}
.lec_list .single_list .select_box select{width:100%;height:40px;border:1px solid #a2a2a2;text-indent:10px;border-radius:3px;background:#fff;}
.lec_list .single_list ul li{background:#fff;padding:10px;border-bottom:1px solid #e2e2e2;}
.lec_list .single_list ul li div.icon{overflow:hidden;}
.lec_list .single_list ul li div.icon span{display:block;float:left;width:50px;height:20px;background:#595959;color:#fff;border-radius:3px;margin-right:3px;text-align:center;line-height:20px;}
.lec_list .single_list ul li div.icon span.complet{background:#e2316b;}
.lec_list .single_list ul li div.icon span.onair{background:#4894f2;}
.lec_list .single_list ul li div.icon span.event{background:#0cb6d5;}

.lec_list .single_list ul li div.tit{margin-top:10px;line-height:20px;font-size:14px;}
.lec_list .single_list ul li div.tit span{color:#07917f;font-family:notokr-medium;}
.lec_list .single_list ul li div.tit strong{font-family:notokr-medium;}

.lec_list .single_list ul li div.last{margin-top:10px;overflow:hidden;}
.lec_list .single_list ul li div.last span{display:block;}
.lec_list .single_list ul li div.last span.name{float:left;line-height:20px;font-family:notokr-medium;}
.lec_list .single_list ul li div.last span.price{float:right;font-size:18px;font-weight:800;color:#d22828;height:20px;line-height:20px;font-family:notokr-medium;}

/* 패키지 강의 상세정보 */

.lec_detail{min-height:400px;}

.pack_detail .top_menu{position:relative;top:0px;width:100%;height:50px;background:#fff;overflow:hidden;border-bottom:1px solid #c2c2c2;z-index:100}
.pack_detail .top_menu a{display:block;float:left;width:33.3333333%;height:50px;line-height:50px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:bold;}
.pack_detail .top_menu a.on{border-bottom:3px solid #d22828;}

.pack_detail .pack_de_view span img{width:100%;height:auto;}

.lec_detail .bottom_btn{position:fixed;bottom:0px;display:block;background:#fff;box-sizing:border-box;width:100%;}

.lec_detail .bottom_btn .package_opt{border-top:1px solid #d22828;}
.lec_detail .bottom_btn .package_opt .get td{padding:8px 0;}
.lec_detail .bottom_btn .package_opt .get .t1{padding-left:10px;box-sizing:border-box;font-size:13px;line-height:19px}
.lec_detail .bottom_btn .package_opt .get .t2{width:80px;text-align:right;padding-right:10px;box-sizing:border-box;font-weight:bold;font-size:14px;color:#d22828}
.lec_detail .bottom_btn .package_opt .get .t3{width:50px;text-align:center;}
.lec_detail .bottom_btn .package_opt .get .t3 a{display:block;width:30px;height:30px;line-height:28px;border-radius:3px;border:2px solid #292929;box-sizing:border-box;margin-left:10px;}

.lec_detail .bottom_btn .package_opt .opt{background:#f2f2f2;}
.lec_detail .bottom_btn .package_opt .opt ul li{display:none;;border-bottom:1px solid #d2d2d2;}
.lec_detail .bottom_btn .package_opt .opt ul li td{padding:8px 0;}
.lec_detail .bottom_btn .package_opt .opt ul li .t1{padding-left:10px;box-sizing:border-box;font-size:13px;line-height:19px}
.lec_detail .bottom_btn .package_opt .opt ul li .t2{width:80px;text-align:right;padding-right:10px;box-sizing:border-box;font-weight:bold;font-size:14px;color:#d22828}

.lec_detail .bottom_btn .btn {position:relative;margin-right:50px;}
.lec_detail .bottom_btn .btn a{display:block;height:50px;}
.lec_detail .bottom_btn .btn .next{width:100%;font-size:18px;font-weight:bold;text-align:center;line-height:50px;color:#fff;background:#d22828}
.lec_detail .bottom_btn .btn .top{position:absolute;right:-50px;top:0px;width:50px;line-height:50px;text-align:center;color:#fff;background:#ae2121}

.pack_detail .pack_de_order .thum_box{background:#fff;height:auto;padding:10px 10px 20px 10px;}
.pack_detail .pack_de_order .thum_box dt img{width:100%;border-radius:5px;}
.pack_detail .pack_de_order .thum_box dd strong{display:block;margin-top:10px;font-size:16px;line-height:21px;min-height:30px;}
.pack_detail .pack_de_order .thum_box dd > div{overflow:hidden;margin-top:10px;}
.pack_detail .pack_de_order .thum_box dd > div .sale{display:block;float:left;width:40px;height:24px;line-height:21px;border:2px solid #1687df;border-radius:3px;box-sizing:border-box;text-align:center;font-size:14px;font-weight:bold;color:#1687df}
.pack_detail .pack_de_order .thum_box dd > div .price{display:block;float:left;font-size:18px;font-weight:800;color:#d22828;height:24px;line-height:24px;margin-left:10px;}

.pack_detail .exam {padding:30px 5px;background:#fff;}
.pack_detail .exam label{font-size:14px;font-weight:bold;}
.pack_detail .exam label img{margin-right:5px;}
.pack_detail .exam table{padding-bottom:30px;margin-top:10px;}
.pack_detail .exam table th{height:40px;line-height:40px;background:#292929;color:#fff}
.pack_detail .exam table td{border-bottom:1px solid #c2c2c2;padding:10px 0;text-align:center;}
.pack_detail .exam table td.t3{color:#d22828;}


.lec_detail .option_box{border-top:1px solid #d2d2d2;}

.lec_detail .hidden_box{background:#fff;width:100%;}
.lec_detail .hidden_box > a.option_tit{position:relative;display:block;overflow:hidden;height:44px;line-height:44px;padding:0 10px;border-bottom:1px solid #d2d2d2}
.lec_detail .hidden_box > a.option_tit h4{float:left;font-size:14px;font-weight:800;}
.lec_detail .hidden_box > a.option_tit h4 label{margin-left:10px;font-size:11px;color:#d22828;}
 .lec_detail .hidden_box > a.option_tit span.on{background:url('//image.hrdch.co.kr/studych/image/m/common/arrow_up.png');background-repeat:no-repeat;background-size:30px 15px;}
 .lec_detail .hidden_box > a.option_tit span{float:right;width:30px;height:15px;margin-top:15px;background:url('//image.hrdch.co.kr/studych/image/m/common/arrow_down.png');background-repeat:no-repeat;background-size:30px 15px;}
.lec_detail .hidden_box .sub_box{border-bottom:1px solid #d2d2d2;}

.lec_detail .book_option .sub_box ul {padding:0 10px;display:block;}
.lec_detail .book_option .sub_box ul li{border-bottom:1px solid #e2e2e2;padding:10px 0;}
.lec_detail .book_option .sub_box ul li:last-child{border-bottom:0px;}
.lec_detail .book_option .sub_box ul li div{position:relative;margin-left:30px;}
.lec_detail .book_option .sub_box ul li span{display:block;}
.lec_detail .book_option .sub_box ul li span.input_box{position:absolute;left:-30px;top:50%;margin-top:-10px;}
.lec_detail .book_option .sub_box ul li span.input_box input{width:20px;height:20px;}
.lec_detail .book_option .sub_box ul li span.book_tit{line-height:18px;font-size:14px}

.lec_detail .item_option .sub_box ul{padding:10px;}
.lec_detail .item_option .sub_box ul li:first-child{margin-bottom:5px;}
.lec_detail .item_option .sub_box ul li select{width:100%;height:38px;border:1px solid #a2a2a2;border-radius:3px;background:#fff;text-indent:5px;}
.lec_detail .item_option .sub_box ul li select span{color:#d22828;}

.lec_detail .pack_compose .sub_box{display:none;}
.lec_detail .pack_compose .sub_box ul{padding:0 10px;border-bottom:1px solid #e2e2e2;}
.lec_detail .pack_compose .sub_box ul li{padding:10px 0;border-bottom:1px solid #e2e2e2;}
.lec_detail .pack_compose .sub_box ul li:last-child{border-bottom:0px;}
.lec_detail .pack_compose .sub_box ul li label{position:relative;margin-right:70px;display:block;}
.lec_detail .pack_compose .sub_box ul li label a{display:block;}
.lec_detail .pack_compose .sub_box ul li span{display:block;overflow:hidden;}
.lec_detail .pack_compose .sub_box ul li span.tit{color:#292929;font-size:14px;line-height:20px;font-weight:400}
.lec_detail .pack_compose .sub_box ul li span.etc{margin-bottom:5px;}
.lec_detail .pack_compose .sub_box ul li span.etc strong{display:block;float:left;margin-right:3px;color:#0e73c0;}

.lec_detail .pack_compose .sub_box ul li .sample_btn{position:absolute;right:-70px;top:50%;;font-size:11px;border:1px solid #d2d2d2;text-align:center;height:30px;width:60px;line-height:30px;transform:translateY(-50%);border-radius:3px}

.lec_detail .order_info .sub_box{padding:10px;display:none;}
.lec_detail .order_info .sub_box dl{margin-bottom:20px;border-bottom:1px solid #e2e2e2;}
.lec_detail .order_info .sub_box dl:last-child{border-bottom:0px;}
.lec_detail .order_info .sub_box dt{font-size:14px;margin-bottom:10px;font-weight:bold;color:#d22828;}
.lec_detail .order_info .sub_box dd{line-height:16px;margin-bottom:10px;}
.lec_detail .order_info .sub_box dd p{margin-bottom:5px;}
.lec_detail .order_info .sub_box dd span{display:block;margin-left:10px;color:#888;margin-bottom:5px}


.lec_detail .btn_box{background:#fff;padding:10px;border-top:1px solid #d22828;margin-top:10px;width:100%;box-sizing:border-box;}
.lec_detail .btn_box > div{position:relative;margin-left:55px;}
.lec_detail .btn_box a{display:block;box-sizing:border-box;border-radius:3px;}
.lec_detail .btn_box a.basket{position:absolute;left:-55px;width:50px;height:44px;border:1px solid #d2d2d2;text-align:center;color:#c2c2c2}
.lec_detail .btn_box a.basket i{font-size:28px;margin-top:6px;}
.lec_detail .btn_box a.buy{width:100%;height:44px;line-height:44px;font-size:16px;font-weight:bold;text-align:center;color:#fff;background:#d22828;}

/* 공통 강의후기 */
.lec_detail .review ul li{background:#fff;border-bottom:1px solid #e2e2e2;padding:10px;min-height:50px;}
.lec_detail .review ul li:last-child{border-color:#d2d2d2;}
.lec_detail .review ul li .lec_comment{position:relative;margin-left:70px}
.lec_detail .review ul li .lec_comment .score{position:absolute;left:-70px;width:70px;text-align:center;}
.lec_detail .review ul li .lec_comment .score dt{font-size:30px;font-weight:800;height:30px;line-height:30px;}
.lec_detail .review ul li .lec_comment .score dt strong{color:#d22828;}
.lec_detail .review ul li .lec_comment .score dd{font-size:14px;height:14px;line-height:14px;}
.lec_detail .review ul li .lec_comment .score dd span{color:#d22828;}
.lec_detail .review ul li .lec_comment .comment{position:relative;width:100%;padding-left:10px;box-sizing:border-box;}
.lec_detail .review ul li .lec_comment .comment dt{font-size:14px;line-height:18px;}
.lec_detail .review ul li .lec_comment .comment dd{margin-top:8px;}
.lec_detail .review ul li .lec_comment .comment dd span.name{margin-right:10px;color:#1a8ddd}



.lec_detail .buy_move_btn{position:fixed;bottom:0px;display:none;background:#fff;padding:10px;border-top:1px solid #d22828;margin-top:10px;width:100%;box-sizing:border-box;}
.lec_detail .buy_move_btn a{display:block;box-sizing:border-box;border-radius:3px;width:100%;height:44px;line-height:44px;font-size:16px;font-weight:bold;text-align:center;color:#fff;background:#d22828;}

/* 단과 상세 */

.single_detail .top_menu{position:relative;top:0px;width:100%;height:50px;background:#fff;overflow:hidden;border-bottom:1px solid #c2c2c2;z-index:100}
.single_detail .top_menu a{display:block;float:left;width:50%;height:50px;line-height:50px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:bold;}
.single_detail .top_menu a.on{border-bottom:3px solid #d22828;}

.lec_detail .single_de_order .thum_box{background:#fff;}
.lec_detail .single_de_order .thum_box dd{padding:10px;}
.lec_detail .single_de_order .thum_box dd div.icon{overflow:hidden;}
.lec_detail .single_de_order .thum_box dd div.icon span{display:block;float:left;width:50px;height:20px;background:#595959;color:#fff;border-radius:3px;margin-right:3px;text-align:center;line-height:20px;}
.lec_detail .single_de_order .thum_box dd div.icon span.complet{background:#e2316b;}
.lec_detail .single_de_order .thum_box dd div.icon span.onair{background:#4894f2;}
.lec_detail .single_de_order .thum_box dd div.icon span.event{background:#0cb6d5;}

.lec_detail .single_de_order .thum_box dd div.tit{margin-top:10px;line-height:20px;font-size:14px;}
.lec_detail .single_de_order .thum_box dd div.tit span{color:#07917f}

.lec_detail .single_de_order .thum_box dd div.last{margin-top:10px;overflow:hidden;}
.lec_detail .single_de_order .thum_box dd div.last span{display:block;}
.lec_detail .single_de_order .thum_box dd div.last span.name{float:left;line-height:20px;}
.lec_detail .single_de_order .thum_box dd div.last span.price{float:right;font-size:18px;font-weight:800;color:#d22828;height:20px;line-height:20px;}

.lec_detail .single_compose .sub_box{display:none;}
.lec_detail .single_compose .sub_box ul{padding:0 10px}
.lec_detail .single_compose .sub_box li{border-bottom:1px solid #e2e2e2;padding:12px 0;}
.lec_detail .single_compose .sub_box li:last-child{border-bottom:0px;}
.lec_detail .single_compose .sub_box li > div{position:relative;margin-left:40px;margin-right:70px;}
.lec_detail .single_compose .sub_box li > div span{display:block;}
.lec_detail .single_compose .sub_box li > div .num{position:absolute;left:-40px;width:40px;top:50%;text-align:center;transform:translateY(-50%)}
.lec_detail .single_compose .sub_box li > div .num strong{display:block;width:40px;height:26px;line-height:26px;border-radius:3px;background:#d2d2d2;color:#fff;}
.lec_detail .single_compose .sub_box li > div .tit{font-size:13px;line-height:18px;padding:0 10px;}
.lec_detail .single_compose .sub_box ul li .sample_btn{position:absolute;right:-70px;top:50%;;font-size:11px;border:1px solid #d2d2d2;text-align:center;height:26px;width:60px;line-height:26px;transform:translateY(-50%);border-radius:3px}


.lec_detail .single_compose .more_btn {padding:10px;}
.lec_detail .single_compose .more_btn a{display:block;border-radius:3px;font-size:14px;height:40px;line-height:40px;font-weight:bold;text-align:center;border:1px solid #a2a2a2;box-sizing:border-box;}


.lec_detail .pro_info .sub_box {display:none;}
.lec_detail .pro_info .sub_box .pro_img{padding:20px 0; }
.lec_detail .pro_info .sub_box .pro_img dt{display:block;margin:0px auto;width:150px;height:150px;border-radius:50%;overflow:hidden;border:1px solid #e2e2e2;}
.lec_detail .pro_info .sub_box .pro_img dt img{width:150px;height:150px;}
.lec_detail .pro_info .sub_box .pro_img dd{text-align:center;margin-top:10px;font-size:14px;}
.lec_detail .pro_info .sub_box .pro_info{padding:20px 10px;border-top:1px solid #e2e2e2;}
.lec_detail .pro_info .sub_box .pro_info dt{margin-bottom:10px;font-size:14px;font-weight:bold;}
.lec_detail .pro_info .sub_box .pro_info dd{line-height:18px;}

/* 장바구니 */

.basket .basket_top{height:50px;background:#fff;overflow:hidden;padding:0 10px;border-bottom:1px solid #a2a2a2;}
.basket .basket_top a{display:block;}
.basket .basket_top a.all_cek{float:left;}
.basket .basket_top a.all_cek input{width:20px;height:20px;margin-top:15px;}
.basket .basket_top a.all_buy{float:right;width:auto;height:50px;line-height:50px;font-size:14px;font-weight:bold;}

.basket .basket_list > ul > li{margin-top:5px;}

.basket .goods{background:#fff;}
.basket .goods .pd_tit{padding:10px;border-bottom:1px solid #e2e2e2;}
.basket .goods .pd_tit > div{position:relative;margin-left:20px;}
.basket .goods .pd_tit > div span{display:block;}
.basket .goods .pd_tit > div span.cek{position:absolute;left:-20px;width:20px;}
.basket .goods .pd_tit > div span.tit{padding:0 10px;box-sizing:border-box;font-size:14px;line-height:19px;font-weight:bold;}
.basket .goods .pd_tit > div span.tit strong{color:#d22828;margin-right:5px;}
.basket .goods .pd_tit > div span.cek input{width:20px;height:20px;}

.basket .book_pd .pd_tit > div span.tit strong{color:#0085b6}
.basket .mock_pd .pd_tit > div span.tit strong{color:#019092}

.basket .goods {border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.basket .goods .pd_opt{padding:10px;padding-bottom:0px;background:#fff}
.basket .goods .pd_opt dl{border:1px solid #e2e2e2;margin-bottom:5px;}
.basket .goods .pd_opt dl:last-child{margin-bottom:0px;}

.basket .goods .pd_opt dt{border-bottom:1px solid #e2e2e2;height:40px;padding:0 10px;position:relative;}
.basket .goods .pd_opt dt h4{float:left;line-height:40px;}
.basket .goods .pd_opt dt span.on{position:absolute;right:10px;top:15px;display:block;;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -15px -25px / auto 500px;;z-index:99;}
.basket .goods .pd_opt dt span{position:absolute;right:10px;top:15px;display:block;;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0px -25px / auto 500px;;z-index:99;}

.basket .goods .pd_opt dd{display:none}
.basket .goods .pd_opt dd > ol > li{border-bottom:1px solid #e2e2e2;padding:10px;background:#f6f6f6}
.basket .goods .pd_opt dd > ol > li:last-child{border-bottom:0px;}
.basket .goods .pd_opt dd > ol > li > div{position:relative;margin-right:120px;}
.basket .goods .pd_opt dd > ol > li > div > span{display:block;box-sizing:border-box;}
.basket .goods .pd_opt dd > ol > li > div > span.tit{position:relative;line-height:17px;}
.basket .goods .pd_opt dd > ol > li > div > span.price{position:absolute;right:-70px;top:50%;width:80px;text-align:center;color:#d22828;text-align:right;transform:translateY(-50%);}
.basket .goods .pd_opt dd > ol > li > div > span.del{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:40px;height:24px;line-height:24px;border:1px solid #a2a2a2;text-align:right;text-align:center;border-radius:2px;}

.basket .goods .pd_bottom {overflow:hidden;padding:10px;}
.basket .goods .pd_bottom .left{float:left;overflow:hidden;}
.basket .goods .pd_bottom .left .amount{float:left;overflow:hidden;}
.basket .goods .pd_bottom .left .amount_off{display:none;}
.basket .goods .pd_bottom .left .amount > a{display:block;width:28px;height:28px;float:left;border:1px solid #a2a2a2;box-sizing:border-box;border-left:0px;text-align:center;line-height:26px;background:#f6f6f6;color:#292929}
.basket .goods .pd_bottom .left .amount input{float:left;width:50px;height:28px;line-height:28px;font-size:14px;border:1px solid #a2a2a2;box-sizing:border-box;padding:5px;text-align:center;}
.basket .goods .pd_bottom .left a.del_btn{display:block;width:60px;height:28px;line-height:28px;font-size:12px;text-align:center;float:left;border-radius:3px;box-sizing:border-box;font-weight:bold;margin-right:5px;border:1px solid #a2a2a2;color:#888;}
.basket .goods .pd_bottom .add_price{float:right;font-size:16px;font-weight:bold;height:20px;margin-top:7px;color:#d22828}

.basket .last_price_wrap {margin-top:20px;border-top:2px solid #d22828;background:#fff;padding:20px 10px}
.basket .last_price_wrap .price_list dl{overflow:hidden;}
.basket .last_price_wrap .price_list dl > dt{float:left;font-size:12px;}
.basket .last_price_wrap .price_list dl > dd{float:right;font-size:14px;font-weight:bold;}
.basket .last_price_wrap .price_list dl{margin-bottom:8px;}
.basket .last_price_wrap .price_list dl:last-child{margin-bottom:0px;}

.basket .last_price_wrap .last_price{height:40px;line-height:40px;border-top:1px solid #e2e2e2;margin-top:10px;}
.basket .last_price_wrap .last_price {overflow:hidden;}
.basket .last_price_wrap .last_price dt{float:left;font-size:14px;}
.basket .last_price_wrap .last_price dd{float:right;font-weight:bold;font-size:16px;color:#d22828;}


.basket .last_price_wrap a.order_btn{display:block;height:40px;background:#d22828;border-radius:3px;;line-height:40px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.order {min-height:420px;}
.order .dily_info {background:#fff;}
.order .dily_info dt{overflow:hidden;padding:0 10px;font-size:14px;font-weight:bold;border-bottom:1px solid #a2a2a2;border-top:1px solid #a2a2a2;box-sizing:border-box;}
.order .dily_info dt h4{height:48px;line-height:48px;font-weight:bold;}
.order .dily_info dd {padding:10px 10px 20px 10px;border-bottom:1px solid #d2d2d2;}

.order .dily_info dd .tab_menu {overflow:hidden;margin-bottom:10px;border:1px solid #e2e2e2;box-sizing:border-box;}
.order .dily_info dd .tab_menu div{float:left;;width:50%;}
.order .dily_info dd .tab_menu div span{display:block;height:40px;line-height:40px;text-align:center;}
.order .dily_info dd .tab_menu div.on span{border-bottom:3px solid #d22828}
.order .dily_info dd .tab_menu div.menu01 span{border-right:0px;}

.order .dily_info dd .tab_con > div{display:none;}
.order .dily_info dd .tab_con > div.on{display:block;}

.order .dily_info dd .basic > div{height:40px;line-height:40px;border-bottom:1px solid #e2e2e2;}
.order .dily_info dd .basic > div p{position:relative;margin-left:60px;}
.order .dily_info dd .basic > div p > span{display:block;}
.order .dily_info dd .basic > div p .d1{position:absolute;top:0px;left:-60px;width:60px;font-weight:bold}
.order .dily_info dd .basic > div p .d2{position:relative;width:100%;}
.order .dily_info dd .basic > div p .d2 input{width:100%;height:30px; margin-top: 5px; padding:0 5px;border:1px solid #e2e2e2;box-sizing:border-box;}
.order .dily_info dd .basic > div.dily_text{margin-top:10px;}
.order .dily_info dd .basic > div.dily_text input{width:100%;height:40px;padding:0 5px;border:1px solid #e2e2e2;box-sizing:border-box;}

.order .dily_info dd .input_box input{border:1px solid #d2d2d2;height:38px;box-sizing:border-box;padding:0 5px;font-size:14px}
.order .dily_info dd .input_box > div{margin-bottom:5px;}
.order .dily_info dd .input_box div.name input{width:100%;}
.order .dily_info dd .input_box div.address1 > div{position:relative;margin-right:105px;}
.order .dily_info dd .input_box div.address1 > div span{position:relative;display:block;}
.order .dily_info dd .input_box div.address1 > div span input{width:100%;}
.order .dily_info dd .input_box div.address1 > div a{display:block;position:absolute;width:100px;right:-105px;top:0px;border:1px solid #d2d2d2;box-sizing:border-box;height:38px;line-height:38px;text-align:center;}
.order .dily_info dd .input_box div.address2 input{width:100%;}
.order .dily_info dd .input_box div.hp input{width:100%;}
.order .dily_info dd .input_box div.dily_text input{width:100%;}

.order_input .hidden_box_wrap{margin-top:10px;}
.order .hidden_box_wrap{border-top:1px solid #d2d2d2;}
.order .pd_list{background:#fff;}
.order .hidden_box > dt{padding:0 10px;border-bottom:1px solid #d2d2d2;;position:relative;}
.order .hidden_box > dt h4{height:44px;line-height:44px;font-weight:bold;font-size:14px;}
.order .hidden_box > dt h4.left{height:44px;line-height:44px;font-weight:bold;font-size:14px;float: left;}
.order .hidden_box > dt h4.right{text-align: right; margin-right: 5%; height:44px;line-height:44px;font-weight:bold;font-size:14px;}
.order .hidden_box > dt span.on{clear:both; display:block;position:absolute;right:10px;top:15px;;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -15px -25px / auto 500px;;z-index:99;}
.order .hidden_box > dt span{display:block;position:absolute;right:10px;top:15px;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0px -25px / auto 500px;;z-index:99;}

.order .pd_list .sub_box{padding:10px;border-bottom:1px solid #d2d2d2;}
.order .pd_list .sub_box > ul > li{margin-bottom:5px;border:1px solid #e2e2e2}
.order .pd_list .sub_box > ul > li:last-child{margin-bottom:0px;}
.order .pd_list .sub_box > ul > li .pd_tit{border-bottom:1px solid #e2e2e2;padding:10px;font-size:14px;line-height:19px;background:#f7f8fc}
.order .pd_list .sub_box > ul > li .opt_list {padding:10px;}
.order .pd_list .sub_box > ul > li .opt_list span{display:block;margin-bottom:5px;line-height:16px;}
.order .pd_list .sub_box > ul > li .opt_list span strong{color:#21a4db;margin-right:5px;}
.order .pd_list .sub_box > ul > li .price {overflow:hidden;padding:0px 10px;}
.order .pd_list .sub_box > ul > li .price span{display:block;height:32px;line-height:32px;}
.order .pd_list .sub_box > ul > li .price span.d1{float:left;font-weight:bold;}
.order .pd_list .sub_box > ul > li .price span.d2{float:right;font-size:16px;font-weight:bold; color:#d22828}

.order .point_box{background:#fff;}
.order .point_box .sub_box{padding:10px;border-bottom:1px solid #d2d2d2;}
.order .point_box .sub_box .point_info{overflow:hidden;border-bottom:1px solid #e2e2e2;}
.order .point_box .sub_box .point_info span{display:block;height:40px;line-height:40px;}
.order .point_box .sub_box .point_info span.d1{float:left;font-weight:bold;}
.order .point_box .sub_box .point_info span.d2{float:right;font-size:16px;font-weight:bold; color:#d22828}

.order .point_box .sub_box > div.use {padding:10px 0;}
.order .point_box .sub_box > div.use > div{position:relative;margin-right:70px;}
.order .point_box .sub_box > div.use .input_box{display:block;position:relative;box-sizing:border-box;width:100%;border-bottom:1px solid #e2e2e2}
.order .point_box .sub_box > div.use .input_box input{width:100%;height:32px;}
.order .point_box .sub_box > div.use a.use_btn{display:block;position:absolute;top:0px;right:-70px;width:60px;height:32px;line-height:32px;box-sizing:border-box;border:1px solid #a2a2a2;text-align:center;border-radius:3px}
.order .point_box .sub_box > div.use .point{margin-top:5px;}

.order .coupon_popup_wrap {position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
.order .coupon_popup_wrap .coupon_popup{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);;width:100%;z-index:9999;}
.order .coupon_popup_wrap .coupon_popup > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.order .coupon_popup_wrap .coupon_popup .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.order .coupon_popup_wrap .coupon_popup .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.order .coupon_popup_wrap .coupon_popup .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.order .coupon_popup_wrap .coupon_popup .tit_box span{display:block;}

.order .coupon_popup_wrap .coupon_popup .coupon_list ul{overflow-Y:scroll;height:200px;}
.order .coupon_popup_wrap .coupon_popup .coupon_list ul li {padding:15px 10px;border-bottom:1px solid #e2e2e2;}
.order .coupon_popup_wrap .coupon_popup .coupon_list ul li > div{position:relative;margin-left:30px}
.order .coupon_popup_wrap .coupon_popup .coupon_list ul li span{display:block;}
.order .coupon_popup_wrap .coupon_popup .coupon_list ul li span.coupon_tit{line-height:20px;font-size:14px;}
.order .coupon_popup_wrap .coupon_popup .coupon_list ul li span.radio_ot{position:absolute;left:-30px;top:0px;}
.order .coupon_popup_wrap .coupon_popup .coupon_list ul li span.radio_ot input{width:20px;height:20px;vertical-align:middle;}

.order .coupon_popup_wrap .coupon_popup .btn{padding:20px 10px;border-top:1px solid #e2e2e2; }
.order .coupon_popup_wrap .coupon_popup a.coupon_use{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.order .last_price_wrap {margin-top:20px;border-top:2px solid #d22828;background:#fff;padding:20px 10px}
.order .last_price_wrap .price_list dl{overflow:hidden;}
.order .last_price_wrap .price_list dl > dt{float:left;font-size:12px;}
.order .last_price_wrap .price_list dl > dd{float:right;font-size:14px;font-weight:bold;}
.order .last_price_wrap .price_list dl{margin-bottom:8px;}
.order .last_price_wrap .price_list dl:last-child{margin-bottom:0px;}

.order .last_price_wrap .last_price{height:40px;line-height:40px;border-top:1px solid #e2e2e2;margin-top:10px;}
.order .last_price_wrap .last_price {overflow:hidden;}
.order .last_price_wrap .last_price dt{float:left;font-size:14px;}
.order .last_price_wrap .last_price dd{float:right;font-weight:bold;font-size:16px;color:#d22828;}

.order .order_choice{margin-top:10px;border:1px solid #e2e2e2;}
.order .order_choice dt{height:40px;line-height:40px;border-bottom:1px solid #e2e2e2;padding:0 10px;font-weight:bold;background:#f6f6f6}
.order .order_choice dd {overflow:hidden;}
.order .order_choice dd > a{display:block;width:33.3%;float:left;padding:10px 0;box-sizing:border-box;border-right:1px solid #e2e2e2;text-align:center;}
.order .order_choice dd > a:last-child{border-right:0px}
.order .order_choice dd > a.on{border:1px solid #d22828}
.order .order_choice dd > a > span{display:block;}
.order .order_choice dd > a > span.img{background:#e2e2e2;width:50px;height:50px;margin:0px auto;text-indent:-9999px}
.order .order_choice dd > a > span.tit{margin-top:5px;}

.order .order_choice dd > a.credit .img{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0px -180px / auto 500px;}
.order .order_choice dd > a.moo .img{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -50px -180px / auto 500px;}
.order .order_choice dd > a.online .img{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -100px -180px / auto 500px;}
.order .order_choice dd > a.payco .img{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -150px -180px / auto 500px;}

.order .last_price_wrap .order_btn{margin-top:20px;display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.order_complete{background:#fff;padding:0 10px;min-height:400px}
.order_complete .massage_box dt span{display:block;;width:260px;height:260px;margin:30px auto 0 auto;;background:url('http://image.hrdch.co.kr/studych/image/m/order_complete.png') no-repeat 0px 0px / auto 260px}
.order_complete .massage_box dd {margin-top:20px;}
.order_complete .massage_box dd p.t1{font-size:24px;text-align:center;line-height:24px;}
.order_complete .massage_box dd p.t1 strong{color:#1174b9}
.order_complete .massage_box dd p.t2{font-size:18px;text-align:center;line-height:18px;margin-top:7px;}
.order_complete .info_text{margin:30px 0 10px 0;background:#f6f6f6;padding:10px;font-size:14px;line-height:19px;}
.order_complete .info_text a{color:#d22828;font-weight:bold;}
.order_complete a.complete_btn{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;margin-bottom:30px;}

/* 로그인 */

.login_page{background:#fff;padding:0 10px;}
.login_page > .logo {padding:30px 0;}
.login_page > .logo > span{display:block;height:40px;text-align:center;}
.login_page > .logo > span img{width:156px;height:40px;}
.login_page > .login_input_box .idpw input{width:100%;height:50px;padding:0 5px;border:1px solid #e2e2e2;box-sizing:border-box;font-size:14px;}
.login_page > .login_input_box .pw_input{margin-top:5px;}
.login_page > .login_input_box .id_save {text-align:center;margin-top:10px;}
.login_page > .login_input_box .id_save input{width:20px;height:20px;margin-right:10px;}
.login_page > .login_input_box .id_save span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;}

.login_page > .login_btn a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;margin-top:30px;font-family:notokr-medium;}
.login_page > .naver_btn a{display:block;height:46px;background:#00c63b;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;margin-top:5px;margin-bottom:30px;font-family:notokr-medium;}

.login_page .etc_btn {padding-bottom:50px;}
.login_page .etc_btn ul{overflow:hidden;}
.login_page .etc_btn ul li{float:left;width:33.33%;border-right:1px solid #e2e2e2;box-sizing:border-box;}
.login_page .etc_btn ul li:last-child{border-right:0px;}
.login_page .etc_btn ul li dt{text-align:center;}
.login_page .etc_btn ul li dt i{font-size:30px;}
.login_page .etc_btn ul li dd{text-align:center;margin-top:10px;font-family:notokr-medium;}

.login_page .find_wrap{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
.login_page .find_box{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;z-index:999;}
.login_page .find_box > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.login_page .find_box .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.login_page .find_box .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.login_page .find_box .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.login_page .find_box .tit_box span{display:block;}
.login_page .find_box .btn{padding:20px 10px;}
.login_page .find_box .btn > a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}
.login_page .find_box .cont_box{padding:0 10px;margin-top:20px;}
.login_page .find_box .cont_box > div input{width:100%;height:50px;padding:0 5px;border:1px solid #e2e2e2;box-sizing:border-box;font-size:14px;}
.login_page .find_box .cont_box > div{margin-bottom:5px;}

.join_page{background:#fff;min-height:420px;}
.join_page .top_step_view ul{overflow:hidden;border-bottom:1px solid #d2d2d2}
.join_page .top_step_view ul li{float:left;width:25%;padding:10px 0;opacity:0.5}
.join_page .top_step_view ul li.on{opacity:1;border-bottom:3px solid #d22828;box-sizing:border-box;}
.join_page .top_step_view ul li.on dd{font-weight:bold;}
.join_page .top_step_view ul li dt{height:40px;display:block;text-align:center;}
.join_page .top_step_view ul li dt i{font-size:30px;margin-top:5px;}
.join_page .top_step_view ul li dd{text-align:center;font-size:13px;margin-top:4px;}

.join_page .assent_box{border:1px solid #e2e2e2;margin:20px 10px 0 10px;}
.join_page .assent_box > div{height:50px;line-height:50px;border-bottom:1px solid #e2e2e2;padding:0 0 0 10px;}
.join_page .assent_box > div.user_assent{border-bottom:0px;}
.join_page .assent_box > div.all_assent > div span.tit{font-size:14px;font-weight:bold;}
.join_page .assent_box > div > div{position:relative;margin-left:20px;margin-right:50px;}
.join_page .assent_box > div > div span{display:block;}
.join_page .assent_box > div > div span.check_box{position:absolute;left:-20px;}
.join_page .assent_box > div > div span.check_box input{width:20px;height:20px;vertical-align:middle;}
.join_page .assent_box > div > div span.tit{width:100%;box-sizing:border-box;padding:0 10px;font-size:14px;}
.join_page .assent_box > div > div span.tit strong{font-size:11px;color:#d22828}

.join_page .assent_box > div > div span.cont_check{position:absolute;right:-50px;top:0px;width:50px;height:50px;border-left:1px solid #e2e2e2;box-sizing:border-box;text-align:center;}
.join_page .assent_box > div > div span.cont_check i{font-size:30px;margin-top:10px;color:#ccc}

.join_page .check_btn {padding:20px 10px;}
.join_page .check_btn a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}
.join_page .check_btn a.back{border:1px solid #a2a2a2;background:#fff;color:#595959;margin-top:5px;}

.join_page .assent_popup_wrap{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
.join_page .assent_popup_wrap .bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7)}
.join_page .assent_popup{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;z-index:9999;}
.join_page .assent_popup > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.join_page .assent_popup .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.join_page .assent_popup .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.join_page .assent_popup .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.join_page .assent_popup .tit_box span{display:block;}
.join_page .assent_popup .cont_box{padding:15px 10px;line-height:18px;height:350px;overflow-y:scroll}


.join_page .join_input_list{box-sizing:border-box;}
.join_page .join_input_list > div{padding:15px 10px;border-bottom:1px solid #e2e2e2;}
.join_page .join_input_list > div .input_box{position:relative;display:block;}
.join_page .join_input_list > div .input_box input{width:100%;height:38px;border:1px solid #d2d2d2;font-size:14px;padding:0 5px;box-sizing:border-box}
.join_page .join_input_list > div .input_box input.fail_image{background-image:url(http://image.hrdch.co.kr/studych/image/fail.png);background-repeat: no-repeat;background-position: right center;background-size: 20px;}
.join_page .join_input_list > div .input_box input.success_image{background-image:url(http://image.hrdch.co.kr/studych/image/success.png);background-repeat: no-repeat;background-position: right center;background-size: 20px;}
.join_page .join_input_list > div .btn_true{position:relative;margin-right:105px;}
.join_page .join_input_list > div .btn_true a.btn{display:block;position:absolute;width:100px;right:-105px;top:0px;border:1px solid #a2a2a2;box-sizing:border-box;height:38px;line-height:38px;text-align:center;}
.join_page .join_input_list > div .mobile2{margin-top:5px;}
.join_page .join_input_list > div .address2{margin:5px 0;}
.join_page .join_input_list > div p{color:#d22828;margin-top:5px;}

.join_page .member_assent{padding:0 10px}
.join_page .member_assent > div{height:40px;border-bottom:1px solid #e2e2e2;}
.join_page .member_assent > div > div{position:relative;margin-left:30px;height:40px;line-height:40px;}
.join_page .member_assent > div > div > span{display:block;height:40px;}
.join_page .member_assent > div > div > span.check{position:absolute;left:-30px;height:40px;vertical-align:middle;}
.join_page .member_assent > div > div > span.check input{width:20px;height:20px;vertical-align:middle;margin-top:10px;}
.join_page .member_assent > div > div > span.text{width:100%;font-size:14px;}

.join_page .text_tip{padding:0 10px;height:50px;line-height:50px;font-size:14px;font-weight:bold;}
.join_page .text_tip strong{color:#d22828;font-size:12px;}

.join_page .interest_list{border-top:1px solid #d2d2d2}
.join_page .interest_list .hidden_box > dt{padding:0 10px;border-bottom:1px solid #d2d2d2;;position:relative;}
.join_page .interest_list .hidden_box > dt h4{height:44px;line-height:44px;font-weight:bold;font-size:14px;}
.join_page .interest_list .hidden_box > dt span.on{display:block;position:absolute;right:10px;top:15px;;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -15px -25px / auto 500px;;z-index:99;}
.join_page .interest_list .hidden_box > dt span{display:block;position:absolute;right:10px;top:15px;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0px -25px / auto 500px;;z-index:99;}

.join_page .interest_list .sub_box{box-sizing:border-box;display:none;border-bottom:1px solid #e2e2e2;}
.join_page .interest_list .sub_box > ul{overflow:hidden;border-left:1px solid #e2e2e2;}
.join_page .interest_list .sub_box > ul > li{float:left;width:50%;height:40px;line-height:40px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;box-sizing:border-box;padding:0 10px;}

.join_page .interest_list .sub_box > ul > li > div {position:relative;margin-left:25px;}
.join_page .interest_list .sub_box > ul > li > div span{display:block;}
.join_page .interest_list .sub_box > ul > li > div span.lecture_name{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.join_page .interest_list .sub_box > ul > li > div span.check{position:absolute;left:-25px;top:10px;width:20px;height:40px;}
.join_page .interest_list .sub_box > ul > li > div span.check input{width:20px;height:20px}

.join_complete{background:#fff;padding:0 10px 5px 10px;min-height:400px;}
.join_complete .massage_box dt{text-align:center;}
.join_complete .massage_box dt img{width:260px;height:260px;margin:30px auto 0 auto;}
.join_complete .massage_box dd {margin-top:20px;}
.join_complete .massage_box dd p.t1{font-size:24px;text-align:center;line-height:24px;}
.join_complete .massage_box dd p.t1 strong{color:#1174b9}
.join_complete .massage_box dd p.t2{font-size:18px;text-align:center;line-height:18px;margin-top:7px;}
.join_complete .info_text{margin:30px 0 10px 0;background:#f6f6f6;padding:10px;font-size:14px;line-height:19px;}
.join_complete .info_text a{color:#d22828;font-weight:bold;}
.join_complete a.complete_btn{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;margin-bottom:30px;}

.mypage_main {min-height:420px;}
.mypage_main .mypage_h_menu{background:#fff;}
.mypage_main .mypage_h_menu li{overflow:hidden;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;padding:0 10px;}
.mypage_main .mypage_h_menu li:last-child{border-top:0px;}
.mypage_main .mypage_h_menu li a{display:block;}
.mypage_main .mypage_h_menu dt{float:left;position:relative;display:block;overflow:hidden;height:50px;line-height:50px;font-weight:800}
.mypage_main .mypage_h_menu dd{float:right;}
.mypage_main .mypage_h_menu dd span{display:block;width:13px;height:20px;margin-top:15px;margin-left:18.5px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -85px 0px / auto 500px;}

.mypage_main .mypage_box_menu{background:#fff;}
.mypage_main .mypage_box_menu ul{overflow:hidden;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;box-sizing:border-box}
.mypage_main .mypage_box_menu ul li{float:left;width:50%;padding:10px 0;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;box-sizing:border-box}
.mypage_main .mypage_box_menu ul li a{display:block;}
.mypage_main .mypage_box_menu ul li dt{}
.mypage_main .mypage_box_menu ul li dt span{width:50px;height:50px;display:block;margin:0px auto;}
.mypage_main .mypage_box_menu ul li.menu01 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -200px 0px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu02 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -250px 0px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu03 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -300px 0px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu04 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -350px 0px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu05 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -200px -50px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu06 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -250px -50px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu07 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -300px -50px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu08 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -350px -50px / auto 500px;}
.mypage_main .mypage_box_menu ul li.menu09 span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 1px -474px / auto 500px;background-size:640px;}
.mypage_main .mypage_box_menu ul li dd{height:18px;line-height:18px;text-align:center;}

.my_lec_list .top_menu{position:relative;top:0px;width:100%;height:50px;background:#fff;overflow:hidden;border-bottom:1px solid #c2c2c2;}
.my_lec_list .top_menu a{display:block;float:left;width:50%;height:50px;line-height:50px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:bold;}
.my_lec_list .top_menu a.on{border-bottom:3px solid #d22828;}

.my_lec_list .list {padding-bottom:10px;}
.my_lec_list .list li{background:#fff;height:auto;padding:10px 10px 20px 10px;margin-bottom:10px;box-sizing:border-box;}
.my_lec_list .list li div.thum img{width:100%;border-radius:5px;}
.my_lec_list .list li div.icon{margin-top:10px;}
.my_lec_list .list li div.tit{margin-top:8px;font-size:14px;line-height:18px;min-height:30px;}
.my_lec_list .list li div.progress_box div.bar{margin:10px 0}
.my_lec_list .list li div.progress_box div.bar > div{height:5px;background:#e2e2e2}
.my_lec_list .list li div.progress_box div.bar > div > span{display:block;height:5px;background:#d22828;width:0%}
.my_lec_list .list li div.progress_box div.progress_num{overflow:hidden;border-bottom:1px solid #e2e2e2;height:24px;line-height:24px;}
.my_lec_list .list li div.progress_box div.progress_num dt{float:left;font-weight:bold;}
.my_lec_list .list li div.progress_box div.progress_num dd{float:right;}
.my_lec_list .list li div.progress_box div.date{overflow:hidden;height:24px;line-height:24px;}
.my_lec_list .list li div.progress_box div.date dt{float:left;font-weight:bold;}
.my_lec_list .list li div.progress_box div.date dd{float:right;}
.my_lec_list .single_list li{margin-bottom:5px;border-bottom:1px solid #e2e2e2;padding:10px}
.my_lec_list .single_list li div.icon{margin:0px;}


.my_lecture_de {padding-bottom:10px;}
.my_lecture_de .thum_box{background:#fff;height:auto;padding:10px 10px 20px 10px;margin-bottom:10px;box-sizing:border-box;border-bottom:1px solid #a2a2a2;}
.my_lecture_de .thum_box div.thum img{width:100%;border-radius:5px;}
.my_lecture_de .thum_box div.icon{margin-top:10px;}
.my_lecture_de .thum_box div.tit{margin-top:8px;font-size:14px;line-height:18px;min-height:30px;}
.my_lecture_de .thum_box div.progress_box div.bar{margin:10px 0}
.my_lecture_de .thum_box div.progress_box div.bar > div{height:5px;background:#e2e2e2}
.my_lecture_de .thum_box div.progress_box div.bar > div > span{display:block;height:5px;background:#d22828;width:29%}
.my_lecture_de .thum_box div.progress_box div.progress_num{overflow:hidden;border-bottom:1px solid #e2e2e2;height:24px;line-height:24px;}
.my_lecture_de .thum_box div.progress_box div.progress_num dt{float:left;font-weight:bold;}
.my_lecture_de .thum_box div.progress_box div.progress_num dd{float:right;}
.my_lecture_de .thum_box div.progress_box div.date{overflow:hidden;height:24px;line-height:24px;}
.my_lecture_de .thum_box div.progress_box div.date dt{float:left;font-weight:bold;}
.my_lecture_de .thum_box div.progress_box div.date dd{float:right;}

.my_lec_list .start_btn {margin-top:10px;}
.my_lec_list .start_btn a{display:block;width:100%;height:36px;line-height:36px;background:#d22828;font-size:14px;font-weight:800;text-align:center;color:#fff;border-radius:3px}
.my_lec_list .hu_btn{margin-top:10px;}
.my_lec_list .hu_btn a{display:block;width:100%;height:36px;line-height:36px;background:#564ace;font-size:14px;font-weight:800;text-align:center;color:#fff;border-radius:3px}

.my_lecture_de .hidden_box_wrap{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin-bottom:10px;}
.my_lecture_de .hidden_box{background:#fff;width:100%;position:relative;}
.my_lecture_de .hidden_box > dt{padding:0 10px;border-bottom:1px solid #d2d2d2;}
.my_lecture_de .hidden_box > dt h4{height:44px;line-height:44px;font-weight:bold;font-size:14px;}
.my_lecture_de .hidden_box > dt span.on{display:block;position:absolute;right:10px;top:15px;;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -15px -25px / auto 500px;;z-index:99;}
.my_lecture_de .hidden_box > dt span{display:block;position:absolute;right:10px;top:15px;width:16px;height:10px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0px -25px / auto 500px;;z-index:99;}

.my_lecture_de .hidden_box > dd.sub_box{padding:10px; display:none;border-bottom:1px solid #d2d2d2}
.my_lecture_de .rest_box > dd.sub_box .tit{overflow:hidden;}
.my_lecture_de .rest_box > dd.sub_box .tit span{display:block;floaT:left;font-size:14px;}
.my_lecture_de .rest_box > dd.sub_box .tit span strong{color:#d22828}
.my_lecture_de .rest_box > dd.sub_box .tit a{display:block;float:right;font-size:14px;}
.my_lecture_de .rest_box > dd.sub_box .tip{margin-top:10px;color:#888;line-height:18px;}
.my_lecture_de .rest_box > dd.sub_box .btn > a{margin-top:10px;display:block;height:40px;background:#fff;border:1px solid #a2a2a2;border-radius:3px;;line-height:40px;text-align:center;font-size:16px;font-weight:800;color:#292929;box-sizing:border-box;}

.my_lecture_de .re_listen_box > dd.sub_box .price_info{overflow:hidden;}
.my_lecture_de .re_listen_box > dd.sub_box .price_info span{display:block;floaT:left;font-size:14px;margin-right:10px;font-weight:bold}
.my_lecture_de .re_listen_box > dd.sub_box .price_info p{display:block;float:left;font-size:14px;}
.my_lecture_de .re_listen_box > dd.sub_box .price_info p s{margin-right:5px;color:#888}
.my_lecture_de .re_listen_box > dd.sub_box .price_info p strong{color:#d22828}
.my_lecture_de .re_listen_box > dd.sub_box .btn > a{margin-top:10px;display:block;height:40px;background:#fff;border:1px solid #a2a2a2;border-radius:3px;;line-height:40px;text-align:center;font-size:16px;font-weight:800;color:#292929;box-sizing:border-box;}


.my_lecture_de .s_list dd.sub_box{display:block;}
.my_lecture_de .s_list .sub_box ul li{position:relative;border-bottom:1px solid #e2e2e2;padding:10px 0}
.my_lecture_de .s_list .sub_box ul li:last-child{border-bottom:0px;}
.my_lecture_de .s_list .sub_box ul li > div{position:relative;margin-right:60px;}
.my_lecture_de .s_list .sub_box ul li > div > a{display:block;font-size:14px;}
.my_lecture_de .s_list .sub_box ul li > div > a.tit{line-height:20px;padding-right:10px;box-sizing:border-box;}
.my_lecture_de .s_list .sub_box ul li > div > a.tit strong{margin-right:5px;}
.my_lecture_de .s_list .sub_box ul li > div > a.listen_btn{display:block;position:absolute;color:#d22828;right:-60px;top:50%;margin-top:-16px;;text-align:center;width:60px;height:32px;line-height:32px;font-size:12px;border:1px solid #d22828;box-sizing:border-box;border-radius:3px}
.my_lecture_de .s_list .sub_box ul li > div > label > a{display:block;font-size:14px;}
.my_lecture_de .s_list .sub_box ul li > div > label > a.tit{line-height:20px;padding-right:10px;box-sizing:border-box;}
.my_lecture_de .s_list .sub_box ul li > div > label > a.tit strong{margin-right:5px;}
.my_lecture_de .s_list .sub_box ul li > div > label > a.listen_btn{display:block;position:absolute;color:#d22828;right:-60px;top:50%;margin-top:-16px;;text-align:center;width:60px;height:32px;line-height:32px;font-size:12px;border:1px solid #d22828;box-sizing:border-box;border-radius:3px}
.my_lecture_de .s_list .sub_box ul li > div {}

.my_lecture_de .shot_cut_btn{margin-top:10px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.my_lecture_de .shot_cut_btn > ul > li{height:50px;line-height:50px;overflow:hidden;padding:0 10px;background:#fff;;border-bottom:1px solid #d2d2d2}
.my_lecture_de .shot_cut_btn > ul > li:last-child{border-bottom:0px;}
.my_lecture_de .shot_cut_btn > ul > li dt{float:left;font-size:14px;font-weight:bold;}
.my_lecture_de .shot_cut_btn > ul > li dd{float:right;}
.my_lecture_de .shot_cut_btn > ul > li dd span{display:block;width:13px;height:20px;margin-top:15px;margin-left:18.5px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -85px 0px / auto 500px;}

.my_single_de .thum_box .info_box > div{position:relative;margin-left:100px;padding:10px 0}
.my_single_de .thum_box .info_box > div > .pro_img{position:absolute;left:-100px;top:50%;margin-top:-50px}
.my_single_de .thum_box .info_box > div > .pro_img span{display:block;border:1px solid #e2e2e2;box-sizing:border-box;overflow:hidden;}
.my_single_de .thum_box .info_box > div > .pro_img span img{width:100px;height:100px;}

.my_single_de .thum_box .info_box > div > .lec_text{padding-left:10px;box-sizing:border-box;}
.my_single_de .thum_box .info_box > div > .lec_text span{display:block;}
.my_single_de .thum_box .info_box > div > .lec_text span.tit{margin:5px 0;font-size:14px;line-height:20px}

.my_single_de .s_list .sub_box .down_select{border-bottom:1px solid #e2e2e2;padding:5px 0 15px 0;}
.my_single_de .s_list .sub_box .down_select select{height:40px;width:100%;border:1px solid #d2d2d2;box-sizing:border-box;border-radius:3px;background:#fff;}
.my_single_de .s_list .sub_box ul li{position:relative;border-bottom:1px solid #e2e2e2;padding:10px 0}
.my_single_de .s_list .sub_box ul li:last-child{border-bottom:0px;}
.my_single_de .s_list .sub_box ul li > div{position:relative;margin-left:22px;margin-right:60px;}
.my_single_de .s_list .sub_box ul li > div > span{display:block;position:absolute;left:-22px;top:50%;margin-top:-11px;font-size:11px;width:22px;height:22px;border-radius:50%;line-height:22px;text-align:center;border:1px solid #a2a2a2;box-sizing:border-box;}
.my_single_de .s_list .sub_box ul li > div > a{display:block;font-size:14px;}
.my_single_de .s_list .sub_box ul li > div > a.tit{line-height:20px;padding:0 10px;box-sizing:border-box;}
.my_single_de .s_list .sub_box ul li > div > a.tit strong{margin-right:5px;}
.my_single_de .s_list .sub_box ul li > div > a.listen_btn{display:block;position:absolute;color:#d22828;right:-60px;top:50%;margin-top:-16px;;text-align:center;width:60px;height:32px;line-height:32px;font-size:12px;border:1px solid #d22828;box-sizing:border-box;border-radius:3px}
.my_single_de .s_list .sub_box .more_btn a{margin-top:10px;display:block;height:40px;background:#fff;border:1px solid #a2a2a2;border-radius:3px;;line-height:40px;text-align:center;font-size:16px;font-weight:800;color:#292929;box-sizing:border-box;}

.hidden_popup_wrap{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
.hidden_popup_wrap .bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7)}
.hidden_popup_wrap .hidden_popup{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;z-index:9999;}
.hidden_popup_wrap .hidden_popup > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.hidden_popup_wrap .hidden_popup .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.hidden_popup_wrap .hidden_popup .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.hidden_popup_wrap .hidden_popup .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.hidden_popup_wrap .hidden_popup .tit_box span{display:block;}
.hidden_popup_wrap .hidden_popup .content_box{padding:15px 10px;}
.hidden_popup_wrap .hidden_popup .btn {padding:10px}
.hidden_popup_wrap .hidden_popup .btn a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.hidden_popup_wrap .review_popup .content_box {padding:0px 10px}
.hidden_popup_wrap .review_popup .content_box .score_box {text-align:center;overflow:hidden;padding:10px 0}
.hidden_popup_wrap .review_popup .content_box .score_box p{float:right;line-height:40px;font-size:16px;}
.hidden_popup_wrap .review_popup .content_box .score_box p strong{color:#d22828}
.hidden_popup_wrap .review_popup .content_box .score_box ul{overflow:hidden;float:left;}
.hidden_popup_wrap .review_popup .content_box .score_box ul li{float:left;;}
.hidden_popup_wrap .review_popup .content_box .score_box ul li span{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
.hidden_popup_wrap .review_popup .content_box .score_box ul li.on span{color:#d22828}
.hidden_popup_wrap .review_popup .content_box .text_box textarea{width:100%;border:1px solid #d2d2d2;box-sizing:border-box;height:150px;box-sizing:border-box;padding:5px;font-size:14px;line-height:20px;}

.hidden_popup_wrap2{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:801;display:none;}
.hidden_popup_wrap2 .bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7)}
.hidden_popup_wrap2 .hidden_popup{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;z-index:9999;}
.hidden_popup_wrap2 .hidden_popup > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.hidden_popup_wrap2 .hidden_popup .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.hidden_popup_wrap2 .hidden_popup .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.hidden_popup_wrap2 .hidden_popup .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.hidden_popup_wrap2 .hidden_popup .tit_box span{display:block;}
.hidden_popup_wrap2 .hidden_popup .content_box{padding:15px 10px;}
.hidden_popup_wrap2 .hidden_popup .btn {padding:10px}
.hidden_popup_wrap2 .hidden_popup .btn a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.hidden_popup_wrap2 .question_popup .content_box {padding:0px 10px}
.hidden_popup_wrap2 .question_popup .content_box .sub_box input{width:100%;border:1px solid #d2d2d2;box-sizing:border-box;height:30px;box-sizing:border-box;padding:5px;font-size:14px;line-height:20px; margin: 10px 0px 10px 0px}
.hidden_popup_wrap2 .question_popup .content_box .text_box textarea{width:100%;border:1px solid #d2d2d2;box-sizing:border-box;height:150px;box-sizing:border-box;padding:5px;font-size:14px;line-height:20px;}


.my_order_iist {min-height:420px;}
.my_order_iist ul li .pd_list{margin-top:0px;}
.my_order_iist ul li .pd_list .my_order_de_btn a{display:block;height:44px;line-height:44px;border-radius:3px;border:1px solid #a2a2a2;font-size:14px;font-weight:bold;margin-top:10px;text-align:center;box-sizing:border-box;;}
.my_order_iist ul li .pd_list .sub_box{display:none;}
.my_order_iist ul li:first-child .sub_box{display:block;}
.my_order_iist ul li .pd_list .sub_box .review_btn{border-top:1px solid #e2e2e2;padding:10px;text-align:right;}
.my_order_iist ul li .pd_list .sub_box .review_btn a{display:inline-block;width:90px;height:25px;line-height:25px;text-align:center;border:1px solid #a2a2a2;border-radius:3px;}

.my_order_detail {padding:0 0 10px 0}
.my_order_detail .pd_list{margin-top:10px;border-top:1px solid #d2d2d2;}
.my_order_detail .credit_info{margin-top:10px;background:#fff;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.my_order_detail .credit_info dd{padding:10px 10px 20px 10px }
.my_order_detail .credit_info dd > ul > li{overflow:hidden;height:34px;line-height:34px;border-bottom:1px solid #e2e2e2;font-size:14px;}
.my_order_detail .credit_info dd > ul > li:last-child{border-bottom:0px;}
.my_order_detail .credit_info dd > ul > li span.tit{float:left;display:block;font-weight:bold;}
.my_order_detail .credit_info dd > ul > li span.con{float:right;display:block;}
.my_order_detail .credit_info dd > ul > li.d1 .con{color:#d22828;font-weight:bold;}

.my_coupon_list .coupon_input {background:#fff;border-top:1px solid #d2d2d2;}
.my_coupon_list .coupon_input dt{height:50px;line-height:50px;border-bottom:1px solid #d2d2d2;padding:0 10px;}
.my_coupon_list .coupon_input dt h4{font-size:14px;font-weight:bold;}
.my_coupon_list .coupon_input dd{padding:10px;border-bottom:1px solid #d2d2d2;}
.my_coupon_list .coupon_input dd > div.input_box div{position:relative;margin-right:80px;}
.my_coupon_list .coupon_input dd > div.input_box div > span{display:block;width:100%;height:40px;}
.my_coupon_list .coupon_input dd > div.input_box div > span input{width:100%;height:40px;border:1px solid #a2a2a2;padding:0 5px;box-sizing:border-box;}
.my_coupon_list .coupon_input dd > div.input_box div > a{display:block;position:absolute;right:-80px;top:0px;width:80px;height:40px;background:#494949;color:#fff;font-size:14px;font-weight:bold;border-radius:3px;line-height:40px;text-align:center;}
.my_coupon_list .coupon_input dd > div.tip{margin-top:10px;line-height:18px;color:#888}

.my_coupon_list .coupon_list {margin-top:10px;background:#fff;border-top:1px solid #d2d2d2;}
.my_coupon_list .coupon_list dt{height:50px;line-height:50px;border-bottom:1px solid #d2d2d2;padding:0 10px;overflow:hidden;}
.my_coupon_list .coupon_list dt h4{float:left;font-size:14px;font-weight:bold;}
.my_coupon_list .coupon_list dt span{margin-left:5px;float:left;display:block;font-size:14px;color:#d22828}
.my_coupon_list .coupon_list dd{padding:10px;border-bottom:1px solid #d2d2d2;}
.my_coupon_list .coupon_list dd > ul > li{border:1px solid #e2e2e2;margin-bottom:10px;border-radius:3px;}
.my_coupon_list .coupon_list dd > ul > li .coupon_number{height:32px;line-height:32px;border-bottom:1px solid #e2e2e2;padding:0 10px;background:#f6f7fb}
.my_coupon_list .coupon_list dd > ul > li .coupon_con{padding:10px;}
.my_coupon_list .coupon_list dd > ul > li .coupon_con .name{font-weight:bold;font-size:14px;line-height:20px;}
.my_coupon_list .coupon_list dd > ul > li .coupon_con .date{display:block;margin-top:5px;}
.my_coupon_list .coupon_list dd > ul > li .coupon_con .date strong{color:#1285ba}
.my_coupon_list .coupon_list .more_btn a{display:block;text-align:center;height:40px;line-height:40px;background:#fff;border-radius:3px;border:1px solid #a2a2a2;}

.my_point_list .point_list {background:#fff;border-top:1px solid #d2d2d2;}
.my_point_list .point_list dt{height:50px;line-height:50px;border-bottom:1px solid #d2d2d2;padding:0 10px;overflow:hidden;}
.my_point_list .point_list dt h4{float:left;font-size:14px;font-weight:bold;}
.my_point_list .point_list dt span{margin-left:5px;float:right;display:block;font-size:14px;color:#d22828}
.my_point_list .point_list dd{padding:10px;border-bottom:1px solid #d2d2d2;}
.my_point_list .point_list dd > ul > li{border:1px solid #e2e2e2;margin-bottom:10px;border-radius:3px;}
.my_point_list .point_list dd > ul > li .point_date{height:32px;line-height:32px;border-bottom:1px solid #e2e2e2;padding:0 10px;background:#f6f7fb}
.my_point_list .point_list dd > ul > li .point_con{padding:10px;}
.my_point_list .point_list dd > ul > li .point_con .tit{margin-bottom:10px;font-size:14px;line-height:20px;}
.my_point_list .point_list dd > ul > li .point_con .point {overflow:hidden;margin-top:5px;}
.my_point_list .point_list dd > ul > li .point_con .point span{display:block;float:left;}
.my_point_list .point_list dd > ul > li .point_con .point strong{display:block;float:right;}

.my_point_list .point_list .more_btn a{display:block;text-align:center;height:40px;line-height:40px;background:#fff;border-radius:3px;border:1px solid #a2a2a2;font-size:14px;font-weight:bold;}



/* 1:1문의하기 */

.my_question {padding:10px;background:#fff}
.my_question > select{width:100%;height:40px;border:1px solid #d2d2d2;box-sizing:border-box;padding:0 5px;background:#fff;}
.my_question > div{margin-top:5px;}
.my_question > div > input{width:100%;height:40px;font-size:14px;padding:0 5px;box-sizing:border-box;border:1px solid #d2d2d2}
.my_question > div > textarea{width:100%;height:250px;font-size:14px;padding:5px;box-sizing:border-box;border:1px solid #d2d2d2;overflow-y:scroll}
.my_question > a{margin-top:10px;display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;margin-bottom:30px;}

/* 문의내역 */
.my_question_list{padding:10px;background:#fff}
.my_question_list ul li{margin-bottom:10px;}
.my_question_list ul li dt{height:40px;line-height:40px;background:#f6f7fb;padding:0 10px;border:1px solid #d2d2d2;border-bottom:0px;}
.my_question_list ul li dd{background:#fff}
.my_question_list ul li dd .question{border:1px solid #d2d2d2;padding:15px 10px;}
.my_question_list ul li dd .question > a{display:block;position:relative;margin-left:35px;}
.my_question_list ul li dd .question > a .icon{position:absolute;left:-35px;top:0px;width:25px;height:25px;display:block;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0 -410px / auto 500px;}
.my_question_list ul li dd .question > a .text{font-size:14px;line-height:20px;font-weight:bold;}
.my_question_list ul li dd .answer{border:1px solid #d2d2d2;padding:15px 10px;border-top:0px;}
.my_question_list ul li dd .answer > a{display:block;position:relative;margin-left:35px}
.my_question_list ul li dd .answer > a .icon{position:absolute;left:-35px;top:0px;;width:25px;height:25px;display:block;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -25px -410px / auto 500px;}
.my_question_list ul li dd .answer > a .text{font-size:14px;line-height:20px;}

a.more_btn{display:block;text-align:center;height:40px;line-height:40px;background:#fff;border-radius:3px;border:1px solid #a2a2a2;font-size:14px;font-weight:bold;}

/* 문의상세보기 */
.my_question_view{background:#fff}
.my_question_view dt{height:40px;line-height:40px;background:#f6f7fb;padding:0 10px;border:1px solid #d2d2d2;border-bottom:0px;}
.my_question_view dd{background:#fff}
.my_question_view dd .question{border:1px solid #d2d2d2;padding:15px 10px;}
.my_question_view dd .question > a{display:block;position:relative;margin-left:35px}
.my_question_view dd .question > a .icon{position:absolute;left:-35px;top:0px;;width:25px;height:25px;display:block;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0 -410px / auto 500px;}
.my_question_view dd .question > a .text strong{display:block;font-size:14px;}
.my_question_view dd .question > a .text p{margin-top:10px;line-height:20px;font-size:14px;}

.my_question_view dd .answer{border:1px solid #d2d2d2;padding:15px 10px;border-top:0px;}
.my_question_view dd .answer > a{display:block;position:relative;margin-left:35px}
.my_question_view dd .answer > a .icon{position:absolute;left:-35px;top:0px;;width:25px;height:25px;display:block;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -25px -410px / auto 500px;}
.my_question_view dd .answer > a .text{font-size:14px;line-height:20px;}

/* 회원탈퇴 */

.my_member_out {padding:10px;background:#fff}
.my_member_out > select{margin-top:5px;width:100%;height:40px;border:1px solid #d2d2d2;box-sizing:border-box;padding:0 5px;background:#fff;}
.my_member_out > div{margin-top:5px;}
.my_member_out > div > input{width:100%;height:40px;font-size:14px;padding:0 5px;box-sizing:border-box;border:1px solid #d2d2d2}
.my_member_out > div > textarea{width:100%;height:250px;font-size:14px;padding:5px;box-sizing:border-box;border:1px solid #d2d2d2;overflow-y:scroll}
.my_member_out > a{margin-top:10px;display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;margin-bottom:30px;}




/* 북채널 메인 */

.book_search_wrap{background:#fff;padding:10px;border-bottom:1px solid #e2e2e2}
.book_search{background:#fff;border:1px solid #d22828;border-radius:5px;overflow:hidden;}
.book_search > form > div{position:relative;margin-right:46px;}
.book_search > form > div input{display:block;height:36px;width:100%;padding:0 10px;box-sizing:border-box;font-size:14px;}
.book_search > form > div a{position:absolute;display:block;right:-46px;width:46px;top:0px;height:36px;}
.book_search > form > div a span{display:block;width:20px;height:20px;margin:7px 13px;;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -200px -100px / auto 500px;}

.book_main .main_sb {width:100%;position:relative;}
.book_main .main_sb ul li img{width:100%;height:auto;}
.book_main .main_sb .bx-pager{position:relative;left:0px;width:100%;text-align:center;background:#fff;height:30px;line-height:30px;}
.book_main .main_sb .bx-pager div{display:inline-block;vertical-align:middle;margin:2% 1px;}
.book_main .main_sb .bx-pager div a{display:block;width:60px;height:6px;background:#a2a2a2;text-indent:-9999px;transition:all 1s}
.book_main .main_sb .bx-pager div .active{background:#d50c0c}
.book_main .main_sb .bx-controls-direction{display:none;}

.book_main .pop_book {background:#fff;margin-top:10px;;position:relative;overflow:hidden;}
.book_main .pop_book h4{font-size:16px;font-weight:bold;display:block;border-bottom:1px solid #d2d2d2;height:46px;line-height:46px;padding-left:10px;}
.book_main .pop_book .scrolling { /* Carousel Frame */  overflow: hidden;;padding:20px 0 20px 10px;min-height:190px;}
.book_main .pop_book .scrolling ul {margin: 0;padding: 0;list-style-type: none;position: absolute;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.book_main .pop_book .scrolling li {float:left;width:90px;margin-right:20px;}
.book_main .pop_book .scrolling li dt > span {display:block;overflow-x:hidden;}
.book_main .pop_book .scrolling li dt > span img{width:100%;height:auto;}
.book_main .pop_book .scrolling li dt{border:1px solid #292929;box-sizing:border-box;}
.book_main .pop_book .scrolling li dd{background:#fff;border-top:0px;box-sizing:border-box;}
.book_main .pop_book .scrolling li dd strong{display:block;font-size:12px;line-height:16px;margin-top:10px;}

.book_main .book_center_ban{margin:10px 0}
.book_main .book_center_ban a{display:block;}
.book_main .book_center_ban a img{min-width:320px;width:100%;}

.book_main .best_book {background:#fff;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.book_main .best_book dt{height:46px;line-height:46px;padding:0 10px;border-bottom:1px solid #d2d2d2;font-size:16px;font-weight:bold}
.book_main .best_book ul li {;padding:10px;border-bottom:1px solid #e2e2e2;}
.book_main .best_book ul li a{display:block;;min-height:100px}
.book_main .best_book ul li a > div{position:relative;margin-left:80px;}
.book_main .best_book ul li a > div .book_img{display:block;position:absolute;left:-80px;top:0px;}
.book_main .best_book ul li a > div .book_img img{width:70px;height:100px;border:1px solid #e2e2e2;box-sizing:border-box;}
.book_main .best_book ul li a > div .book_text {display:block;padding:10px 0;box-sizing:border-box;}
.book_main .best_book ul li a > div .book_text strong{display:block;font-size:14px;;font-weight:bold;color:#198cd5;}
.book_main .best_book ul li a > div .book_text p{margin-top:10px;}

.book_main .book_cate{background:#fff;margin-top:10px;}
.book_main .book_cate dt{height:46px;line-height:46px;padding:0 10px;border-bottom:1px solid #d2d2d2;font-size:16px;font-weight:bold}
.book_main .book_cate ul{overflow:hidden;border-left:1px solid #d2d2d2;box-sizing:border-box;}
.book_main .book_cate ul li{width:50%;float:left;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;box-sizing:border-box;}
.book_main .book_cate ul li a{display:block;height:40px;line-height:40px;text-align:center;}


.book_main .notice{background:#fff;margin-top:10px;width:100%;}
.book_main .notice .tit_bar{height:46px;overflow:hidden;border-bottom:1px solid #c2c2c2;}
.book_main .notice .tit_bar h4{font-size:16px;font-weight:bold;float:left;margin-left:10px;height:46px;line-height:46px;}
.book_main .notice .tit_bar a{display:block;height:46px;width:46px;float:right;}
.book_main .notice .tit_bar a span{display:block;width:13px;height:20px;margin:0px auto;;margin-top:13px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -85px 0px / 500px}
.book_main .notice ul li{height:40px;line-height:40px;text-indent:10px;border-bottom:1px solid #e2e2e2}
.book_main .notice ul li a{max-width:350px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical;}

.book_list_wrap .book_cate_select{overflow:hidden;background:#fff;padding:10px;}
.book_list_wrap .book_cate_select > div{float:left;width:50%;box-sizing:border-box;}
.book_list_wrap .book_cate_select > div select{width:100%;height:30px;border:1px solid #d2d2d2;border-radius:3px;background:#fff}
.book_list_wrap .book_cate_select > div.sel1{padding-right:2px}
.book_list_wrap .book_cate_select > div.sel2{padding-left:2px}

.book_list{background:#fff;}
.book_list .book_list_top{overflow:hidden;background:#fff;margin-top:5px;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #e2e2e2;}
.book_list .book_list_top .num{float:left;font-size:14px;}
.book_list .book_list_top .range_btn{float:right;overflow:hidden;}
.book_list .book_list_top .range_btn a{display:block;box-sizing:border-box;float:left;font-size:14px;height:26px;line-height:26px;text-align:center;;width:70px;border:1px solid #d2d2d2;border-radius:3px;margin-left:5px;margin-top:7px;}
.book_list .book_list_top .range_btn a.on{border-color:#d22828;color:#d22828;}

.book_list li{padding:15px 10px;border-bottom:1px solid #e2e2e2}
.book_list li dl{position:relative;margin-left:130px;}
.book_list li dl dt {position:absolute;left:-130px;}
.book_list li dl dt img{width:120px;height:166px;}
.book_list li dl dd{min-height:166px;}
.book_list li dl dd span{display:block;}
.book_list li dl dd span.tit{font-size:14px;font-weight:bold;line-height:20px;color:#198cd5;margin-top:5px}
.book_list li dl dd span.au{margin-top:10px;font-size:14px;}
.book_list li dl dd span.sale{margin-top:10px;;color:#888;font-size:14px;}
.book_list li dl dd span.sale strong{color:#d22828;margin-left:5px;}
.book_list li dl dd span.price{margin-top:10px;font-size:18px;font-weight:bold;color:#d22828}


.book_detail .top_menu{position:relative;;width:100%;top:0px;height:50px;background:#fff;overflow:hidden;border-bottom:1px solid #c2c2c2;z-index:20}
.book_detail .top_menu a{display:block;float:left;width:50%;height:50px;line-height:50px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:bold;}
.book_detail .top_menu a.on{border-bottom:3px solid #d22828;}

.book_detail .top_thum_box{width:100%;top:0px;z-index:1;}

.book_detail .thum_box .book_img{background:#fff;text-align:center;padding:30px;border-bottom:1px solid #d2d2d2}
.book_detail .thum_box .book_img img{width:170px;height:auto;border:1px solid #e2e2e2;}

.book_detail .cont{position:relative;z-index:999;border-top:1px solid #e2e2e2;background:#fff}

.book_detail .thum_box .tit_box{background:#fff;text-align:center;padding:15px 10px;}
.book_detail .thum_box .tit_box strong{display:block;font-size:18px;color:#292929;line-height:22px;}
.book_detail .thum_box .tit_box span{display:block;font-size:14px;color:#777;margin-top:8px;}
.book_detail .thum_box .tit_box .au{margin-top:10px;}

.book_detail .price_box{background:#fff;padding:15px 10px;}
.book_detail .price_box ul{border:1px solid #e2e2e2;box-sizing:border-box;border-radius:5px}
.book_detail .price_box li{overflow:hidden;border-bottom:1px solid #e2e2e2;padding:0 10px;height:38px;line-height:38px;box-sizing:border-box;}
.book_detail .price_box li:last-child{border-bottom:0px;}

.book_detail .price_box dt{float:left;font-size:12px;font-weight:bold;}
.book_detail .price_box dd{float:right;overflow:hidden;font-size:14px;}
.book_detail .price_box li.sale dt span{margin-left:10px;background:#d22828;;color:#fff;border-radius:3px;padding:2px 5px;font-size:11px}
.book_detail .price_box li.sale strong{font-size:18px;font-weight:bold;color:#d22828;}
.book_detail .price_box li.point dt span{margin-left:10px;background:#00a7c5;color:#fff;border-radius:3px;padding:2px 5px;font-size:11px}
.book_detail .price_box li.point strong{color:#00a7c5}

.book_detail .price_box .alliance{margin-top:10px;}
.book_detail .price_box .alliance dd{color:#0a6ebb}

.book_detail .book_amount_box {overflow:hidden;margin-top:10px;border:1px solid #e2e2e2;padding:10px;box-sizing:border-box;border-radius:5px}
.book_detail .book_amount_box .s1{float:left;line-height:32px;font-size:14px;font-weight:bold;}
.book_detail .book_amount_box .s2{float:right;overflow:hidden;}
.book_detail .book_amount_box .s2 span{display:block;float:left;width:32px;height:32px;font-size:10px;font-weight:bold;line-height:30px;border:1px solid #d2d2d2;box-sizing:border-box;text-align:center;border-left:0px;}
.book_detail .book_amount_box .s2 input{display:block;float:left;width:70px;height:32px;font-size:14px;line-height:32px;border:1px solid #d2d2d2;box-sizing:border-box;text-align:center;background:#fafafa}

.book_detail .book_etc{background:#fff;padding:15px 10px}
.book_detail .book_etc ul{border:1px solid #e2e2e2;box-sizing:border-box;border-radius:5px}
.book_detail .book_etc li{overflow:hidden;border-bottom:1px solid #e2e2e2;padding:0 10px;height:38px;line-height:38px;box-sizing:border-box;}
.book_detail .book_etc li:last-child{border-bottom:0px;}

.book_detail .book_etc dl{position:relative;margin-left:70px;}
.book_detail .book_etc dt{position:absolute;left:-70px;top:0px;font-size:12px;font-weight:bold;}
.book_detail .book_etc dd{overflow:hidden;font-size:14px;}

.book_detail .book_basic_info > .option_tit > h4 > label{color:#888888}
.book_detail .book_basic_info .sub_box{display:none;}
.book_detail .book_info .sub_box{padding:10px;line-height:18px;display:none;}
.book_detail .book_section .sub_box{padding:10px;line-height:18px;display:none;}

.book_detail .book_btn_box{position:fixed;bottom:0px;padding:10px;background:#fff;border-top:1px solid #d22828;width:100%;box-sizing:border-box;z-index:100;display:none}

.book_detail .book_btn_box .hidden_btn{display:block;position:absolute;top:-30px;left:50%;margin-left:-40px;height:30px;width:80px;border-radius:5px 5px 0 0;background:#fff;border:1px solid #d22828;box-sizing:border-box;border-bottom:1px solid #fff;text-align:center;}
.book_detail .book_btn_box .hidden_btn span{position:relative;display:block;width:16px;height:10px;;z-index:99;left:50%;margin-left:-8px;margin-top:10px;}
.book_detail .book_btn_box .hidden_btn span{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -15px -25px / auto 500px;}
.book_detail .book_btn_box .hidden_btn span.on{background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat 0px -25px / auto 500px;}

.book_detail .book_btn_box .opt_box {margin-bottom:10px;border-bottom:1px solid #e2e2e2;display:none}
.book_detail .book_btn_box .opt_box select{width:100%;height:36px;border:1px solid #d2d2d2;margin-bottom:5px;background:#fff;}

.book_detail .book_btn_box .last_price_box{overflow:hidden;;height:32px;padding:5px 0 10px 0;}

.book_detail .book_btn_box .last_price_box .amount {overflow:hidden;float:left;box-sizing:border-box;}
.book_detail .book_btn_box .last_price_box .amount .s1{float:left;line-height:32px;font-size:12px;font-weight:bold;margin-right:10px;}
.book_detail .book_btn_box .last_price_box .amount .s2{float:left;overflow:hidden;border:1px solid #e2e2e2}
.book_detail .book_btn_box .last_price_box .amount .s2 span{display:block;float:left;width:22px;height:32px;font-size:10px;font-weight:bold;line-height:30px;border-left:1px solid #d2d2d2;box-sizing:border-box;text-align:center;}
.book_detail .book_btn_box .last_price_box .amount .s2 input{display:block;float:left;width:40px;height:32px;font-size:14px;line-height:32px;;box-sizing:border-box;text-align:center;background:#fafafa}

.book_detail .book_btn_box .last_price_box .last_price {float:right;overflow:hidden;}
.book_detail .book_btn_box .last_price_box .last_price span{display:block;float:left;font-weight:bold;height:32px;line-height:46px}
.book_detail .book_btn_box .last_price_box .last_price strong{display:block;float:left;font-size:24px;color:#d22828;margin:0 4px 0 10px;height:32px;line-height:38px}

.book_detail .book_btn_box .btn ul{overflow:hidden;}
.book_detail .book_btn_box .btn ul li{box-sizing:border-box;width:50%;overflow:hidden;float:left;}
.book_detail .book_btn_box .btn ul .basket{padding-right:2px;}
.book_detail .book_btn_box .btn ul .buy{padding-left:2px;}

.book_detail .book_btn_box .btn ul li a{display:block;box-sizing:border-box;border-radius:3px;;height:40px;background:#f2f2f2;line-height:40px;text-align:center;font-size:14px;font-weight:800}
.book_detail .book_btn_box .btn ul .basket a{border:1px solid #a2a2a2}
.book_detail .book_btn_box .btn ul .buy a{background:#d22828;color:#fff}

.book_detail .top_btn{position:fixed;right:10px;bottom:70px;z-index:99;display:none;}
.book_detail .top_btn a{display:block;width:46px;height:46px;line-height:46px;border-radius:3px;background:#fff;border:1px solid #d22828;text-align:center;}

.lec_detail .top_btn{position:fixed;right:10px;bottom:70px;z-index:99;display:none;}
.lec_detail .top_btn a{display:block;width:46px;height:46px;line-height:46px;border-radius:3px;background:#fff;border:1px solid #d22828;text-align:center;}


.notice_page{background:#fff;}

.common_board .board_list ul li{border-bottom:1px solid #e2e2e2;padding:15px 10px}
.common_board .board_list ul li span{display:block;}
.common_board .board_list ul li span label{margin-left:5px;}
.common_board .board_list ul li span.tit{margin-bottom:5px;font-size:15px;}
.common_board .board_list ul li span.tit a{font-family:'notokr-medium';}

.paging{text-align:center; margin-top:20px;}
.paging ul {display:inline-block;overflow:hidden;}
.paging ul li{float:left;margin:0 1.5px}
.paging ul li a{display:block;width:28px;height:28px;border:1px solid #c2c2c2;line-height:28px;}
.paging ul li a i{margin-top:2px;color:#ccc}
.paging ul li.on a{border-color:#d22828;color:#d22828;}


.common_board .search_box {padding:0px 10px 10px 10px}
.common_board .search_box > div{border:1px solid #d2d2d2;border-radius:3px;}
.common_board .search_box > div > div{position:relative;margin-right:50px;}
.common_board .search_box > div > div > input{height:34px;width:100%;padding:5px;box-sizing:border-box;font-size:14px;}
.common_board .search_box > div > div > a{display:block;position:absolute;top:0px;right:-50px;width:50px;height:34px;}
.common_board .search_box > div > div > a > span{display:block;width:20px;height:20px;margin-top:7px;margin-left:15px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -200px -100px / auto 500px;}

.common_board .board_view .tit_area{padding:20px 10px;border-bottom:1px solid #d2d2d2}
.common_board .board_view .tit_area h4{display:block;font-size:16px;font-weight:bold;line-height:22px;}
.common_board .board_view .tit_area span{display:block;font-size:14px;margin-top:8px;}

.common_board .board_view .contents_area {padding:15px 10px;}
.common_board .board_view .contents_area img{width:100%;height:auto;}

.common_board .board_view .btn_area{text-align:center;padding:10px 0px;border-bottom:1px solid #d2d2d2;}
.common_board .board_view .btn_area a{display:inline-block;width:80px;height:30px;line-height:30px;border:1px solid #a2a2a2;font-size:14px;}

.common_board .comment_box{margin-top:20px;border-top:1px solid #d2d2d2;}
.common_board .comment_box dt{height:40px;line-height:40px;padding:0 10px;font-size:14px;font-weight:bold;border-bottom:1px solid #d2d2d2;}
.common_board .comment_box dd ul li{border-bottom:1px solid #e2e2e2;}
.common_board .comment_box .comment {padding:10px;}
.common_board .comment_box .comment span{display:block;}
.common_board .comment_box .comment span.cont{font-size:14px;line-height:20px;}
.common_board .comment_box .comment span.id{margin-top:5px;color:#888}
.common_board .comment_box .comment span.btn{text-align:right;margin-top:10px;}
.common_board .comment_box .comment span.btn a{display:inline-block;width:50px;height:25px;line-height:25px;text-align:center;border:1px solid #d2d2d2;box-sizing:border-box;}

.common_board .comment_box .re_comment{background:#f6f6f6;}
.common_board .comment_box .re_comment > div{position:relative;margin-left:30px;}
.common_board .comment_box .re_comment > div > .arrow{position:absolute;left:-30px;top:0px;width:20px;font-size:14px;text-align:center;font-weight:bold;}

.common_board .comment_writing{padding:20px 10px;border:1px solid #d2d2d2;}
.common_board .comment_writing textarea{width:100%;border:1px solid #d2d2d2;height:50px;box-sizing:border-box;padding:5px}
.common_board .comment_writing > a{display:block;width:100%;background:#d22828;color:#fff;font-size:14px;font-weight:bold;height:50px;line-height:50px;text-align:center;box-sizing:border-box;}

.common_board .re_comment_writing{margin-top:10px;display:none;}
.common_board .re_comment_writing textarea{width:100%;border:1px solid #d2d2d2;height:50px;box-sizing:border-box;padding:5px;border-bottom:0px;}
.common_board .re_comment_writing > a{display:block;width:100%;background:#f2f2f2;color:#292929;font-size:14px;;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border:1px solid #d2d2d2}

.comment_box{margin-top:20px;border-top:1px solid #d2d2d2;background-color: #fff}
.comment_box dt{height:40px;line-height:40px;padding:0 10px;font-size:14px;font-weight:bold;border-bottom:1px solid #d2d2d2;}
.comment_box dd ul li{border-bottom:1px solid #e2e2e2;}
.comment_box .comment {padding:10px;}
.comment_box .comment span{display:block;}
.comment_box .comment span.cont{font-size:14px;line-height:20px;}
.comment_box .comment span.id{margin-top:5px;color:#888}
.comment_box .comment span.btn{text-align:right;margin-top:10px;}
.comment_box .comment span.btn a{display:inline-block;width:50px;height:25px;line-height:25px;text-align:center;border:1px solid #d2d2d2;box-sizing:border-box;}

.comment_box .re_comment{background:#f6f6f6;}
.comment_box .re_comment > div{position:relative;margin-left:30px;}
.comment_box .re_comment > div > .arrow{position:absolute;left:-30px;top:0px;width:20px;font-size:14px;text-align:center;font-weight:bold;}

.comment_writing{padding:20px 10px;border:1px solid #d2d2d2;}
.comment_writing textarea{width:100%;border:1px solid #d2d2d2;height:80px;box-sizing:border-box;padding:5px}
.comment_writing > a{display:block;width:100%;background:#d22828;color:#fff;font-size:14px;font-weight:bold;height:40px;line-height:40px;text-align:center;box-sizing:border-box;}

.re_comment_writing{margin-top:10px;display:none;}
.re_comment_writing textarea{width:100%;border:1px solid #d2d2d2;height:50px;box-sizing:border-box;padding:5px;border-bottom:0px;}
.re_comment_writing > a{display:block;width:100%;background:#f2f2f2;color:#292929;font-size:14px;;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border:1px solid #d2d2d2}





.sub_search_wrap{background:#fff;padding:10px;border-bottom:1px solid #e2e2e2}
.sub_search{background:#fff;border:1px solid #d22828;border-radius:5px;overflow:hidden;}
.sub_search > form > div{position:relative;margin-left:70px;margin-right:46px;}
.sub_search > form > div select{position:absolute;left:-70px;;width:70px;height:36px;text-indent:5px;background:#fff;border:0px;}
.sub_search > form > div input{display:block;height:36px;width:100%;padding:0 10px;box-sizing:border-box;font-size:14px;}
.sub_search > form > div a{position:absolute;display:block;right:-46px;width:46px;top:0px;height:36px;}
.sub_search > form > div a span{display:block;width:20px;height:20px;margin:7px 13px;background:url('http://image.hrdch.co.kr/studych/image/m/icon_box.png') no-repeat -200px -100px / auto 500px;}

.search_massege{height:40px;line-height:40px;font-size:14px;text-align:center;}
.search_massege strong{color:#d22828}

.search_list{background:#fff;}
.search_list .list_top{overflow:hidden;background:#fff;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #e2e2e2;}
.search_list .list_top .num{float:left;font-size:14px;}
.search_list .list_top .range_btn{float:right;overflow:hidden;}
.search_list .list_top .range_btn a{display:block;box-sizing:border-box;float:left;font-size:12px;height:26px;line-height:24px;text-align:center;;width:60px;border:1px solid #d2d2d2;border-radius:3px;margin-left:5px;margin-top:7px;}
.search_list .list_top .range_btn a.on{border-color:#d22828;color:#d22828;}

.search_package .search_list li{border-bottom:1px solid #e2e2e2;padding:10px}
.search_package .search_list li dl{position:relative;margin-left:130px;box-sizing:border-box;}
.search_package .search_list li dl dt {position:absolute;left:-130px;}
.search_package .search_list li dl dt img{width:120px;height:70px;}
.search_package .search_list li dl dd{min-height:70px}
.search_package .search_list li dl dd span{display:block;}
.search_package .search_list li dl dd span.tit{font-size:14px;font-weight:bold;line-height:20px;color:#198cd5;}

.search_single{margin-top:10px;}

.search_single .search_list li{border-bottom:1px solid #e2e2e2;padding:10px}
.search_single .search_list li dl{position:relative;margin-left:80px;box-sizing:border-box;}
.search_single .search_list li dl dt {position:absolute;left:-80px;border:1px solid #e2e2e2;box-sizing:border-box;}
.search_single .search_list li dl dt img{width:70px;height:70px;}
.search_single .search_list li dl dd{min-height:70px}
.search_single .search_list li dl dd span{display:block;}
.search_single .search_list li dl dd span.tit{font-size:14px;font-weight:bold;line-height:20px;color:#198cd5;}
.search_single .search_list li dl dd span strong{color:#088373;margin-right:5px;}

/*우편 팝업 시작*/
#post_wrap{position:fixed; top:0; left:0; width:100%; height:100%; padding:10px; box-sizing:border-box; transition:opacity 0.3s ease-in-out; opacity:1; display: none; z-index:800}
#post_wrap .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7)}
#post_wrap .post{position:absolute; top:0; left:0; width:100%; padding:10px; box-sizing:border-box}
#post_wrap .post .wrap{position:relative; border:3px solid #000; background:#fff}
#post_wrap .post .wrap .fa-times{position:absolute; top:11px; right:10px; font-size:16px}
#post_wrap .post .wrap h3{padding:10px 0 10px 10px; background:#ccc; font-size:16px}
#post_wrap .post .wrap .contents{padding:0}
@media screen and (min-width: 300px) {
   #post_wrap .post .wrap .contents .info{font-size:11px; letter-spacing:-1.6px}
}

#post_wrap .post .wrap .contents .info{width:100%; height:460px;padding:0; margin:0; background:#eee}
#post_wrap .post .wrap .contents .info i{margin:0 3px 0 0; color:#1885d9}
/*우편 팝업 끝*/

/* 저자채널 CSS */


.author_main .main_sb {width:100%;position:relative;}
.author_main .main_sb ul li img{width:100%;height:auto;}
.author_main .main_sb .bx-pager{position:relative;left:0px;width:100%;text-align:center;background:#fff;height:30px;line-height:30px;}
.author_main .main_sb .bx-pager div{display:inline-block;vertical-align:middle;margin:13px 1px}
.author_main .main_sb .bx-pager div a{display:block;width:60px;height:6px;background:#a2a2a2;text-indent:-9999px;transition:all 1s}
.author_main .main_sb .bx-pager div .active{background:#d50c0c}
.author_main .main_sb .bx-controls-direction{display:none;}

.author_main .one_line_notice{height:50px;background:#fff;margin-top:10px;}
.author_main .one_line_notice .notice_box{position:relative;margin-left:60px;}
.author_main .one_line_notice .notice_box ul{position:relative;}
.author_main .one_line_notice .notice_box ul li a{display:block;height:50px;line-height:50px;padding-right:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.author_main .one_line_notice .notice_box .tit{background:#d50c0c;color:#fff;height:30px;line-height:30px;width:40px;border-radius:3px;position:absolute;left:-50px;top:10px;font-weight:bold;text-align:center;}

.author_main .best_author {margin-top:10px;}
.author_main .best_author .tit_box{height:46px;line-height:46px;background:#fff;border-bottom:1px solid #e2e2e2;}
.author_main .best_author .tit_box h4{font-size:16px;font-weight:bold;text-indent:10px;}
.author_main .best_author ul{overflow:hidden;}
.author_main .best_author ul li{float:left;width:50%;}
.author_main .best_author ul li a{display:block;padding:20px;text-align:center;background:#fff;position:relative;}
.author_main .best_author ul li.one a{border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;box-sizing:border-box;}
.author_main .best_author ul li.two a{border-bottom:1px solid #e2e2e2;box-sizing:border-box;}
.author_main .best_author ul li.three a{border-right:1px solid #e2e2e2;box-sizing:border-box;}
.author_main .best_author ul li a .best_label{position:absolute;top:0px;left:-23px;}
.author_main .best_author ul li a .best_label img{width:50%;height:6%;}
.author_main .best_author ul li a dt{display:inline-block;border-radius:50%;overflow:hidden;width:120px;height:120px;background:#292929;border:1px solid #e2e2e2;box-sizing:border-box;}
.author_main .best_author ul li a dt img{width:100%;}
.author_main .best_author ul li a dd {margin-top:10px;}
.author_main .best_author ul li a dd span{display:block;}
.author_main .best_author ul li a dd span.cate{color:#d50c0c}
.author_main .best_author ul li a dd span.name{margin-top:5px;font-size:14px;font-weight:bold}

.author_main .center_ban img{width:100%;height:auto;margin-top:10px;margin-bottom:10px;}

.author_main .au_book_list{padding-bottom:10px;}
.author_main .au_book_list .tit_box{height:46px;line-height:46px;background:#fff;border-bottom:1px solid #e2e2e2;}
.author_main .au_book_list .tit_box h4{float:left;margin-left:10px;font-size:16px;font-weight:bold;}
.author_main .au_book_list .tit_box span{float:right;margin-right:10px;font-size:12px;}
.author_main .au_book_list li{padding:15px 10px;border-bottom:1px solid #e2e2e2;background:#fff;}
.author_main .au_book_list li dl{position:relative;margin-left:90px;}
.author_main .au_book_list li dl dt {position:absolute;left:-90px;}
.author_main .au_book_list li dl dt img{width:80px;height:110px;}
.author_main .au_book_list li dl dd{min-height:110px;}
.author_main .au_book_list li dl dd span{display:block;}
.author_main .au_book_list li dl dd span.tit{font-size:14px;font-weight:bold;line-height:20px;color:#198cd5;margin-top:5px}
.author_main .au_book_list li dl dd span.au{margin-top:10px;font-size:13px;}
.author_main .au_book_list li dl dd span.sale{margin-top:10px;;color:#888;font-size:14px;}
.author_main .au_book_list li dl dd span.sale strong{color:#d22828;margin-left:5px;}
.author_main .au_book_list li dl dd span.price{margin-top:10px;font-size:18px;font-weight:bold;color:#d22828}

.author_search {min-height:640px;}
.author_search .result_text{height:50px;line-height:50px;text-align:center;font-size:14px;}
.author_search .result_text strong{color:#d50c0c}

.author_search .author_result_list ul li{display:block;border-bottom:1px solid #e2e2e2;background:#fff;padding:15px 10px;}
.author_search .author_result_list ul li dl{position:relative;margin-left:100px}
.author_search .author_result_list ul li dl dt{position:absolute;left:-100px;width:80px;height:80px;border:1px solid #d2d2d2;border-radius:50%;box-sizing:border-box;overflow:hidden;}
.author_search .author_result_list ul li dl dt img{width:100%;height:auto;}
.author_search .author_result_list ul li dl dd span{display:block;}
.author_search .author_result_list ul li dl dd span.cate{color:#d50c0c}
.author_search .author_result_list ul li dl dd span.name{margin-top:8px;padding-top:8px;font-size:14px;font-weight:bold;border-top:1px solid #e2e2e2;}
.author_search .author_result_list ul li dl dd div.number_info{margin-top:15px;overflow:hidden;border:1px solid #d2d2d2;border-radius:3px;height:24px;line-height:24px;}
.author_search .author_result_list ul li dl dd div.number_info > a{float:left;width:50%;text-align:center;}
.author_search .author_result_list ul li dl dd div.number_info > a strong{color:#d50c0c}
.author_search .author_result_list ul li dl dd div.number_info > a.book{border-right:1px solid #d2d2d2;box-sizing:border-box;}

.author_search .more a{display:block;height:46px;line-height:46px;text-align:center;background:#fff;font-size:14px;font-weight:bold;}

.author_detail .author_top{display:block;;background:#fff;padding:15px 10px;min-height:80px;margin-top:10px;}
.author_detail .author_top dl{position:relative;margin-left:100px;}
.author_detail .author_top dl dt{position:absolute;left:-100px;width:80px;height:80px;border:1px solid #d2d2d2;border-radius:50%;box-sizing:border-box;overflow:hidden;}
.author_detail .author_top dl dt img{width:100%;height:auto;}
.author_detail .author_top dl dd span{display:block;}
.author_detail .author_top dl dd span.cate{color:#d50c0c}
.author_detail .author_top dl dd span.name{margin-top:8px;padding-top:8px;font-size:14px;font-weight:bold;border-top:1px solid #e2e2e2;}
.author_detail .author_top dl dd span.list{margin-top:15px;line-height:18px;}

.author_detail .author_tab_menu{overflow:hidden;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:46px;line-height:46px;background:#fff}
.author_detail .author_tab_menu a{display:block;float:left;width:50%;text-align:center;font-size:14px;}
.author_detail .author_tab_menu a strong{color:#d50c0c}
.author_detail .author_tab_menu a.book{border-right:1px solid #e2e2e2;box-sizing:border-box;}
.author_detail .author_tab_menu a.on{border-bottom:3px solid #d50c0c;height:43px;}

.author_detail .au_book_list{padding-bottom:10px;}
.author_detail .au_book_list .tit_box{height:46px;line-height:46px;background:#fff;border-bottom:1px solid #e2e2e2;}
.author_detail .au_book_list .tit_box h4{float:left;margin-left:10px;font-size:16px;font-weight:bold;}
.author_detail .au_book_list .tit_box span{float:right;margin-right:10px;font-size:12px;}

.author_detail .au_book_list li{padding:15px 10px;border-bottom:1px solid #e2e2e2;background:#fff;}
.author_detail .au_book_list li dl{position:relative;margin-left:90px;}
.author_detail .au_book_list li dl dt {position:absolute;left:-90px;}
.author_detail .au_book_list li dl dt img{width:80px;height:110px;}
.author_detail .au_book_list li dl dd{min-height:110px;}
.author_detail .au_book_list li dl dd span{display:block;}
.author_detail .au_book_list li dl dd span.tit{font-size:14px;font-weight:bold;line-height:20px;color:#198cd5;margin-top:5px}
.author_detail .au_book_list li dl dd span.au{margin-top:10px;font-size:13px;}
.author_detail .au_book_list li dl dd span.sale{margin-top:10px;;color:#888;font-size:14px;}
.author_detail .au_book_list li dl dd span.sale strong{color:#d22828;margin-left:5px;}
.author_detail .au_book_list li dl dd span.price{margin-top:10px;font-size:18px;font-weight:bold;color:#d22828}

.author_detail .more a{display:block;height:46px;line-height:46px;text-align:center;background:#fff;font-size:14px;font-weight:bold;}

.author_detail .au_movie_list ul li dl{border-bottom:1px solid #e2e2e2;background:#fff;}
.author_detail .au_movie_list li dt{padding:10px;}
.author_detail .au_movie_list li dd{padding:0px 10px 30px 10px;line-height:20px;font-size:14px;position:relative;margin-left:60px;min-height:40px;}
.author_detail .au_movie_list li dd span{display:block;}
.author_detail .au_movie_list li dd span.x1{position:absolute;left:-50px;width:50px;height:40px;line-height:34px;text-align:center;border:3px solid #e2e2e2;font-weight:bold;box-sizing:border-box;}

#info_card_bg{display:none; position:fixed; top:0; left:0; z-index:5555; width:100%; height:100%; background:#000; opacity:0.6}
#info_card{display:none; position:fixed; top:0; left:0; z-index:5555; width:100%; height:100%; padding:20px; box-sizing:border-box; overflow-y:auto}
#info_card img{display:block; width:100%}



.order_popup_wrap{;width:100%;position:absolute;top:5px;background:#fff;box-sizing:border-box;z-index:1000000;}
.order_popup{margin:0 5px;position:relative;border:5px solid #9f2424;padding:20px;}
.order_popup .popup_title h2{font-size:20px;line-height:20px;;letter-spacing:-1px;text-align:center;line-height:28px;font-weight:bold;}
.order_popup .popup_title h2 span{color:#d22828;}
.order_popup .popup_title p{font-size:14px;line-height:13px;;letter-spacing:-0.5px;text-align:center;color:#888;margin-top:10px;line-height:19px;font-weight:normal;}
.order_popup .popup_cont{margin-top:15px;}
.order_popup .popup_cont table{border-top:1px solid #292929;}
.order_popup .popup_cont table th{padding:10px 0;text-align:center;border-bottom:1px solid #e2e2e2;;font-size:12px;;letter-spacing:-0.5px;text-align:center;color:#292929;background:#f8f8f8}
.order_popup .popup_cont table td{text-align:center;padding:15px 0;border-bottom:1px solid #e2e2e2;}
.order_popup .popup_cont table td dl{overflow:hidden;}
.order_popup .popup_cont table td dl.d2{margin-top:10px}
.order_popup .popup_cont table td dt{font-weight:bold;color:#068580}
.order_popup .popup_cont table td dd{margin-top:5px;line-height:20px;}
.order_popup .popup_cont table td.t2{text-align:left;padding:15px}
.order_popup .popup_cont table .t1{width:80px;border-right:1px solid #e2e2e2;}
.order_popup .popup_cont table td.t1 {font-weight:bold;border-bottom:1px solid #e2e2e2;}

.order_popup .close_bt{position:absolute;right:5px;top:5px;}


/* 장바구니 */
.basket02 { position:relative; left:50%; margin-left:-40%;width:80%; border:1px solid #a9a9a9; border-radius:4px; margin-top:75px; padding-bottom:48px;}
.basket02 .close { position:absolute; float:right; right:28px;}
.basket02 div {text-align:center;margin-top:26px;}
.basket02 .txt { text-align:center; margin-top:26px;font-size:16px; letter-spacing:-1px; line-height:30px;}
.btn_gray02 { display: inline-block; width:115px; height:30px; background:#e8e8e8; line-height:30px; color:#000; text-align:center;border-radius:6px; margin-right:17px;font-size:16px;}
.btn_blue { display:inline-block; width:115px; height:30px; background:#d22828; line-height:30px; color:#fff !important; text-align:center;border-radius:6px;font-size:16px;}

.benefit02 { margin-top:38px;}
.benefit02 p {font-size:20px;}
.benefit02 ul { height:45px; background:#6e7d8e;border:2px solid #cfdce7; margin-top:13px;}
.benefit02 ul li { float:left; display:inline-block; width:49%; font-size:16px; line-height:48px; color:#FFF; text-align:center; letter-spacing:-2px;}
.benefit02 ul li:nth-child(1){border-right:1px solid #fff;}
.benefit02 ul li span { color:#abf3fc;}

.basket_pack { margin-top:20px; border-top:1px solid #c8c8c8; /*border-bottom:1px solid #c8c8c8;*/ overflow:hidden; padding:37px 0;}
.basket_pack .check { overflow:hidden}
.basket_pack .check li { float:left; display:inline-block; margin-right:15px; font-size:24px; line-height:28px;}
.basket_pack .check li input { float:left;width:24px; height:24px; background:#3a7bd3; color:#FFF;}
.basket_pack .check li:first-child { width:4%;}
.basket_pack .check li:last-child { width:89%;}
.basket_book .check li span {font-size:22px;line-height:30px;}
.basket_pack .pack { margin-top:20px;}
.basket_pack .pack .pack_l { float:left;width:50%;}
.basket_pack .pack .pack_l img{width:240px;height: auto;}
.basket_pack .pack .pack_r { float:left; width:50%;}
.basket_pack .pack .pack_r ul {margin-top:20px;}
.basket_pack .pack .pack_r ul li {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_pack .pack .pack_r .pack_rl { float:left}
.basket_pack .pack .pack_r .pack_rr { float:right}
.basket_pack .pack .pack_r .pack_rr li { text-align:right}
.basket_pack .pack_tit span {}
@media all and (max-device-width:320px) {
    .basket_pack .pack .pack_l { float:left;width:55%;}
    .basket_pack .pack .pack_r { float:left; width:45%;}
    .basket_pack .pack .pack_r ul li {font-size:20px; }
}

.basket_mock { width:100%;margin-top:20px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; overflow:hidden; padding:37px 0;}
.basket_mock .check02 { overflow:hidden}
.basket_mock .check02 li { float:left; display:inline-block; margin-right:15px; font-size:24px;line-height:28px;}
.basket_mock .check02 li input { float:left; width:24px; height:24px; background:#3a7bd3; color:#FFF;}
.basket_mock .check02 li:first-child { width:4%;}
.basket_mock .check02 li:last-child { width:89%;}
.basket_mock .mock { margin-top:20px;}
.basket_mock .mock .mock_l { float:left;width:40%;}
.basket_mock .mock .mock_l img {width:155px;height: auto;border:1px solid #c6c6c6;}
.basket_mock .mock .mock_r { float:left;width:60%; }
.basket_mock .mock .mock_r ul { margin-top:5px;}
.basket_mock .mock .mock_r ul li {font-size:16px; line-height:26px; letter-spacing:-1px}
.basket_mock .mock .mock_r .mock_rl { float:right;}
.basket_mock .mock .mock_r .mock_rr { float:right;}
.basket_mock .mock .mock_r .mock_rr li { text-align:right}
.basket_mock .mock .mock_r .count {font-size:16px; line-height:26px; letter-spacing:-1px}
.basket_mock .mock .mock_r .count select { width:90px; height:26px; border:1px solid #b4b4b4;font-size:22px;}
@media all and (max-device-width:320px) {
    .basket_mock .mock .mock_l { float:left;width:45%;}
    .basket_mock .mock .mock_r { float:left; width:55%;}
    .basket_mock .mock .mock_r ul li {font-size:20px; }
}

.basket_book { margin-top:10px;border-bottom:1px solid #c8c8c8; overflow:hidden; padding:37px 0;}
.basket_book .check03 { overflow:hidden}
.basket_book .check03 li { float:left; display:inline-block; margin-right:15px; font-size:24px;line-height:28px;}
.basket_book .check03 li input { float:left; width:24px; height:24px; background:#3a7bd3; color:#FFF;}
.basket_book .check03 li:first-child { width:4%;}
.basket_book .check03 li:last-child { width:89%;}
.basket_book .check03 li span {font-size:16px;line-height:22px;}
.basket_book .book { margin-top:20px;}
.basket_book .book .book_l { float:left;width:40%;}
.basket_book .book .book_l img {border:1px solid #c6c6c6;}
.basket_book .book .book_r { float:left;width:60%; }
.basket_book .book .book_r ul { margin-top:20px;}
.basket_book .book .book_r ul li {font-size:16px; line-height:26px; letter-spacing:-1px}
.basket_book .book .book_r .book_rl { float:left}
.basket_book .book .book_r .book_rr { float:right;}
.basket_book .book .book_r .book_rr li { text-align:right}
.basket_book .book .book_r .count02 {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_book .book .book_r .count02 select { width:90px; height:30px; border:1px solid #b4b4b4;font-size:22px;}
@media all and (max-device-width:320px) {
    .basket_book .book .book_l { float:left;width:45%;}
    .basket_book .book .book_r { float:left; width:55%;}
    .basket_book .book .book_r ul li {font-size:20px; }
}

.delete { margin-top:32px;overflow:hidden}
.delete li {font-size:16px;}
.delete li input { width:12px; height:12px; background:#d33a3e; color:#FFF;}
.btn_del {display:block; padding:3px 7px; background:#fff; border:1px solid #c4c4c4; line-height:24px; color:#4d4d4d; text-align:center;border-radius:4px; }

.payment {border:1px solid #c6c6c6; margin-top:15px; background:#f3f4f8;}
.payment ul {display:block; border-bottom:1px solid #d5d5d5; overflow:hidden}
.payment ul li { padding:16px 15px;font-size:16px;}
.payment ul .red_b {color:#ff0000;font-weight:bold;font-size:20px;}

.btn_basket { position:relative; left:50%; width:440px; margin-left:-218px; margin-top:32px;margin-bottom:32px; overflow:hidden}
.btn_basket a { float:left; display:inline-block; margin-right:21px;}
.btn_basket a:last-child {margin-right:0;}
.btn_white {display:block; width:207px; height:57px; background:#fff; border:1px solid #b3b3b3; line-height:57px; color:#000; text-align:center; font-size:16px;}
.btn_red2 {display:block; width:207px; height:57px; background:#cd3b45; border:1px solid #b3b3b3; line-height:57px; color:#fff; text-align:center; font-size:16px;}

.sub_tit .back { float:left;border-right:1px solid #c6c6c6;}
.sub_tit { height:64px; text-align:center; background:#f5f5f5;border-bottom:1px solid #c6c6c6; line-height:64px;font-weight:bold;font-size:30px; }

.tbl-type-apply {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;border-bottom:1px solid #ccc;font-size:13px; letter-spacing:-1px; line-height:22px}
.tbl-type-apply th {padding:7px 10px;border-top:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;background:#f5f5f5;}
.tbl-type-apply th:first-child {border-left:1px solid #ccc;}
.tbl-type-apply td {padding:7px 10px;border-top:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type-apply td:first-child {border-left:1px solid #ccc; border-right:0;}
.tbl-type-apply td:last-child {border-left:0;}
.tbl-type-apply .right { text-align:right; padding:16px 20px;}
.tbl-type-apply input { width:30px; height:30px;}
.tbl-type-apply ul { float:right}
.tbl-type-apply ul li { float:left;display:inline-block; margin-left:10px;}
.tbl-type-apply ul li img{width:20px;height:20px;}
.price_all { margin-top:27px;margin-bottom:20px;text-align:right;}
.sale {border-top:1px solid #ccc; color:#f90000;text-align:right; padding:20px 0 0 0;}


.card_wrap {width:100%;height:100%;position:absolute;top:0;left:0;margin:auto;font-family:'notokr-medium';}
.card_wrap ul {position:absolute;}
.card_wrap ul:after{display:block;content:'';clear:both;}
.card_wrap li {list-style:none;margin:0;float:left;width:44px;height:43px;border:1px solid #d5d5d5;margin-right:4px;border-radius:5px;}
.card_wrap li:last-child{margin-right:0;}
.card_wrap li img {width:41px;height:41px;display:block;border-radius:8px;line-height:41px;margin:0 auto;}

.card_wrap li.card_01{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/samsung.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_02{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/nh.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_03{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/bc.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_04{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/shinhan.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_05{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/hyundai.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_06{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/hana.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_09{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/kb.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_08{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/lotte.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap li.card_10{background:#fff url(//image.hrdch.co.kr/studych/image/lecture/card/woori.png)no-repeat;background-size:38px;background-position:center;}
.card_wrap .notice {font-size:12px;font-family:Gulim;color:#b2b2b2;position:absolute;right:84px;bottom:24px;letter-spacing:-1px;}
.card_wrap .m_white .notice {font-size:13px;right:62px;bottom:28px;}

/*모바일*/
.card_wrap .m_white {width:100%;height:100%;position:relative;}
.card_wrap .m_card_w01 {background:url(http://image.hrdch.co.kr/studych/image/lecture/card/m_card01.png)no-repeat;}
.card_wrap .m_card_w01 ul{top:60px;left:33px;}
.card_wrap .m_card_w01 .priceWrap{position:absolute;right:30px;display:flex;}
.card_wrap .m_card_w01 .price {color:#ff3a00;font-family:'TmonMonsori';font-size:39px;margin-top:19px;line-height:59px;}
.card_wrap .m_card_w01 .priceTxt {margin-top:47px;font-size:16px;font-family:notokr-Medium;}
.card_wrap .m_card_w01 .priceTxt:last-child {font-size:19px;font-weight:bold;margin-top:43px;}
.card_wrap .m_card_w01 .notice {bottom:22px;right:48px;font-family:notokr-Medium;}

/*만원단위 한자릿수*/
.card_wrap .m_card_w02 {background:url(http://image.hrdch.co.kr/studych/image/lecture/card/m_card02.png)no-repeat;}
.card_wrap .m_card_w02 ul{top:60px;left:41px;}
.card_wrap .m_card_w02 .priceWrap{position:absolute;right:25px;display:flex;}
.card_wrap .m_card_w02 .priceWrap .price {color:#ff3a00;font-family:'TmonMonsori';font-size:61px;line-height:90px;}
.card_wrap .m_card_w02 .priceWrap .priceTxt {margin-top:60px;font-size:25px;font-family:notokr-Medium;}
.card_wrap .m_card_w02 .priceWrap .priceTxt:last-child {font-size:40px;font-weight:bold;margin-top:43px;}
.card_wrap .m_card_w02 .notice {bottom:5px;right:30px;font-family:notokr-Medium;}

/*만원단위 두자릿수*/
.card_wrap .m_card_w03 {background:url(http://image.hrdch.co.kr/studych/image/lecture/card/m_card02.png)no-repeat;}
.card_wrap .m_card_w03 ul{top:60px;left:41px;}
.card_wrap .m_card_w03 .priceWrap{position:absolute;right:39px;display:flex;}
.card_wrap .m_card_w03 .priceWrap .price {color:#ff3a00;font-family:'TmonMonsori';font-size:58px;line-height:88px;}
.card_wrap .m_card_w03 .priceWrap .priceTxt {margin-top:60px;font-size:20px;font-family:notokr-Medium;}
.card_wrap .m_card_w03 .priceWrap .priceTxt:last-child {font-size:38px;font-weight:bold;margin-top:43px;}
.card_wrap .m_card_w03 .notice {bottom:22px;right:48px;font-family:notokr-Medium;}