@charset "UTF-8";


/*테이블*/


.board-T {  font-size:14px ; border-top:1px solid #504646; margin-bottom:20px;}
.board-T  caption{display:none;}
.board-T th{border-color:#dfdfdf;border-width:0 0 1px 0;color:#000;border-style:none none solid none;padding:13px 0 13px 0;vertical-align:middle; text-align:center;  background: #f7f7f7; border-right:0px solid #dfdfdf;white-space: nowrap; font-weight:bold;}
.board-T td{border-color:#e3e3e3;border-width:0 0 1px 0;padding:13px 13px 13px 13px;border-style:none none solid ;color:#000;vertical-align:middle;line-height:1.4; overflow:hidden; color:#000 !important; }
.T_thc th{ color:#444; }

.text-center td{text-align:center !important; padding-left:20px;}
.board-T td .textarea{ width:98%; background-color:#fff;color:#000;border:1px solid #e3e3e3; padding:8px; resize:none; }
.board-T th:last-child{border-right:none;}
.board-T td:last-child{border-right:none;}
.board-T td.left{text-align:left; padding:10px;}
.board-T td.left img{vertical-align:text-top; margin-top:-8px; margin-right:5px; margin-left:20px;}

.board-T td a:hover{text-decoration:underline;}
.board-T td span { color:#000; margin-left:10px; font-size:13px;}
.board-T td p{ margin-top:5px}

table .tbl_bt  { display: inline-block; background: #f36a11; border:1px solid #f36a11; min-width:90px; text-align: center; vertical-align: middle; line-height: 33px; height: 33px;color: #fff; padding:0 15px;}
table .blue_chk_text { font-size: 12px; color: #006eb3;display: inline-block; margin: 0 0 0 8px; }
.tbl_id_text { color: #797979; font-size: 12px; }
.tbl_id_text em { color: #e93e16;font-style: normal;  }


/*장바구니*/

.basket_List{ width:100%; margin:20px 0 0; color:#000;}
.basket_List:after{content:''; display: block; clear: both; }

.basket_List .basket_head{ border-top:1px solid #504646; border-bottom:1px solid #cfcfcf; padding:15px 0px;; position:relative; overflow:hidden;color:#000; font-size:16px; }
.basket_List .cen_left{text-align:center;}
/*.basket_List select { height:25px; line-height:25px;}*/
.basket_head > p{ display:none;}

.select_check {float:left;}
.basket_bookinfo{float:left; width:100%; }

.basket_book{float:left; margin:0 10px; overflow:hidden;  }
.basket_book p{ width:100%; margin-top:15px;}
.basket_book p span{ width:100%; display:inline-block;}
.basket_book em{ font-size:15px;}

.basket_bookinfo span.img_border{ border:1px solid #d1d1d1; width:100%; max-width:60px; height:auto; overflow:hidden;}
.basket_bookinfo span.img_border img{ width:100%; height:auto;}


.cnt-ctrlb{line-height:0; width:96px; margin:0 auto; }
.cnt-ctrlb:after{display:block;clear:both;content:""}
.cnt-ctrlb .cnt-up,.cnt-ctrlb .cnt-down{float:left;width:28px;height:32px;line-height:24px;text-align:center;font-size:0;line-height:0;border:1px solid #e6e6e6;background:#fff url('../image/sub/ic_opt_ctrl.png')  no-repeat}
.cnt-ctrlb .cnt-up{border-right:0;background-position:-10px center}
.cnt-ctrlb .cnt-down{margin:0!important;border-left:0;background-position:-30px center}

.cnt-ctrlb input[type=text]{float:left;width:32px;height:32px;line-height:21px;text-align:center;border:1px solid #e6e6e6;padding:0 3px}
.tota_value{ font-size:16px; font-weight:bold; }

.btns{display:inline-block;-webkit-transition:all .2s cubic-bezier(.39,.575,.565,1);transition:all .2s cubic-bezier(.39,.575,.565,1);text-align:center;}
.btns.btn_gray2{font-size:13px;line-height:33px;height:33px;padding:0 5px;color:#666;border:1px solid #ddd;background:#fff}
.btns.btns.btn_gray2:hover,.btns.btn_gray1:hover,.btns.btn_gray3:hover{color:#fff;border:1px solid #f36a11;background:#f36a11}

.btns.btn_gray1{font-size:13px;line-height:33px;height:33px;padding:0 10px;color:#666;border:1px solid #ddd;background:#fff}
.btns.btns.btn_gray1:hover{color:#fff;border:1px solid #888;background:#888}

.btns.btn_gray3{font-size:17px;line-height:40px;color:#fff;border:1px solid #e35c61;background:#e35c61; min-width:120px;}
.btns.btns.btn_gray3:hover{color:#fff; border:1px solid #e35c61;background:#e35c61; text-decoration:underline;}



.m_basket_option dt{display:none;}

.total_value{line-height:33px;}
.total_sum{ background:#f8f8f8; border-bottom:1px solid #000; padding:10px;color:#000; position:relative; overflow:hidden; font-size:14px; margin-bottom:20px;} 
.total_sum span { display:inline-block; width:100%; padding-left:30px;}
.total_sum .sum{width:100%; text-align:right; padding-right:35px; font-weight:bold; font-size:16px;}
.total_sum .sum span{ font-size:20px; color:#ec555d}


/*배송정보*/
.stepbox{border:1px solid #f0dcdc; background:#f9f2f2; padding:20px;}
.stepbox p{font-size:12px; text-indent:15px; margin-top:-5px; color:#999;}
.stepbox p.text{font-size:13px; text-indent:0px; color:#000; }
.stepbox li{line-height:25px; color:#494949;}
.stepbox li span.img_txt {display:block; text-indent:20px; margin-top:-5px; margin-bottom:5px;}
.stepbox li img{vertical-align:middle; margin-right:5px;}


.delivery-msg{padding:20px;background:#f6f6f6;position:relative;padding-left:300px}
.delivery-msg .selectric-wrapper{position:absolute;top:20px;left:20px;width:270px!important}

.stepbox2{border:1px solid #9fc7e1; background:#e6f0fa; padding:20px;}
.stepbox2 li{color:#3a85c8; padding-left:50px;}
.stepbox2 li img{margin-right:5px;}


/*로그인*/
.tit_area{margin:0 0 40px;padding:30px 0 0;text-align:center}
.tit10{ font-size:38px;  color:#000;} 
.tit11{font-size:20px; color:#000;}
.tit12{font-size:25px; color:#000;}
.sub_tit10{ margin:15px 0; font-size:16px;}


.login{ border-top:1px solid #000;  width:100%;}
.login:after{content:''; display: block; clear: both; }
.login .login_cont { position:relative; overflow:hidden; width:100%; border-bottom:1px solid #dadada; padding-bottom:30px; margin:50px 0; }
.login .login_cont .loginbox{ margin:0 auto; width:600px;}
.login .login_cont .loginbox .input_L{ width:70%; float:left;}
.login .login_cont .loginbox .btn_L { width:30%; float:left;}



.login .login_cont .loginbox .input_L li {margin-bottom:10px;}
.login .login_cont .loginbox .input_L li input {width:90%; height:36px; font-size:15px; background:#f2f2f2;}

.bnt_login{margin-left:5px;width:100%; height:80px; text-align:center; background:#509d7d; border-color:#509d7d; color:#fff; font-weight:bold; font-size:17px;}
.bnt_login:focus{border:none;}
.sbtn_login{font-size:15px;line-height:43px;height:43px; padding:0 20px; text-align:center;color:#fff;border:1px solid #f36a11;background:#f36a11;}

.sbtn_login:hover{ text-decoration:underline;}

.area_info{width:1150px;margin-top:40px}
.area_info .box_join{float:left;width:560px;border-right:1px solid #e0dbd4; margin-right:30px; }
.area_info strong{font-size:16px;padding-left:9px;color:#333;background:url('../image/common/dot01.gif')left 5px no-repeat}
.area_info .box_id_sch{float:left;width:560px;}
.area_info .txt{display:block;margin-top:9px}
.area_info .txt span.txt_info{line-height:22px;float:left;width:320px;padding-left:10px;vertical-align:middle}
.ie8 .area_info .txt span.txt_info{letter-spacing:-1px}
.txt a{float:left;margin:2px 0 0 20px;vertical-align:middle}
.area_form .box_radio{margin-bottom:12px}
.type02 .area_form .btn_orange{padding:41px 39px 44px}



.area_info .txt a{float:left;margin:2px 0 0 20px;vertical-align:middle}



/*아이디비번찾기*/
.box_join_cont{width:100%;  position:relative; margin:0 auto; margin-top:50px; margin-bottom:30px; text-align:center;}
.box_join_cont:after{content:''; display: block; clear: both; }

.idpw_searchbox{ position:relative;  margin-top:30px; min-height:350px; width:33%; margin:0 auto; margin-right:5px; float:left;border:1px solid #ccc; background:#f2f2f2; padding-top:30px; }

.idpw_searchbox li { margin-bottom:10px; width:100%; }
.idpw_searchbox p.abtn{ position:absolute; bottom:60px; margin:0 auto; width:100%;}
.box_join_cont input{ height:36px; width:80%; font-size:15px;}

.idpw_searchbox span.login_tit2 { display:inline-block;  font-size:16px; color:#000; padding-bottom:20px;}


.btn_acc{font-size:16px; width:100%; text-align:center;color:#000; float:left; margin-right:5px;}
.btn_acc span{ display:inline-block;margin-bottom:25px;}
.btn_acc p.img{ background:#fff; border-radius:50%; width:100px; height:100px; text-align:center; margin:0 auto; vertical-align:middle; margin-bottom:15px;}
.btn_acc p img{ padding-top:20px;}

.idpw_input{ margin:15px 0 30px; padding:15px 0px; text-align:left;  }
.idpw_input em{color:#000; margin-right:10px; font-weight:bold; font-size:16px;}
.idpw_input input{ border:2px solid #000; width:300px;}
.idpw_input span { padding-left:10px;}


/*이용규정*/
.use_1 {margin-top:10px;width:100%; height:150px; border:1px solid #E7E7E7; overflow-y:scroll; scrollbar-face-color: #e5e5e5; scrollbar-shadow-color:#e7e7e7; 
scrollbar-highlight-color:#e7e7e7; scrollbar-3dlight-color:#f8f8f8; scrollbar-darkshadow-color:f8f8f8; scrollbar-track-color:#f8f8f8; scrollbar-arrow-color:#b3b3b3; padding:15px;}
.h150{ height:150px !important; }
.h300{ height:300px !important; }
.use_1 h4{ font-size:12px;  font-weight:bold; }
.use_1 .big_subject{font-weight:bold; color:#000; font-size:13px; margin:25px 0;}
.use_1 p{ font-size:12px; color:#666; padding-top:5px; line-height:16px; margin-bottom:10px;}
.use_1  div{font-size:12px; color:#666; padding-top:5px; line-height:16px; margin-bottom:15px;}

.use_2 {margin-top:10px;  padding:5px; width:99%; height:70px; border:1px solid #E7E7E7; overflow-y:scroll; scrollbar-face-color: #e5e5e5; scrollbar-shadow-color:#e7e7e7; 
scrollbar-highlight-color:#e7e7e7; scrollbar-3dlight-color:#f8f8f8; scrollbar-darkshadow-color:f8f8f8; scrollbar-track-color:#f8f8f8; scrollbar-arrow-color:#b3b3b3; padding:15px;}
.use_2 h4{ font-size:13px; color:#000; margin-top:30px; }
.use_2 h4:first-child{margin-top:10px;}
.use_2 p{ font-size:12px; color:#666; padding-top:10px; line-height:16px;}

.top_title{padding-top:10px;}


.agree_check{ margin:15px 15px 15px 0; text-align:left; font-size:14px;}
.agree_check input[type=checkbox]{margin-right:8px; width:15px; height:15px;}


/*회원가입 실명인증*/
.auth_wrap{ border:1px solid #E7E7E7;  margin-bottom:50px; position:relative; overflow:hidden;}

.auth_wrap  ul.auth_sel{ clear:both; overflow:hidden;}
.auth_wrap  ul.auth_sel li{width:100%; padding:15px 0; font-size:16px; }
.auth_wrap  ul.auth_sel li span{ display:inline-block; width:49%; text-align:center;}
.auth_wrap input[type=radio] {margin-right:5px; vertical-align:middle;}




/*주문배송조회*/
.my_serch{ position:relative; width:100%; margin:40px 0 80px;}
.my_serch:after{content:''; display: block; clear: both; }


.calendar_myl{text-align:center;  border:1px solid #d7d7d7; background:#fff; padding:15px 0}
.w100p{width:100% !important; text-align:left !important;}

.calendar_myl span.input-group-addon{display:inline-block; padding:7px 10px 8px; width:35px; margin-left:-3px;margin-top:0px;}
.calendar_myl span.input-group-addon:first-child{ margin-left:-5px !important;}
.calendar_myl .input-group-addon{border-left:none;}
.calendar_myl .calendar_input{width:130px !important;}


.calendar_myl span.myl_btn { margin-left:55px;}

.order_input{width:170px !important;}
.order_tit{ font-weight:bold; margin-right:15px;}


/*날짜입력창*/
.input-group-addon { border-radius: 0px !important;}
.input-group-addon .add_calendar{ text-indent: -99999px !important;  background:url('../image/sub/int_calendar_icon.png') no-repeat 50% 0px; width:16px; height: 16px; display: inline-block; }
.calendar_input{ width:130px !important;}

.algin{ width:100%;}



.detail_t caption {display:none;}
.tbl02 { border-top:1px solid #000; width:100%; background:#fff; min-width:800px;  }
.tbl02 thead th {white-space: nowrap;border-bottom: 1px solid #e5e5e5; border-right: 0; text-align: center; padding: 12px 0; color:#444; font-weight:bold; background:#f7f7f7;}
.tbl02 tbody td {overflow: hidden;  font-size:13px; border-bottom: 1px solid #e5e5e5; border-right:0;text-align: center; padding: 14px 10px;   }
.tbl02 tbody td a{color:#000;}
.tbl02 tbody td a:hover{text-decoration:underline;}
.tbl02 tbody td p{ font-size:12px; color:#a3a3a3;}
.tbl02 tbody td.L{text-align:left;}
.tbl02 tbody td.R{text-align:right;}
.tbl02 .r_none { border-right:0 !important;}
.mobile_drag{display:none;}



/*2017-09-22추가*/
.delivery_txt{ text-align:right; font-size:13px; padding-right:35px; margin-bottom:6px;}
.basket_book a{ color:#000;}






/*tablet*/

@media all and (max-width:1024px){
	
.idpw_searchbox{ width:32.7%; margin-bottom:15px; }

}

@media all and (max-width:1023px){


.x1{width:35% !important;   margin-bottom:5px;}
.board-T td span { display:inline-block; width:100%; margin-left:0;}



/*로그인정보*/
.area_info{width:100%;}

.area_info .box_join {width:100%; border-right:0; border-bottom:1px solid #e0dbd4; padding-bottom:30px; }
.area_info .box_id_sch{ width:100%;margin-bottom:30px; padding-top:30px;}

.id_search{  height:130px;}


}



@media all and (max-width:767px){

.tbl_phone_td .form-control { width:24% !important; display: inline-block;vertical-align: middle }

.basket_List .cen_left{text-align:left;}
.cnt-ctrlb {float:left;}
.basket_head > div {display:none;}
.basket_head > p{ display:block; text-align:center; font-size:18px;}
.m_basket_option {;}

.basket_List .cen_left{text-align:right;}
.cnt-ctrlb{ float:right;}

.basket_bookinfo{ margin-bottom:15px;}

.m_basket_option { padding:8px 0; background:#f8f8f8; }
.m_basket_option dt{float:left; display:inline-block; font-weight:normal; line-height:33px; text-indent:15px;}
.m_basket_option dd{ margin-right:15px;}
.m_basket_option:last-child{padding-bottom:0;}
.total_sum .sum{ padding-right:15px;}
.total_sum span { padding-left:10px;}


/*로그인*/
.login{padding:20px 20px;}
.login_form .inputB li input {width:70%;}

.area_info{width:100%;}
.login .login_cont .loginbox {width:100%;}
.area_info .box_join {width:100%; margin-bottom:30px; border-right:0; border-bottom:1px solid #e0dbd4; padding:0; padding-bottom:20px;}
.area_info .box_id_sch{ width:100%;padding:0; margin-bottom:30px;}
.area_info .txt a { margin:10px 0 0 10px;}
.area_info .txt span.txt_info {width:100%;}

/*아이디비번찾기*/
.idpw_searchbox{ width:100%; margin-bottom:15px; min-height:250px; }
.idpw_searchbox p.abtn {bottom:30px;}
.idpw_searchbox span.login_tit2 {padding-bottom:10px;}
.btn_acc span{ margin-bottom:0;}

.idpw_input span { display:inline-block; margin-top:10px;}

.calendar_myl span{display:inline-block; width:100%;}
.calendar_myl span.myl_btn { margin-left:5px; margin-top:15px;}
.order_tit{display:none;}
.order_input {width:50% !important;}

.detail_t {overflow-x: scroll; width:100%;}


.stepbox2 li{ padding-left:0px;}

.delivery_txt{padding-right:15px;}

.cnt-ctrlb {width:auto;}
}



@media all and (max-width:480px){


.x1{ width:100% !important; }
.W80{width:80px !important;}



.area_info .txt a{float:left;}

.auth_wrap  ul.auth_sel li{font-size:13px; }


/*아이디비번찾기*/
.idpw_input input{ width:80%;;}



.calendar_myl .calendar_input{ width:30% !important;}

.mobile_drag{display:block; text-align:center; margin-top:15px;}

}