.top h2{margin:15px 0 0 14px; display: inline-block}
.top h2 img{width:125px}
.top .area_contbtns{float: right; margin:11px 7px 0 0}
.top .area_contbtns a{float: left; font-size: 0; width: 35px; height: 35px; display: inline-block}
.top .area_contbtns a:first-child{margin-right: 4px }
.top .area_contbtns a img{width:32px; margin:3px 0 0}
.top .area_joinbtns{float: right; margin:11px 7px 0 0}
.top .area_joinbtns a{float: left; font-size: 0; width: 96x; height: 23px; display: inline-block}
.top .area_joinbtns a span{display: block; width: 96px;  height: 23px;  text-align:center; border: 1px solid #222; margin-top: 5px; color: #222;  font-size: 11px; font-weight: 600; line-height: 21px;}
.top_search{border-bottom:2px solid #222; position: absolute; top:10px; left:15px; padding:6px 0 6px 6px; border-top:none; border-right: none; border-left:none; color: #999; width:65%; font-size: 15px}
.navi{border-top:1px solid #d3d5d5; border-bottom: 2px solid #222; margin-top:14px;}
.navi:after{content: ""; clear: both; overflow: hidden; display: block}
.navi ul{float: left; background: #fff;font-size: 0; width: 99.8%; padding:0 1px 10px 0; margin-top:-5px;}
.navi ul a{border:1px solid #a3a3a3; color: #333; font-size: 13px; border-radius: 50px; display: inline-block; padding:6px 0; width: 30.5%;text-align: center; font-weight: 500; letter-spacing: -0.5px; margin:10px 0 0 2%}
.navi ul a:nth-child(3n){border:1px solid #67a4e2; color: #0167ce; border-radius: 50px; display: inline-block; padding:6px 0; width: 30.5%; text-align: center; font-weight: 500; letter-spacing: -0.5px; margin:10px 0 0 2%}
.visual{font-size: 0}
.visual img{width: 100%;}
.contbox{background: #fff;}
.box_tit{color: #222; font-weight: bold; font-size: 16px; margin:4px 0 0 7px}
.breadcurms{border-top:1px solid #d3d5d5;}
.breadcurms .sm_cate a li{float: left; font-size: 13px; color: #727272; border:none; width:20%; text-align: center}
.breadcurms .sm_cate a li.selected{color: #222;}
.area_bookreview{padding:10px 13px 13px}
.area_bookreview a .inner_box{background: #d3f2ff; border-radius:15px;display: inline-block; padding:13px 20px; color: #222; margin-top:7px;}
.area_bookreview a .inner_box img{width:55px; float: left;}
.area_bookreview a .inner_box .txt{float: left; width:76%; padding:3px 0 0; margin-left:15px; font-size: 12px; font-weight: bold; }
.area_bookreview a .inner_box .txt span{color: #0167ce; font-weight: bold;}
.area_bookreview a .inner_box .txt p{font-weight: normal; margin-top:5px;  height:60px;line-height: 20px;overflow: hidden; text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.area_mainbook .tit{position: relative; border-bottom: 1px solid #e6e6e6; padding:10px 13px 13px}
.area_mainbook a li h6{color: #3333cc}
.area_mainbook a img.btn_more{position: absolute; right:10px; top:12px; width:66px}
.area_mainbook ul:after{content: ""; clear: both; overflow: hidden; display: block}
.area_mainbook ul a li{float: left; width:49.3%; text-align: center; padding:20px 0; height: 230px; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.area_mainbook ul a:nth-child(odd) li{border-left:0;}
.area_mainbook ul a:first-child li{border-left:0}
.area_mainbook ul a li img{width:80px; display: block; margin:0 auto 10px; height: 114px; border: 1px solid #e6e6e6;}
.area_mainbook ul a li span{border:1px solid #0167ce; font-size: 12px; color: #0167ce; padding:1px 3px; display: inline-block; margin-bottom: 5px}
.area_mainbook ul a li div{font-size: 14px; font-weight: 500; color: #222; height: 40px; overflow: hidden; margin:0 13px;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.sub_box_tit{color: #222; font-weight: bold; font-size: 17px; margin:10px 0; text-align: center}
.area_login{padding:0 20px}
.area_login .row_group{border:2px solid #474747;}
.area_login .row_group li{border-top:1px solid #ededed; height: 50px}
.area_login .row_group li:first-child{border-top: none;}
.area_login .row_group input{ display: flex; margin:0 auto; padding:7px 5px 4px; height:35px; width: 95%; font-size: 13px; color: #999; border:none;}
.stay_signed{ color: #555; text-align: left; font-size: 14px;font-family: 'Noto Sans KR', sans-serif;}
.stay_signed input{vertical-align: middle; margin-right: 4px}
.area_login_find{margin:0 0 100px 0;}
.area_login_find:after{content: ""; clear: both; overflow:hidden; display: block;}
.area_login_find a li{font-size: 14px; float: left; color: #333; border:1px solid #999; width: 32%; margin-left:1%; padding: 12px 0; text-align: center}
.area_login_find a:first-child li{margin-left: 0}
.btn_login{background: #4b9df1; color: #fff; font-size: 16px; font-weight: 500; text-align: center; padding:12px 0}
.area_monthbook ul a li{float: left; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_monthbook ul a:nth-child(even) li{border-right:0}
.area_monthbook ul a li img{height: 140px; display: block; margin:0 auto}
.area_monthbook ul a li span{border:1px solid #0167ce; font-size: 12px; color: #0167ce; margin:12px 0 6px; display: inline-block; padding:1px 3px 2px; line-height: 12px}
.area_monthbook ul a li p{color: #222; font-size:14px;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all; height: 40px; overflow: hidden; margin:0 10px; font-weight: 500;}
.area_freebook ul a li{float: left; position: relative; height: 230px; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_freebook ul a:nth-child(even) li{border-right:0}
.area_freebook ul a li img{height: 140px; display: block; margin:0 auto; border:1px solid #ededed;}
.area_freebook ul a li span{border:1px solid #0167ce; font-size: 12px; color: #0167ce; margin:12px 3px 6px; display: inline-block; padding:1px 3px 2px; line-height: 12px}
.area_freebook ul a li p{color: #222; font-size:14px;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all; height: 40px; overflow: hidden; margin:0 10px; font-weight: 500;}
.area_freebook ul a li h6{color: #3333cc}
.area_wmall ul a li{float: left; height:300px; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_wmall ul a:nth-child(even) li{border-right:0}
.area_wmall ul a li img{height: 150px; width: 150px; border:1px solid #e6e6e6; display: block; margin:0 auto}
.area_wmall ul a li .tit{font-size: 14px;font-weight: 500;height: 40px;color: #222;margin: 10px 10px 3px;text-overflow: ellipsis;display: inline-block;overflow: hidden;}
.area_wmall ul a li .sale span{color: #e13830; font-size: 13px; display: inline-block;}
.area_wmall ul a li .sale em{color: #4d4d4d; font-size: 13px; display: inline-block; margin-left: 3px}
.area_wmall ul a li .sale_num {color: #e13830 font-size: 16px; font-weight: 500; color: #de3830;}
.area_wmall ul a li .sale_num em{ color: #8a8a8a; text-decoration: line-through; font-size: 12px;display: inline-block; margin-left: 3px}
.area_wmall ul a li .earned_p{color: #f0b33d; font-weight: 500; margin-top:4px}
.area_wmall ul a li .earned_p img{height:21px; width: 21px; display: inline-block; vertical-align: bottom; margin-right: 2px}
.area_wmall ul a li .earned_p em{font-size: 14px; display: inline-block; margin-left:2px}
.area_wmall ul a li .btn_buy{color: #fff; font-size: 16px; font-weight: 500; border:1px solid #4a9df1; border-radius: 50px; margin:10px 10px 0; padding:1px 0 3px}
.area_wmall ul a li{float: left; height:300px; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_bookmarket ul a:nth-child(even) li{border-right:0}
.area_bookmarket ul a li{float: left; position: relative; height: 280px; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_bookmarket ul a li .itemimg img{height: 140px; border:1px solid #e6e6e6; display: block; margin:0 auto}
.area_bookmarket ul a li .tit{font-size: 14px; font-weight: 500; height: 40px; color: #222; margin: 10px 10px 3px;}
.area_bookmarket ul a li .sale span{color: #e13830; font-size: 13px; display: inline-block;}
.area_bookmarket ul a li .sale em{color: #4d4d4d; font-size: 13px; display: inline-block; margin-left: 3px}
.area_bookmarket ul a li .sale_num {color: #e13830 font-size: 16px; font-weight: 500; color: #de3830;}
.area_bookmarket ul a li .sale_num strong{background: #de3830; color: #fff; font-size: 14px; font-weight: bold; padding:3px 5px 7px 3px; display: inline-block; height: 16px}
.area_bookmarket ul a li .sale_num em{ color: #8a8a8a; text-decoration: line-through; font-size: 12px;display: inline-block; margin-left: 3px}
.area_bookmarket ul a li .earned_p{color: #f0b33d; font-weight: 500; margin-top:4px}
.area_bookmarket ul a li .earned_p strong{background: #f0b33d; color: #fff; font-size: 14px; font-weight: bold; padding:3px 5px 7px 3px; display: inline-block; height: 16px}
.area_bookmarket ul a li .earned_p img{height:21px; width: 21px; display: inline-block; vertical-align: bottom; margin-right: 2px}
.area_bookmarket ul a li .earned_p em{font-size: 14px; display: inline-block; margin-left:2px}
.area_bookmarket ul a li .btn_buy{color: #fff; font-size: 16px; font-weight: 500; border:1px solid #4a9df1; border-radius: 50px; margin:10px 10px 0; padding:1px 0 3px}
.area_cul_goods ul a li{float: left; height:250px; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_cul_goods ul a:nth-child(even) li{border-right:0}
.area_cul_goods ul a li img{height: 117px; width: 80px; border:1px solid #e6e6e6; display: block; margin:0 auto}
.area_cul_goods ul a li .tit{font-size: 14px; font-weight: 500; height: 40px; color: #222; margin: 10px 10px 3px;}
.area_cul_goods ul a li .sale span{color: #e13830; font-size: 13px; display: inline-block;}
.area_cul_goods ul a li .sale em{color: #4d4d4d; font-size: 13px; display: inline-block; margin-left: 3px}
.area_cul_goods ul a li .num strong{background: #de3830; color: #fff; font-size: 13px; font-weight: 500; padding:0 3px; display: inline-block; margin-right: 3px}
.area_cul_goods ul a li .num span{font-size: 16px; font-weight: 500; color: #de3830;}
.area_cul_goods ul a li .num em{ color: #8a8a8a; text-decoration: line-through; font-size: 12px;display: inline-block; margin-left: 3px}
.area_cul_goods ul a li .point{color: #f0b33d; font-weight: 500; margin-top:4px}
.area_cul_goods ul a li .point img{height:21px; width: 21px; display: inline-block; vertical-align: bottom; margin-right: 2px}
.area_cul_goods ul a li .point em{font-size: 14px; display: inline-block; margin-left:2px}.area_cul_goods ul a li .sale_num strong{background: #de3830; color: #fff; font-size: 13px; font-weight: 500; padding:0 3px; display: inline-block; margin-right: 3px}
.area_cul_goods ul a li .btn_buy{color: #fff; font-size: 16px; font-weight: 500; border:1px solid #4a9df1; border-radius: 50px; margin:10px 10px 0; padding:1px 0 3px}
.area_gift_goods ul a li{float: left; height:300px; width: 49.8%; text-align: center; border:1px solid #e6e6e6; margin:-1px 0 0 -1px; padding: 18px 0}
.area_gift_goods ul a:nth-child(even) li{border-right:0}
.area_gift_goods ul a li .itemimg img{height: 150px; width: 150px; border:1px solid #e6e6e6; display: block; margin:0 auto}
.area_gift_goods ul a li .tit{font-size: 14px; font-weight: 500; height: 40px; color: #222; margin: 10px 10px 3px;}
.area_gift_goods ul a li .sale span{color: #e13830; font-size: 13px; display: inline-block;}
.area_gift_goods ul a li .sale em{color: #4d4d4d; font-size: 13px; display: inline-block; margin-left: 3px}
.area_gift_goods ul a li .sale_num {color: #e13830 font-size: 16px; font-weight: 500; color: #de3830;}
.area_gift_goods ul a li .sale_num em{ color: #8a8a8a; text-decoration: line-through; font-size: 12px;display: inline-block; margin-left: 3px}
.area_gift_goods ul a li .earned_p{color: #f0b33d; font-weight: 500; margin-top:4px}
.area_gift_goods ul a li .earned_p img{height:21px; width: 21px; display: inline-block; vertical-align: bottom; margin-right: 2px}
.area_gift_goods ul a li .earned_p em{font-size: 14px; display: inline-block; margin-left:2px}
.area_gift_goods ul a li .btn_buy{color: #fff; font-size: 16px; font-weight: 500; border:1px solid #4a9df1; border-radius: 50px; margin:10px 10px 0; padding:1px 0 3px}
.bookcash li, .bookcash li a{font-size: 0}
.bookcash img{width: 100%;}
.area_idpwfind .findmenu_tab{width: 100%;}
.area_idpwfind .findmenu_tab:after, .area_idpwfind .findmenu_tab a li:after{content: ""; clear: both; display: block; overflow:hidden;}
.area_idpwfind .findmenu_tab a li{ float: left; font-size: 15px; margin-left:-2px; color: #222; width: 49.3%; border:2px solid #222; text-align: center; padding: 10px 0;}
.area_idpwfind .findmenu_tab a li.selected{background: #fffe9e; border:2px solid #222; text-decoration: underline; font-weight: 500;}
.idpwfind_form{margin:10px auto 0;}
.idpwfind_form .row_group{border:2px solid #222; margin:10px auto;}
.area_idpwfind .btn_find{background: #4b9df1; font-weight: 500; font-size: 16px; color: #fff; text-align: center; padding: 12px 0}
.idpwfind_notice{background: #f4f4f4; padding: 15px 20px 10px}
.idpwfind_notice:after{content: ""; clear: both; display: block; overflow:hidden;}
.idpwfind_notice dl{margin-bottom:5px}
.idpwfind_notice dt, .idpwfind_notice dd, .idpwfind_notice dd a{color: #555; font-size: 12px; }
.idpwfind_notice dt{float: left;}
.idpwfind_notice dd{margin-left:10px; line-height: 18px}
.idpwfind_notice .txt1, .idpwfind_notice .txt2{ text-align: center;font-family: 'Noto Sans KR', sans-serif; color: #555}
.idpwfind_notice .txt1{font-size: 16px; font-weight: 500;}
.idpwfind_notice .txt2{font-size: 14px;border-bottom: 1px solid #d9d9d9; padding:0 0 10px 0;}
.area_idpwfind .notice_txt{font-size: 14px; font-weight: 500; color: #222; text-align: center; margin:15px 0;}
.area_pay_com{padding:0 0 40px 0}
.area_pay_com img{width: 100%}
.area_pay_com p{text-align: center; font-size: 15px; margin:15px 10px 20px}
.area_pay_com .bank_num{width: 85%;border-top:2px solid #437adf; border-bottom: 1px solid #222; margin:0 auto}
.area_pay_com ul li{color: #1f60d7; width:70%; margin:10px auto;}
.area_pay_com ul li span{border-radius: 50px; border:1px solid #5c8ce3; font-size: 14px; padding: 0 9px; display: inline-block; margin-right:5px}
.area_cart{margin-bottom: 40px;text-align: left;}
.area_cart .lst:after, .area_cart .lst li:after, .area_cart .lst li .tit:after, .area_cart .lst li .cont .txt:after{content: ""; clear: both; display: block; overflow: hidden}
.area_cart .lst li{border-top:1px solid #e6e6e6; display: block; padding: 10px;}
.area_cart .lst li input, .area_cart .lst li .cont_txt,
.area_cart .lst li .cont_txt .sumb, .area_cart .lst li .cont_txt .txt{float: left;}
.area_cart .lst li .cont .cont_txt{width:100%;margin:0 0 10px 0;padding-bottom:10px;}
.area_cart .lst li input{margin-right: 10px}
.area_cart .lst li .sumb{width: 70px; height:100px; margin-right: 10px}
.area_cart .lst li .cont_txt .txt{width:77%;}
.area_cart .lst li .cont_txt .txt .tit{width:72%; font-size: 16px; overflow: hidden;line-height:24px;letter-spacing:0;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all; font-weight: 500; margin-bottom:2px;text-align: left;}
.area_cart .lst li .cont_txt .txt .tit a{color:#222}
.area_cart .lst li .cont_txt .txt .price{color: #ff0000; float: left;display: block;letter-spacing:0;line-height:30px;text-align: left; width: 100%;font-size: 16px;font-weight: 500;}
.area_cart .lst li .cont_txt .del{}
.area_cart .lst li .cont_txt .del .delete_button{color: #fff; background: #888; height: 26px; border-radius: 100px; width:56px; font-weight: 500; font-size: 14px;float: right; margin:-100px 0 0}
.area_cart .lst li .num{text-align: left; line-height:30px; font-size: 14px;letter-spacing:0;}
.area_cart .lst li .num a img{width:25px; vertical-align: middle; display: inline-block; margin:0 0 0 10px;}
.area_cart .lst li .num a:first-child img{ margin:0 10px 0 0;}
.area_cart .lst li .counter_btn{width:25px; height:25px; border:none;}
.cart_tbl_btns a li {border: 1px solid #b9b9b9; color: #222;margin: 7px;font-size: 16px;width: 73px;text-align: center;padding: 7px 0 4px;}
.amount_pay{ padding:8px 0;border-top:2px solid #585858;}
.amount_pay table{width: 100%;}
.amount_pay th{font-weight: 500}
.amount_pay th,.amount_pay td{font-size: 15px; line-height: 38px; letter-spacing: 0}
.amount_pay tr:last-child th, .amount_pay tr:last-child td{color: #dc0000}
.adress_info h4{text-align: center;}
.tbl_adress_basic{border-top:2px solid #585858; border-bottom: 1px solid #585858; width: 100%}
.tbl_adress_basic th{background:#f4f4f4; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: normal; padding: 10px 0; border-top:1px solid #d9d9d9;}
.tbl_adress_basic .first th, .tbl_adress_basic .first td{border-top:none;}
.tbl_adress_basic td{ padding: 10px 0 10px 10px; border-top:1px solid #ededed; text-align: left;font-family: 'Noto Sans KR', sans-serif;}
.tbl_adress_basic td input{
	padding: 3px; padding: 5px;
    border: 2px solid #ccc;
    background-color: #f0f0f0;
    margin: 2px;
}
.tbl_adress_basic td a.btn_delivery_method{display: inline-block; border:1px solid #999; color: #222; padding: 5px 15px 6px; display: inline-block; font-size:14px}
.tbl_adress_basic td a.selected{background: #666; border:1px solid #666; color: #fff;}
.tbl_adress_basic td em{font-size: 13px}
.tbl_adress_basic td em input{margin-right:3px;}
a .btn_buy{background: #3d96f0; color: #fff; text-align: center; font-size:18px; font-weight: 500; padding:10px }
.tbl_adress_basic td a.btn_zip_method{border:2px solid #3d96f0; margin:7px 6px 0 0; color: #016fde; font-size: 14px; padding:3px 15px 4px; display: inline-block;}
.tbl_adress_basic td a.btn_pay_method{border:1px solid #999; color: #222; font-size: 14px; padding:5px 8px 6px; display: inline-block; margin-left: -1px}
.tbl_adress_basic td a.selected{background: #666; border:1px solid #666; color: #fff}
.agree_check{padding:0 10px 15px 10px; border-bottom: 1px solid #e6e6e6 }
.area_price_info .all_info{background:#e1effd; padding: 20px 25px; border-top:2px solid #585858;}
.area_price_info .all_info li{font-size: 16px; font-weight: 500; margin-bottom: 19px; color: #555;}
.area_price_info .all_info li span{display: inline-block; float: right; font-size:18px}
.area_price_info .all_info .final_amount{border-top:1px solid #b9d0e6; padding: 20px 0 0; text-align: center; margin:0 0 15px 0;}
.area_price_info .all_info .final_amount .allnum{font-size: 28px; color:red;}
.area_price_info .all_info .final_amount .allnum em{font-size: 16px}
.area_price_info .all_info a .btn_makepayment{background: #3d96f0; color: #fff; text-align: center; margin-bottom: 0; font-size:18px; font-weight: 500; padding:12px 10px }
.subp_nav ul a li.selected{ color: #0167ce; font-weight: 500;}
.subp_nav ul a li{float: left; font-size: 14px; letter-spacing: -1px; color: #222; width: 25%; text-align: center; padding: 10px 0}
.subp_nav ul a li span{font-size: 12px;}
.subp_sumb_box{background: #eff5fb; padding: 20px; text-align: center; margin:0 auto;}
.subp_sumb_box img{width: 40%}
.subp_txtbox{padding:15px}
.subp_txtbox h3{text-align: center;margin-bottom: 3px;word-break: keep-all;}
.subp_txtbox .cont_info{font-size: 14px;}
.subp_txtbox .cont_info span{display: block; text-align: center; line-height: 22px}
.subp_txtbox .nopice_shipping{text-align: center; margin:5px 0;}
.subp_txtbox .nopice_shipping span{background: #eee; display: inline-block;font-size: 14px; color: #454545}
.subp_txtbox table{border-top:2px solid #585858; border-bottom: 1px solid #585858; width: 100%; margin:13px 0 0;}
.subp_txtbox table th, .subp_txtbox table td{font-size: 15px; padding:15px 0; border-bottom: 1px solid #dadada}
.subp_txtbox table th{border-right:1px solid #dadada;}
.subp_txtbox table td{padding: 0 0 0 0px}
.subp_txtbox table td .eff_sub{font-weight: bold; border-left:1px solid #c0c0c0; line-height: 13px; padding:0 0 0 10px; margin:0 0 0 10px;}
.subp_txtbox table th.payuser_th, .subp_txtbox table td.payuser_td{font-weight: bold; color: #000000;}
.subp_txtbox table td.payuser_td{padding-left:10px; font-weight: bold; color: #000000;}
.subp_txtbox table td.payuser_td span{border-left:1px solid #c0c0c0; line-height: 13px; padding:0 0 0 10px; margin:0 0 0 10px;}
.sub_detail_img{font-size: 0}
.sub_detail_img img{width: 100%; }
.commuser_info{background: #efefef; padding: 15px 19px; border-bottom: 1px solid #d3d5d5; border-top:1px solid #d3d5d5;}
.commuser_info dl{margin-right: 12px}
.commuser_info dl, .commuser_info dl dt, .commuser_info dl dd{display: inline-block;}
.commuser_info dl dt{font-size: 14px; margin-right: 2px}
.commuser_info dl dd input {padding:2px 5px; font-size: 14px}
.commuser_info .scope_box{line-height:14px;vertical-align:middle}
.commuser_info .scope_tit{vertical-align:top; margin-top:3px;}
.commuser_info .scope{font-size:0;}
.review_com_input{text-align: center;}
.area_comm{margin:0 20px; padding: 0 0 20px 0}
.area_comm textarea{border:1px solid #666; padding: 10px; height:80px;display: inline-block; font-size:15px; margin:15px auto 5px; width:92%}
.area_comm .upload{background: #3d96f0; color: #fff; font-weight: 400; font-size: 16px;text-align: center; display: inline-block;width:99%; padding: 11px 0}
.commuser_info{background: #fff; padding: 17px 19px}
.commuser_info dl{margin-right: 12px}
.commuser_info dl, .commuser_info dl dt, .commuser_info dl dd{display: inline-block;}
.commuser_info dl dt{font-size: 14px; margin-right: 2px}
.commuser_info dl dd input {padding:2px 5px; font-size: 14px}
.commuser_info .scope_box{line-height:14px;vertical-align:middle}
.commuser_info .scope_tit{vertical-align:top; margin-top:3px;}
.commuser_info .scope{font-size:0;}

.footer_payfix{border-top:2px solid #222; padding: 10px 15px; position: fixed; overflow: hidden; bottom:0; left: 0; width: 92%; padding-right:7.26%; height: 165px}
.footer_payfix .price_info{position: relative;}
.footer_payfix .price_info:after{content: ""; clear: both; overflow: hidden; display: block;}
.footer_payfix .price_info .amount{ float: left; margin-top:6px;}
.footer_payfix .price_info .amount a:nth-child(1) img{margin:0 10px 0 0;}
.footer_payfix .price_info .amount a:nth-child(2) img{margin:0 0 0 10px;}
.footer_payfix .price_info .amount img{vertical-align: middle; }
.footer_payfix .price_info .total_price_num{float: right; font-size: 24px; font-weight: 500; position: absolute; right: 0; top:0;}
.footer_payfix .price_info .total_price_num span{font-size: 18px;}
.footer_payfix .sub_btns:after{content: ""; clear: both; overflow: hidden; display: block;}
.footer_payfix .sub_btns a div{ width: 47.5%; padding: 12px 0; font-weight: 500; font-size: 16px; float: left; text-align: center; margin: 15px 0 0}
.footer_payfix .sub_btns a .btn_cartgo{border:1px solid #656565; color: #222;}
.footer_payfix .sub_btns a .btn_apply{background:#3d96f0; border:1px solid #3d96f0; color: #fff; margin-left: 2%}
.footer_payfix .sub_btns div {text-align: center; font-weight: 500; color: #ff0000; border:2px solid #ff0000; padding: 12px 0; margin-top:10px;}
.footer_payfix a .btn_sub_go{ text-align: center; font-weight: 500; color: #2083e8; border:2px solid #3d96f0; padding: 12px 0; margin-top:10px;}

.review_list{border-bottom: 1px solid #d3d5d5;}
.review_list li{border-top:1px solid #dadada; padding: 15px; line-height: 20px}
.review_list li .user_nm{font-weight: bold;font-size: 14px; margin:0 0 5px 0; line-height: 25px}
.review_list li .user_nm .scope{font-size:0; display:inline-block; line-height:7px; vertical-align:middle }
.review_list li .day{color: #888; font-size: 13px; font-weight: normal; display: inline-block; margin-left:5px;}
.review_list li .cont{height:48px; overflow:hidden; font-size: 15px; color: #555; font-weight: normal; line-height: 24px}
.review_list li .more_go{color: #777; font-size:12px; text-decoration: underline; display: inline-block; margin-top:4px;}
.review_list li.area_top .user_modify{margin-top:6px;}
.review_list li.area_top .user_modify .btns a li{border:1px solid #999; color: #222; font-size: 13px; padding: 2px 8px; display: inline-block; font-weight: 400;}
.review_list li.area_top .user_modify input{vertical-align: top; padding: 3px; margin:0 5px 0 0; border:1px solid #999;}
.review_list li.area_top .user_modify input, .review_list li.area_top .user_modify .btns{display: inline-block}
.notice_return .tbl_qna{border-top:2px solid #3d96f0; border-bottom: 2px solid #333; width: 100%;}
.notice_return .tbl_qna th, .tbl_qna td{font-size: 14px; padding:18px 0}
.notice_return .tbl_qna th{background: #eff7ff; color: #1772cd; font-weight:500; border-top:1px solid #c7daed}
.notice_return .tbl_qna td{padding:10px 10px 10px 15px;border-top:1px solid #dadada;}
.notice_return .tbl_qna td input{padding:5px; font-size: 15px; border:1px solid #949494}
.notice_return .tbl_qna td textarea{height:200px; padding:10px;border:1px solid #949494}
.notice_return .tbl_qna td a{color:#222}
.notice_return .tbl_qna ul li{ display: inline-block; margin-right:23px; border-bottom: none; border-top:none;padding: 0}
.notice_return .tbl_qna ul li input{vertical-align: middle; margin-right: 4px}
.area_qna {border-top:1px solid #d3d5d5; padding:20px 0 0;}
.area_qna .user_input{padding: 0 20px}
.area_qna .user_input li{border-top: 1px solid #e6e6e6; padding: 13px 0; font-size: 0;}
.area_qna .user_input li:first-child{border-top:none; padding-top: 0}
.area_qna .user_input li:nth-child(2){font-size: 14px}
.area_qna .user_input li input{padding: 5px; border:1px solid #666; width:97%}
.area_qna .user_input li textarea{width: 97%; padding: 5px; height: 260px}
.area_qna .user_input li:nth-child(3){padding-bottom: 0}
.area_qna .btns{margin:0 auto; width:90%; padding:10px 0 0;}
.area_qna .btns a{font-size: 16px; font-weight: 500; color: #1772cd; padding: 8px 0; display: inline-block; border:1px solid #3d96f0; width: 48%; text-align: center; }
.area_qna .btns a:nth-child(2){margin-left:2%;}
.area_qna .cont{border-top:1px solid #d3d5d5;}
.area_qna .cont li{border-top:1px solid #e6e6e6;}
.area_qna .cont li:first-child{border-top:0;}
.area_qna .guest_txt{padding: 10px 20px;}
.area_qna .guest_txt .tit{ margin:0 0 5px 0;}
.area_qna .guest_txt .tit span{font-size: 14px; color: #999; margin-top:2px;}
.area_qna .guest_txt .tit span.day{display: inline-block; margin-left: 5px}
.area_qna .guest_txt .cate{font-size: 14px; border:1px solid #999; border-radius: 50px; padding:0 8px; float: right;}
.area_qna .guest_txt .txt{font-size: 15px; }
a .btn_writing{ background: #3d96f0; color: #fff; text-align: center; padding: 15px 0; margin:0 20px; font-size: 18px; font-weight: 500;}
.footer_navi{position: relative}
.footer_navi ul:after{content:""; clear:both; overflow:hidden; display:block}
.footer_navi ul{position: fixed; bottom:-3px; background: #fff; width:98.5%; border:3px solid #222; border-radius: 10px 10px 0 0; padding:15px 0}
.footer_navi ul a li{float: left; width: 19.3%; text-align: center;font-size: 14px; border-left: 1px solid #222; color: #222; letter-spacing: -1px;}
.footer_navi ul a:first-child li{border-left: 0}



.area_freebook ul a li .pause, .area_product ul a li .pause {
    position: absolute;
    top:10px;
    right:0;
    display: inline-block;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    border-radius: 10px 0 0 10px;
    padding: 10px 13px;
    background: #fa0433;
    font-weight: 400;
    line-height: 0;
}

/* 20210128 - Seohyeon */
.area_service_Intu{background: #fff}
.area_service_Intu .top_cont{background: url("/image/sevice_intu_bg.gif") no-repeat 0 0; background-size: 100%; padding:24px 0; text-align: center;color: #fff; width:100%;}
.area_service_Intu .top_cont .service_Intu_tit_w, 
.area_service_Intu .top_cont .service_Intu_tit_b{font-family:'Noto Sans KR', sans-serif; font-size:22px; font-weight: 600; margin:0 0 15px 0}
.area_service_Intu .top_cont p{font-size: 15px; line-height:22px;font-family:'Noto Sans KR', sans-serif; font-weight: 400;}
.area_sevice_btns{text-align: center;}
.area_sevice_btns ul:after{content: ""; clear: both; display: block; overflow: hidden}
.area_sevice_btns ul{margin-top:20px; width: 100%;display:inline-block; *display:inline; zoom:1;}
.area_sevice_btns ul li{display:inline-block; z-index:1;font-family:'Noto Sans KR', sans-serif; vertical-align: top; display: inline-block; text-align: center; border-radius:18px; width:174px; margin:12px 0 0 2px; padding:13px 0 23px; height:184px; }
.area_sevice_btns ul li div{font-size: 22px; font-weight: 600; margin-bottom:8px}
.area_sevice_btns ul li div span{color: #fff;  display: inline-block; padding: 3px 12px; border-radius:16px; font-size: 14px; margin-left: 4px; vertical-align:top; margin:5px 0 0 4px}
.area_sevice_btns ul li p{font-weight:500; letter-spacing: -1px; line-height: 20px;font-size: 13px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .area_sevice_btns ul li div span {vertical-align:middle; margin:-3px 0 0 4px}}
.area_sevice_btns ul a:nth-child(1) li{ background: #d0f4f7;}
.area_sevice_btns ul a:nth-child(1) li div{color: #2199a4;}
.area_sevice_btns ul a:nth-child(1) li div span{background: #2199a4;}
.area_sevice_btns ul a:nth-child(1) li p{ color: #339faa;margin-top:18px;}
.area_sevice_btns ul a:nth-child(2) li{background: #cfeef8;}
.area_sevice_btns ul a:nth-child(2) li div{color: #328eab;}
.area_sevice_btns ul a:nth-child(2) li div span{background: #259ac0;}
.area_sevice_btns ul a:nth-child(2) li p{color: #167d9e;  margin-top:18px; line-height: 24px}
.area_sevice_btns ul a:nth-child(3) li{background: #ccdcf3;}
.area_sevice_btns ul a:nth-child(3) li div{color: #4e79b8;}
.area_sevice_btns ul a:nth-child(3) li div span{background: #608bc9;}
.area_sevice_btns ul a:nth-child(3) li p{color: #5376a9; margin-top:18px; line-height: 24px}
.area_sevice_btns ul a:nth-child(4) li{background: #daf4ec;}
.area_sevice_btns ul a:nth-child(4) li div{color: #3aa385;}
.area_sevice_btns ul a:nth-child(4) li div span{background: #3aa385;}
.area_sevice_btns ul a:nth-child(4) li p{color: #308c6f; margin-top:18px; line-height: 24px}
.area_sevice_btns ul a:nth-child(5) li{background: #cef2ec;}
.area_sevice_btns ul a:nth-child(5) li div{color: #24928c;}
.area_sevice_btns ul a:nth-child(5) li div span{background: #24928c;}
.area_sevice_btns ul a:nth-child(5) li p{color: #208680;margin-top:18px; line-height: 24px}
.area_sevice_btns ul a:nth-child(6) li{background: #d3f5dc;}
.area_sevice_btns ul a:nth-child(6) li div{color: #49985e;}
.area_sevice_btns ul a:nth-child(6) li div span{background: #49985e;}
.area_sevice_btns ul a:nth-child(6) li p{color: #49985e; margin-top:18px; line-height: 24px}
.etc_txt{border:1px solid #aeaeae; margin:30px auto 0; display:block; border-radius: 50px;text-align: center; width: 60%;font-family:'Noto Sans KR', sans-serif; font-size: 17px; }
.etc_txt span{text-align:center; padding:5px 15px;color: #606060; display: inline-block; margin:0 auto}
.service_Intu_tit_333, .service_Intu_tit_b{font-family:'Noto Sans KR', sans-serif; margin:31px 15px 20px; font-size:17px; font-weight: 600; color: #222; text-align: center}
.intupay{text-align: center; margin:0 auto;}
.intupay .cls_2:after{content: ""; clear: both; overflow: hidden; display: block}
.intupay .tbl_intupay{border-top:2px solid #222; border-bottom: 1px solid #222; width: 100%;}
.intupay .cls_2 .cls_box1{margin:0 12px;}
.intupay .cls_2 .cls_2_txt{border:1px solid #222; width: 48%;}
.intupay .cls_2 .cls_tit{font-family:'Noto Sans KR', sans-serif; font-size:22px; font-weight: 500; padding:10px 0; margin-top:20px}
.intupay .cls_2 .cls_txt{ text-align: center;background: #ecf5ff; margin:0 20px; padding:30px 0;font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight: 500; line-height:28px}
.tbl_intupay th, .tbl_intupay td{border-top:1px solid #e3e3e3;font-family:'Noto Sans KR', sans-serif; font-size:16px; padding:10px 0}
.tbl_intupay .first th,.tbl_intupay .first td{border-top:none}
.tbl_intupay th{text-align: center}
.tbl_intupay td{text-align: left; border-left:1px solid #e3e3e3; padding-left:34px; }
.btn_sevice_intu{background: #3d96f0; display: block;font-family:'Noto Sans KR', sans-serif; margin:0 20px; font-weight: 500; text-align: center;}
.btn_sevice_intu a{padding:20px 10px;color: #fff;  display: inline-block; font-size:20px; width: 100%}
.benefit_6{text-align: center; margin-top:40px;}
.benefit_6:after{content: ""; clear: both; overflow: hidden; display:block}
.benefit_6 ul{display:inline-block; *display:inline; zoom:1; margin:5px 0 0}
.benefit_6 ul li{border:3px solid #3d96f0; border-radius:50%; float: left;font-family:'Noto Sans KR', sans-serif; font-size:19px; text-align: center; width: 150px; height:150px; display: inline-block; padding: 10px 11px; color: #3d96f0; margin-left:7px; }
.benefit_6 ul li span{font-family:'Noto Sans KR', sans-serif; font-weight:600; font-size:19px; display: block; color: #3d96f0; margin:7px 0 7px 0}
.benefit_6 ul li strong{display: inline-block;text-align:center; letter-spacing: -1px; line-height:20px; position: relative; font-weight:400; font-size: 14px;}
.service_Intu_tit_333 span{color:#3d96f0; font-size:30px; display: inline-block}
.benefit_333 li{font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight: 500; text-align: center; line-height:26px; margin-bottom:16px}
.benefit_333 li span{color: #3d96f0;}
.benefit_333 li span em{font-size:22px; display: inline-block}
.area_mycart{background:#fff;}
.area_myinfo{margin:0 10px;}
.area_myinfo ul{border-top:2px solid #3d96f0}
.area_myinfo ul:after{content: ""; clear: both; overflow: hidden; display: block;}
.area_myinfo ul li{border:1px solid #e7e7e7; position: relative; padding:10px 0 0;width:49.7%; float: left; text-align: center; height:283px; margin-left:-1px; border-top:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .area_myinfo ul li {height:275px;}}
.area_myinfo ul li img{ margin:0 auto;}
.area_myinfo ul li .tit_myinfo{font-size: 16px; font-weight: bold;}
.area_myinfo ul li .user_idinfo, .area_myinfo ul li .rank{display: block; font-weight: bold;}
.area_myinfo ul li .bookcash_num{font-size: 24px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;}
.area_myinfo ul li .bookcash_num span{font-size: 14px; font-family: Dotum;}
.area_myinfo ul li .btn_info{border:1px solid #3d96f0; font-size: 14px; color:#1772cd; font-weight: bold; width:70%; text-align: center; margin:13px auto 0; padding: 9px 0 0;display: inline-block; height: 31px;}
.area_myinfo ul li .mem_change{border:1px solid #3d96f0; font-size: 14px; width: 70%; color:#1772cd; font-weight: bold;padding:9px 0 0; display: inline-block; height: 52px}
@media screen and (-webkit-min-device-pixel-ratio:0) { .area_myinfo ul li .btn_info{ padding:7px 0 5px; height: 23px }}
@media screen and (-webkit-min-device-pixel-ratio:0) { .area_myinfo ul li .mem_change{ padding:6px 0 5px; height: 43px }}
.area_myinfo ul li .tbl_ordhist{border-top:1px solid #545454; border-bottom: 1px solid #545454; margin:0 auto;}
.order_history{border:1px solid #e7e7e7; margin-top:-1px; text-align: center; padding: 10px 0 15px; margin:0 0 15px 0}
.order_history .tit_myinfo{font-size: 16px; font-weight: bold; margin:8px 0 0;}
.order_history .term{font-size: 14px; font-weight: normal;}
.order_history .tbl_ordhist{border-top:1px solid #545454; border-bottom: 1px solid #545454; margin:0 auto; width: 80%}
.order_history td{ font-size: 16px; font-weight: bold; color: #222; padding: 10px 12px 6px}
.order_history th{font-size: 14px; font-weight: normal;padding:3px 12px 10px}
.subp_detail, .subp_detail_etc{margin:10px 10px 0;}
.subp_detail ul{margin-bottom: 10px}
.subp_detail ul, .subp_detail_etc ul{width: 100%; background:#eef0f3;}
.subp_detail ul:after, .subp_detail_etc ul:after{content: ""; clear: both; overflow: hidden; display: block;}
.subp_detail ul li{font-family: 'Noto Sans KR', sans-serif; float: left; height:32px; padding:10px 0 3px;  border-bottom:2px solid #222;background: #eef0f3; font-size: 16px; text-align: center; font-weight: 400; color: #7e7e7e; width:24.7%; border-left:1px solid #dcdee0;}
.subp_detail_etc ul li{font-family: 'Noto Sans KR', sans-serif; float: left; height:32px; padding:17px 0 7px;  border-bottom:2px solid #222;background: #eef0f3; font-size: 16px; text-align: center; font-weight: 400; color: #7e7e7e; width:19.8%; border-left:1px solid #dcdee0;}
.subp_detail_etc ul li.select, .subp_detail ul li.select{font-family: 'Noto Sans KR', sans-serif; background: #fff; border:2px solid #222; border-bottom: none; color: #222; font-weight: 500;}
.ordhist_input .tbl_ordhist_input{width: 100%}
.tbl_ordhist_input th{text-align: center; font-weight: 500; border-bottom: 1px solid #c3c3c3}
.tbl_ordhist_input td{padding: 9px 0; border-bottom: 1px solid #c3c3c3}
.tbl_ordhist_input td input{padding:3px 5px; border:1px solid #555; width:93%; height: 28px}
.tbl_ordhist_input td select{height:34px; padding:3px 5px; width:80%;}
.tbl_ordhist_input td select, .tbl_ordhist_input td .cal_choice{float: left;}
.tbl_ordhist_input td .cal_choice{border:1px solid #555; width:44%; height: 36px; position: relative;}
.tbl_ordhist_input td .cal_choice:after{content: ""; clear: both; overflow: hidden; display: block;}
.tbl_ordhist_input td .tag_nbsp{display: inline-block;float: left; margin-top:10px;}
.tbl_ordhist_input td .cal_choice select{border:1px solid #555;}
.tbl_ordhist_input td .cal_choice input{float: left; width:75%; border:none;padding: 0; height: 26px;padding:3px 5px 3px 10px; }
.tbl_ordhist_input td .cal_choice img{float: right; vertical-align: middle; margin:9px 5px 0 0; position: absolute; right:3px}
.ordhist_input .btn_search{font-size: 17px;font-family: 'Noto Sans KR', sans-serif;font-weight: 500;text-align: center;padding: 15px 0 13px 0;width: 200px;margin: 25px auto 25px;}
.ordhist_page .tbl_ordhist_page{width: 100%;margin-bottom: 100px;}
.tbl_ordhist_page{border-bottom: 1px solid #6d6d6d}
.tbl_ordhist_page th{border-top:2px solid #3d96f0; border-bottom: 2px solid #3d96f0; color: #1772cd; padding:14px 0 }
.tbl_ordhist_page th span{font-weight: normal;}
.tbl_ordhist_page td{text-align: center; border-top: 1px solid #dadada; padding:10px 0; border-left: 1px solid #f1f1f1;}
.tbl_ordhist_page td:first-child{border-left: none;}
.tbl_ordhist_page td.bd_none{border-top:none;}
.btn_w_big{background: #fff; border:1px solid #656565;}
.btn_w_b_big{background: #fff; border:1px solid #2083e8;}
.btn_b_big{background: #3d96f0; border:1px solid #3d96f0; color: #fff}
.area_useinfo_edit table{border-top:2px solid #333;border-bottom: 2px solid #333;font-family: 'Noto Sans KR', sans-serif; margin:0 10px; width: 95%}
.area_useinfo_edit table th, .area_useinfo_edit table td{font-size:14px; padding: 13px 0;}
.area_useinfo_edit .first th, .area_useinfo_edit .first td{border-top:none}
.area_useinfo_edit table th{background: #eff7ff; color: #1772cd; border-top:1px solid #c7daed; font-weight: 500;}
.area_useinfo_edit table td{padding-left: 15px; border-top:1px solid #dadada}
.area_useinfo_edit table td input{padding: 3px 5px; border:1px solid #999;font-family: 'Noto Sans KR', sans-serif; font-size:15px; width: 70%}
.area_useinfo_edit table td span{font-size: 14px; display: inline-block; color: #666}
.area_useinfo_edit table .date_birth input{width:40px; margin:0 3px 0 9px}
.area_useinfo_edit table .date_birth input:first-child{margin-left:0}
.area_useinfo_edit table .num input, .area_useinfo_edit table .phone_num input{width:40px; margin:0 5px}
.area_useinfo_edit table .num input:first-child, .area_useinfo_edit table .phone_num input:first-child{margin-left:0}
.area_useinfo_edit table .num:first-child{margin-left:0}
.area_useinfo_edit table .adress1 input{ width: 86px}
.area_useinfo_edit td a.btn_numfind{border:1px solid #3d96f0; font-size: 13px; padding:5px 10px; color: #1772cd; margin-left:3px}
.area_useinfo_edit table .adress2 input{width: 86%}
.area_useinfo_edit table select{padding: 4px;font-family: 'Noto Sans KR', sans-serif; font-size:15px;}
.area_useinfo_edit table .email input{width: 86%}
.area_useinfo_edit table .news input{margin:0 4px 0 15px}
.area_useinfo_edit table .news input:first-child{margin-right:4px; margin-left:0}
.area_useinfo_edit table .news span{color: #D72427}
.area_btn_edit{display: block; text-align: center}
.area_btn_edit a.btn_edit{background: #3d96f0; color: #fff;font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 500; text-align: center; padding: 15px 0; display: inline-block; width: 30%; margin: 0 auto}
.tbl_holdbc{border:2px solid #437adf; width:95%; margin:0 10px }
.tbl_holdbc th, .tbl_holdbc td{font-size: 14px; padding: 15px 0}
.tbl_holdbc th{background: #dfecfb; color: #215fcf; font-weight: bold;  }
.tbl_holdbc td{text-align: center;}
.tbl_holdbc td.eff{font-weight: bold;}
.tbl_holdbc .first_area th{border-bottom: 1px solid #c3d1e3}
.tbl_holdbc .first_area td{border-bottom: 1px solid #dfe6f3}
.all_tab_area{padding: 0; margin:20px 0 0;}
.all_tab_area:after{content: ""; clear: both; overflow: hidden; display: block;}
.all_tab_area a li{float: left; background: #eee; color: #9b9b9b; font-size: 12px; font-weight: bold; padding:19px 13px 15px; border-bottom: 2px solid #6a6a6a; width:12.5%; text-align: center; border-left:1px solid #ddd;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.all_tab_area a li {padding:15px 13px;}}
.all_tab_area a:first-child li{border-left:0;}
.all_tab_area a li.select{ background: #6a6a6a; color: #fff;}
.view_input_area{width: 100%;margin:0; text-align: center;}
.view_input_area th, .view_input_area td{padding: 20px 0}
.view_input_area th{font-size: 14px; color: #333; border-right:1px solid #e7e7e7}
.view_input_area td{border-right:1px solid #e7e7e7}
.view_input_area td select{border:1px solid #222;height: 50px;vertical-align: middle;width: 80%;}
.view_input_area td .num_box{ border:1px solid #222; display: inline-block;vertical-align: middle; width: 130px; color:#333; text-align: left; position: relative; }
.view_input_area td .num_box img{ position: absolute; right:4px; top:4px; width: 15px; height: 16px}
.view_input_area td .btn_box_top{border-top:1px solid #d7d7d7;}
.view_input_area td .btn_view{ border:1px solid #437adf; color: #437adf; font-weight: bold; text-align: center; padding:8px 10px 3px; width: 80px; margin:10px auto 20px; font-size: 14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.view_input_area td .btn_view{padding: 6px 10px;}}
.view_input_area td .date_box{ width: 120px; border:none; padding: 4px;}
.view_input_area td .cal_box{ display: inline-block; vertical-align: middle; position: relative; height: 25px;}
.view_input_area td .cal_img{ left:4px; top:4px;}
.tbl_s_result{ border-top:2px solid #525252; border-bottom: 1px solid #525252; width: 100%}
.tbl_s_result th{background: #fcf6e3; font-weight: 500; font-size: 14px; color: #222; padding: 13px 0; border-bottom: 1px solid #525252;}
.tbl_s_result td{padding:13px 0; border-top:1px solid #d7d7d7; text-align: center;}
.tbl_s_result td span{ font-weight: bold; }
.tbl_s_result td .cl_red, .cash_notice_box .cl_red{color: #e50005}
.tbl_s_result td .cl_blue{color: #4661e6;}
.cash_notice_box{ border:1px solid #d9d9d9; padding: 15px; margin:15px 10px 80px;}
.cash_notice_box .box_tit{font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin:0 auto; color: #215fcf; margin-bottom:10px; text-align: center;}
.cash_notice_box dl{margin:0 0 5px 0;}
.cash_notice_box dt{float: left; margin:2px 4px 0 0; display: inline-block;}
.cash_notice_box dd{list-style: none; line-height:18px; vertical-align: middle; padding: 0 0 0 21px; color: #555; font-size: 13px}
.cash_notice_box .t_point{font-weight: bold;}
.view_tab_cash, .view_tab_basic{ width: 100%;border-bottom: 1px solid #525252;}
.view_tab_cash th, .view_tab_basic th{background: #fcf6e3; color: #555; font-weight: 500;border-top:1px solid #e0dcc1; font-size: 14px; border-right:1px solid #e0dcc1;}
.view_tab_cash th.tbl_eff{border-left:1px solid #e0dcc1;}
.view_tab_cash td, .view_tab_basic td{border-top:1px solid #e0dcc1; height: 17px; padding: 15px 10px 15px 10px; font-size: 14px}
.view_tab_cash td img{vertical-align: middle;}
.view_tab_cash td .cl_red{color: #e50005; font-weight: bold; display: inline-block; margin:0 10px;}
.view_tab_cash th .ft_eff{display: block; font-size: 11px; font-weight: normal; margin-top:2px;}
.view_tab_cash td.ft_eff2{color: #e50005; font-weight: bold;}
.view_tab_cash ul:after, .view_tab_basic ul:after{content: ""; clear: both; overflow: hidden; display: block;}
.view_tab_cash ul, .view_tab_basic ul{margin:0; padding:0;}
.view_tab_cash ul li, .view_tab_basic ul li{float: left; border:1px solid #222; text-align: center; color: #555; width:75px; padding:9px 0 6px; margin-left:-1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .view_tab_cash ul li, .view_tab_basic ul li{padding:8px 0;}}
.view_tab_cash ul li.select, .view_tab_basic ul li.select{background: #ff5c57; color: #fff; font-weight: bold;}
.btn_con{font-family: 'Noto Sans KR', sans-serif; font-weight: 500;background: #437adf; color: #fff; text-align: center; padding:12px 15px 13px; margin:15px auto 0; width: 150px; font-size: 16px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btn_con {padding: 13px 15px;}}
.sm_notice{margin:5px 0 0; padding: 10px;}
.sm_notice li{ margin-bottom:5px; padding: 0; font-weight: bold; color:#e50005; line-height:20px; font-size: 14px; font-weight: 500}
.paycom_txt{font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; text-align: center; line-height: 27px}
.paycom_txt a{color: #222}
.bank_info{font-family: 'Noto Sans KR', sans-serif; border-top:2px solid #437adf; border-bottom: 1px solid #222; width: 100%; padding: 20px 0}
.bank_info th{text-align: center; color: #1f60d7; font-size: 14px; font-weight: 400;}
.bank_info th span{ font-size:20px; font-weight: 500; display: block; margin-top:5px;}
.bank_info td li{color: #1f60d7; font-size: 16px; margin:0 0 5px 0;}
.bank_info td li span{border:1px solid #a7c1f0; border-radius: 10px; display: inline-block; width:40px; margin:0 5px 0 0; text-align: center; font-size: 14px; font-weight: 500;}





select { -webkit-appearance: none; /* ?????? ??? ?????*/ -moz-appearance: none; appearance: none; background: url(/image/select.png) no-repeat 95% 50%; /* ??????????????? */ } /* IE 10, 11???????? ??????????*/ select::-ms-expand { display: none; }
select { width: 47%; /* ??????????? */ 
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px; 
padding: .8em .5em; /* ?????? ??? ??? */ font-family: inherit; /* ??? ??? */ background:#fff url(https://farm1.staticflickr.com/379/19928272501_4ef877c265_t.jpg) no-repeat 95% 50%; /* ?????? ?????????*/ border: 1px solid #999; border-radius: 0px; /* iOS ??????????? */ -webkit-appearance: none; /* ?????? ??? ?????*/ -moz-appearance: none; appearance: none; }

/* ????? ???????? */
.bt_num_lst{ text-align: center; margin-top:50px;}
.bt_num_lst .bt_num_lst_inner{ margin:0 auto; display: inline-block;}
.bt_num_lst img{vertical-align: middle;}
.bt_num_lst:after, .contents .bt_num_lst .bt_num_lst_inner:after{content: ""; clear: both; overflow: hidden; display: block;}
.bt_num_lst .right, .contents .bt_num_lst .left{font-size: 0}
.bt_num_lst .right, .contents .bt_num_lst ul, .contents .bt_num_lst .left{float: left;}
.bt_num_lst .right span:first-child, .contents .bt_num_lst .left span:first-child{margin-right:5px;}
.bt_num_lst ul{margin:0 22px;}
.bt_num_lst ul a li{float: left; font-size: 14px; color: #222; text-align: center; margin:5px 0 0 20px}
.bt_num_lst ul a li.select{text-decoration: underline; font-weight: bold;}
.bt_num_lst ul a:first-child li{margin-left: 0;}


.inner_cont ul li{float:left;     border: 1px solid #a3a3a3;
    color: #333;
    border-radius: 50px;
    display: inline-block;
    padding: 6px 0;
    width: 30.5%;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin: 10px 0 0 2%;}
.inner_cont ul li a{ color:#000000;     font-size: 13px; font-weight:bold;}

.docpad {padding-top:20px; padding-right:5px; padding-bottom:20px;}
.docpad dt {word-wrap:break-word;word-break:break-all; text-align:justify; color:#000; font-size:16px;}

/* ???????? */
.area_join ul{margin:15px 0;}
.area_join .area_inner{width: 85%; margin:0 auto;}
.area_join ul li{font-size: 15px; letter-spacing: -1px; margin-top: 10px}
.area_join ul li a span{display: inline-block; border:1px solid #999; color: #666; padding: 1px 6px; font-size: 13px; margin-left: 5px;letter-spacing: -1px}
.btn_join{background: #424242; color: #fff; font-size: 18px; text-align: center; padding: 13px 0; margin:10px 0 0;}
.area_join h2{font-size: 18px; color: #2d33af; font-weight: bold; margin-top:20px;}
.area_join .phoneauth p{text-align: center;}
.area_join .phoneauth img{padding-top: 20px;width: 200px;height: 80px;}

/* ?????????????*/
.mem_txt01{padding:5px 0 0 20px; color:#222; font-size: 13px; font-weight:500;}
.mem_txt02{font-size: 20px; font-weight: 500; letter-spacing:-2px; color:#222}
ul.mem_btn li:first-child{color:#FFF; background-color:#3385ff;}
ul.mem_ser{width:100%; height:30px; margin-bottom: 10px}
ul.mem_ser li{float:left;width:45%;height:30px;font-size: 16px;font-weight: 400;border-bottom:solid 1px #CCCCCC;letter-spacing: 0;color: #222;padding:5px 0 0;}
ul.mem_ser li:first-child{ text-indent:10px;}
ul.mem_ser li:last-child{width:10%;}
ul.mem_ser02{width:100%; height:30px; text-indent:10px; }
ul.mem_ser02 li{float:left; width:33.3%; font:normal 12px/30px "dotum";background-color:#eee; border-bottom:solid 1px #CCCCCC }
ul.mem_btn{width:210px; height:30px; margin:0px auto;}
ul.mem_btn li{width:100px; height:30px; float:left; }
ul.mem_btn li:first-child{width:100px; height:30px; margin-right:10px;}
ul.mem_join{width:100%; margin:0px auto; }
ul.mem_join li{float:left; width:69.5%; height:30px; text-indent:5px; border-bottom:solid 1px #ebebeb; border-top:solid 1px #ebebeb; border-right:solid 1px #ebebeb; font:normal 12px/30px "dotum";}
ul.mem_join li:first-child{width:30%; height:30px; text-indent:5px; border-bottom:solid 1px #ebebeb; border-top:solid 1px #ebebeb; border-right:none; border-left:solid 1px #ebebeb;font:bold 12px/30px "dotum";}
ul.mem_join_2{width:100%; margin:0px auto;}
ul.mem_join_2 li{float:left; width:69.5%; height:30px; text-indent:5px; border-bottom:solid 1px #ebebeb;  border-right:solid 1px #ebebeb; font:normal 12px/30px "dotum";}
ul.mem_join_2 li:first-child{width:30%; height:30px; text-indent:5px; border-bottom:solid 1px #ebebeb; border-right:none; border-left:solid 1px #ebebeb;font:bold 12px/30px "dotum";}
input[type="image"]{-webkit-border-radius:1px; -webkit-appearance:none; border-color:#ccc; background:none}

/* ?????? ???*/
.zip_find {display:none;position:absolute;width:100%;z-index:1;background:#fff;}
.zip_find table{display:none;}
.zip_find input[type='text'] {height:20px;font-size:16px;}
.zip_find select {height:24px;font-size:16px;padding:0 2px;}
.ziptext{background:#f0f5fa;padding:5px; overflow:hidden;}
.zipfind-box {margin:5px;padding:5px 0;}
.zipfind-box>.tab>a {display:inline-block;padding:0;}
.zipfind-box>.tab>a>span {background:#eee;color:#1a8be3;padding:5px; border:1px solid #dddddd;}
.zipfind-box>.tab>a>span.on {background:#f0f5fa;font-weight:bold;color:#FFFFFF;padding:5px;border:1px solid #768598;}
.zipfind-box>.gubun {padding:10px 0 0 0;}
.zipfind-box>.gubun>span {display:inline-block;cursor:pointer;}
.zipfind-box>.gubun>span.on {font-weight:bold;color:#1a8be3;}
.zipfind-box>.info {margin-top:10px;border:1px solid #9298a0;}
.zipfind-box>.info>div>.new2,.zipfind-box>.info>div>.old {display:none;}
.zipfind-box .zipsearch {padding:5px 0 5px 0;}
.zipfind-box .zipsearch>select,.zipfind-box>.zipsearch>input[type='text'] {vertical-align:middle;}
.zipfind-box .zipsearch>a>span {display:inline-block;background:#1a8be3;padding:3px 5px;color:#fff;vertical-align:top;}
.zipfind-box .zipsearch>.select {width:23%;vertical-align:top;}
.zipfind-box .zipsearch .new_input {width:26%;}
.zipfind-box .zipsearch .new2_input {width:56%;}
.zipfind-box .zipsearch .old_input {width:80%;}
/*.zipfind-box .zipsearch .old2_input {width:56%;}*/
.zipfind-box .zipsearch .old2_input {width:80%;}
.zipfind-box>.list {font-size:1.0em;}
.zipfind-box>.list>h4 {padding:10px 0 5px 5px;}
.zipfind-box>.list>.zipbox {overflow:auto; height:150px;border:1px solid #CCCCCC;}
.zipfind-box>.list>.zipbox>div {background:#fff;}
.zipfind-box>.list>.zipbox>.empty {clear:both;width:100%;padding-top:65px;background:#fff;text-align:center;}
.zipfind-box>.list>.zipbox>.loading {width:100%;height:100%;background:url(/images/loading_real.gif) 50% 50% no-repeat;}
.zipfind-box>.list>.zipbox>.notsearch {clear:both;width:100%;padding-top:55px;background:#fff;text-align:center;color:#FF0000;line-height:20px;}
.zipfind-box>.list .zip_section {float:left;text-align:center;font-weight:bold;padding:3px 0;}
.zipfind-box>.list .zip_title {background:#F2F2F2;}
.zipfind-box>.list .zip80 {width:80%;}
.zipfind-box>.list .zip70 {width:70%;}
.zipfind-box>.list .zip30 {width:30%;}
.zipfind-box>.list .zip20 {width:20%;}
.zipfind-box>.zipclose {padding:5px 0;text-align:center;}
.zipfind-box>.zipclose>a>span {display:inline-block;background:#1a8be3;padding:4px 100px;color:#fff;vertical-align:middle;}

/* ???????? */
.area_useinfo_join table{border-top:2px solid #333;border-bottom: 2px solid #333;font-family: 'Noto Sans KR', sans-serif; margin:0 10px; width: 95%}
.area_useinfo_join table th{font-size:14px; padding: 13px 0;}
.area_useinfo_join table td{font-size:14px; padding: 13px 0;}
.area_useinfo_join .first th{border-top:none}
.area_useinfo_join table th{background: #eff7ff; color: #1772cd; border-top:1px solid #c7daed; font-weight: 500;}
.area_useinfo_join table td{padding-left: 15px; border-top:1px solid #dadada}
.area_useinfo_join table td input{padding: 3px 5px; border:1px solid #999;font-family: 'Noto Sans KR', sans-serif; font-size:15px;}
.area_useinfo_join table td span{font-size: 14px; display: inline-block; color: #666}
.area_useinfo_join table .date_birth input{width:40px; margin:0 3px 0 9px}
.area_useinfo_join table .date_birth input:first-child{margin-left:0}
.area_useinfo_join table .phone_num input{width:40px; margin:0 5px}
.area_useinfo_join table .num input:first-child{margin-left:0}
.area_useinfo_join table .num:first-child{margin-left:0}
.area_useinfo_join table .adress1 input{ width: 86px}
.area_useinfo_join td a.btn_numfind{border:1px solid #3d96f0; font-size: 13px; padding:5px 10px; color: #1772cd; margin-left:3px}
.area_useinfo_join table .adress2 input{width: 86%}
.area_useinfo_join table select{padding: 4px;font-family: 'Noto Sans KR', sans-serif; font-size:15px;}
.area_useinfo_join table .email input{width: 86%}
.area_useinfo_join table .news input{margin:0 4px 0 15px}
.area_useinfo_join table .news input:first-child{margin-right:4px; margin-left:0}
.area_useinfo_join table .news span{color: #D72427}

/* EVENT */
.lucky_event{background: #3acbc3; margin:10px; padding: 0 5px}
.lucky_event ul{padding:14px 0 0;}
.lucky_event li{text-align: center;font-weight: bold; line-height: 25px}
.lucky_event .lucky_tit{font-size:16px; color: #fff;}
.lucky_event .day{font-size: 14px; color: #f8ffcb;}
.lucky_event .gift{margin:0 auto;display: block;}
.lucky_event .gift div{font-size: 12px; background: #fff; color: #01817a; display: inline-block; padding: 0 3px}
.event_lst{margin:12px 0 0;}
.lucky_event:after,
.event_lst:after{content:""; clear:both; overflow:hidden; display:block}
.quiz_event{background: #5dc983; margin:10px; padding: 0 5px}
.quiz_event ul{padding:14px 0 0;}
.quiz_event li{text-align: center;font-weight: bold; line-height: 25px}
.quiz_event .quiz_tit{font-size:16px; color: #fff;}
.quiz_event .day{font-size: 14px; color: #f8ffcb;}
.quiz_event .gift{margin:0 auto;display: block;}
.quiz_event .gift div{font-size: 12px; background: #fff; color: #117a36; display: inline-block; padding: 0 3px}

/* KBOOKTEST */
.kbooktest_event{font-size:0;padding:10px 13px 13px}
.kbooktest_event span{font-size:0} 
.kbooktest_txt{text-align: center; color: #222; font-size: 14px;}
.kbooktest_txt .cl_point{color:#ff4f4f; display: block;}
.tbl_area{margin:0 10px;}
.tbl_kbooktest{border-top:2px solid #0876be; border-bottom:2px solid #0876be; border-right: 1px solid #868686; margin:0 10px;}
.tbl_kbooktest th{background: #0876be; color: #fff; font-weight: bold; border-bottom: 1px solid #125480; text-align: center; padding: 5px 0}
.tbl_kbooktest td{color: #222; border-bottom: 1px solid #cbcbcb; padding: 0 10px 0; font-size: 12px}
.tbl_kbooktest th, .tbl_kbooktest td{line-height: 24px;}
.kbooktest_notice{text-align:center;background:#e9f3f9;padding:5px 0;letter-spacing:0.1em; margin:10px 10px 20px;}
.kbooktest_notice a{font-weight:bold;color:#0876be; letter-spacing: -1px; line-height: 20px}

/* ???????? */
.companylist table{border-top:2px solid #333;border-bottom: 2px solid #333;font-family: 'Noto Sans KR', sans-serif; margin:0 10px; width: 95%}
.companylist table th{font-size:14px; padding: 13px 0;}
.companylist table th a{color: #000000; font-size:14px; padding: 13px 0;}
.companylist table td{font-size:14px; padding: 13px 0;}
.companylist table th{background: #eff7ff; color: #1772cd; border-top:1px solid #c7daed; font-weight: 500;}
.companylist table td{padding-left: 15px; border-top:1px solid #dadada}
.companylist table td span{font-size: 14px; display: inline-block; color: #666}

/* ebird */
#eb_tabt:after, #eb_tabt ul:after, .ebird_box:after{content:""; clear:both; overflow:hidden; display:block}
#eb_tabt {width:100%; background:#FFFFFF; text-align:center;border-top:2px solid #0072bc; border-bottom: 2px solid #0072bc;}
#eb_tabt li {float:left;height:35px;line-height:35px;border-left: 1px solid #c8e6e6; border-bottom: 1px solid #c8e6e6}
#eb_tabt a {display:block;color: #666;font-size:12px; letter-spacing: -1px}
#eb_tabt .eb_tabon{background:#17b9bc;}
#eb_tabt .eb_tabon a{font-weight: bold;color: #fff}
.eb-bookbtn {float:left;width:55px;height:22px;line-height:22px;color:#ffffff;text-align:center;font-weight:bold;}
.ebbtn {float:left;text-align:center; line-height:32px; border:2px solid #17b9bc; border-radius: 50px; margin-left:4px}
.ebbtn a{color: #17b9bc;;font-weight:bold; letter-spacing: -1px}
.ebird_box{width:100%; overflow:hidden; margin:10px 0 5px}
.bottomnotice_area{clear:both; background-color:#e4f0f8; color:#0d6bcb; font-size:12px; font-weight:bold; text-align:center; padding:10px 0}
.culturelock_area{border:1px solid #cfcfcf; margin:10px;}
.culturelock_area img{float: left;}
.culturelock_area .tit_area{float: left; width: 73%}
.culturelock_area .top_area{padding: 10px 15px}
.culturelock_area .top_area:after,
.culturelock_area:after, 
.culturelock_area .tit_area:after,
.culturelock_area .btns:after{content:""; clear:both; overflow:hidden; display:block}
.culturelock_area .tit_area .culturelock_tit{height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.culturelock_area .tit_area{padding: 5px 0 0 6px;}
.culturelock_area .tit_area li{letter-spacing: -1px; line-height: 20px}
.culturelock_area .tit_area li strong{font-weight: bold;}
.culturelock_area .tit_area li .cl_point{color:#0876be; font-weight: bold; letter-spacing: 0}
.culturelock_area .btns{display: block; width: 100%;}
.culturelock_area .btns a li{float: left;}
.culturelock_area .btns a .apply{width: 50%; background: #ff3661;}
.culturelock_area .btns a .cart{width: 50%; background: #0876be;}
.culturelock_area .btns a .apply, .culturelock_area .btns a .cart{color: #fff; font-weight: bold; text-align: center; padding: 8px 0; font-size: 14px; letter-spacing: -1px}
.culturelock_area .cont_txt{letter-spacing: -1px; padding: 7px 10px}

/* ?????? ??? 3??11???????*/
div.ci_line{width:100%; min-width:320px; height:5px; background:url(/image/bg_bar.gif)}
div.ci_main_visual_wrap{width:100%; height:100%; text-align:center; background:#333;}
div.ci_main_visual_wrap img{width:100%; height:100%; max-height:259px; max-width:640px;}
div.ci_main_banner_wrap{width:100%; min-width:320px; max-width:640px; height:100px; background:#fff; margin:0px auto; }
ul.cimain_banner{margin:0px auto; text-align:center; }
ul.cimain_banner li{width:33.3%; float:left; }
ul.cimain_banner li img{width:100%; max-width:100px;}
p.ci_sub_tit{text-align:left; padding:15px 0px 5px 15px;}

/* ?????? ??? 4??23???????*/
label input[type="checkbox"] {display:none;}
label input[type="checkbox"] + em {display:inline-block;width:25px;height:25px;margin-left:10px; margin-right:10px; background:url(/image/bg_chkbox.gif) 0 0 no-repeat;vertical-align:middle;}
label input[type="checkbox"]:checked + em {background-position:-38px 0;}

/* ????????*/
.language_area .main_bn{margin: 0 auto; display: block}
.lang_contbox{padding: 15px 10px 0;}
.lang_contbox ul{padding: 10px 0 0}
.lang_contbox ul a{font-size: 0}
.lang_contbox ul li img{width:100%}
.lang_contbox ul:after{content: ""; clear: both; display: block; overflow: hidden}
.lang_contbox ul li{float: left; width:48%; margin:0 2% 10px 0}
.lang_contbox ul li span{font-size: 14px; color: #333; line-height:18px; display: inline-block; height:40px;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 3px}
.lang_contbox .tit{color:#5959b5; border-bottom: 2px solid #5959b5; padding-bottom: 4px}
.tit_langtoptit{font-family: "Noto Sans KR"; background: #5959b5; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 0}
.top_box img{padding: 40px 0; display: block; margin:0 auto}
.lang_maintbl{border-top:3px solid #5959b5; width: 100%;border-bottom:2px solid #5959b5;}
.lang_maintbl th{font-family: "Noto Sans KR"; font-size: 14px; text-align: center; color: #5959b5; letter-spacing: -1px; border-bottom: 1px solid #5959b5; padding: 10px 0}
.lang_maintbl td{ text-align: center; color: #5959b5; border-top:1px solid #c8c8d1; font-weight: bold; padding: 3px 0;font-size: 14px; font-family: "Noto Sans KR"; }
.lang_maintbl td:nth-child(2){text-align: left}
.lang_maintbl td img{vertical-align: middle}
img.sumb_main{display: block; width:40%; margin:20px auto}
.lang_cont2{padding:10px}

.whatsebird {display:none;position:absolute;top:0;left:0;padding:40px 5% 40px 5%; line-height:20px;background:#eeeeee;opacity:0.9;filter:alpha(opacity=90);}
.whatsebird a {font-size:36px;color:#000000;position:absolute;top:10px;left:93%;}
.whatsebird h3 {font-size:22px;color:#000000;padding:0 0 15px 0;}
.whatsebird div {font-size:12px;color:#000000;padding:1px 0;}
.p_fixed {position:fixed;}
@media all and (max-width:480px) {
	.whatsebird div {font-size:12px;}
}
@media all and (max-width:1024px) {
	.whatsebird div {font-size:14px;}
}
@media all and (max-width:1680px) {
	.whatsebird div {font-size:16px;}
}
@media all and (min-width:1681px) {
	.whatsebird div {font-size:18px;}
}

.ebirdn_area{padding-top: 50px;margin:0 auto 10px;text-align: center;font-family: 'Noto Sans KR', sans-serif;}
.ebirdn_area .tit_txt_inner{ font-size: 1em; color:#000;}
.ebirdn_area .dosi_info{ font-size: 1em; color:#000;}
.ebirdn_top{margin-bottom: 15px}
.ebirdn_top h2{font-size: 1.8em; font-weight: bold; color: #127ac3;font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; margin-bottom: 5px;}
.ebirdn_top .sub_tit{ margin-right: 10px;float: right; background: #004778; color: #fff; border-radius: 50px; padding:5px 10px; font-size: 1.2em;letter-spacing: 0;}
.ebirdn_top_btns{margin-bottom:5px}
.ebirdn_top_btns:after, .ebirdn_lst:after, .ebirdn_lst .cont_btns:after{content: ""; clear: both; overflow: hidden; display: block}
.ebirdn_top_btns a li{background: #fff;  float: left; width: 48%;border:1px solid #0167ce; font-size: 1.3em; letter-spacing: 0; padding: 10px 0; text-align: center; color: #0167ce; font-weight: bold;font-family: 'Noto Sans KR', sans-serif;}
.ebirdn_top_btns a:first-child li{border:1px solid #e33965; color: #e12c5b; margin:0 1.5% 0 1%}
.ebirdn_cate{background: #c9e2fd; padding:5px 0 }
.ebirdn_cate select{padding:7px; width: 210px; font-size: 14px; margin: 5px;}
.ebirdn_noti{background: #404040; color: #fff; font-weight: bold; padding: 10px; letter-spacing: 0}
.ebirdn_lst li{float: left; width: 49.8%; border:1px solid #e6e6e6; padding: 15px 0; margin:-1px 0 0 -1px;}
.ebirdn_lst li:nth-child(even){border-right: 0}
.ebirdn_lst li img{height: 90px;border:1px solid #e6e6e6;display: block;margin:0 auto}
.ebirdn_lst li .booktit{overflow: hidden; line-height: 22px;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; /* ellipsis line */-webkit-box-orient: vertical;margin:10px 10px 5px 10px; word-break: keep-all; display: table; text-align: center; margin:5px auto}
.ebirdn_lst li .booktit .booktit-inner{display: table-cell;vertical-align: middle;font-size: 1.1em;font-weight: bold;font-family: 'Noto Sans KR', sans-serif;letter-spacing: 0;color: #222;height: 43px;line-height: 20px;padding: 0px 8px;}
.ebirdn_lst li .booktxt{display: block; letter-spacing: 0;}
.ebirdn_lst ul a li.btn_ck{background:#e12c5b; color: #fff; border-radius: 50px; display: inline-block; padding: 2px 0; width:65px; font-weight: bold; margin-right:7px; border:0}
.ebirdn_lst ul a li.btn_ct{background: #0167ce; color: #fff; border-radius: 50px; display: inline-block; padding: 2px 0; width:65px; font-weight: bold; border:0}
.ebirdn_lst .bookinfo{font-size: 1em; letter-spacing: 0; font-weight: bold; color: #222; margin-bottom: 1px}
.ebirdn_lst .cont_btns{display: inline-block; margin:5px 0 0}
.ebirdn_lst .booktxt{color: #777;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; /* ellipsis line */-webkit-box-orient: vertical; height:33px; overflow: hidden;line-height: 17px;margin:2px 11px 4px}
.ebirdns_area{text-align: center;margin-top: 80px;padding: 10px;}
.ebirdns_box{margin:0 auto;max-width: 1000px;}
.ebirdns_box h2{font-size: 1.8em; font-weight: bold; color: #127ac3;font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; padding-top: 60px; margin-bottom:30px; border-bottom: 2px solid #1a94e8}
.ebirdns_box img{height: 135px; border:1px solid #c8c8c8}
.ebirdns_box .ebirdns_info{display: table; overflow: hidden; line-height: 22px; text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-break: keep-all; text-align: center; margin:5px auto}
.ebirdns_box .ebirdns_tit{display: table-cell;font-size: 18px;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; letter-spacing: 0; line-height: 23px;}
.ebirdns_box .ebirdns_info2{ overflow: hidden;line-height: 22px; text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-break: keep-all;text-align: center;}
.ebirdns_box .ebirdns_info2 div{letter-spacing: 0; color: #333; line-height: 20px}
.ebirdns_box .ebirdns_info2 div .line{color: #c8c8c8; display: inline-block; margin:0 5px; font-weight: 100}
.ebirdns_box .ebirdns_info2 .ebirdns_txt3 .eff{color: #ee1850; font-family: Dotum; font-weight: bold}
.ebirdns_box .ebirdns_info2 .ebirdns_txt3{text-decoration: underline;}
.ebirdns_box .btns:after{content: ""; clear: both; overflow: hidden; display: block}
.ebirdns_box .btns{margin:15px auto; display: inline-block; *display: inline;zoom:1}
.ebirdns_box .btns a li{float: left; border-radius: 50px; padding: 8px 0; width: 120px; color: #fff; font-weight: bold;font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; margin-left: -1px;z-index: 1;}
.ebirdns_box .btns a li.btn_check{background: #e12c5b; margin: 0 8px 0 0}
.ebirdns_box .btns a li.btn_cart{background:#0167ce;}
.ebirdns_info3{border-top:1px solid #cacaca; margin:10px 0 0; padding: 25px 10px; text-align: left}
.ebirdns_info3 div{letter-spacing: 0;color: #000; font-size: 14px}
.ebirdns_info3 .txt_tit{font-weight: bold}

.btn_makepayment {
    background: #f7716b;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border:0;
	padding: 5px 20px;
    border-radius: 25px;
    width: 320px;
    height: 55px;
    margin: 5px 5px 30px;
    user-select: auto;
    font-weight: 600;
}

.top_item .eb_tit {
color: white;
font-size: 20px;
float: left;
line-height: 45px;
padding:4px 0 0 10px;
width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.searchinput{width:80%;border:solid 2px #4e86ea;padding:5px 5px 6px;color:#6093f1;font-weight:bold;height: 40px;}
.searchbtn { background: #004d8b; border-radius: 5px; padding: 10px 15px; font-size: 1.2em; line-height: 40px;color: #fff;}
.dosi_area ul{padding:0}
.dosi_area ul li{border:1px solid #cacaca;float:left;border-radius:10px;padding: 15px 10px;width: 47%;margin:8px 0 0 8px;height: 370px;}
.dosi_area ul li:nth-child(2n+1){margin-left:6px;}
.dosi_area ul li:after, .dosi_area ul li .img_area:after, .dosi_area ul li .btns:after{content:""; clear:both; overflow:hidden; display:block;}
.dosi_area ul li .img_area{display: block;text-align: center;}

.dosi_area ul li img{width:75px;height:106px; border:1px solid #cacaca;}
.dosi_area ul li .tit_publi{ color: #f0235e; font-size: 13px; margin-top:4px}
.dosi_area ul li .btns .step_1 a div{float: left;}
.dosi_area ul li .btns .step_1 a:nth-child(2) div{margin-left: 6px}

/*.dosi_area .tit_txt{ height:40px; font-size: 15px; font-weight: 500; line-height: 40px; position: relative; display: inline-block; overflow: hidden; width: 188px}*/
.dosi_area .tit_txt{ 
        font-size: 14px;
        padding-bottom:3px;
        font-weight: 500;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-overflow: ellipsis;word-wrap: break-word;
        }
/*.dosi_area .tit_txt .tit_txt_inner{line-height:19px;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}*/

.dosi_area ul li .btns a .apply{color: #fff;font-size: 13px;font-weight: 500;background: #f0235e;border:1px solid #f0235e;border-radius:3px;text-align: center;width: 48%;padding: 4px 0; margin-left: 2px;}
.dosi_area ul li .btns a .cart_keep{color: #ff6000;font-size: 13px;font-weight: 500;background: #fff;border:1px solid #ff680d;border-radius: 3px;text-align: center;width: 47%;padding: 4px 0}
.dosi_area ul li .btns a .pageopen{color: #383838;font-size: 13px;font-weight: 500;background: #fff;border:1px solid #3d3d3d;border-radius:3px;text-align: center;width: 98%;padding: 4px 0;display: inline-block;margin:5px 0 0}
.dosi_area ul li .btns a .pause{color: #fff;font-size: 13px;font-weight: 500;background: #a57c88;border:1px solid #a57c88;border-radius:3px;text-align: center;width: 100%; padding: 4px 0;display: inline-block}
.dosi_area ul li .btns a .soldout{color: #fff; font-size: 13px; font-weight: 500; background: #747474; border:1px solid #747474; border-radius:3px; text-align: center; width: 100%; padding: 4px 0; display: inline-block}
.dosi_area ul li .btns a .paycomplete{color: #fff;font-size: 13px;font-weight: 500;background: #f0235e;border:1px solid #f0235e;border-radius:3px;text-align: center;width: 48%;padding: 4px 0; margin-left: 2px;}
.dosi_area ul li .btns a .ordermore{color: #ffffff;font-size: 13px;font-weight: 500;background: #ab0000;border: 1px solid #a83f00;border-radius: 3px;text-align: center;width: 47%;padding: 4px 0}

.dosi_area ul li .day_com{margin-top:8px}
.dosi_area ul li .day_com span{font-weight: bold}


.deposit_noti{ background: #fff4f4; padding: 15px 10px; margin:0 10px 10px; line-height: 21px; font-size: 14px;}
.deposit_noti .deposit_tit{font-size: 17px; font-weight: bold; margin-bottom: 6px; color: #c01717}
.deposit_noti_lst{margin:0 10px; text-align: left}
.deposit_noti_lst li{font-size: 13px}
.deposit_tbl{margin:0 10px; width: 95%; border-top:1px solid #127ac3; border-bottom: 1px solid #5b97c1; border-left:1px solid #e1e1e1; border-right: 1px solid #e1e1e1}
.deposit_tbl th{background: #f0f5fa; font-weight: bold; color: #127ac3}
.deposit_tbl th, .deposit_tbl td{text-align: center; padding: 5px 0; font-size: 14px}