@charset "UTF-8";


/*올메뉴-마이페이지*/
.side_wrap{position:relative; background:#f6f6f6}
.side_close{position:absolute;top:0;right:4px;width:56px;height:60px;background:none;border:none;color:transparent;transform:translateZ(0px);}
.side_close:before, .side_close:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:30px;margin:-15px 0 0 -1px;background:#fff;}
.side_close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.side_close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.side_all:after{display:inline-block;width:6px;height:6px;margin-left:4px;border:1px solid #717587;border-width:1px 1px 0 0;vertical-align:2px;content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.side_head{overflow:hidden;position:relative;height:60px;padding:0 28px 0 28px;background:#0ca56f}

.side_head .tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;color:#fff;font-size:16px;line-height:32px;text-align:center; font-family:"notokr-bold";  margin-top:14px; }
.logbox{ overflow:hidden;position:relative;height:50px;background:#fff; padding:5px 20px; line-height:55px; font-size:14px}
.logbox .login {position:absolute; right:10px; top:12px }
.logbox .login a {display:block;width:90px;height:32px;border:none;-webkit-border-radius:2px;border-radius:2px;background:#f62e3d;color:#fff;font-size:14px;line-height:32px;text-align:center;font-family:"notokr-medium";}
.logbox .logout {position:absolute; right:10px; top:12px }
.logbox .logout a {display:block;width:90px;height:32px;border:none;-webkit-border-radius:2px;border-radius:2px;background:#666;color:#fff;font-size:14px;line-height:32px;text-align:center;font-family:"notokr-medium";}
.logbox .mypage {position:absolute; right:10px; top:12px }
.logbox .mypage a {display:block;width:90px;height:32px;border:none;-webkit-border-radius:2px;border-radius:2px;background:#666;color:#fff;font-size:14px;line-height:32px;text-align:center;font-family:"notokr-medium";}

.m_tb{border-top:1px solid #dedee1}
.m_bb{ border-bottom:1px solid #dedee1}

.side_my {overflow:hidden;border-bottom:1px solid #d1d1d6;border-top:1px solid #d1d1d6; background:#fff;}
.side_my li{float:left;position:relative;width:25%;}
.side_my li:before{position:absolute;top:22px;left:0;width:1px;height:35px;background:#efeff0;content:'';}
.side_my li:first-child:before{display:none}
.side_my li a{display:block;overflow:hidden;height:80px;color:#3d4050;font-size:14px;line-height:17px;text-align:center}
.side_my li a:before{display:block;width:57px;height:37px;margin:11px auto 5px;background:url('/images/side_common.png') no-repeat 3px -6px;content:''; background-size:200px 90px}
.side_my li.mr a:before{background-position:10px -3px}/*도서*/
.side_my li.ca a:before{background-position:-43px -3px}/*장바구니*/
.side_my li.or a:before{background-position:-100px -3px}/*주문배송*/
.side_my li.my a:before{background-position:-145px -3px}/*나의강의실*/

.side_my li.my_p a:before{background-position:0px -52px}
.side_my li.re a:before{background-position:-75px -50px}


.side_service{position:relative;margin:8px 0 0 0;background:#fff;border-bottom:1px solid #d1d1d6;}
.side_service .side_lklist li .tx{display:block;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side_recently{overflow:hidden;position:relative;padding:0;margin:8px 0 0 0;background:#fff;border-bottom:1px solid #d1d1d6;}
.side_recently .side_all {right:5px;}

.side_tit{padding:2px 15px 0 15px;color:#0b2f23;border-bottom:1px solid #b3b6c8;line-height:44px;font-size:17px;font-family:"notokr-medium";}
.side_lklist{background:#fff;overflow:hidden;}
.side_lklist li{float:left;position:relative;display:inline-block;box-sizing:border-box;width:50%;border-right:1px solid #efeff0;border-bottom:1px solid #efeff0;}
.side_lklist li:nth-child(2n){border-right:0;width:49.99%;}
.side_lklist li a{display:block;position:relative;overflow:hidden;height:48px;color:#3d4050;font-size:14px;line-height:48px;}

.side_lklist li a .tx_wrap{display:block;padding-left:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:50px; font-family:"notokr-bold"}
.side_lklist li:after{position:absolute;top:50%;content:'';right:15px;width:7px;height:7px;margin-top:-3px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.side_lklist li a:after{display:none;}
.side_lklist li a .it_wrap{display:block;padding-right:25px;white-space:nowrap;text-overflow:ellipsis;}
.side_lklist li a .ic_wrap{position:absolute;left:15px;top:10px;margin:0;line-height:20px;}
.side_lklist li a .ic_wrap img{width:28px;height:28px;}

.side_lklist li a .tx_wrap{display:block;padding-left:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:50px;}

.side_tit1{padding:2px 15px 0 15px;color:#0b2f23;line-height:44px;font-size:17px;font-family:"notokr-medium";} 
.side_tit1:after{position:absolute;top:50%;content:'';right:15px;width:7px;height:7px;margin-top:-3px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}



/*포인트, 회원정보수정---@@@@@추가수정*/
.side_cate{position:relative;margin:8px 0 0 0;background:#fff; overflow:hidden}
.side_cate .bt_more{display:block; position:relative;width:100%;height:40px;text-align:center;line-height:40px;color:#717587;background:#fff;}
.side_cate .bt_more span{position:relative;padding-right:15px;font-size:14px;}
.side_cate .bt_more span:after{position:absolute;top:50%;content:'';right:0;width:7px;height:7px;margin-top:-7px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.side_cate li{float:left;position:relative;display:inline-block;box-sizing:border-box;width:50%;}
.side_cate li:nth-child(3n) {border-right:0}

.recom .side_slist li {text-align:left;}
.recom .side_slist li .it_wrap{display:block;white-space:nowrap;text-overflow:ellipsis;}
.recom .side_slist li .ic_wrap{position:absolute;left:14px;top:8px;margin:0;line-height:12px;}
.recom .side_slist li .ic_wrap img{width:26px;height:26px;}
.recom .side_slist li .tx_wrap{display:block; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:42px; font-size:14px; font-weight:600}


.q_box{ overflow:hidden;position:relative;height:50px;; padding:15px 20px 20px 80px; line-height:20px; font-size:13px; background:#ecebf0}
.q_box .info{position:absolute; left:0px; top:12px;display:block;width:90px;height:50px;border:none;color:#333;font-size:13px;line-height:32px;text-align:center;  font-family:"notokr-medium"; }
.q_box_f{ font-family:Tahoma, Geneva, sans-serif }
.q_box_big{ overflow:hidden;height: auto; padding:10px; }
.q_box_big .img{width:95px;height:90px;float:left; text-align:center}
.q_box_big .info{line-height:16px; font-size:11px; width:100%; }

.cate_btlist li{float:left;overflow:hidden;width:50%;height:95px; border-bottom:1px solid #d1d1d6; padding:/*1px 20;*/ background:#fff;}
.cate_btlist li a{display:block;height:100px;padding:0px 0;;border-width:0 1px 1px 0;}
/*.cate_btlist li:nth-child(4n) a{border-right-width:0;}*/
.cate_btlist li a img{display:block;width:35px;margin:auto; padding-top:15px}
.cate_btlist li a .tx_wrap{display:block;overflow:hidden;height:15px;width:100%;font-size:14px;text-align:center;line-height:15px;font-family:"notokr-medium"; color:#333; padding-top:7px}
@media screen and (min-width:360px) {
    .cate_btlist li{width:50%;}
	 .cate_btlist li:nth-child(1n) a{ border-right:1px solid #e6e6e7}
	 .cate_btlist li:nth-child(2n) a{ border-right:1px solid #e6e6e7}
    .cate_btlist li:nth-child(3n) a{border-right-width:0;}
}





.vam{ vertical-align:middle}