.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: 10px;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: 20px; 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}