/*===================================== index.html ===============================================*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
/* .sub_content_list li p  FONT ======>> 'Nanum Gothic', sans-serif */
/* .cart_list_choice li FONT ======>> 'Nanum Barun Gothic', sans-serif */

/* content_slider */
#content_slider{width:100%; overflow: hidden;}
#content_slider img{width: 100%; background-size: cover;}

/* content_nav */
#content_nav{margin-bottom: 10px;}
/*
#content_nav ul{overflow: hidden;}
#content_nav li{width: 33.33%; float: left; box-sizing: border-box; border-left: 1px solid #d9d2cb; border-right: 1px solid #d9d2cb; border-bottom: 1px solid #d9d2cb;}

#content_nav li a{display: block; box-sizing: border-box; padding: 6%; font-family: 'Nanum Gothic', sans-serif;}
#content_nav li a .c_nav_name{display: block; width: 69%; float: left; font-weight: bold; font-size: 14px;}
#content_nav li a .c_nav_name span{display:block; font-size: 10px; font-weight: normal;}
#content_nav li a .c_nav_sz{font-size: 12px;}
#content_nav li a img{width: 31%; float: right;}
#content_nav li:after{content: ""; display: block; clear: both;}
*/

#content_nav{width:100%}
#content_nav .content_nav_col{width:33.3333%}
#content_nav tbody tr td{border:1px solid #d9d2cd}
#content_nav tbody tr td a{display: block; box-sizing: border-box; padding: 6%; font-family: 'Nanum Gothic', sans-serif;}
#content_nav tbody tr td a .c_nav_name{display: block; width: 70%; float: left; font-weight: bold; font-size: 12px;}
#content_nav tbody tr td a .c_nav_name span{display:block; font-size: 10px; font-weight: normal;}
#content_nav tbody tr td a .c_nav_sz{font-size: 11px;}
#content_nav tbody tr td a img{width: 31%; float: right;}
#content_nav tbody tr td:after{content: ""; display: block; clear: both;}

.bottom_border{border-left: 0px; border-right: 0px;}

/* content_box */
#content_box1 div{margin-bottom: 10px;}
#content_box1 a img, #content_box2 a img, #content_box3 a img{width: 100%; background-size: cover;}

/* content_best / content_new */
#content_best, #content_new{margin-bottom: 10px; text-transform: uppercase;}
#content_best ul, #content_new ul{overflow: hidden;}
#content_best h3, #content_new h3{font-size: 20px; text-align: center; padding: 25px 0;}

/*
.left_border{border-left: 1px solid #d9d2cb; border-right: 0.5px solid #d9d2cb;} 
.right_border{border-left: 0.5px solid #d9d2cb; border-right: 1px solid #d9d2cb;}
*/

/*======================================== sub.html ===============================================*/
#sub_mini_nav{overflow: hidden; overflow-x: auto; border-bottom: 1px solid #d9d2cb;}
#sub_mini_nav ul{overflow: hidden; position: relative; display: inline-block; white-space: nowrap;}
#sub_mini_nav li{display: inline-block;}
#sub_mini_nav a{display: block; padding: 10px 14px;}

#sub_top{position: relative;}
#sub_top .sub_top_title{display: block; text-align: center; border-bottom: 1px solid #d9d2cb; padding: 15px 0; font-size: 18px;}

#sub_top .back_btn{display: block; width: 42px; position: absolute; background-size: cover; font-size: 0;}
#sub_top .back_btn a{padding: 16px 15px;}
#sub_top .back_btn img{width: 100%;}

#sub_top_option li{display: inline-block;}
#sub_top_option li:after{content: "|"; margin: 0 10px; color: #ccc;}
#sub_top_option li:last-child:after{content: ""; margin: 0;}
#sub_top a, #sub_top_option a{display: inline-block;  padding: 14px 0;}

#sub_top_option{width: 100%; text-align: center; background: #f1edf4;}

/* li.select a */
/*
#sub_top_option li.select a{font-weight: bold;}

.sub_content_list li{width: 50%; float: left; box-sizing:border-box; border-bottom: 1px solid #d9d2cb; border-top: 1px solid #d9d2cb;}
.sub_content_list li a{display: block; width: 100%; font-size: 15px; box-sizing: border-box; font-weight: bold; text-align: center; padding: 4% 8% 10%;}
.sub_content_list li p{text-align: center; margin-top: 5px; letter-spacing: -1px; font-family: 'Nanum Gothic', sans-serif;}
.sub_content_list img{width: 100%; background-size: cover;}

.sub_content_list .list_cash{display: block; font-size: 13px; margin-top: 5px;}
.sub_content_list .list_sale{color: #959595; margin-right: 8px; text-decoration: line-through;}

.sub_content_list li .best_gram{text-transform: lowercase; margin-left: 12px;}
.sub_content_list li .best_cash{display: block; margin-top: 5px; font-size: 13px;}
*/

