@charset "utf-8";
/* CSS Document */

.w_lap{ width:1140px; position:relative; float:left}
/*ㅇ*/
.pagging_box{ height:40px; padding:10px 0; width:100%; float:left; margin-top:20px; border-top:1px solid #CCC}
.paging_list{color:#656565;text-align:center;margin-top:18px; }
.paging_list a{color:#656565;display:inline-block;padding:0 7px 1px 7px; }
.paging_list a:hover{color:#656565;}
.paging_list strong{color:#f56300; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; display:inline-block;padding:0 3px 1px 7px;}
.paging_list a span{display:block;overflow:hidden; margin:0 10px 0 10px; font-family:Tahoma, Geneva, sans-serif;}
.paging_list .first, .paging_list .last{width:29px;height:29px;vertical-align:top;overflow:hidden;font-size:0;line-height:30px;}
.paging_list .prev, .paging_list .next{width:29px;height:29px; vertical-align:middle;overflow:hidden;font-size:0;line-height:30px;}
	:root .paging .first, .paging .prev, .paging .next, .paging .last{text-indent:-9999em;}
.paging_list  span {color:#666 !important;margin:0 10px 0 10px}
.paging_list .first{background:url('/img/sub/btn_prev1.gif') no-repeat;padding:0;}
.paging_list .prev{background:url('/img/sub/btn_prev2.gif') no-repeat;padding:0;}
.paging_list .next{background:url('/img/sub/btn_next2.gif') no-repeat;padding:0;}
.paging_list .last{background:url('/img/sub/btn_next1.gif') no-repeat;padding:0;}

/* 마이페이지 인트로 */
.t_my {margin:20px 0 50px 0}
.t_my tbody td div {padding:10px 15px 30px 15px; position:relative;}
.title_txt {font-size:18px}
.t_my tbody td div .col {color:#2185c5}
.t_my tbody td div p { clear:both;position:absolute; bottom:0; right:0}
.t_my tbody td div p .resuilt {font-size:18px; font-weight:bold}
.t_my tbody td div p .resuilt a:hover {color:#2185c5;}

.btn_link {padding:2px 5px; background:#2185c5; color:#fff !important}
.btn_link:hover {color:#fff; padding:2px 5px}

td.myt_img {text-align:center; padding:30px 0;xborder:1px solid #f58723;}
td.myt_img:hover, td.over {xborder:1px solid #f58723;}

.all_price {background:#f7f7f7; padding:15px}
.all_price .col {color:#f58723; font-size:14px}

.all_price_ts td {border:none; padding:10px}
.answer {color:#f58723;font-weight:bold}

.in_box {width:100%; margin:10px 0 50px 0}
.in_box p {font-size:14px; font-weight:bold}
.in_box p a {xmargin:0 10px}

/* 쿠폰 및 적립금 인트로 박스 */
.all_view_box { padding:5px; xbackground:#169fc6}
.ts_all_view {background:#f7f7f7; padding:10px;}
.ts_all_view td {position:relative;padding:3px;border:1px solid #004C69;text-align:left; cursor:pointer; }
.ts_all_view td a {display:block;padding:10px;font-weight:bold;font-size:13px}
.ts_all_view td a:hover {background:#fff; color:#FB683C}
.ts_all_view td span.answer {position:absolute; right:10px; top:10px; font-size:14px}

.text_r {xfloat:right;font-size:11px}

.txt_c tbody th, .txt_c tbody td {padding:10px; border-right:none; border-left:none}
.txt_c tbody td input {height:25px}
.txt_c tbody td {font-weight:bold}
.txt_c thead th.col, .txt_c tbody td.col {background:#f5dad4; xcolor:#fff}
.txt_c thead th.col2, .txt_c tbody td.col2 {background:#d9eff2; xcolor:#fff}

/* 나의 강의실 */
.my_lecture table th {border:1px solid #777; height:40px}
.user_name {color:#0095ba; font-size:20px}
.ico_check {font-size:11px; padding:4px 5px;}
.ico_1 {background:#2185c5}
.ico_2 {background:#f7ab4e}
.ico_3 {background:skyblue}
.ico_4 {background:#cfcfcf}

/* 나의 주문내역 폼 */
.txtSrh {width:400px; padding:2px; font-size:12px}
.select_date { height:25px; }

.s_paging {text-align:center; margin:10px 0 30px 0}
.s_paging a {display:inline-block; width:21px; height:21px;background:url('../img/mypa/listinfo_img.gif') no-repeat scroll -127px -42px transparent;vertical-align:middle}
.s_paging a.prev {margin-left:-5px;background-position:-147px -42px }
.s_paging a.next {margin-right:-5px;background-position:-169px -42px}
.s_paging span {display:inline-block;padding:1px 10px}
.s_paging span strong {border:1px solid #DB8883; color:#E81818;min-width:14px;height:19px; padding:2px 6px;font-size:14px;font-weight:bold;vertical-align:middle}

div.s_paging a span  {display:block;padding:0px !important;font-size:0px;text-indent:-9999em}

.s_text {font-size:11px; color:#777}
.content a.txt_over {font-weight:bold;font-size:11px; color:#fff; background:#60b8c6; padding:2px 7px}

.myinfo_box{ width:100%; height:100%; text-align: left }
.myinfo_box .tit{ width:800px; height:30px; font-size:15px; font-weight:bold; line-height:35px; border-bottom:1px solid #cccccc; color:#0091cc}
.myinfo_box .tit img{ vertical-align:middle; margin-right:3px}
.myinfo_box .txt{ font-size:12px; line-height:20px}
.myinfo_box .txt .stit{ height:35px; line-height:35px; font-weight:bold;font-size:13px;}

/*크롬안내추가160610*/
.chinfo_box{ width:100%; height:100%; margin:10px 0 15px 0; float:left; border:0; }
.chinfo_box .left{ float:left; width:90px; height:auto}
.chinfo_box .right{ float:right; width:705px; height:auto; font-size:12px; line-height:18px}
.chinfo_box .right .fc_red{ color:#ff0033; font-size:12px}



/*마이페이지 수정_1903*/
.m_bigtit { font-size:25px; font-family:notokr-bold; margin-bottom:10px; position:relative}
.m_smtit{font-size:15px; color:#a0a0a0; margin-top:1px; color:#888; font-weight:300;}
.navigation_box{ position:absolute; right:0; bottom:0; width:400px; text-align:right;  width:500px;height:38px; line-height:38px; display:inline-block}
.navi_on{ font-size:18px; color:#505253; font-weight:600; text-align:right; height:38px; line-height:38px}
.navi_on img{vertical-align:middle; margin-right:5px; margin-top:-5px}
.navi_off{ font-size:18px; color:#a7a7a7;font-weight:600; text-align:right; width:80px;height:38px; line-height:38px}
.navi_arr{ width:30px; height:30px; background:url(../img/sub/basket_arr.png) no-repeat 15px 10px }

.tabbox{overflow:hidden; height:80px;}
.tabBtn:after {content:""; display:block; clear:both}
.tabBtn.default div {cursor:pointer; float:left;  height:54px; position:relative;}
.tabBtn.default div span {display:block; text-align:center; height:52px; background:#f5f7f9; border:solid 1px #eaeaea; border-bottom:solid 1px #4a5470;/* margin-left:-1px;*/ font-size:16px; color:#a4acb5; font-weight:400; line-height:52px;}
.tabBtn.default div.active span {background:#fff; border-color:#4a5470; border-bottom-color:#fff; color:#333;}
.tabBtn.default div.nextTab span {border-left-color:#4a5470}
.tabBtn.default div:first-child span {margin-left:0}
.tabrad{ color:#ff2626; font-family: Tahoma, Geneva, sans-serif}
.m50_w{width:50%;}
.m33_w{ width:33%}
.m34_w{ width:34%}

.tabCont{ width:880px}
.tabCont ul {padding:20px 10px 23px;}
.tabCont li {margin-top:11px; cursor:pointer}
.tabCont li:first-child {margin-top:0px}
.tabCont li:after {content:""; display:block; clear:both} 
.tabCont li .t2 {margin-left:20px; width:auto}
.tabCont li .date {padding-right:0}
.tabCont .bot {border-top:solid 1px #dcdcdc; padding:14px 10px 0}
.tabCont .bot:after {content:""; display:block; clear:both} 
.tabCont .bot .txtUpdate {float:left; font-family:'돋움', Dotum; font-size:11px; color:#2f6bda; letter-spacing:-1px; padding-bottom:5px}
.tabCont .bot .btn_ranking {float:right; text-indent:-9999em; width:73px; height:10px; background:url() no-repeat 0 0; margin-top:1px}

.tabCont .nodata {height:332px; line-height:332px; text-align:center; font-size:13px; color:#666; font-weight:300; padding:0; margin:0}


/* 수강신청내역 - 현재수강중인강좌 */

.minfo{ width:100%; background:#eff0f0;overflow:hidden}
.infobox{ margin:15px; width:100%; height:122px; background:url(../img/sub/mr_icon01.png) no-repeat 30px 20px}
.infobox .tit{ margin-left:150px; padding-top:15px; font-size:14px; line-height:22px; color:#444; font-family:NotoSansKR-Light}

.tab_th3{ width:100%; height:20px; font-size:16px; line-height:50px; margin:20px 0 5px 0}
.ib_c{ color:#ff2626}
.applyIng {margin-top:24px; background:#f5f5f5; padding:10px}
.applyIng dl {border:solid 1px #dcdcdc; border-radius:3px; background:#fff; margin-top:10px; position:relative;}
.applyIng dl:hover {border-color:#c1c1c1;}
.applyIng dl:first-child {margin-top:0}
/*.applyIng dl:hover {border-color:#c1c1c1; -webkit-box-shadow:2px 2px 5px #cccccc; -moz-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc; position:relative; top:-2px; left:-2px;}*/
.applyIng dl dt {padding:21px 25px 23px; position:relative;}
.applyIng dl dt .t1 {font-size:16px; color:#333; font-weight:500; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.applyIng dl dt .t1 span {float:left; top:6px}
.applyIng dl dt .t2 {font-size:13px; color:#a0a0a0; margin-top:1px; color:#888; font-weight:300;}

.applyIng dl dt .t3 {font-size:15px; color:#333; margin-top:10px; color:#888; font-weight:300; line-height:15px}


.applyIng dl dt .t4 {font-size:16px; color:#333; text-align:center; margin:40px 0 40px 0}/*강의가 없을시 사용*/

.applyIng dl dt .t5 {font-size:16px; color:#b07d45; margin-top:1px;  font-weight:300; margin:5px 0 0 75px;}
.t55{font-size:15px; color:#b07d45; margin-top:1px;  font-weight:300; }

/*진도율-그래프*/
.graph_comm {float:left; width:95%;  position:absolute; z-index:100; top:3px; right:10px }
.graph_comm .bg_graph {float:left;margin:13px 6px 0 6px;border-top:1px solid #bbb}
.graph_comm .graph_g {display:block;width:455px;height:8px;background-color:#f4f4f4}
.graph_comm .graph_glist {display:block;width:455px;height:8px;background-color:#e4e4e4}
.graph_comm .bar_g {display:block;height:7px;margin:-2px 0 0 -1px;background-color:#ff5000}
.graph_comm .bar_0 {display:block;height:7px;margin:-2px 0 0 -1px;background-color:#f4f4f4}
.graph_comm .inner_g {display:block;height:8px;margin-left:-1px;}
.graph_comm .txt_graph {font-size:11px;font-family:tahoma;color:#666; line-height:15px; top:-5px; position:absolute}
.graph_comm .num_g {color:#ff5000; font-size:14px}
.graph_comm .num_0 {color:#999; font-size:14px}




.applyIng dl dt .btnArea {position:absolute; bottom:21px; right:25px}
.applyIng dl dt .btnArea a {margin-left:2px; border-radius: 4px}
/*강의보기*/
.applyIng dl dt .btnArea1 {position:absolute; bottom:21px; right:100px}
.applyIng dl dt .btnArea1 a {margin-left:2px; border-radius: 4px}/*장바구니 강의실에서 사용*/

.c_red{color:#fb2c2c !important}/*레드*/

.applyIng dl dd {border-top:solid 1px #e5e5e5; padding-left:107px; position:relative;}
.applyIng dl dd .more {position:absolute; top:20px; left:25px; font-size:14px; color:#000; line-height:20px}
.applyIng dl dd .more span {color:#888; font-size:12px}
.applyIng dl dd ul {border-left:solid 1px #e5e5e5; padding:33px 0}
.applyIng dl dd ul li {position:relative; margin-top:28px}
.applyIng dl dd ul li:first-child {margin-top:0}
.applyIng dl dd ul li:before {content:""; display:block; position:absolute; top:25px; left:-4px; width:7px; height:11px; background:#fff url() no-repeat 0 0; }
.applyIng dl dd ul li:after {content:"."; display:block; height:0; overflow:hidden; clear:both;}
.applyIng dl dd ul li .chart {float:left; width:60px; height:60px; overflow:hidden; position:relative; margin-left:24px;}
.applyIng dl dd ul li .chart .fields {display:none; visibility:hidden; position:absolute; top:-9999em}
.applyIng dl dd ul li .chart .accessibility {display:none; visibility:hidden; position:absolute; top:-9999em}
.applyIng dl dd ul li .chart .tooltip {display:none; visibility:hidden; position:absolute; top:-9999em}
.applyIng dl dd ul li .chart .fields_area {display:none; visibility:hidden; position:absolute; top:-9999em} 
.applyIng dl dd ul li .chart .per {font-size:13px; color:#333; text-align:center; font-family:'Verdana'; font-weight:bold; display:block; width:60px; height:14px; line-height:14px; position:absolute; top:50%; left:0; margin-top:-7px;}
.applyIng dl dd ul li .chart .ct {height:60px; overflow:hidden}
.applyIng dl dd ul li .infoArea {float:left; line-height:21px; margin-left:19px; margin-top:-2px; width:45%}
.applyIng dl dd ul li .infoArea .desc {font-size:13px; color:#333; font-weight:400; line-height:17px;}
.applyIng dl dd ul li .infoArea .bar {color:#888; font-size:10px; position:relative; top:-2px; margin:0 6px}
.applyIng dl dd ul li .infoArea .subj {font-size:13px; color:#333; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.applyIng dl dd ul li .infoArea .subj .co1 {color:#ff5000}
.applyIng dl dd ul li .infoArea .date {font-size:13px; color:#888; margin-top:3px; font-weight:300;}
.applyIng dl dd ul li .btnArea {float:right; margin-right:25px; margin-top:15px}
.applyIng dl dd ul li .btnArea a {margin-left:2px}
.i-free{ background:#139b86; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }
.i-dan{ background:#fc5555; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }
.i-jong{ background:#0591fd; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }

.i-end{ background:#a1a0a0; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }

.i_class{ background:#fff; color:#03a194; border:1px solid #03a194; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }/*초록색*/

.i_jone{ background:#fff; color:#fb4318; border:1px solid #fb4318; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }

.i_book{ background:#fff; color:#4473d2; border:1px solid #4473d2; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }



.p_wred{ font-family:Tahoma, Geneva, sans-serif; color:#F30; font-size:20px; font-weight:600}



.btn_a {display:inline-block; color:#888; font-size:13px; font-weight:300; margin-left:5px;}
.btn_a:hover {color:#000; font-weight:400;}
.btn_c {display:inline-block; padding:0 20px; color:#fff; font-size:14px; font-weight:500; height:36px; line-height:35px; background-color:#f63b28;}
.btn_c span {display:inline-block; height:100%; background:#f63b28;padding-right:0px;}
.btn_d {display:inline-block; padding:0 19px; color:#333; font-size:13px; font-weight:400; height:32px; line-height:32px; background-color:#FFF; border:1px solid #e0e0e0}
.btn_e {display:inline-block; padding:0 19px; color:#f63b28; font-size:13px; font-weight:500; height:32px; line-height:32px; background-color:#fff; border:1px solid #f63b28}
.btn_d:hover,.btn_e:hover {border:1px solid #c5c5c5;}
.btn_f {display:inline-block; padding:0 19px; color:#333; font-size:13px; font-weight:400; height:35px; line-height:35px; background-color:#FFF; border:1px solid #ababab; cursor: pointer}

.btn_g {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:0px; font-family:notokr-medium}
.btn_g span {display:inline-block; height:100%; background:url(../img/sub/icon_gate.png) no-repeat 100% 50%; padding-right:22px;}




.btn_prev {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:0px; font-family:notokr-medium}
.btn_prev span {display:inline-block; height:100%; background:url(../img/sub/list_icon.png) no-repeat 1% 50%; padding-left:22px;}

.btn_h {display:inline-block; padding:0 19px; color:#fff; font-size:13px; font-weight:400; height:35px; line-height:35px; background-color:#575656; border:1px solid #575656; cursor: pointer}/*회색*/

.btn_i {display:inline-block; padding:0 19px; color:#fff; font-size:13px; font-weight:400; height:35px; line-height:35px; background-color:#bbbaba; border:1px solid #bbbaba; cursor: pointer}/*재수강할수 없을때*/

.w880{ width:880px; overflow:hidden; position:relative; float:left; height:60px; margin-top:15px}
.a_choice {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium; position:absolute}
.a_choice span {display:inline-block; height:100%; background:url(../img/sub/chk_icon.png) no-repeat 1% 50%; padding-left:22px;}
.a_del {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium; position:absolute}
.a_del span {display:inline-block; height:100%; background:url(../img/sub/del_icon.png) no-repeat 1% 50%; padding-left:22px;}

.alist {display:inline-block; padding:0 20px; color:#444444; font-size:16px; font-weight:600; height:36px; line-height:35px; background-color:#fff; border:0; right:10px; font-family:notokr-medium; position:absolute}/*파란색화살표*/
.alist span {display:inline-block; height:100%; background:url(../img/sub/list_arr.png) no-repeat 90% 70%; padding-bottom:8px; width:138px; cursor:pointer}

.alist_r {display:inline-block; padding:0 20px; color:#fc4040; font-size:16px; font-weight:600; height:36px; line-height:35px;  border:0; right:10px; font-family:notokr-medium; position:absolute}/*빨간색화살표*/
.alist_r span {display:inline-block; height:100%; background:url(../img/sub/list_arr01.png) no-repeat 90% 70%; padding-bottom:8px; width:105px; cursor:pointer}

.ys_btn {display:inline-block; padding:0 20px; color:#fff; font-size:15px; font-weight:600; height:33px; line-height:33px; background-color:#fc5933; border:0;  font-family:notokr-medium; position:absolute}
.ys_btn span {display:inline-block; height:100%; background:url(../img/sub/chk_icon_w.png) no-repeat 1% 50%; padding-left:22px;cursor:pointer}



.a_err{display:inline-block; padding:0 20px; color:#fff; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#797979; border:1px solid #ababab; left:0px; font-family:notokr-medium; position:absolute; margin-left:580px; top:1px}
.a_err span {display:inline-block; height:100%; background:url(../img/sub/right_warr.png) no-repeat 100% 50%; padding-right:22px;}

.bt_line{ border-top:1px solid #dcdcdc}


.blist.checkbox { z-index:1; position:relative;  height:22px; margin:0;  border:0; }

.blist.checkbox label {
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	height:28px;
	cursor:pointer;
	outline:none;
	padding-left:30px;
	padding-right:10px;
	font-size:16px;
	font-family:'notokr-bold';
	display:inline-block
}

.blist_fs13{ font-size:13px; font-weight:normal}

.blist.checkbox input[type=checkbox] + span{
	background: url("../img/sub/chk_off.png") no-repeat;
	width:31px;
	height:28px;
	position:absolute;
	left:-1px;
	top:0px;
	cursor:pointer;
}

.blist.checkbox input[type=checkbox]:checked + span{
	background: url("../img/sub/chk_on.png") no-repeat;
	
}

.qty{ position:absolute; right:150px; width:100px; top:20px; height:35px; line-height:30px; font-size:13px; z-index:20}
.qty_Choice {
    width: 50px;
    float: right;
    border: 1px solid #e5e5e5;
    padding: 5px;
    height: 30px;
    margin: 0 6px;
	 font-family:Tahoma, Geneva, sans-serif
}

.sum_ch{ width:1070px; text-align: left; position:relative; float:left; margin:0px 0 20px 0 ; background:#faf2f2; border:1px solid #e4e4e4; padding:20px 35px; position:relative }
.sum_ch .sum{ width:100%; height:50px; font-size:18px}
.sum_ch .info{ width:320px; height:35px; font-size:14px; border-top:1px solid #999 }
.dbtn_sum {display:inline-block; padding:0 31px; color:#fff; font-size:17px;  height:46px; line-height:46px; background-color:#fb2c2c;right:0px; font-family:notokr-bold; position:absolute;}
.dbtn_sum span {display:inline-block; height:100%; background:url(../img/sub/s_arr.png) no-repeat 100% 50%; padding-right:80px;}/*바로결제버튼*/
.wred_s{ color:#ff0000;font-family:notokr-medium; }
.wred{ font-family:Tahoma, Geneva, sans-serif; color:#F30; font-size:20px; font-weight:600}
/*강의목록_수정추가_ssn*/
.top_info_list {background:#f5f7f9;float:left; padding:20px; border:1px solid #c0c0c1}
.top_info_list p.tit {font-weight:700;color:353c4a;font-size:25px;border-bottom:1px solid #666; padding-bottom:10px ;}
.top_detail_l {padding:15px 0; overflow:hidden }

.box_l1 {float:left; margin-right:26px;position:relative; }
.box_l1 img{border:1px solid #cbccce}
.box_l1 .img_prof { padding:0px;}
.box_l1 span.prof_info {position:absolute; top:160px; left:13px}

.box_r1 {float:left;xborder:1px solid #cfcfcf; padding:0 15px; width:550px}
.box_r1 ul {  xwidth:400px;}
.box_r1 ul .tit{ font-size:18px; font-family:notokr-medium}
.box_r1 ul li {float:left;clear:both;line-height:24px;xborder:1px solid red;width:100%; font-family:NotoSansKR-Light; color:#6a6969}
.box_r1 ul li span {float:left;clear:both; }/*min-width:110px;padding-left:5px;*/
.box_r1 ul li.price {width:550px;}
.box_r ul li.price span {font-weight:bold;color:#FB683C; }
.f_col1 {color:#FB683C; font-weight:bold;font-size:14px;}
.lect_select1 {clear:both; border-bottom:1px solid #999; border-top:1px solid #999; padding:6px 15px;height:30px;xwidth:540px}
.btn_list1 { padding-top:15px; margin-left:97px}
.btn_list1  span {float:left;margin-right:3px;}

.graph_lap{font-size:15px; color:#333; margin-top:10px; color:#888; font-weight:300;}

/*주문서작성 오른쪽결제위아래롤링_수정1905*/
.rightBox{ position:relative; width:260px; float:right;  display:block; overflow:hidden; height:500px;}

.rightBox .Total{position: fixed;  width:100%; margin:30px 0 80px 0;padding:20px 20px 20px 30px; z-index:111; }
.rightBox .Total .total_txt{ font-size:15px; text-align:left; line-height:33px; position:relative; width:200px}
.num_box{ font-size:15px; position:absolute; top:0px; text-align:left; right:5px; color:#4f4f51}
.num_ff_t{ font-family:Tahoma, Geneva, sans-serif; font-weight:600}
.allTotal_box{ width:200px;  border-top:1px solid #999; overflow:hidden }
.allTotal_box .tit{ font-size:16px; line-height:26px; margin-top:20px}
.allTotal_box .aT{ text-align:left; margin-top:5px; color:#ff0000; font-size:16px}
.aT_f{ font-family:Tahoma, Geneva, sans-serif; font-size:30px; font-weight:600}
.aT_fs{ font-family:Tahoma, Geneva, sans-serif; font-size:15px;  margin:10px 0 20px 0}

.btn_aT { padding:0 65px; color:#fff; font-size:18px; height:46px; line-height:46px; background-color:#fb2c2c; font-family:notokr-medium;  margin:15px 0 10px 0px}


.left_before { padding:0 20px; color:#444; font-size:18px; height:46px; line-height:46px; background-color:#f2f2f5; border:1px solid #ababab; font-family:notokr-medium; }
.left_before span {display:inline-block; height:100%; background:url(../img/sub/left_arr.png) no-repeat 1% 50%; padding-left:45px;}

.right_before { padding:0 20px; color:#444; font-size:18px; font-weight:600; height:46px; line-height:46px; background-color:#f2f2f5; border:1px solid #ababab; font-family:notokr-medium; }
.right_before span {display:inline-block; height:100%; background:url(../img/sub/right_my.png) no-repeat 100% 50%; padding-right:45px;}

.c_b{clear: both}
/*포인트, 결제완료 박스 190531*/

.point_t{ background:#f5f5f5; padding:20px 30px; width:820px; margin-top:15px; border:1px solid #dcdcdc}
.point_t .list{ width:820px; height:35px; line-height:35px; position:relative}
.p_tit{ font-size:17px; text-align:center; width:130px; height:35px; line-height:35px; margin-right:15px; background:url(../img/sub/line_1.png) no-repeat 128px 7px}
.p_num{ width:200px;font-size:18px; position:absolute; top:0px; text-align:left;left:140px; color:#4f4f51}
.p_num1{ width:200px;font-size:17px; position:absolute; top:0px; text-align:left;left:140px; color:#ff0000}

.point_t .list2{ width:800px; height:55px; line-height:55px; position:relative; padding:10px 0 0 20px; border-top:1px solid #CCC; font-size:17px}
.sc_tit{ width:860px; margin:10px 0 10px 0; font-weight: bold; font-size:19px;background:url(../img/sub/h2_icon.png) no-repeat 1px 7px; padding-left:20px; height:22px; line-height:22px; position:relative}
.chks{ margin-left:130px; position:absolute; height:20px; font-size:15px; top:0; overflow:hidden}


.point_t .order_end{ width:780px; height:35px; line-height:35px; position:relative; padding:10px 0 0 0px;  font-size:21px; text-align:center; font-family:notokr-Bold}
.point_t .order_p{ width:780px; height:25px; line-height:25px; position:relative; padding:10px 0 0 0px;  font-size:14px; text-align:center !important; }
.green_c{ color:#04a3a5}/*초록*/

.point_t .money{ font-size:15px; text-align:left}

/*오더테이블추가_1905*/
.order_box{ border:1px solid #dcdcdc; padding:20px; overflow:hidden; position:relative}
.order_l{color:#555; float:left ; width:840px; position:relative;border:1px solid #dcdcdc; padding:20px;}
.order_l table{table-layout: fixed; width:100%;}
.order_l table th{ padding:10px 0 12px; text-align: center; color:#545454; font-weight:600; font-size:15px; border:0;background:url(../img/sub/line_1.png) no-repeat 120px 7px}
.order_l table .th_left{  padding:10px 15px 12px; text-align:left; color:#333; font-weight:600; background:url(../img/sub/line_1.png) no-repeat 139px 15px}
.order_l table .th_left1{  padding:5px 40px 12px; text-align:left; color:#333; font-weight:600}
.order_l table td{font-size: 15px; padding:10px 0 12px; text-align: center;}
.order_l table .td_arr{ position:relative}

.order_l table .td_txt{font-size: 16px; line-height:18px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.order_l table .td_txt1{font-size: 14px; line-height:20px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.order_l table .td_txt_noline{font-size: 13px; line-height:18px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap; border-bottom:0}

/*카드결제*/
/*결제방법-결제버튼*/
.order_menu:after { content:""; display:block; clear:both; }
.order_menu ul { margin: 0 ; padding: 0; clear:both; margin-left:1px; }
.order_menu li { 
	float:left; display: inline-block; zoom: 1; *display: inline; width:95px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff; text-align: center; margin: 0; cursor: pointer; 
	color: #fff; background-color: #c3c2c2; font-weight:600; font-size:13px }
.order_menu li a.on { font-weight:bold;color:#FFFFFF;background:#fc4d4d; width:95px; padding: 9px 0 13px 0; text-align: center; margin: 0; }
.order_menu li a{color: #fff; background-color: #c3c2c2; font-weight:600; font-size:13px  } 
.order_menu li a:link{float:left; display: inline-block; zoom: 1; *display: inline; width:95px; 
	border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff; 
	padding: 9px 0 13px 0; text-align: center; margin: 0; cursor: pointer; 
	color: #fff; font-weight:600; font-size:13px }

.order_menu li a:hover{font-weight:bold;color:#FFFFFF;background:#fc4d4d;width:95px; padding: 9px 0 13px 0; text-align: center; margin: 0; } 

.order_menu li a:active{font-weight:bold;color:#FFFFFF;background:#fc4d4d; width:95px; padding: 9px 0 13px 0; text-align: center; margin: 0; } 
.order_menu li img{ margin-bottom:3px}

.write_01 {vertical-align:middle;}

.erorr_box{ position:relative; width:880px; height:40px; line-height:40px; font:15px;/* border-bottom:1px solid #CCC; border-top:1px solid #CCC */}

/*배송지선택 팝업*/
/*.pop_box{ width:700px; height:auto; position: absolute; border:1px solid #383e4c; top:0%; left:0%; margin-left:-350px;margin-top:-200px; background:#FFFFFF; z-index:900}*/
.pop_box{ width:700px; height:auto; position: absolute; border:1px solid #383e4c; top:0%; left:0%; margin-left:-350px;margin-top:0px; background:#FFFFFF; z-index:900}

.pop_box .opttit{ width:680px; height:38px;  padding:20px 0 0 20px; font-size:18px; color:#FFFFFF; background:#383e4c; font-weight:600; float:left}

.pop_box .close_btn{
	position:absolute;
	width: 17px;
	height:17px;
	right:20px;
	top:18px;
	cursor:pointer;
	z-index:201
}

.btn_type3 {
  color: #666;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  padding:7px 7px; 
}



.btn_type1 {
  color: #666;
  background-color: #fcf0f0;
  border: 1px solid #ccc;
  text-align: center;
  padding:7px 7px; 
}
.vam{ vertical-align:middle}

/*테이블수정_1903*/

.data_list {width:100%;clear:both; background:#fff; font-family:"Noto Sans","Noto Sans KR","notokr-medium", "Malgun Gothic", dotum, gulim, verdana, sans-serif}
.data_list thead th{border-top:1px solid #d4d4d4;  }
.data_list thead th.start {border-top:1px solid #d4d4d4;padding:10px 10px; }
.data_list thead th, .data_list tbody th {background:#f7f7f7;}
.data_list th, .data_list td {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:15px 15px; text-align:left; vertical-align:top; line-height:30px}
.data_list td.tdline_l{ border-right:1px solid #CCC}
.data_list .noline{ border-left:0px; border-left:0px;}
.data_list .rline{ border-right:1px solid #CCC;}
.data_view{ background:#F33; color:#FFF; font-size:12px;  padding:3px 7px; text-align:center; font-family:notokr-medium; line-height:30px}


.lect_d_tit {clear:both; padding-top:10px;}
.lect_d_tit h4 {color:#333; font-size:20px; font-family:'notokr-Bold';margin-bottom:10px; width:100%; border-bottom:1px solid #c7c7c7}


.data_book {width:100%;clear:both; background:#fff; font-family:"Noto Sans","Noto Sans KR","notokr-medium", "Malgun Gothic", dotum, gulim, verdana, sans-serif}

.data_book thead th, .data_book tbody th {background:#fff;font-weight:bold;}
.data_book th, .data_book td {padding:5px 15px; text-align:left; vertical-align:top}
.data_book .line{ background:url(../img/sub/my_line03.png)no-repeat 130px 10px}
.tx_under{ text-decoration:line-through}
.tx_bol{ font-family:Tahoma, Geneva, sans-serif; font-weight:600; color:#F00}
.book_view_btn{ background:#585858; color:#FFF; font-size:15px; padding:7px 25px; text-align:center; font-family:notokr-medium; line-height:30px; width:170px}
.book_buy_btn{ background:#fff; color:#fd1e0d; border:1px solid #fd1e0d; font-size:15px; padding:7px 25px; text-align:center; font-family:notokr-medium; line-height:30px;width:170px}


/*즐겨찾기_리스트용_추가1903*/
.new_bmk {width:30px; right:0px; top:25px;height:24px;z-index:10; position:absolute}
.new_bmk .i_Cb { z-index:1000000; top:1px; left:2px; height:24px; border: none; opacity:0; color:#333; cursor:pointer;  }
.new_bmk label { display: inline-block; position: absolute; height: 26px; padding-left: 50px; top:-2px; right:0; font-size:0.875em; line-height: 22px; color: #777; background: url(../img/sub/bookmark_i_off.png) no-repeat; background-size:19px 19px;cursor:pointer }
.new_bmk .i_Cb:checked +label { background: url(../img/sub/bookmark_i_on.png) no-repeat; background-size:19px 19px;}
.btn_bmk {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium}
.btn_bmk span {display:inline-block; height:100%; background:url(../img/sub/bookmark_i_on.png) no-repeat 1% 50%; background-size:15px 15px; padding-left:20px;}

.btn_bmk_list {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium; left:160px}
.btn_bmk_list  span {display:inline-block; height:100%; background:url(../img/sub/bmk_i.png) no-repeat 100% 50%; background-size:8px 13px; padding-right:15px;}

.btn_bmk_del {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium}
.btn_bmk_del span {display:inline-block; height:100%; background:url(../img/sub/all_del.png) no-repeat 1% 50%; background-size:13px 13px; padding-left:20px;}

.btn_bmk_chk {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium; left:170px}
.btn_bmk_chk span {display:inline-block; height:100%; background:url(../img/sub/bmk_chk.png) no-repeat 1% 50%; background-size:13px 13px; padding-left:20px;}

.btn_bmk_go {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:175px; font-family:notokr-medium}
.btn_bmk_go span {display:inline-block; height:100%; background:url(../img/sub/bookmark_i_on.png) no-repeat 1% 50%; background-size:15px 15px; padding-left:20px;}

/*배송리스트테이블추가_190531*/
.myor_lap { width:100%; margin:auto;height:160px;}
.my_orbox{  width:830px;  overflow:hidden; margin:auto; padding:25px; background:#edeff2; border:1px solid #c7c7c8} 

.myor_tbl{ float:left; width:100%;  color:#3c78bc; overflow:hidden; }
.myor_tbl th{ height:27px; padding:2px 1px 5px 0px;overflow:hidden; font-size:12px;line-height:18px; color:#666666; font-weight:600;text-align:center}
.myor_tbl td{  height:30px; overflow:hidden; padding:2px 0px 5px 5px; font-weight:normal; color:#666; line-height:30px; text-align:center; font-size:16px}


.my_figure{ font-family:Tahoma, Geneva, sans-serif; color:#565656; font-size:36px; font-weight:600}

/*조회기간*/
.check_box{ width:820px; padding:30px; border:1px solid #c7c7c8; position:relative; }
.check_box .txt{ font-size:17px; margin-top:8px; width:140px; line-height:25px}
.check_box .btnbox{ width:350px; overflow:hidden; margin-right:15px; position:absolute; top:30px; left:120px}
.check_btn { border-radius:8px; font-size:14px; background:#f5f5f5; border:1px solid #b0b0b0; padding:5px 8px; margin-right:3px; display:inline-block; width:40px; text-align:center; cursor:pointer }
.check_box .selbox{ right:0; top:30px; position:absolute; width:400px;}
.sel_text{ height:35px; width:120px; padding-left:8px; font-size:15px }

.w_line{ width:880px; height:42px; background: url(../img/sub/width_line.png) no-repeat 1px 50%; position:relative}
.w_line .wcent{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; background:#FFFFFF; text-align:center; padding:5px 15px; width:120px; top:0px; left:50%; margin-left:-50px; position:absolute}
.order_list{ width:840px; margin:20px 20px;}
.order_list ul{ width:840px}
.order_list ul li{ margin-bottom:10px; width:840px;  }
.mo_tit{ font-size:19px; font-family:notokr-bold; line-height:24px;}
.mo_txt{ font-size:15px; font-family:notokr-medium; line-height:20px; position:relative }
.mo_txt .front{ width:100px;font-size:16px;  left:0; top:1px; background: url(../img/sub/line_1.png)  no-repeat 80px 2px } 
.mo_txt .back { left:100px; top:1px; font-size:16px; position:absolute}
.right_sign{ position:absolute; top:50%; margin-top:30px; right:15px; font-size:15px; text-align:center; border-radius:50px; height:30px; line-height:30px; width:130px; z-index:10px; border:1px solid #CCC}
.por{ position:relative}
.c_b07{font-size:15px; color:#b07d45 !important; margin-top:1px; margin-left:5px;  font-weight:300; }