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


*{box-sizing: border-box;}
html, body{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p{margin: 0;}
ul, ol{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none;}


/* 셀렉트박스 화살표 없애기 */
select::-ms-expand{
   display: none;
}

/* 크롬 이미지 축소시 화면 번짐 방지 */
img{
	image-rendering: -webkit-optimize-contrast;
}

#gnb{margin:0 auto; width:1000px;}
.menu{}
.menu .menu01{float:left; width:200px; text-align:center;}
.menu .menu01>a{display:block; padding:10px 40px; color:#333;}
.menu .menu01:hover > ul{opacity:1; height:auto;}
.menu .menu01 .submenu{display:block; position:absolute; top:40px; z-index:99; opacity:0; transition-property:all; transition-duration:1s; transition-timing-function:ease-in-function; overflow:hidden; }
.menu .menu01 .submenu .submenu01{clear:both;}
.menu .menu01 .submenu .submenu01>a{font-size:12px; color:#fff; background:#333; text-align:center; display:block; padding:15px 72px;}
.menu .menu01 .submenu .submenu01>a:hover{color:#fff; background:#999;}



.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}
.m_t20{margin-top:20px !important;}
.m_t30{margin-top:30px !important;}
.m_t50{margin-top:50px !important;}
.m_b10{margin-bottom:10px !important;}
.m_b20{margin-bottom:20px !important;}
.m_b30{margin-bottom:30px !important;}
.m_b50{margin-bottom:50px !important;}
.m_r10{margin-right:10px !important;}
.m_r20{margin-right:20px !important;}
.m_r30{margin-right:30px !important;}
.m_l5{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}
.clear_both{clear:both;}
.text_line{text-decoration:line-through;}
.txt_red{color:#f00;}
.txt_blue{color:#0c4da2;}
.txt_blue2{color:#003cff;}
.txt_gray{color:#b3b3b3;}
.txt_gray2{color:#666;}
.txt_bk{color:#000;}
.txt_ct{color:#f27c6f;}
.txt_11{font-size:11px;}
.ta_c{text-align:center;}
.ta_l{text-align:left;}
.position_r{position:relative;}



/* 마이페이지 */
.mypage_wrap{width:1200px; margin:0 auto; padding:0; position:relative;}
.mytitle{margin-top:50px; width:1200px; text-align:center;}
.mypage_title{}
.mypage_tab{position:absolute; top:2px; right:34px;}
.mypage_tab li{float:left; margin-right:2px;}
.mypage_tab li:last-child{margin-right:0;}
.mypage_tab li a{display:block; padding:10px 15px; background:#f5f5f5; color:#222; font-size:12px;}
.mypage_tab li a.on{font-weight:bold; color:#fff; background:#666;}
.personal_box{padding:30px 65px;}
.personal{background:#f5f5f5; margin:0; float:left; display:inline-block; padding:10px;}
.personal:nth-child(1){width:380px;}
.personal:nth-child(2){width:410px;}
.personal:nth-child(3){width:280px;}
.personal:nth-child(3)>dt{border-right:0;}
.personal dd{margin:0; float:left; padding:10px;}
.personal dt{display:inline-block; padding:10px 22px 10px 0; border-right:1px solid #999;}

.personal dt p{font-size:12px; color:#222;}
.personal dt p.txt1{font-weight:bold;}
.personal dt p.txt1 span{color:#f27c6f;}

.part_box{width:1132px; margin:0 auto;}
.part_box_txt{font-size:12px; width:1100px; margin:0 auto; }
.part_box_txt a{color:#444;}
.my_table{position:relative;}
.mypage_t{width:1100px; margin:0 auto;}
.mypage_t th{border-top:2px solid #ababab; border-bottom:1px solid #ababab; padding:10px 0; background:#f9f9f9;}
.mypage_t td{text-align:center; padding:10px 0; border-bottom:1px solid #ababab;}
.mypage_t_btn{position:absolute; top:-35px; right:15px; }
.wish_img{width:100px; height:100px;}
.btn_my_wish{display:block; margin-bottom:5px;}
.btn2{width:1200px; margin:0 auto; text-align:center;}
.btn2 a{display:inline-block; widows:130px; height:42px; margin-right:10px;}


/* 회원가입 */
.join_wrap{width:1200px; margin:0 auto; }
.terms{width:1200px;}
.terms_title{margin-left:40px; width:1100px; position:relative;}
.terms_box{width:1100px; height:100px; margin:0 auto; display:block; border:1px solid #bbb; padding:10px; resize: none; }
.terms_check{width:1200px; text-align:center; margin:20px auto;}
.terms_all{display:block; width:55px; height:14px; position:absolute; right:0; bottom:9px;}

.join_table{width:1100px; margin:0 auto}
.join_t{margin:0 auto; font-size:14px; font-family:"돋움","Arial","Helvetica","sans-serif";}
.join_t th{background:#f9f9f9; border-bottom:1px solid #ababab;}
.join_t td{border-bottom:1px solid #ababab; padding:20px 0 20px 20px;}
.join_t .border_t{border-top:1px solid #ababab;}

.join_input01{}
.join_input02{font-size:13px; padding:5px; border:1px solid #bbb;}
.join_input03{padding:5px; font-size:12px; margin-left:10px; height:25px; width:110px; line-height:12px;}
.join_t select{height:30px; padding:5px; text-align:left;}
.join_btnImg{display:inline-block; vertical-align:middle;}


/* 기념일관리 */
.anniversary_memo{width:300px; height:30px; display:block; border:1px solid #bbb; resize:none; padding:5px;}


/* 내쿠폰 */
.coupon_n{width:200px; height:30px; border:1px solid #bbb;}
.coupon_r{width:100px; padding:7px 0; border:none; background:#666; color:#fff; font-weight:bold; cursor:pointer;}


/* 로그인페이지 */
#login_wrap{width:100%; background:#fde9e9;}
.login_box_wrap{width:1200px; margin:0 auto; padding:50px;}
.login_box{width:480px;  padding:60px 45px; background:#fff; margin:0 auto; box-shadow:7px 7px 15px rgb(246,208,208); border-radius:15px;}
.login_box_tit{text-align:center; }
.txtb{}
.txtb input{font-size:15px; color:#333; border:none; outline:none; width:100%; background:#f4f4f4; padding:0px 10px 0px 50px; height:50px;}
.logbtn{display:block; width:100%; height:56px; border:none; margin-top:15px;}
.logbtnNaver{display:block; width:100%; height:56px; border:none; margin-top:5px;}
.login_tab{display:block; padding:0; margin:0 auto; width:312px; height:50px;}
.login_tab li{float:left; padding:15px 20px; display:inline-block; position:relative;}
.login_tab li a{display:block;}
.login_tab li::after{display:block; position:absolute; background:#666; width:1px; height:15px; right:0px; top:15px; content: "";}
.login_tab li:last-child::after{display:none;}
.txtb_id input{background-image:url('../renewal3/images/login_iconId.jpg'); background-repeat:no-repeat; background-position:10px 12px;}
.txtb_pw input{background-image:url('../renewal3/images/login_iconPw.jpg'); background-repeat:no-repeat; background-position:10px 12px; margin-top:5px;}


.userID{background:#fef4f4; padding:15px 0px; margin:10px 0; text-align:center;}
.login_sel{width:70px; text-align:left; border:0; background:#f4f4f4; height:40px; padding:0 10px;}
.login_txt{padding:10px 5px; border:none; background:#f4f4f4; font-size:16px;}
.login_user{width:390px; margin-bottom:20px;}
.login_num{width:81px;}
.login_id_ul{}
.login_id_ul li{float:left; position:relative; margin-right:20px;}
.login_id_ul li:nth-child(4){margin-right:0px;}
.login_id_ul li::after{display:block; position:absolute; background:#666; width:10px; height:1px; right:-15px; top:15px; content: "";}
.login_id_ul li:nth-child(3)::after{display:none;}
.login_id_ul li:nth-child(4)::after{display:none;}
.loginbtn a{display:block;}
.quizanswer{width:390px; margin:10px 0; padding:10px; }
.find_pw{margin:10px 0;}
.find_pw a{display:inline-block; width:98px; height:40px; vertical-align:middle;}
.find_pw2{width:270px; margin-right:18px; vertical-align:middle;}

::-webkit-input-placeholder { /* Edge */
  font-size:12px
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size:12px
}
::placeholder {
  font-size:12px
}


/* 주문배송조회 */

.delivery_box{width:980px;  padding:60px 45px; background:#fff; margin:0 auto; box-shadow:7px 7px 15px rgb(246,208,208); border-radius:15px;}

.delivery_box_l{width:390px; float:left; position:relative; }
.order_date_d{background:#f4f4f4; border:none; padding:10px;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button { 
    display: none;
} 
input[type="date"]::-webkit-calendar-picker-indicator { 
    background: transparent;
    z-index: 1;
} 
.order_date_t{width:192px;}
.order_date_icon{width:37px; height:36px; display:inline-block; vertical-align:middle;}
.delivery_box_l::after{display:block; position:absolute; background:#eee; width:1px; height:390px; right:-50px; top:20px; content: "";}
.delivery_box_r{width:390px;  float:left; margin-left:100px;}
.deliverypage_btn a{display:block;}
.delivery_box_tit{text-align:center;}


#login_mem_wrap{width:100%;}
.login_member{width:1200px; margin:0 auto;}


/* 장바구니 */

.cart_img>img{width:120px;}
.quantity{margin:0 auto; padding:0; display:inline-block;}
.quantity_li1{float:left; margin-right:10px; display:inline-block;}
.quantity_li1 input{width:30px; text-align:center;} 
.quantity_li2{float:left; margin-right:10px; display:inline-block; width:15px; height:20px;}
.quantity_li2 input{width:15px; height:10px; display:inline-block;}
.quantity_li3{float:left; display:inline-block;}
.quantity_li3 a{display:block; width:40px; padding:3px 5px; font-size:12px; color:#fff; font-weight:bold; text-align:center; background:#333; }
.cart_empty{padding:55px 0px !important;}

.cart_total{width:1100px; margin:0 auto; text-align:center; font-weight:bold;}
.cart_total td{background:#f4f4f4; padding:30px 0; border-top:2px solid #444;}
.cart_total_ul{}
.cart_total_ul li{float:left; position:relative; margin-right:50px;}
.cart_total_ul li::after{display:block; position:absolute; background:#444; width:2px; height:15px; right:-25px; top:2px; content: "";}
.cart_total_ul li:last-child::after{display:none;}
.cart_amount{font-size:36px; letter-spacing:-0.05em;}
.btn_c_delete{position:absolute; width:70px; height:35px; display:block; bottom:-40px; left:16px;}


/* 주문서작성 */
.order_t{width:1100px; margin:0 auto; border-top:1px solid #888;}
.order_t th{font-weight:bold; background:#fcfcfc; padding:20px 0; border-bottom:1px solid #ddd;}
.order_t td{padding:20px 0; border-bottom:1px solid #ddd;}
.back_01{background:#fcfcfc; font-weight:bold;}
.p_l30{padding-left:30px !important;}
.order_mesege_ul{display:inline-block;}
.order_mesege_ul li{float:left; margin-right:50px;}
.order_mesege_title{display:block; width:200px; font-weight:bold; color:#444; height:30px; line-height:30px;}
.order_mesege_title.card{background:url('../renewal3/images/icon_card.jpg'); background-position:130px 0px; background-repeat:no-repeat;}
.order_mesege_title.ribbon{background:url('../renewal3/images/icon_ribbon.jpg'); background-position:130px 0px; background-repeat:no-repeat;}
.order_mesege_c{width:500px; height:100px; border:1px solid #ccc; padding:5px; margin-bottom:10px; resize:none;}
.order_mesege_r{width:400px; height:30px; border:1px solid #ccc; padding:5px;  margin-bottom:10px; resize:none;}

.order_select01{height:40px; border:1px solid #ccc; padding:7px 15px; }
.order_input01{height:40px; border:1px solid #ccc; padding:7px 15px; text-align:left;}
.order_input02{display:inline-block; vertical-align:middle;}
.btn_add_delivery{display:block; margin:0 auto;}

.order_amount{display:block;}
.order_amount li{float:left; margin-right:40px;}
.oreder_total_amount{font-weight:bold; font-size:14px;}
.order_payment_method{display:block; }
.order_payment_method li{float:left; margin-right:20px;}
.order_payment_method li>img{vertical-align:middle;}
.order_payment_method li>input{vertical-align:middle;}
.order_method_txt{margin-top:50px;}
.order_method_txt_i{width:135px; height:70px; display:inline-block; float:left; margin-right:10px;}

.order_checkBox{width:1100px; margin:30px auto; background:#fff7f8; padding:30px 0; text-align:center;}
.order_checkBox_txt01{font-size:14px; font-weight:bold; color:#f00; margin:10px 0;}
.order_checkBox_txt02{font-size:13px; font-weight:bold; margin:10px 0; line-height:16px;}
.order_checkBox_txt03 img{margin-left:10px;}



/* 회원정보수정, 회원탈퇴 */
.member_check{position:absolute; right:10px; top:25px; display:inline-block;}
.table_b_txt{width:1100px; margin:0 auto;}
.withdraw_check{border-top:1px solid #999; border-bottom:1px solid #ddd; margin:20px; padding:30px 50px;}
.withdraw_ul{display:inline-block; margin-right:50px;}
.withdraw_ul li{margin:10px 0;}
.withdraw_txt{background:#f9f9f9; width:1100px; margin:0 auto; padding:30px 50px; line-height:20px;}
.withdraw_box{margin:20px 10px; border:1px solid #ddd; padding:10px; resize:none; height:auto; min-height:150px; width:1100px;}