/* prodect_list */
.prodect_list{width:100%;}
.prodect_list tbody tr td{border-right:1px solid #d9d2cb;border-bottom:1px solid #d9d2cb}
.prodect_list tbody tr td a{display: block; width: 100%; font-size: 15px; box-sizing: border-box; font-weight: bold; text-align: center; padding: 4% 8% 10%;}
.prodect_list tbody tr td p{text-align: center; margin-top: 5px; letter-spacing: -1px; font-family: 'Nanum Gothic', sans-serif;}
.prodect_list tbody tr td img{width: 100%; background-size: cover;}

.prodect_list .list_cash{display: block; font-size: 13px; margin-top: 5px;}
.prodect_list .list_sale{color: #959595; margin-right: 8px; text-decoration: line-through;}

.prodect_list tbody tr td .best_gram{text-transform: lowercase; margin-left: 12px;}
.prodect_list tbody tr td .best_cash{display: block; margin-top: 5px; font-size: 13px;}


/*============================== cart.html ========================================== */
.font_barun{font-family: 'Nanum Barun Gothic'; font-size:1.2em;}

#cart_list_set{width: 100%; margin-top: 20px;}
#cart_list_set .cart_set_col1{width: 8%;}
#cart_list_set .cart_set_col2{width: 62%;}
#cart_list_set .cart_set_col3{width: 30%;}
#cart_list_set thead{border-top: 3px solid #cdcad0; border-bottom: 3px solid #cdcad0; background: #f5f0f7;}
#cart_list_set  th{padding: 10px 0;}
#cart_list_set tbody{margin-top: 5px;}
#cart_list_set tbody .line_box{padding: 0 10px;}
#cart_list_set tbody .line_bottom{border-bottom: 1px solid #9f7eb3; padding: 5px 0;}
#cart_list_set .cart_top_border{border-top: 2px solid #9f7eb3;}

#cart_list_set .cart_list_product{padding: 10px 0;}
#cart_list_set .cart_list_product div{display: inline-block;}
#cart_list_set .cart_img{width: 30%; border: 0px solid #c6c5c6; float: left;}
#cart_list_set .cart_img img{width: 100%;}
#cart_list_set .cart_txt{width: 63%; height:83px; margin-left: 5%; line-height: 16px;}
#cart_list_set .cart_txt a{color: #000;}
#cart_list_set .cart_txt .cart_prd_name{margin-bottom: 5px; font-weight: bold; font-size: 14px;}
#cart_list_set .cart_list_txt{display: inline-block; width: 60%;}

#cart_list_set .cart_btn_set{text-align: right; padding-right: 10px;}
#cart_list_set .cart_btn_set button, #cart_list_set .cart_btn_set input, #cart_list_set .cart_list_choice_box li button{
	border: 1px solid #c6c5c6; color: #4b4b4b; border-radius: 2.5px; 
	background: linear-gradient(to top, #e1e1e0,  #fff); 
	font-family: 'Nanum Barun Gothic';
	font-size:1.1em;
	}
#cart_list_set .cart_btn_set input{background: #fff;}
#cart_list_set .cart_btn_set button, #cart_list_set .option_change button{padding: 3px 8px;}
#cart_list_set .cart_btn_set input{width: 40px; text-align: center;}
#cart_list_set .cart_btn_set .cart_count_change{text-align: right;}
#cart_list_set .cart_btn_set .cart_count_change button{margin-top: 5px; color: #4b4b4b;}

#cart_list_set .cart_list_choice_box{padding: 0px; color: #5b5b5b; text-align:left;font-size:1.2em;}
#cart_list_set .cart_list_choice_box .cart_list_choice{padding: 10px 5px; border-top: 1px solid #c2c1c1; border-bottom: 1px solid #c2c1c1; line-height: 20px;} 
#cart_list_set .cart_list_choice_box .cart_list_choice li{font-family: 'Nanum Barun Gothic'; color: #5b5b5b;} 
#cart_list_set .cart_list_choice_box .cart_list_choice .cart_list_text{width: 78%;}

#cart_list_set .cart_list_choice_box .option_change{text-align: right; margin-top: -25px;}
#cart_list_set .cart_list_choice_box .option_change .option_check_txt{line-height: 55px;}
#cart_list_set .cart_list_choice_box .option_check_box{margin-top: 10px; padding-bottom: 15px;}
#cart_list_set .cart_list_choice_box .option_check ul{background: #f5eff6; padding: 10px 15px; border: 2px solid #9f7eb3;}
#cart_list_set .cart_list_choice_box .option_check li{margin-bottom: 10px;}
#cart_list_set .cart_list_choice_box .option_check .option_check_txt{line-height: 55px;}

#cart_list_set .cart_list_choice_box .option_check li:after{display: block; content:""; clear: right;}
/*#cart_list_set .cart_list_choice_box .option_check select,*/
#cart_list_set .cart_list_choice_box li.option_check textarea{float: right; font-family: 'Nanum Barun Gothic'; font-size: 12px;} 
/*#cart_list_set .cart_list_choice_box .option_check select,*/
#cart_list_set .cart_list_choice_box .option_check textarea{width: 70%; background: #fff; border-radius: 5px; border: 1px solid #b7b7b7; color: #4b4b4b;}
/*#cart_list_set .cart_list_choice_box .option_check select:focus{background: #eaf0f9;}*/
#cart_list_set .cart_list_choice_box .cart_list_choice_btn{text-align: right; margin-bottom: 0;}
#cart_list_set .cart_list_choice_box .cart_list_choice_btn div{display: inline-block; width: 70%; text-align: center;}
#cart_list_set .cart_list_choice_box .cart_list_choice_btn button{padding: 5px 10px; background: #fff; margin-right: 10px;}
#cart_list_set .cart_list_choice_box .cart_list_choice_btn .list_btn_01{background: #9e7eb3; color: #fff;}
#cart_list_set .cart_list_choice_box .cart_list_choice_btn .list_btn_02{color: #000;}
#cart_list_set .cart_list_choice_box .option_check textarea{height: 55px; padding: 5px; box-sizing: border-box;}

#cart_list_set .total_box{padding: 0 10px; font-size: 14px; text-align: left;}
#cart_list_set .total_box p{padding: 8px 15px;}
#cart_list_set .total_box .total_bottom{border-bottom: 3px solid #9f7eb3;}
#cart_list_set .total_box span{float: right;}

#cart_list_set tfoot p{padding: 0 20px; background: #f5eff6;}
#cart_list_set tfoot .total_cash01{margin-top: 10px; border-top: 1px solid #9f7eb3;}
#cart_list_set tfoot .total_cash02{background: #9e7eb3; color: #fff;}


/*============================== cart.html (X) ========================================== */

/* #content_cart */
#cart_process{margin-top: 33px; text-align: center; font-size: 14px; font-weight: bold; padding: 0 5%;}
#cart_process span:after{content:">"; margin: 0 5px;}
#cart_process span:last-child:after{content:""; margin: 0;}

.select_process{color: #6e4688;}

#cart_list{width: 100%; box-sizing: border-box; margin-top: 9px; text-align: center;}

#cart_list .check_label input + label{margin-left: 5px;}

/* ALL == checkbox + label */
.check_label{position: relative;}
.check_label input{display: none;}
.check_label input + label{display: inline-block; width: 13px; height: 13px; background: url(../images/ck_no.jpg) no-repeat; background-size: cover; margin-right: 5px; border: 1px solid #ccc;}
.check_label span{position: absolute; top: 1px; left: 20px;}
.check_label input:checked + label{background: url(../images/ck_yes.jpg) no-repeat; background-size: cover;}

#cart_list .img_col1{width: 15%;}
#cart_list .img_col2{width: 30%;}

#cart_list thead, #cart_list tfoot{background: #f8edfd; border-bottom: 1px solid #ccc; font-size: 12px;}
#cart_list thead{border-top: 1px solid #ccc;}
#cart_list thead th{padding: 15px 0px;}
#cart_list thead .cart_check{padding: 0 10px;}

#cart_list tbody .product_img img{width: 100%;}
#cart_list tbody .product_info{text-align: left; padding: 5px 0;}
#cart_list tbody .product_info .product_info_list{display: block;}
#cart_list tbody .product_name, .product_btn{font-size: 12px;}

#cart_list tbody .product_txt{font-size: 12px; display: block;}
#cart_list tbody tr{border-bottom: 1px solid #ccc;}
#cart_list tbody .product_txt span:before{content: "â–¶";}
#cart_list tbody .product_txt span:after{content: ":";}
#cart_list tbody .product_btn{display: inline-block; text-align: center; padding: 6px 7px; background: #9e7eb3; color: #fff; margin-top: 10px; margin-bottom: 5px;}
#cart_list tbody .cart_check{padding: 0 10px;}
#cart_list tbody .price{font-size: 14px;}

#cart_list tfoot{text-align: right;}
#cart_list tfoot td{padding: 15px 10px;}
#cart_list tfoot .cart_cash, #cart_list tfoot .cart_point{font-size: 16px; font-weight: bold;}
#cart_list tfoot .cart_cash:after{content: "/"; font-size: 16px; margin: 0 11px;}

.cart_btn{text-align: center; padding: 0 2px; margin-top: 15px;}
.cart_btn a{display: block; border: 1px solid #d7d7d7; padding: 13px; font-size: 12px; border-radius: 2.5px; font-weight: bold;}
.cart_btn li{width: 31%; display: inline-block; margin-right: 1px;}
.cart_btn li:last-child{margin-right: 0;}

.select_cart_btn{background: #cdaecd; color: #000;}

/* #content_cart_none */
#cart_none{width: 100%; background: /*#f7edfd*/#fff; margin-bottom: 26px; border-bottom: 1px solid #e5e5e5; text-align: center; }
#cart_none .cart_none_img{padding-top: 40px; padding-bottom: 50px;}
#cart_none .cart_none_img span{display: block; margin-top: 17px; font-size: 11px; color: #6e4688;}

#cart_recommend h3{text-align: center; font-size: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px;}

.cart_recommend_list{text-align: center;}
.cart_recommend_list li{padding: 0 5%; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 14px; font-weight: bold;}
.cart_recommend_list a{display: block; text-align: center; padding: 48px 0;}
.cart_recommend_list img{float: left;}
.cart_recommend_list .recommend_txt{display: inline-block; text-align: left;}
.cart_recommend_list .recommend_cash{display: block;}
.cart_recommend_list .recommend_gram{margin-left: 15px;}


/*================================ cart.html / order.html  ============================================ */

/* cart_list */
/*#cart_list tfoot .order_cash:after{content:" + "}*/
#cart_list tfoot .order_total_cash{font-size: 16px; font-weight: bold;}

#cart_list .cart_col1{width: 18%;}
#cart_list .cart_col2{width: 38%;}
#cart_list .cart_col3{width: 13%;}
#cart_list .cart_col4{width: 13%;}
#cart_list .cart_col5{width: 18%;}

/* cart_choice.html */
#cart_choice .order_top_title{margin-top: 30px; margin-bottom: 10px; font-size: 17px;}
#cart_choice .cart_choice {padding: 0 20px;}
#cart_choice .cart_choice .cc_col1{width: 20%;}
#cart_choice .cart_choice .cc_col2{width: 30%;}
#cart_choice .cart_choice table{border: 1px solid #ccc;}
#cart_choice .cart_choice table .cc_br{display: block; margin-top: 10px;}
#cart_choice .cart_choice table .cc_txt{padding: 0 8px;}
#cart_choice .cart_choice table, #cart_choice .cart_choice input, #cart_choice .cart_choice button{width: 100%;}
#cart_choice .cart_choice table th{text-align: left; padding: 13px 5px;}
#cart_choice .cart_choice table .cc_total{font-size: 14px;}

#cart_choice .cart_choice table td:last-child{text-align: center;}
#cart_choice .cart_choice table .cc_textarea{padding: 0 10px 5px;}
#cart_choice .cart_choice table .cc_textarea textarea{width: 100%; height: 100px;}
#cart_choice .cart_choice button{padding: 10px;}

#order_customer{margin-bottom: 51px;}
#order_customer #order_customer_area{padding: 0 5%;}
#order_customer table{width: 100%;}
#order_customer .order_top_title{margin-top: 30px; margin-bottom: 10px; font-size: 17px;}

#order_customer .required:before{content:"*"; color: #ff0000; margin-right: 3px;}
#order_customer .right_p{text-align: right; font-size: 9px;}

#order_customer input{width: 100%;}
#order_customer .order_col{width: 25%;}
#order_customer .order_sz{width: 52%; margin-right: 1%;}
#order_customer table th{font-size: 15px; font-weight: lighter;}
#order_customer table tr{text-align: left;}
#order_customer table tr:after{display: block; content: ""; margin-bottom: 34px;}

#order_customer .order_adress{vertical-align: top; padding-top: 10px;}
#order_customer .order_adress_btn{width: 45%; padding: 8px; font-size: 12px; color: #fff; background: #9e7eb3; border-radius: 2.5px; text-align: center;}
#order_customer .delivery_btn_wrap{text-align: center; margin: 10px 0;}
#order_customer .delivery_btn_wrap li{width: 49%; display: inline-block;}
#order_customer .delivery_btn_wrap a{display: block; padding: 8px; font-size: 12px; border: 1px solid #ccc; border-radius: 2.5px;}
#order_customer .delivery_btn_wrap .delivery_option li{width: 24%; margin-top: 5px;}
#order_customer .delivery_btn_wrap .delivery_option .add_btn{background: #9e7eb3; color: #fff;}

li.select_option a{background: #666; color: #fff;}
li.select_delivery a{color: #fff; background: #9e7eb3;}

#order_customer table .order_bt:after{margin-bottom: 40px;}
#order_customer textarea{width: 95%; height: 60px; padding: 5px; border: 1px solid #ccc;}
#order_customer .admit_chk{margin: 10px 0;}
#order_customer .admit_chk .chk_txt{font-size: 10px; left: 190px;}

/* coupon / #order_pay_area */
#order_pay_area .pay_top_title{margin-top: 65px; font-size: 14px; border-bottom: 1px solid #ccc; padding: 5px 5% 5px;background:#f3eaf7}
#order_pay_area .pay_col{width: 32%;}
#order_pay_area table tr{border-bottom: 1px solid #ccc; font-size: 13px; }
#order_pay_area table th{font-size: 13px; text-align: left; vertical-align: top; padding: 8px 0 8px 3%;}
#order_pay_area table td{text-align: center; padding: 5px 3% 5px 0;}
#order_pay_area .order_txt{font-size: 12px;}

#order_pay_area .pay_btn{display: block; text-align: center; color: #fff; padding: 10px; background: #9e7eb3; border-radius: 2.5px; font-size: 12px;}
#order_pay_area .pay_left{text-align: left;}
#order_pay_area .pay_left div{float: left; width: 60%; padding: 3px 0;}

#order_pay_area .pay_input{width: 13px; margin-right: 10px;}
#order_pay_area select{width: 100%;}
#order_pay_area .pay_btn_wrap{padding: 0 5%; margin-top: 30px;}
#order_pay_area .sale_remove{padding: 9px; float: right;}

/*================================= order_done.html ============================================ */
#content_order .order_done_title{margin: 10px 20px; font-size: 17px;}
#order_done{margin-bottom: 50px;}
#order_done .done_col1{width: 40%;}
#order_done .done_col2{width: 60%;}

#order_done table{width: 100%;}
#order_done .pay_top_title{margin-top: 35px; font-size: 17px;}
#order_done .border_o{border-bottom: 1px solid #ccc;}
#order_done .border_x{border-bottom: 0;}
#order_done .write_btn_p{padding: 0 20px; margin-top: 20px;}

/*=================================  order_adress_add =================================*/
.order_adress_add .terms_btn{padding: 0 20px; margin-top: 33px;}
/*===================================== notice.html / review.html ===================================== */
/* #notice */
#notice .notice_qna li{width: 50%; float: left; background: #f8edfd;}
#notice .notice_qna li img{width: 100%;}
#notice .board_set thead tr{background: #f4f0f6;}

/* ALL BOARD SET */
.board_set .col1{width: 15%;}
.board_set .col2{width: 60%;}
.board_set .col3{width: 25%;}

.board_set{font-size: 14px; overflow: hidden;}
.board_top_title{color: #856099; font-size: 15px; padding:0 20px; margin-bottom: 10px; margin-top: 21px;}
.board_set table{width: 100%; text-align: center;}
.board_set thead{text-transform: uppercase; border-top: 1px solid #ccc;}
.board_set thead, .board_set tbody tr{border-bottom: 1px solid #ccc;}
.board_set thead th, .board_set tbody td a{padding: 10px 0;}
.board_set tbody td:nth-of-type(2){text-align: left; text-indent: 10px;}
.board_set table a{display: block; width: 100%;}
.board_set .write_btn_p{margin-top: 11px;}

.board_set .board_top_text{padding: 0 20px; margin-top: -6px; margin-bottom: 10px;}
.board_set ul{margin-bottom: 15px; text-align: center; padding: 0 5%;}
.board_set li{display: inline-block; width: 48%; margin-bottom: 10px;}
.board_set li button{width: 100%; border: 1px solid #ccc; padding: 13px; border-radius: 2.5px;}
.board_set .write_btn_p{padding: 0 20px;}
.write_btn{display: block; text-align: center; padding: 13px; color: #fff; background: #9f7eb3; border-radius: 2.5px;}

/* #review */
#review .review_img img{width: 100%;  background-size: cover;}
#review .txt_none{padding: 10px 0;}

.board_next{text-align: center; margin-top: 19px; margin-bottom: 35px; font-size: 14px;}
.board_next li{width: 25px; display: inline-block;}
.board_next a img{width: 13px;}

/* #notice search / #review search */
.srch{padding: 36px 5%;}
.srch li{margin-bottom: 8px;}
.srch select{width: 49%; float: left; background: #fff/*f8edfd*/; font-size: 12px;}
.srch_week select{margin-right: 2%;}
.srch select, .srch input{height: 41px; border: 1px solid #ccc; border-radius: 2.5px;}

.srch_text{position: relative;}
.srch_text input{width: 100%; padding: 10px 50px 10px 10px; background: #fff/*f8edfd*/;}
.srch_text button{width: 25px; height: 25px; position: absolute; top: 8px; right: 10px; padding: 5px; background: url(../images/search_b.png) no-repeat; background-size: cover;}

/*================================== notice.html ===================================== */
.op_set .op_area li:first-child{border-top: 1px solid #ccc;}
.op_set .op_area .op_area_title, .op_set .op_area .op_area_name{padding: 10px 20px; border-bottom: 1px solid #ccc; font-size: 14px;}

.op_set .op_title, .op_set .op_date span, .op_set .op_writer span, .op_set .op_hit span{text-transform: uppercase; font-weight: bold; margin-right: 10px;}
.op_set .op_title, .op_set .op_name{float: left;}
.op_set .op_date, .op_set .op_hit{float: right;}

.op_set li:after{display: block; clear: both; content:"";}

.op_set .op_area .text_area{padding: 15px 28px 50px; border-bottom: 1px solid #ccc; font-size: 12px; line-height: 15px;}

.op_btn{text-align: center; padding: 0 5%; margin-top: 20px;}
.op_btn li{width: 31%; display: inline-block; margin-right: 2%;}
.op_btn li:last-child{margin-right: 0;}
.op_btn a{display: block;}
.op_btn button, .op_btn a, .op_btn input{border: 1px solid #ccc; padding: 13px; border-radius: 2.5px;}
.op_btn input{display:block;}
.op_btn button{width: 100%;}

.op_btn_modify{background: #f8edfd;}
.op_btn_write{color: #fff; background: #9f7eb3;}

/*================================= notice.html .wrt_set ===================================== */
.wrt_set table{width: 100%;}
.wrt_set tr:first-child{border-top: 1px solid #ccc;}
.wrt_set tr{border-bottom: 1px solid #ccc;}
.wrt_set th{padding: 10px 10px; font-size: 14px; background: #f8edfd;}
.wrt_set td{padding: 5px;}
.wrt_set input[type="text"]{width: 100%;} /* Only wirte title input */

.wrt_set textarea{width: 100%; height: 150px; border: none; padding: 5px; box-sizing: border-box;}

.wrt_btn{text-align: center; margin-top: 20px;}
.wrt_btn li{width: 44%; display: inline-block; margin-right: 2%;}
.wrt_btn li:last-child{margin-right: 0;}
.wrt_btn button, .wrt_btn a{display: block; border: 1px solid #ccc; padding: 13px; border-radius: 2.5px;}
.wrt_btn button{width: 100%;}
.wrt_btn .wrt_btn_save{color: #fff; background: #875ca1;}

/*================================= notice.html > Q&A  ===================================== */
.board_set .margin_r{margin-right: 2%;}
.qna_list a{display: block; border: 1px solid #ccc; padding: 13px; border-radius: 2.5px;}
li.qna_select a{background: #875ca1; color: #fff;}

/*======================================= join.html ============================================== */
#join #join_img{margin-top: 20px; width: 100%;}
#join #join_img img{width: 100%;}
#join h3{font-size: 15px; margin-top: 26px; padding: 0 5% 8px;}

#join .terms_area{padding: 0 5%; margin-top: 8px;}
#join .terms_text{height: 212px; padding: 5px; overflow: hidden; overflow-y: scroll; border: 1px solid #ccc;}

.terms_btn p{margin: 10px 0;}
.terms_btn li{width: 49%; display: inline-block;}
.terms_btn li:first-child a{background: #875ca1; color: #fff;}
.terms_btn a{display: block; border: 1px solid #ccc; padding: 13px; border-radius: 2.5px; text-align: center;}

/* form : join */
#join_us div{padding: 0 5%; margin-top: 27px;}
#join_us .join_txt{font-size: 11px; margin: 5px 0;}
#join_us .right_p{text-align: right; font-size: 9px; border-bottom: 1px solid #ccc; margin-top: -20px; padding: 0 5% 5px;}

#join_us .required:before{content:"*"; color: #ff0000; margin-right: 3px;}

#join_us input{width: 100%;}
#join_us .join_col{width: 30%;}
#join_us table tr{height: 33px;}
#join_us table th{vertical-align: top; padding-top: 5px; text-align: left; font-size: 13px; font-weight: lighter;}
#join_us table td{width: 100%;}

#join_us .check_id{width: 47%; padding: 8px; background: #9e7eb3; color: #fff; border-radius: 2.5px; font-size: 12px;}

#join_us .tel_wrap input{width: 23%; height: 25px; border: 1px solid #ccc;}
#join_us .tel_wrap span:after{content:" - "; margin: 0 2px; line-height: 25px;}
#join_us .tel_wrap span:last-child:after{content:"";}

#join_us .birth_wrap{height: 65px;}
#join_us .birth_wrap span{line-height: 25px;}
#join_us .birth_wrap span input{width: 23%; margin-right: 5px;}

#join_us .radio_set{padding: 8px 0;}
#join_us .radio_set input{width: 22px;}

#join_us .order_adress_btn{width: 45%; padding: 8px; color: #fff; background: #9e7eb3; border-radius: 2.5px; font-size: 12px;}
#join_us .order_sz{width: 52%; margin-right: 1%;}
#join_us .terms_btn{margin: 30px 0;}

/* #join_done */
#join_done p{text-align: center; margin: 19px 20px 25px; font-size: 15px;}
#join_done .terms_btn{padding: 0 5%;}

/*======================================= shoping.html ============================================== */
#shoping_guide .guide_m{width: 33.3%; float: left;}
#shoping_guide .guide_sz{width: 50%; float: left;}
#shoping_guide .guide_img{border-bottom: 1px solid #d9d2cb;}
#shoping_guide .guide_img img, #shoping_guide .guide_m img, #shoping_guide .guide_join img{width: 100%;  background-size: cover;}
#shoping_guide div img{width: 100%; background-size: cover;}
#shoping_guide .guide_tab_wrap{position: relative; font-size: 14px;}
#shoping_guide .guide_tab_wrap .guide_m, #shoping_guide .guide_tab_wrap .guide_sz{border-bottom: 1px solid #d9d2cb; border-right: 1px solid #d9d2cb; box-sizing: border-box;}
#shoping_guide .guide_tab_wrap p{position: absolute; right: 0; bottom: 0;}
#shoping_guide .guide_tab_wrap a{display: block; width: 100%; padding: 10px 0; text-align: center;}
#shoping_guide .guide_tab_wrap .gd_r{border-right: 0;}

#shoping_guide #tab2, #shoping_guide #tab3,  #shoping_guide #tab6{padding: 10px 20px;}
#shoping_guide #tab2 h4, #shoping_guide #tab3 h4, #shoping_guide #tab6 h4{font-size: 15px; padding: 10px 0; border-bottom: 1px solid #d9d2cb;}
#shoping_guide #tab2 ul{margin-top: 10px;}
#shoping_guide #tab2 li:before{content:"·"; margin-right: 5px;}

#shoping_guide table .gd_col1{width: 20%;}
#shoping_guide table .gd_col2{width: 80%;}
#shoping_guide table tr{border-bottom: 1px solid #d9d2cb;}
#shoping_guide table th{display: inline-block; padding: 6px 5px; font-size: 13px; text-align: left;}
#shoping_guide table td{padding: 10px 0;}


#shoping_guide .guide_tab_list div{display: none;}
#shoping_guide .active{display: block;}/**/

/* .guide_join */
#shoping_guide .guide_join{margin: 44px 0; padding: 0 5%;}
#shoping_guide .guide_join li{width: 49%; float: left; margin-right: 2%;}
#shoping_guide .guide_join li:last-child{margin-right: 0;}

/* .guide_order / .guide_delivery */
#shoping_guide .guide_order{margin: 35px 0;}

/*================================ login ============================================ */
#login{padding: 0 5%;}
#login #login_notice{text-align: center; margin: 15px 0 5px; padding: 5px; border: 2px solid #d3c3dd; line-height: 25px; color: #414141; font-size: 14px;}
#login #login_notice span{display: block;}
#login #login_notice .login_txt{color: #000;}
#login #key{text-align: right; position: relative;}
#login #key .keyboard{margin-bottom: 33px;}
#login #key img{width: 100%;}
#login #key button{padding: 10px 19px 10px 10px; color: #9e7eb3;}
#login #key .key_img{position: absolute; top: 15px; right: 0;}
#login #key .key_img img{width: 12px;}
#login ul{text-align: center; margin-bottom: 11px;}
#login li{margin-bottom: 4px;}
#login input{width: 100%; font-family: sans-serif;}
#login .auto_login{margin-top: 13px; padding-bottom: 5px; border-bottom: 1px solid #ccc; overflow: hidden;}

.key_off{display: none;}

#login .login_btn{margin-top: 16px;}
#login .login_btn li{width: 49%; display: inline-block;}
#login .login_btn a{display: block; padding: 10px 2px; border: 1px solid #ccc; font-size: 12px;}



/*================================ logins ============================================ */
#logins{padding: 0 5%;}
#logins #login_notice{text-align: center; margin: 15px 0 5px; padding: 5px; border: 2px solid #d3c3dd; line-height: 25px; color: #414141; font-size: 14px;}
#logins #login_notice span{display: block;}
#logins #login_notice .login_txt{color: #000;}
#logins #key{text-align: right; position: relative;}
#logins #key .keyboard{margin-bottom: 33px;}
#logins #key img{width: 100%;}
#logins #key button{padding: 10px 19px 10px 10px; color: #9e7eb3;}
#logins #key .key_img{position: absolute; top: 15px; right: 0;}
#logins #key .key_img img{width: 12px;}
#logins ul{text-align: center; margin-bottom: 11px;}
#logins li{margin-bottom: 4px;}
#logins input{width: 100%; font-family: sans-serif;}
#logins .auto_login{margin-top: 13px; padding-bottom: 5px; border-bottom: 1px solid #ccc; overflow: hidden;}

.key_off{display: none;}

#logins .login_btn{margin-top: 16px;}
#logins .login_btn li{width: 32.5%; display: inline-block;}
#logins .login_btn a{display: block; padding: 10px 2px; border: 1px solid #ccc; font-size: 12px;}


/*================================ mypage ============================================ */
#mypage .mypage_top{padding: 0 5%; margin-top: 15px; margin-bottom: 30px; text-align: center;}
#mypage .mypage_top p{margin-bottom: 15px; font-size: 12px;}
#mypage .mypage_img{display: inline-block; width: 19%;}
#mypage .mypage_img img{width: 100%;}
#mypage .mypage_top .mypage_name{margin-top: 10px; margin-bottom: 12px;}
#mypage .mypage_info{margin-top: 30px; margin-bottom: 36px;}

#mypage table{width: 100%; border-top: 1px solid #ccc; font-size: 14px;}
#mypage table .my_col{width: 30%;}
#mypage table tr{display: block;  border-bottom: 1px solid #ccc; padding: 10px 5%;}
#mypage table tr:after{display: block; content: ""; clear: both;}
#mypage table th{float: left;}
#mypage table td{float: right;}
#mypage table .prd_txt td{float: none;}
#mypage table a{
 width:120px;padding-right: 18px; margin-right: 5px; background: url(../images/my_search.png) 32px 5px no-repeat; background-size: contain;
 background-color:#d5badc;color:#060606;padding-top:5px;padding-bottom:5px;padding-left:5px;background-size:15px 15px;border-radius:3px;
}

#mypage .mypage_bottom li{width: 50%; float: left;}
#mypage .mypage_bottom img{width: 100%;}

/*================================ my_order ========================================== */
#my_order{font-size: 14px; margin-bottom: 50px;}
#my_order .my_order_img img{width: 100%;}

#my_order table{width: 100%; text-align: center;}
#my_order table tr{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#my_order table .my_order_title{background: #f4f0f6;}
#my_order table th, #my_order table td{padding: 10px 0;}
#my_order table th, #my_order table td{padding: 10px 0;}
#my_order .my_order_btn{padding: 0 20px;}

/*================================ private ========================================== */
#private .private_img img{width: 100%;}
#private .private_pay{margin-top: 19px; padding: 0 5%; text-align: center;}
#private .private_pay li{display: inline-block; width: 30%; margin-right: 2%;}
#private .private_pay li:last-child{margin-right: 0;}
#private .private_pay li a{display: block;}
#private .private_pay img{width: 100%;}
#private .private_pay li p{margin-top: 3px;}
#private .private_pay li span{display: block; font-size: 15px; margin-top: 4px;}

#private_info table{width: 100%; font-size: 14px; margin-bottom: 22px;}
#private_info table tr{border-bottom: 1px solid #ccc;}
#private_info table th{text-align: left;}
#private_info table th, #private_info table td{padding: 10px 5%;}

#private_info .private_btn{padding: 0 5%; text-align: center;}
#private_info .private_btn li{display: inline-block; width: 31%; margin-right: 2%; margin-bottom: 9px;}
#private_info .private_btn .margin_n{margin-right: 0;}
#private_info .private_btn .prv_sz{width: 48%;}
#private_info .private_btn button{width: 100%; padding: 13px; border: 1px solid #ccc; border-radius: 2.5px;}
#private_info .private_btn li.prv_select button{background: #f8edfd;}
#private_info .private_btn .prv_clr2{background: #9f7eb3; color: #fff;}

/*================================ #my_password ========================================== */
#my_password{padding: 30px 5% 0; margin-bottom: 50px;}
#my_password .my_pw_text{text-align: center;}
#my_password .my_pw_text h4{font-size: 17px;}
#my_password .my_pw_text p{margin-top: 19px; font-size: 14px;}
#my_password .my_pw_text p span{display: block;}

#my_password .my_id_pw{width: 100%; margin-top: 25px; margin-bottom: 31px; font-size: 15px;}
#my_password .my_id_pw .my_id{margin-bottom: 15px;}
#my_password .my_id_pw p{display: inline-block; width: 30%; line-height: 30px;}
#my_password .my_id_pw input{width: 64%;}

#my_password .my_pw_btn li{display: inline-block; width: 49%;}
#my_password .my_pw_btn li a{display: block; text-align: center; padding: 13px; border: 1px solid #ccc; border-radius: 2.5px;}
#my_password .my_pw_btn .my_btn1{background: #f8edfd; margin-right: 5px;}
#my_password .my_pw_btn .my_btn2{background: #9f7eb3; color: #fff;}

/*================================ #my_saving ========================================== */
#my_saving .my_saving_img{margin-bottom: 19px;}
#my_saving .my_saving_img img{width: 100%;}

#my_saving .mypage_top{padding: 0 5%; margin-top: 15px; margin-bottom: 30px; text-align: center;}
#my_saving .mypage_top p{margin-bottom: 15px; font-size: 12px;}
#my_saving .mypage_img{display: inline-block; width: 19%;}
#my_saving .mypage_img img{width: 100%;}
#my_saving .mypage_top .mypage_name{margin-top: 10px; margin-bottom: 12px;}
#my_saving .mypage_info{margin-top: 30px; margin-bottom: 36px;}

#my_saving .my_saving_total, #my_saving .my_saving_list{width: 100%; border-top: 1px solid #ccc; font-size: 14px; margin-bottom: 66px;}
#my_saving .my_saving_total .my_col{width: 30%;}
#my_saving .my_saving_total tr{display: block; border-bottom: 1px solid #ccc; padding: 10px 5%;}
#my_saving .my_saving_total th{float: left;}
#my_saving .my_saving_total td{float: right;}
#my_saving .my_saving_total tr:after{display: block; content: ""; clear: both;}

#my_saving .my_saving_list tr{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#my_saving .my_saving_list th, #my_saving .my_saving_list td{padding: 10px 0; text-align: center;}
#my_saving .my_saving_list td span{display: block;}

/*================================ #my_wish ========================================== */
#my_wish .my_wish_img img{width: 100%;  background-size: cover;}

#my_wish table .wish_col2{width: 25%;}
#my_wish table .wish_col3{width: 25%;}
#my_wish table .wish_col4{width: 25%;}

#my_wish table img{width: 90%;}
#my_wish table .txt_br{display: block;}
#my_wish table button{padding: 25px 5px;}

/*================================ #my_coupon ========================================== */
#my_coupon .my_coupon_img img{width: 100%;  background-size: cover;}

#my_coupon .board_set th, #my_coupon .board_set td{padding: 10px 5px;}
#my_coupon .board_set td{text-align: center;}
#my_coupon .board_set .date_cut{display: block;}

#my_coupon .my_coupon_txt{margin-top: 5px; padding: 0 5%;}
#my_coupon .board_set tbody td:nth-of-type(2){text-indent: 0;}
#my_coupon .board_set p{text-align: right; padding: 0 5%; margin-bottom: 5px; font-size: 12px; margin-top: -20px;}
#my_coupon .my_coupon_txt p{margin-bottom: 20px;}
#my_coupon .my_coupon_txt li:before{content:" · ";}

#my_coupon .board_set .coupon_col1{width: 25%;}
#my_coupon .board_set .coupon_col2{width: 40%;}
#my_coupon .board_set .coupon_col3{width: 10%;}
#my_coupon .board_set .coupon_col4{width: 25%;}

/*================================ find_id_pw.html ========================================== */
.find_id_pw .find_security img{width: 100%;}
.find_id_pw .find_security p{font-size: 14px;}
.find_id_pw .fn_id_pw{margin-top: 25px; margin-bottom: 31px; font-size: 15px;}
.find_id_pw .find_txt{margin-top: 12px; margin-bottom: 30px;}
.find_id_pw .my_pw_btn .fd_btn1{background: #9f7eb3; color: #fff;}

/*================================ product_detail.html ========================================== */
.product_detail .prd_img{overflow: hidden; margin-top: 14px; padding: 0 8%;}
.product_detail .prd_img img, .product_detail input{width: 100%;}
.product_detail .prd_select{width: 70%; text-align: left;}
.product_detail .prd_select select{width: 100% !important; background: #f8edfd; border-radius: 2.5px; margin-bottom: 6px;}
.product_detail .prd_select .prd_op{margin-bottom: 6px;}
.product_detail .prd_line{text-decoration: line-through;}
.product_detail .prd_order{width: 100%; margin-top: 5px;}
.product_detail .prd_order textarea{width: 100%; height: 73px; border: 1px solid #ccc;}
.product_detail .prd_cash{background:#F5F0F7 /*#f8edfd*/; border-top: 1px solid #ccc;}
.product_detail .prd_cash th, .product_detail .prd_cash td{padding: 8px 0;}
.product_detail .prd_btn .prd_bg{background: /*#9e7eb3*/#cdaece; color: #3c3b3b;}
.product_detail h4{padding: 0 20px; font-size: 14px;}
#mypage table .plus_minus_total{border-bottom: none;}
#mypage table .plus_minus_total th{font-weight: normal; width: 58%; text-align: left;}
#mypage table .plus_minus_total .plus_minus{float: right;}
#mypage table .plus_minus_total input{width: 25px; height: 25px; font-weight: bold;}
#mypage table .plus_minus_total button{width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #ccc; line-height: 5px; font-weight: bold;}
#mypage table .plus_minus_total .delete_btn{margin-left: 10px; border: none;}

.prd_board .prd_wrap{border-top: 1px solid #ccc;}
.product_detail .prd_detail{overflow: hidden; margin: 25px 0;}
.product_detail .prd_detail img{width: 100%;}
.product_detail .prd_recommend_list{text-align: center; padding: 15px 0;}
.product_detail .prd_recommend_list li{display: inline-block; width: 30%;}
.product_detail .prd_recommend_list a img {width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.product_detail .prd_recommend_list .prd_rcmd_txt{display: block; margin-top: 5px; padding: 0 5px;}
.product_detail .prd_recommend_list .prd_rcmd_txt span{display: block;}

.prd_notice_list li{margin-bottom: 15px; font-size: 14px;}
.prd_notice_list p{font-weight: bold;}
.prd_list .prd_list_btn{padding: 10px 20px; width: 100%; text-align: left; font-weight: bold; font-size: 14px; border-top: 1px solid #ccc; position: relative;}
.prd_list .prd_list_btn img{width: 15px;}
.prd_list .prd_list_btn span{position: absolute; right: 15px;}
.prd_list .prd_notice_list{padding: 10px 20px;}

.prd_list .prd_board_table .prd_none{padding: 10px 0;}
.prd_list .prd_board .prd_list_btn{border-bottom: 1px solid #ccc;}

.prd_list .prd_board_table .board_set{margin-top: 5px;}

/*================================ event.html ========================================== */
.event .srch{padding: 10px 5%;}

#event_wrap .event_list ul{padding: 0 5%; text-align: center;}
#event_wrap .event_list a{display: block;}
#event_wrap .event_list img{width: 100%;}
#event_wrap .event_list li{border-bottom: 1px solid #ccc; margin-bottom: 10px;}
#event_wrap .event_list span{display: block; text-align: left;}
#event_wrap .event_list .event_name{font-size: 15px; font-weight: bold; margin-top: 10px;}
#event_wrap .event_list .event_benefit{margin-bottom: 10px;}

/*================================ event_open.html ========================================== */
#event_open .event_table .event_col1{width: 20%;}
#event_open .event_table .event_col2{width: 80%;}
#event_open .event_table table{width: 100%; text-align: left; font-size: 14px;}
#event_open .event_table table tr{border-bottom: 1px solid #ccc; display: block; padding: 0 20px;}
#event_open .event_table table th{display: inline-block; width: 20%;}
#event_open .event_table table td{display: inline;}
#event_open .event_table table th, #event_open .event_table table td{padding: 10px 0;}

#event_open .event_img{padding: 20px 0;}
#event_open .event_img img{width: 100%;}

#event_open .event_comment{padding: 20px 0; background: #f1ecf3; }
#event_open .event_comment .event_c_title{font-size: 13px; padding: 0 20px 10px; border-bottom: 1px solid #ccc;}
#event_open .event_comment .event_commend_wrap{padding-bottom: 20px;}
#event_open .event_comment .event_c{border-bottom: 1px solid #ccc; padding: 10px 0;}
#event_open .event_comment .event_c p, #event_open .event_comment .event_c ul{padding: 0 20px;}
#event_open .event_comment .event_c .c_name{font-weight: bold; margin: 0 10px 10px 0;}
#event_open .event_comment .event_c .event_c_text{margin: 10px 0; line-height: 15px;}
#event_open .event_comment .event_c .event_write{padding: 0;}
#event_open .event_comment .event_c_btn li{display: inline-block;}
#event_open .event_comment .event_c_btn button{padding: 2px 5px;}
#event_open .event_comment .event_re{margin-left: 20px; margin-top: 10px;}

#event_open .event_comment .event_write textarea{width: 80%; height: 68px; float: left; padding: 5px; box-sizing: border-box; border: 1px solid #ccc;}
#event_open .event_comment .event_write button{width: 19%; height: 68px; float: right; padding: 10px; border-radius: 2.5px; border: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 18px;}
#event_open .event_comment .event_re_wrt{padding: 10px 20px;}
#event_open .event_comment .event_write{padding: 0 20px;}
.event_re_none{display: none;}