@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'NanumSquare';background:#fff;overflow: hidden;}
body {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumSquare';font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumSquare';font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; cursor: pointer!important;}
select{background-color: transparent; color: #000;}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=password]{font-family: '기본 적용 폰트';}


select, select:focus, select:active { outline:none; -webkit-tap-highlight-color: transparent;}
button, button:focus, button:active { outline:none; -webkit-tap-highlight-color: transparent;}
a, a:focus, a:active { outline:none; -webkit-tap-highlight-color: transparent;}
input, input:focus, input:active { outline:none; -webkit-tap-highlight-color: transparent;}
div, div:focus, div:active{ outline:none; -webkit-tap-highlight-color: transparent;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px transparent inset;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}


/*팝업*/
.text_popup{width: 100%; max-width: 440px; display: none; float: left; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 20px; z-index: 9;}
.text_popup_inner{width: 100%; display: inline-block; float: left; border: 2px solid #000; background-color: #FFF2F2; border-radius: 5px; padding: 40px 20px 20px 20px;}
.text_popup_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; margin-bottom: 40px; text-align: center; font-weight: 700;}
.text_popup_btn_wrap{width: 100%; display: inline-block; float: left;}
.text_popup_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 48px; border: 2px solid #000; border-radius: 5px; font-size: 15px; text-align: center; margin-bottom: 10px; font-weight: 700; cursor: pointer; background-color: #fff;}
.text_popup_btn:last-child{margin-bottom: 0;}
.text_popup_btn_move{background-color: #ffd4d6; color: #000;}

/*로그인*/
.login_background_wrap{width: 100%; display: inline-block; float: left; height: 100vh; position: relative;}
.login_background_wrap video{width: 100%; height: 100%; display: inline-block; float: left; object-fit: cover; border: 0;}
.login_background{width: 100%; display: inline-block; float: left; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.5);}
.login_wrap{width: 100%; max-width: 540px; display: inline-block; float: left; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);  padding: 20px;}
.login_wrap::-webkit-scrollbar{display: none;}
.login_container_wrap{width: 100%; display: inline-block; float: left; padding: 30px; background-color: rgba(255,255,255,0.85); border-radius: 10px;}
.login_logo{width: 100%; display: inline-block; float: left; text-align: center; margin-bottom: 25px;}
.login_logo img{width: 150px; display: inline-block;}
.login_container{width: 100%; display: inline-block; float: left;}
.input_container{width: 100%; display: inline-block; float: left;}
.input_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.input_con:last-child{margin-bottom: 0;}
.input_name{width: 100%; display: inline-block; float: left; margin-bottom: 5px; font-size: 15px; color: #666; font-weight: 700;}
.input_sub{width: 100%; display: inline-block; float: left; border: 1px solid #ddd; border-radius: 5px; background-color: rgba(255,255,255,0.8); height: 50px; position: relative;}
.input_sub input{width: 100%; height: 100%; display: inline-block; float: left; border: 0; background-color: transparent; font-size: 15px; padding: 0 10px;}
.check_container{width: 100%; display: inline-block; float: left; margin: 15px 0 25px 0; height: 19px;}
.auto_check{display: inline-block; float: left; height: 100%;}
.auto_check input{display: none;}
.auto_check label{cursor: pointer;}
.check_img{width: 19px; height: 100%; display: inline-block; float: left; margin-right: 7px; background-image: url("/img/icon/check_off.svg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.check_text{display: inline-block; float: left; height: 100%; line-height: 19px; font-size: 13px; font-weight: 700; color: #666;}
.check_text:hover{color: #ff7276;}
.auto_check input[id*="check"]:checked ~ label .check_img{background-image: url("/img/icon/check_on.svg");}
.auto_check input[id*="check"]:checked ~ label .check_text{color: #ff7276;}
.auto_check input[id*="signup_check"]:checked ~ label .check_img{background-image: url("/img/icon/check_on.svg");}
.auto_check input[id*="signup_check"]:checked ~ label .check_text{color: #ff7276;}
.find_wrap{display: inline-block; float: right; height: 100%; line-height: 19px; font-size: 13px; font-weight: 700; color: #666;}
.find_wrap:hover{color: #ff7276;}
.login_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 15px; background-color: #ff7276; color: #fff; font-weight: 700; border-radius: 5px; margin-bottom: 15px; cursor: pointer;}
.signup_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 48px; text-align: center; font-size: 15px; color: #999; border: 1px solid #ccc; border-radius: 5px;}
.home_btn{width: 100%; display: inline-block; float: left; height: 70px; line-height: 70px; text-align: center; font-size: 15px; color: #333;}
.home_btn:hover{text-decoration: underline;}
.input_phone{padding-right: 60px;}
.send_btn{width: 50px; height: 33px; display: inline-block; float: left; background-color: #000;  color: #fff; border-radius: 5px; font-size: 13px; font-weight: 700; text-align: center; line-height: 31px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

/*회원가입*/
.signup_wrap .login_container_wrap{padding-top: 25px;}
.top_wrap{width: 100%; display: inline-block; float: left; height: 30px; margin-bottom: 20px;}
.back_btn{width: 30px; height: 30px; display: inline-block; float: left; cursor: pointer; position: relative;}
.top_wrap img{width: 13px; display: inline-block; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.top_title{display: inline-block; float: left; height: 30px; line-height: 30px; font-size: 17px; font-weight: 700;}	
.phone_check{padding-right: 10px;}
.phone_check input{width: calc(100% - 40px);}
.phone_check_time{width: 40px; display: inline-block; float: left; height: 100%; line-height: 48px; font-size: 13px; text-align: center; color: #ff7276; font-weight: 700;}
.signup_check_container{height: auto; margin: 25px 0; padding-top: 25px; border-top: 1px solid #eee;}
.signup_check{width: 100%; height: unset; margin-bottom: 10px; padding: 15px 10px; border: 1px solid #ddd; border-radius: 5px; background-color: rgba(255,255,255,0.8);}
.signup_check:last-child{margin-bottom: 0;}
.signup_check .check_img{height: 19px;}
.signup_check_all .check_text{color: #000; font-size: 15px; height: 19px;}
.check_link{width: 19px; display: inline-block; float: right; height: 19px; position: relative;}
.check_link img{width: 11px; display: inline-block; float: left; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.signup_wrap .login_btn{margin-bottom: 0;}
.input_notice{display: inline-block; float: right; font-size: 13px; color: #ff7276; font-weight: 500;}
.notice_popup{width: 900px; max-width: 400px; display: none; float: left; padding: 40px 20px 20px 20px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; background-color: #FFF2F2; border-radius: 5px; border: 2px solid #000;}
.notice_popup_text{width: 100%; display: inline-block; float: left; margin-bottom: 40px; line-height: 140%; font-size: 15px; text-align: center; white-space: pre-line;}
.notice_popup_text span{font-weight: 900; font-size: 19px;}
.notice_popup_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 46px; text-align: center; background-color: #ffd4d6; font-size: 15px; font-weight: 700; border-radius: 5px; cursor: pointer; border: 2px solid #000;}
.check_popup{max-width: 400px; width: 90%; display: none; float: left; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; background-color: #FFF2F2; border-radius: 5px; border: 2px solid #000; overflow: hidden; z-index: 9999;}
.popup_top{width: 100%; display: inline-block; float: left; height: 50px; border-bottom: 2px solid #000; padding: 0 20px; margin-bottom: 20px;}
.popup_title{display: inline-block; float: left; height: 100%; line-height: 50px; font-size: 15px; font-weight: 700;}
.popup_close{width: 50px; height: 50px; display: inline-block; float: right; position: relative; cursor: pointer;}
.popup_close img{width: 13px; display: inline-block; float: left; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.popup_text{width: 100%; display: inline-block; float: left; line-height: 140%; font-size: 15px; white-space: pre-line; height: 400px; overflow-y: scroll; padding: 0 20px;}
.popup_btn_wrap{width: 100%; display: inline-block; float: left; padding: 20px; background-color: #FFF2F2;}
.popup_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 46px; text-align: center; background-color: #ffd4d6; border: 2px solid #000; font-size: 15px; font-weight: 700; border-radius: 5px; cursor: pointer;}
.popup_text::-webkit-scrollbar{display: none;}

/*아이디/비밀번호 찾기*/
.find_tab_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.find_tab{width: 48%; display: inline-block; float: left; height: 50px; line-height: 48px; border: 1px solid #ddd; border-radius: 5px; margin-right: 4%; font-size: 15px; text-align: center;  color: #666; cursor: pointer;}
.find_tab:last-child{margin-right: 0;}
.find_tab_on{background-color: #ff7276; border-color: #ff7276; color: #fff; font-weight: 700;}
.find_id_container, .find_pw_container{display: none;}

/*비밀번호 변*/

/*상단 작업*/
.wrap{width: 100%; display: inline-block; float: left; position: relative;}
.header_wrap{width: 100%; display: inline-block; float: left; background-color: rgba(255,255,255,0.80); padding: 15px 50px 15px 50px; position: fixed; top: 0; left: 0; z-index: 999;}
.header_top{width: 100%; display: inline-block; float: left; height: 21px; margin-bottom: 5px;}
.header_right{height: 100%; display: inline-block; float: right;}
.lang_wrap{height: 100%; display: inline-block; float: left;}
.lang_navi{height: 100%; display: inline-block; float: left;}
.lang_navi_img{width: 21px; height: 100%; display: inline-block; float: left; margin-right: 7px; position: relative;}
.lang_navi_img img{width: 100%; display: inline-block; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.lang_navi_text{height: 100%; display: inline-block; float: left; line-height: 21px; font-size: 15px; font-weight: 900;}
.lang_btn_wrap{height: 100%; display: inline-block; float: left;}
.lang_btn{height: 100%; display: inline-block; float: left; position: relative; padding-left: 30px; line-height: 21px; font-size: 15px;  font-weight: 900; cursor: pointer;}
.lang_btn::before{content: ""; width: 2px; display: inline-block; float: left; height: 10px; background-color: #666; position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
.lang_btn_on{color: #ff7276;}
.header_bottom{width: 100%; display: inline-block; float: left; height: 50px;}
.logo{width: 150px; display: inline-block; float: left; height: 100%; position: relative;}
.logo img{width: 100%; display: inline-block; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.text_menu_wrap{height: 100%; display: inline-block; float: left;}
.text_menu{height: 100%; display: inline-block; float: left; line-height: 50px; font-size: 17px; font-weight: 900; margin-right: 20px; padding: 0 20px; text-decoration: none; position: relative;}
.text_menu:hover{color: #ff7276;}
.text_menu::before, .text_menu::after{content: ""; position: absolute; display: inline-block; border: 0px solid transparent; width: 0%; height: 0%; transition: all 0.3s ease;}
.text_menu::after{top: 0; left: 0; border-top: 2px solid transparent; border-left: 2px solid transparent;}
.text_menu::before{right: 0; bottom: 0; border-bottom: 2px solid transparent; border-right: 2px solid transparent;}
.text_menu:hover::before, .text_menu:hover::after{width: 10px; height: 10px; border-color: #ff7276;}
.icon_menu_wrap{height: 100%; display: inline-block; float: left;}
.icon_menu{height: 100%; display: inline-block; float: left; margin-right: 15px; position: relative; cursor: pointer;}
.icon_menu:last-child{margin-right: 0;}
.icon_menu1{width: 18px;}
.icon_menu2{width: 24px;}
.icon_menu3{width: 21px;}
.icon_menu4{width: 20px;}
.icon_menu img{height: 23px; display: inline-block; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

/*메인 작업*/
.container{width: 100%; display: inline-block; float: left;}
.index_banner_wrap{width: 100%; display: inline-block; float: left; height: 100vh; position: relative; margin-bottom: 150px;}
.index_banner_video{width: 100%; height: 100%; display: inline-block; float: left;}
.index_banner_video video{width: 100%; height: 100%; display: inline-block; float: left; object-fit: cover; border: 0;}
.index_banner_cover{width: 100%; height: 100%; display: inline-block; float: left; position: absolute; top: 0; left: 0;}
.index_banner_textbox{width: 490px; display: inline-block; float: left; position: absolute; bottom: 50px; left: 50px; padding: 50px; background-color: rgba(255,255,255,0.35);}
.index_banner_title{width: 100%; display: inline-block; float: left; font-size: 65px; font-weight: 900; white-space: pre-line; line-height: 120%; letter-spacing: -1px; margin-bottom: 10px; color: #000;}
.index_banner_sub{width: 100%; display: inline-block; float: left; font-size: 25px; font-weight: 700; margin-bottom: 40px; color: #000;}
.index_banner_btn_wrap{width: 100%; display: inline-block; float: left;}
.index_banner_btn{font-size: 21px; padding: 15px 30px; position: relative; float: left; display: inline-block; transition: all 0.3s ease-in-out; border: solid 2px #000; font-weight: 900; color: #000;}
.index_banner_btn::before{content: ""; display: inline-block; float: left; position: absolute; background: #ffd4d6; width: 0; height: 100%; left: 0; top: 0; z-index: -1; transition: width 0.3s ease-in-out;}
.index_banner_btn:hover::before{width: 100%;}
.index_banner_btn:hover{z-index: 1; color: #000;}
.index_wrap{width: 100%; display: inline-block; float: left;}
.container_inner{width: 100%; display: inline-block; float: left; text-align: center;}
.inner1600{width: 100%; max-width: 1600px; display: inline-block;}
.index_item_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 150px; text-align: left;}
.index_item_title{width: 100%; display: inline-block; float: left; line-height: 140%; font-size: 55px; font-weight: 900; margin-bottom: 20px; white-space: pre-line; color: #ff7276;}
.index_item_banner{width: 100%; display: inline-block; float: left; height: 900px; position: relative; margin-bottom: 40px;}
.index_item_banner img{width: 100%; height: 100%; display: inline-block; float: left; object-fit: cover; border-radius: 10px;}
.index_item_btn{font-size: 21px; padding: 15px 30px; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: inline-block; transition: all 0.3s ease-in-out; border: solid 2px #fff; font-weight: 900; color: #fff; float: left;}
.index_item_btn::before{content: ""; display: inline-block; float: left; position: absolute; background: #ffd4d6; width: 0; height: 100%; left: 0; top: 0; z-index: -1; transition: width 0.3s ease-in-out;}
.index_item_btn:hover::before{width: 100%;}
.index_item_btn:hover{z-index: 1; color: #000;}	
.index_item_container{width: 100%; display: flex; flex-wrap: wrap; float: left;}
.index_item_con{width: 32.666%; display: inline-block; float: left; border-radius: 10px; overflow: hidden; position: relative; padding: 0 40px; background-color: #eee; margin-right: 1%;}
.index_item_con:last-child{margin-right: 0;}
.index_item_hover{display: inline-block; width: 100%; float: left; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition-duration: 0.5s;}
.index_item_hover img{width: 100%; height: 100%; display: inline-block; float: left; object-fit: cover;}
.index_item_box{width: 100%; height: 100%; display: inline-block;}
.index_item_img{width: 100%; display: inline-block; float: left; text-align: center; padding: 50px 0;}
.index_item_img img{width: 35%; display: inline-block;}
.index_item_name{width: 100%; display: inline-block; float: left; font-size: 23px; font-weight: 900; color: #333; margin-bottom: 5px; text-align: center;}
.index_item_sub{width: 100%; display: inline-block; float: left; font-size: 15px; color: #666; margin-bottom: 30px; text-align: center; line-height: 15px;}
.index_item_price{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; margin-bottom: 35px; text-align: center;}
.index_item_con:hover .index_item_hover{opacity: 1;}
.index_item_con:hover .index_item_name, .index_item_con:hover .index_item_sub, .index_item_con:hover .index_item_price, .index_item_con:hover .index_item_star_wrap{position: relative; z-index: 1; color: #ff7276;}
.loop_text_wrap{display: flex; white-space: nowrap; overflow: hidden; justify-content: center; align-items: center; margin-bottom: 150px;}
.loop_text{font-size: 155px; text-transform: uppercase; font-weight: 900; animation: looptext 30s infinite linear; color: #ff7276; margin-right: 40px; line-height: 155px;} 
@keyframes looptext{
	from{transform: translateX(0%);}
	to{transform: translateX(-100%);}
}
.index_tips_container{width: 100%; display: inline-block; float: left; height: 650px; margin-bottom: 150px; overflow: hidden;}
.index_tips_con{width: 100%; display: inline-block; float: left; height: 100%;}
.index_tips_img{width: calc(100% - 420px); display: inline-block; float: left; height: 100%; margin-right: 20px; border-radius: 10px; overflow: hidden;}
.index_tips_img img{width: 100%; height: 100%; display: inline-block; float: left; object-fit: cover;}
.index_tips_textbox{width: 400px; display: inline-block; float: left; height: 100%; border-radius: 10px; position: relative; background-color: #eee;}
.index_tips_text{width: 100%; display: inline-block; float: left; padding: 0 40px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: left;}
.index_tips_title{width: 100%; display: inline-block; float: left; font-size: 45px; font-weight: 900; white-space: pre-line; line-height: 120%; margin-bottom: 20px; color: #333;}
.index_tips_sub{width: 100%; display: inline-block; float: left; font-size: 17px; white-space: pre-line; line-height: 140%; color: #666; font-weight: 700;}
.index_follow_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 150px;}
.index_follow_top{width: 100%; display: inline-block; float: left; margin-bottom: 1%;}
.index_follow_bottom{width: 100%; display: inline-block; float: left;}
.index_follow{width: 24.25%; display: inline-block; float: left; margin-right: 1%; height: 15.2vw; border-radius: 10px; overflow: hidden; border: 1px solid #eee;}
.index_follow:last-child{margin-right: 0;}
.index_follow img{width: 100%; display: inline-block; float: left; height: 100%; object-fit: cover;}
.index_follow_empty{border: none;}
.index_follow_text{width: 100%; display: inline-block; float: left; line-height: 140%; font-size: 55px; font-weight: 900; margin-bottom: 20px; white-space: pre-line; text-align: left;}

/*하단 작업*/
.footer_wrap{width: 100%; display: inline-block; float: left;}
.footer_inner_wrap{width: 100%; display: flex; flex-wrap: wrap; float: left; height: auto; margin-bottom: 100px;}
.footer_inner{width: 50%; display: inline-block; float: left; height: 100%; position: relative;}
.footer_mail_wrap{width: 100%; display: inline-block; float: left; justify-content: center; padding-right: 150px;}
.footer_mail_title{width: 100%; display: inline-block; float: left; font-size: 35px; font-weight: 900; line-height: 150%; margin-bottom: 65px; white-space: pre-line; text-align: left;}
.footer_mail_input_wrap{width: 100%; display: inline-block; float: left; height: 60px; border-bottom: 2px solid #000;}
.footer_mail_input{width: calc(100% - 30px); display: inline-block; float: left; height: 100%; line-height: 60px;}
.footer_mail_input input{width: 100%; display: inline-block; float: left; height: 100%; border: 0; font-size: 21px; font-weight: 700; background-color: transparent; padding-right: 20px;}
.footer_mail_btn{width: 30px; display: inline-block; float: left; height: 100%; position: relative; cursor: pointer;}
.footer_mail_btn img{width: 100%; display: inline-block; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.footer_menu_wrap{width: 100%; display: flex; flex-wrap: wrap;float: left; text-align: left; padding-left: 170px;}
.footer_menu_left, .footer_menu_right{width: 50%; display: inline-block; float: left;}
.footer_menu_title{width: 100%; display: inline-block; float: left; font-size: 21px; font-weight: 900; margin-bottom: 15px;}
.footer_menu_sub_wrap{width: 100%; display: inline-block; float: left;}
.footer_menu_sub{width: 100%; display: inline-block; float: left; font-size: 17px; margin-bottom: 10px;}
.footer_menu_sub:last-child{margin-bottom: 0;}
.footer_sns_wrap{width: 100%; display: inline-block; float: left; margin-top: 65px;}
.footer_sns{width: 40px; height: 40px; display: inline-block; float: left; border-radius: 50%; overflow: hidden; margin-right: 15px;}
.footer_sns:last-child{margin-right: 0;}
.footer_sns img{width: 100%; height: 100%; display: inline-block; float: left;}
.footer_bottom_wrap{width: 100%; display: inline-block; float: left; padding: 20px 0; border-top: 1px solid #000;}
.footer_copyright{height: 50px; display: inline-block; float: left; line-height: 50px; font-size: 19px; font-weight: 900;}
.footer_lisence_wrap{height: 50px; display: inline-block; float: right;}
.footer_lisence{display: inline-block; float: left; margin-right: 20px; height: 100%;}
.footer_lisence:last-child{margin-right: 0;}
.footer_lisence img{height: 100%; display: inline-block; float: left;}	

/*sub 시작*/
/*shop_list*/
.sub_container{padding-top: 256px;}
.shop_list_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 150px; padding-top: 140px;}
.index_item_star_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 10px; text-align: center; height: 19px;}
.index_item_star_inner{height: 100%; display: inline-block; text-align: left;}
.index_item_star_img{height: 100%; display: inline-block; float: left;}
.index_item_star_img img{height: 100%; display: inline-block; float: left;}
.index_item_star_num{height: 100%; line-height: 22px; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-left: 7px;}
.shop_list_con{width: 32.666%; display: inline-block; float: left; overflow: hidden; position: relative; margin-right: 1%;}
.shop_list_con:last-child{margin-right: 0;}
.shop_list_con .index_item_con{width: 100%;  margin-right: 0;}
.shop_list_btn{width: 100%; display: inline-block; float: left; padding: 15px 0; text-align: center; border: 2px solid #000; font-weight: 900; color: #000; margin-top: 20px; font-size: 15px; cursor: pointer; transition: all 0.3s ease-in-out; position: relative; border-radius: 5px;}
.shop_list_btn::before{content: ""; display: inline-block; float: left; position: absolute; background: #ffd4d6; width: 0; height: 100%; left: 0; top: 0; z-index: -1; transition: width 0.3s ease-in-out;}
.shop_list_btn:hover::before{width: 100%;}
.shop_list_btn:hover{z-index: 1; color: #000;}

/*quiz.php*/
.quiz_sub_container{padding-top: 106px;}
.quiz_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 150px; background-image: url("/img/quiz_banner.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.quiz_cover{width: 100%; display: inline-block; float: left; background-color: rgba(255,255,255,0.35);}
.quiz_container{width: 100%; display: inline-block; float: left; padding: 200px 0;}
.quiz_con{width: 100%; display: none; float: left;}
.quiz_title{width: 100%; display: inline-block; float: left; font-size: 35px; font-weight: 900; margin-bottom: 40px; text-align: center; white-space: pre-line;}
.quiz_title span{text-decoration: underline;}
.quiz_sub{width: 100%; display: inline-block; float: left; font-size: 23px; font-weight: 900; line-height: 140%; text-align: center; margin-bottom: 30px; white-space: pre-line;}
.quiz_submit_btn_wrap{width: 100%; display: inline-block; float: left; text-align: center;}
.quiz_submit_btn{width: 300px; display: inline-block; padding: 15px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; font-size: 17px; font-weight: 900; cursor: pointer; white-space: pre-line; line-height: 140%; border-radius: 5px;}
.quiz_submit_btn:hover{background-color: #ffd4d6;}
.quiz_btn_wrap{width: 100%; display: inline-block; float: left; text-align: center;}
.quiz_btn_inner{width: 300px; display: inline-block;}
.quiz_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 46px; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; font-size: 17px; font-weight: 900; cursor: pointer; margin-bottom: 20px; border-radius: 5px;}
.quiz_btn:hover{background-color: #ffd4d6;}
.quiz_btn:last-child{margin-bottom: 0;}	
.quiz_tab_btn_wrap{width: 100%; display: inline-block; float: left; text-align: center; margin-bottom: 20px;}
.quiz_tab_btn_container{display: inline-block;}
.quiz_tab_btn_con{width: 300px; display: inline-block; float: left; margin-right: 20px;}
.quiz_tab_btn_con:last-child{margin-right: 0;}
.quiz_tab_img{width: 100%; height: 230px; display: inline-block; float: left; margin-bottom: 20px; text-align: center;}
.quiz_tab_img img{height: 100%; display: inline-block;}
.quiz_tab_btn{width: 100%; display: inline-block; float: left; padding: 15px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; font-size: 17px; font-weight: 900; cursor: pointer; white-space: pre-line; line-height: 140%; border-radius: 5px;}
.quiz_tab_btn:hover{background-color: #ffd4d6;}
.quiz_tab_btn_on{background-color: #ffd4d6;}
.quiz_submit_btn_wrap1{margin-bottom: 20px;}
.quiz_email_wrap{width: 100%; display: inline-block; float: left; text-align: center; margin-bottom: 20px;}
.quiz_email_inner{width: 720px; display: inline-block;}
.quiz_email_input{width: 100%; display: inline-block; float: left; border: 2px solid #000; background-color: #fff; padding: 0 15px; margin-bottom: 10px; border-radius: 5px;}
.quiz_email_input input{width: 100%; height: 50px; border: 0; background-color: transparent; display: inline-block; float: left; font-size: 21px; font-weight: 700;}
.quiz_email_check{width: 100%; display: inline-block; float: left; height: 19px;}
.quiz_item_container{width: 100%; display: inline-block; float: left; text-align: center;}
.quiz_item_con_inner{width: 500px; display: inline-block;}
.quiz_item_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.quiz_item_step{width: 100%; display: inline-block; float: left; padding: 15px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #ffd4d6; font-size: 17px; font-weight: 900; line-height: 140%; margin-bottom: 5px; white-space: pre-line; border-radius: 5px;}
.quiz_item_box{width: 100%; display: flex; flex-wrap: wrap; float: left; border: 2px solid #000; background-color: #fff; border-radius: 5px;}
.quiz_item_img{width: 200px; display: inline-block; float: left; height: auto; position: relative;}
.quiz_item_img img{height: 80%; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.quiz_item_info{width: calc(100% - 200px); display: inline-block; float: left; padding: 20px 20px 20px 0; text-align: left}
.quiz_item_name{width: 100%; display: inline-block; float: left; font-size: 21px; font-weight: 900; margin-bottom: 3px;}
.quiz_item_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; margin-bottom: 10px;}
.quiz_item_star{width: 100%; display: inline-block; float: left; height: 19px; margin-bottom: 10px;}
.quiz_item_star_img{height: 100%; display: inline-block; float: left;}
.quiz_item_star_img img{height: 100%; display: inline-block; float: left;}
.quiz_item_star_num{height: 100%; line-height: 22px; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-left: 7px;}
.quiz_item_price{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; margin-bottom: 20px;}
.quiz_item_cart_btn{width: 100%; display: inline-block; float: left; padding: 10px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; font-size: 15px; font-weight: 900; line-height: 140%; cursor: pointer;}
.quiz_item_cart_btn:hover{background-color: #ffd4d6;}

/*out_story.php*/
.story_container{padding-top: 106px;}	
.story_wrap{width: 100%; display: inline-block; float: left;}
.story_wrap1{background-image: url("/img/story_banner.png"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 140px 0 160px 0;  margin-bottom: 150px;}
.story_textbox{width: 100%; display: inline-block; float: left; text-align: left;}
.story_title{width: 100%; display: inline-block; float: left; font-size: 55px; font-weight: 900; line-height: 140%; white-space: pre-line; margin-bottom: 30px; color: #ff7276;}
.story_sub{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 900; line-height: 140%; white-space: pre-line; color: #262626; background-color: rgba(255,242,242,0.80); padding: 20px 25px; border-radius: 10px;}
.ceo_wrap{width: 100%; display: inline-block; float: left; margin-top: 30px; text-align: left;}
.ceo_img{width: 265px; display: inline-block; float: left;}
.ceo_img img{width: 100%; display: inline-block; float: left; border-radius: 10px;}
.ceo_textbox{width: calc(100% - 265px); display: inline-block; float: left; padding: 3px 0 3px 30px;}
.ceo_title, .values_title{width: 100%; display: inline-block; float: left; font-size: 27px; font-weight: 900;  line-height: 140%; white-space: pre-line; margin-bottom: 10px;}
.ceo_sub{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; line-height: 140%; white-space: pre-line; color: #262626; margin-bottom: 15px;}
.ceo_sign{width: 100%; display: inline-block; float: left; font-size: 25px; font-weight: 900; text-align: right;}
.values_wrap{width: 100%; display: inline-block; float: left; padding-top: 60px; margin-top: 70px; border-top: 2px solid rgba(255,255,255,0.80); text-align: left;}
.values_container{width: 100%; display: inline-block; float: left;}
.values_con{width: 100%; display: flex; flex-wrap: wrap; float: left; padding: 20px; background-color: rgba(255,255,255,0.80); border-radius: 10px; margin-bottom: 20px;}
.values_con:last-child{margin-bottom: 0;}
.values_num{width: 60px; display: inline-block; float: left; height: auto; position: relative;}
.values_num span{width: 40px; height: 40px; display: inline-block; float: left; text-align: center; line-height: 36px; border: 3px solid #000; font-size: 21px; font-weight: 900; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.values_text{width: calc(100% - 60px); display: inline-block; float: left; padding-left: 20px;}
.values_name{width: 100%; display: inline-block; float: left; font-size: 21px; font-weight: 900; margin-bottom: 5px;}
.values_sub{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; line-height: 140%; white-space: pre-line; color: #666;}

/*hair_tips.php*/
.tips_container{padding-top: 106px;}	
.tips_wrap{width: 100%; display: inline-block; float: left; padding: 140px 0 160px 0;}
.tips_main_title{width: 100%; display: inline-block; float: left; font-size: 55px; font-weight: 900; line-height: 140%; white-space: pre-line; margin-bottom: 50px; text-align: center;}
.tips_list_container{width: 100%; display: flex; flex-wrap: wrap; float: left;}
.tips_list_con{width: 33.333%; display: inline-block; float: left; padding: 0 10px; margin-bottom: 50px;}
.tips_list_con_first{width: 100%; display: flex; flex-wrap: wrap;}
.tips_img{width: 100%; display: inline-block; float: left; height: 250px; border-radius: 10px; overflow: hidden;}
.tips_img img{width: 100%; height: 100%; display: inline-block; float: left; object-fit: cover; transition-duration: 1s;}
.tips_info{width: 100%; display: inline-block; float: left; margin-top: 15px; text-align: left;}
.tips_title{width: 100%; display: inline-block; float: left; font-size: 19px; font-weight: 900; white-space: pre-line; line-height: 140%; margin-bottom: 15px; transition-duration: 0.5s;}
.tips_date{width: 100%; display: inline-block; float: left; font-size: 13px; font-weight: 700; color: #999; margin-bottom: 5px;}
.tips_sub{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; white-space: pre-line; line-height: 140%; color: #666; transition-duration: 0.5s;}
.tips_list_con_first .tips_img{width: 45%; height: 450px; border-top-right-radius: 0;  border-bottom-right-radius: 0;}
.tips_list_con_first .tips_info{width: 55%; height: auto; padding: 50px 50px 108px 50px; margin-top: 0; background-color: #FFF2F2; border-bottom-right-radius: 10px; border-top-right-radius: 10px; position: relative;}
.tips_list_con_first .tips_title{font-size: 35px; line-height: 130%;}
.tips_list_con_first .tips_sub{font-size: 17px;}
.tips_btn{width: calc(100% - 100px); display: inline-block; float: left; padding: 15px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; font-size: 17px; font-weight: 900; line-height: 140%; white-space: pre-line; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); cursor: pointer; border-radius: 5px;}
.tips_btn:hover{background-color: #ffd4d6;}
.tips_list_con:hover .tips_img img{transform: scale(1.1);}
.tips_list_con:hover .tips_title{color: #ff7276;}
.tips_list_con:hover .tips_sub{color: #000;}
.tips_list_page_wrap{width: 100%; display: inline-block; float: left; text-align: center;}
.tips_list_page_inner{display: inline-block;}
.tips_list_page{display: inline-block; float: left; padding: 10px 15px; border: 2px solid #000; color: #000; background-color: #fff; font-size: 15px; font-weight: 900; line-height: 140%; cursor: pointer; margin-right: 10px; border-radius: 5px;}
.tips_list_page:hover{background-color: #ffd4d6;}
.tips_list_page:last-child{margin-right: 0;}

/*shop_view.php*/
.shop_view_container{padding-top: 106px;}	
.shop_view_wrap{width: 100%; display: inline-block; float: left; padding: 140px 0 160px 0;}
.shop_view_box{width: 100%; display: inline-block; float: left;}
.shop_view_img_wrap{width: 800px; display: inline-block; float: left; height: auto; aspect-ratio: 1 / 1; background-color: #000; position: relative; overflow: hidden; border-radius: 10px;}
.shop_view_info_wrap{width: calc(100% - 850px); display: inline-block; float: left; margin-left: 50px; padding: 45px 50px; background-color: #f5f5f2; border-radius: 10px; text-align: left;}
.shop_view_sub_name{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; color: #666;}
.shop_view_main_name{width: 100%; display: inline-block; float: left; font-size: 45px; font-weight: 900; margin-bottom: 20px;}
.shop_view_price{width: 100%; display: inline-block; float: left; font-size: 19px;  font-weight: 900; color: #ff7276; margin-bottom: 15px;}
.shop_view_option_wrap{width: 100%; display: inline-block; float: left; position: relative; margin-bottom: 30px;}
.shop_view_option{width: 50%; display: inline-block; float: left; height: 50px; padding: 0 58px 0 15px; font-size: 15px; line-height: 46px; background-color: #fff; border-radius: 10px; position: relative; font-weight: 700; border: 2px solid #E0DFDA;}
.shop_view_option_btn{width: 50px; height: 100%; display: inline-block; float: left; position: absolute; top: 0; right: 0; cursor: pointer;}
.shop_view_option_btn img{width: 9px; display: inline-block; float: left; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
.shop_view_option_select_wrap{width: 50%; display: none; float: left; position: absolute; top: 55px; left: 0; background-color: #fff; border-radius: 10px; border: 2px solid #E0DFDA; overflow: hidden; z-index: 9;}
.shop_view_option_select{width: 100%; display: inline-block; float: left; height: 50px; line-height: 50px; font-size: 15px; border-bottom: 2px solid #E0DFDA; font-weight: 700; padding: 0 15px; cursor: pointer;}
.shop_view_option_select:last-child{border-bottom: 0;}
.shop_view_option_select:hover{background-color: #FFF2F2;}
.shop_view_sub_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 50px;}
.shop_view_sub{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; color: #666; margin-bottom: 10px; padding-left: 14px; position: relative;}
.shop_view_sub::before{content: ""; width: 5px; height: 5px; display: inline-block; float: left; background-color: #666; border-radius: 50%; position: absolute; top: 52%; left: 0; transform: translateY(-50%);}
.shop_view_sub:last-child{margin-bottom: 0;}
.shop_view_btn_wrap{width: 100%; display: inline-block; float: left; height: 58px; margin-bottom: 70px;}
.shop_view_btn{display: inline-block; float: left; height: 100%; line-height: 58px; font-size: 17px; font-weight: 900; color: #fff; border-radius: 10px; cursor: pointer;}
.shop_view_buy_btn{width: calc(100% - 136px); background-color: #ff7276; text-align: center;}
.shop_view_cart_btn{width: 58px; height: 100%; margin-left: 10px; position: relative; border: 3px solid #000; background-color: #fff;}
.shop_view_cart_btn img{width: 23px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.shop_view_like_btn{width: 58px; height: 100%; margin-left: 10px; position: relative; border: 3px solid #000; background-color: #fff;}
.shop_view_like_btn img{width: 23px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.shop_view_tab_wrap{width: 100%; display: inline-block; float: left;}
.shop_view_tab{width: 100%; display: inline-block; float: left; border-bottom: 1px solid #262626;}
.shop_view_tab_title{width: 100%; display: inline-block; float: left; font-size: 23px; height: 85px; line-height: 85px; font-weight: 700; position: relative;}
.shop_view_tab_sub_container{width: 100%; display: none; float: left; overflow: hidden;}
.shop_view_tab_sub_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.shop_view_tab_sub_con:first-child{padding-top: 20px; border-top: 1px solid #262626;}
.shop_view_tab_sub_title{width: 100%; display: inline-block; float: left; font-size: 19px; font-weight: 700; margin-bottom: 10px; line-height: 140%; white-space: pre-line;}
.shop_view_tab_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; color: #666;}
.view_tab_btn{width: 85px; height: 100%; display: inline-block; float: left; position: absolute; top: 0; right: 0;  cursor: pointer;}
.view_tab_btn img{width: 13px; display: inline-block; float: left; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: transform 0.3s;}
.review_wrap{width: 100%; display: inline-block; float: left; margin-top: 150px;}
.review_title_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 5px;}
.review_title{display: inline-block; float: left; font-size: 27px; font-weight: 900; line-height: 45px; height: 45px;}
.review_btn_wrap{display: inline-block; float: right; height: 35px;}
.review_rule_btn{height: 100%; line-height: 35px; display: inline-block; float: left; color: #999; font-size: 15px; font-weight: 700; cursor: pointer; margin-right: 20px;}
.review_rule_btn:last-child{margin-right: 0; color: #ff7276;}
.review_all_star{width: 100%; display: inline-block; float: left; height: 35px; line-height: 35px; text-align: left; font-size: 25px; font-weight: 700;}
.review_all_star img{height: 35px; display: inline-block; float: left; margin-right: 15px;}
.review_container{width: 100%; display: inline-block; float: left; margin: 20px 0 50px 0;}
.review_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px; padding: 20px; background-color: #f5f5f2; border-radius: 10px;}
.review_con:last-child{margin-bottom: 0;}
.review_info{width: 100%; display: inline-block; float: left; height: 17px; margin-bottom: 15px;}
.review_info_left{height: 100%; display: inline-block; float: left;}
.review_name{display: inline-block; float: left; font-size: 17px; height: 100%; line-height: 17px; font-weight: 700;}
.review_date{display: inline-block; float: right; font-size: 15px; height: 100%; line-height: 17px; color: #666; font-weight: 700;}
.review_star{height: 15px; display: inline-block; float: left; margin-left: 10px;}
.review_star img{height: 100%; display: inline-block; float: left;}
.review_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; text-align: left; white-space: pre-line;}

/*cart_list.php*/
.cart_sub_container{padding-top: 106px;}	
.cart_wrap{width: 100%; display: inline-block; float: left; padding: 140px 0 160px 0;}
.cart_container{width: 100%; display: inline-block; float: left;}
.cart_con{width: 100%; display: flex; flex-wrap: wrap; float: left; border: 2px solid #000; background-color: #fff; margin-bottom: 20px; cursor: pointer; border-radius: 5px;}
.cart_con:last-child{margin-bottom: 0;}
.cart_check{width: 80px; display: inline-block; float: left; height: auto; position: relative; border-right: 2px solid #000;}
.cart_check .check_img{height: 19px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cart_img{width: 150px; display: inline-block; float: left; height: auto; position: relative;} 
.cart_img img{height: 80%; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cart_info{width: calc(100% - 450px); display: inline-block; float: left; height: auto; text-align: left; padding: 20px 0;}
.cart_name{width: 100%; display: inline-block; float: left; font-size: 23px; font-weight: 900; margin-bottom: 3px;}
.cart_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; margin-bottom: 20px;}
.cart_option_wrap{width: 100%; display: inline-block; float: left; position: relative;}
.cart_option_box{width: 200px; display: inline-block; float: left;}
.cart_option{width: 200px; display: inline-block; float: left; height: 45px; background-color: #fff; border-radius: 5px; position: relative; padding: 0 45px 0 13px; line-height: 41px; font-size: 15px; border: 2px solid #000; text-align: left; font-weight: 700;}
.cart_option_btn{width: 45px; height: 45px; display: inline-block; float: left; position: absolute;  top: 0; right: 0; cursor: pointer; z-index: 1;}
.cart_option_btn img{width: 11px; display: inline-block; float: left; position: absolute; top: 50%; right: 13px; transform: translateY(-50%);}
.cart_option_select_wrap{width: 200px; display: none; float: left; position: absolute; top: 50px; left: 0; border-radius: 5px; border: 2px solid #000; font-size: 15px; background-color: #fff;}
.cart_option_select{width: 100%; height: 41px; display: inline-block; float: left; line-height: 41px; font-size: 15px; font-weight: 700; text-align: left; padding: 0 13px; cursor: pointer;}
.cart_option_select:hover{background-color: #ffd4d6;}
.cart_price{width: 120px; display: inline-block; float: left; height: auto; vertical-align: middle; text-align: center; font-size: 17px; font-weight: 900;}
.cart_del{width: 100px; display: inline-block; float: left; height: auto; position: relative; cursor: pointer;}
.cart_del img{width: 19px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cart_buy_btn_wrap{width: 100%; display: inline-block; float: left; margin-top: 40px;}
.cart_buy_btn{width: 300px; display: inline-block; padding: 15px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; font-size: 17px; font-weight: 900; cursor: pointer; white-space: pre-line; line-height: 140%;}
.cart_buy_btn:hover{background-color: #ffd4d6;}
.item_num_wrap{width: 200px; display: inline-block; float: left;  height: 45px; background-color: #fff; line-height: 41px; font-size: 15px; font-weight: 700; border: 2px solid #000; text-align: center; border-radius: 5px; margin-left: 20px;}
.item_num_btn{width: 41px; height: 100%; display: inline-block; float: left; font-size: 21px; cursor: pointer;}
.item_num{width: calc(100% - 82px); height: 100%; display: inline-block; float: left; border-left: 2px solid #000; border-right: 2px solid #000;}

/*like_list.php*/
.cart_add{width: 100px; display: inline-block; float: left; height: auto; position: relative; cursor: pointer;}
.cart_add img{width: 23px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.like_wrap{width: 100%; display: inline-block; float: left; padding: 140px 0 160px 0;} 
.like_wrap .cart_info{width: calc(100% - 470px);}
.like_del{width: 100px; display: inline-block; float: left; height: auto; position: relative; cursor: pointer; border-right: 2px solid #000;}
.like_del img{width: 19px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/*order.php*/	
.order_wrap{width: 100%; display: inline-block; float: left; padding: 140px 0 160px 0;} 
.order_wrap .cart_info{width: calc(100% - 390px);}
.order_sheet_wrap{width: 100%; display: inline-block; float: left; margin-top: 30px; padding-top: 30px; border-top: 1px solid #000;}
.order_sheet_box{width: 100%; display: inline-block; float: left; border: 2px solid #000; border-radius: 5px; text-align: left; margin-bottom: 20px;}
.order_sheet_box:last-child{margin-bottom: 0;}
.order_sheet_title{width: 100%; display: inline-block;  float: left; border-bottom: 2px solid #000; font-size: 17px; font-weight: 700; padding: 15px 20px;}
.order_sheet_container{width: 100%; display: inline-block; float: left;  padding: 20px;}
.order_sheet_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.order_sheet_con:last-child{margin-bottom: 0;}
.order_sheet_name{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-bottom: 7px;}
.order_sheet_input{width: 100%; height: 50px; display: inline-block; float: left; border: 2px solid #E0DFDA; border-radius: 5px; background-color: #fff;}
.order_sheet_input input{width: 100%; height: 100%; display: inline-block; float: left; border: 0; background-color: transparent; font-size: 15px; padding: 0 15px;}
.order_sheet_address_wrap{width: 100%; display: inline-block; float: left;}
.order_sheet_address_btn_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 10px;}
.order_sheet_address_input{width: 100%; height: 50px; display: inline-block; float: left; border: 2px solid #E0DFDA; border-radius: 5px; background-color: #fff; margin-bottom: 10px;}
.order_sheet_address_input input{width: 100%; height: 100%; display: inline-block; float: left; border: 0;  background-color: transparent; font-size: 15px; padding: 0 15px;}
.order_sheet_address_btn_wrap .order_sheet_address_input{width: calc(100% - 110px); margin-bottom: 0;}
.order_sheet_address_btn{width: 100px; display: inline-block; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 15px; border-radius: 5px; background-color: #000; color: #fff; font-weight: 700; margin-left: 10px; cursor: pointer;}
.order_sheet_address_input:last-child{margin-bottom: 0;}
.address_list{display: inline-block; float: right; color: #ff7276; cursor: pointer;}
.order_sheet_tab_wrap{width: 100%; display: inline-block; float: left;}
.order_sheet_tab{width: calc(50% - 5px); display: inline-block; float: left; height: 50px; line-height: 46px; font-size: 15px; text-align: center; background-color: #fff; border-radius: 5px; border: 2px solid #E0DFDA; color: #666; margin-right: 10px; cursor: pointer;}
.order_sheet_tab:last-child{margin-right: 0;}
.order_sheet_tab_on{border-color: #000; background-color: #ffd4d6; color: #000; font-weight: bold;}
.address_popup .text_popup_inner{padding-top: 20px;}
.address_popup_container{width: 100%;  display: inline-block; float: left; margin-bottom: 20px;}
.address_popup_con{width: 100%; display: inline-block; float: left; border: 2px solid #E0DFDA; border-radius: 5px; padding: 15px; margin-bottom: 10px; background-color: #fafafa; color: #999; cursor: pointer;}
.address_popup_con:last-child{margin-bottom: 0;}
.address_popup_title{width: 100%; display: inline-block; float: left; margin-bottom: 10px; font-size: 17px;  font-weight: 900;}
.address_popup_box{width: 100%; display: inline-block; float: left; font-weight: 700; margin-bottom: 10px;}
.address_popup_name{display: inline-block; float: left; font-size: 15px;}
.address_popup_phone{display: inline-block; float: right; font-size: 15px;}
.address_popup_info{width: 100%; display: inline-block; float: left; font-size: 15px;  font-weight: 700; line-height: 140%;}
.address_popup_con_on{color: #000; border-color: #000; background-color: #fff;}
.pay_info_container{width: 100%; display: flex; flex-wrap: wrap; float: left; border-bottom: 2px solid #000;}
.pay_info_con{width: 33.333%; display: inline-block; float: left; height: auto; border-right: 2px solid #000; padding: 20px 0; position: relative;}
.pay_info_con:last-child{border-right: 0;}
.pay_info_name{width: 100%; display: inline-block; float: left; font-size: 15px; text-align: center; font-weight: 700; margin-bottom: 10px;}
.pay_info_price{width: 100%; display: inline-block; float: left; font-size: 15px; text-align: center; font-weight: 700;}
.pay_sum_wrap{width: 100%; display: inline-block; float: left; padding: 20px;}
.pay_sum_name{display: inline-block; float: left; font-size: 15px; font-weight: 700; line-height: 17px;} 
.pay_sum_price{display: inline-block; float: right; font-size: 17px; font-weight: 700; line-height: 17px;}
.pay_all_sum_wrap{width: 100%; display: inline-block; float: left; padding: 20px;  background-color: #ffd4d6;}
.pay_all_sum_name{display: inline-block; float: left; font-size: 15px; font-weight: 700; line-height: 17px;}
.pay_all_sum_price{display: inline-block; float: right; font-size: 17px; font-weight: 700; line-height: 17px;}
.pay_info_con1::after{width: 28px; height: 28px; display: inline-block; float: left; position: absolute;  top: 50%; right: -14px; transform: translateY(-50%); background-color: #fff; border: 2px solid #000; line-height: 24px; text-align: center; content: "-"; font-size: 21px; font-weight: 700; border-radius: 50%;}
.pay_info_con2::after{width: 28px; height: 28px; display: inline-block; float: left; position: absolute;  top: 50%; right: -14px; transform: translateY(-50%); background-color: #fff; border: 2px solid #000; line-height: 24px; text-align: center; content: "+"; font-size: 21px; font-weight: 700; border-radius: 50%;}

/*mypage.php*/
.mypage_sub_container{padding-top: 106px;}	
.mypage_wrap{width: 100%; display: inline-block; float: left; padding: 140px 0 160px 0;}
.mypage_info_wrap{width: 100%; display: inline-block; float: left; border: 2px solid #000; padding: 20px; background-color: #ffd4d6; margin-bottom: 10px; border-radius: 5px;}
.mypage_name{display: inline-block; float: left; font-size: 19px; height: 19px; line-height: 19px; font-weight: 900; margin-right: 10px;}
.mypage_change_info{display: inline-block; float: right;  height: 17px; cursor: pointer; margin-top: 1px;}
.mypage_change_info img{height: 100%; display: inline-block; float: left;}	
.item_price{width: 100%; display: inline-block; float: left; font-size: 21px; font-weight: 900; margin-top: 5px;}
.item_date{width: 150px; display: inline-block; float: left; height: auto; vertical-align: middle; text-align: center; white-space: pre-line; font-size: 17px; font-weight: 700; line-height: 140%;}
.item_state{width: 150px; display: inline-block; float: left; height: auto; vertical-align: middle; text-align: center; font-size: 17px; font-weight: 900;}
.item_state1{color: #ff7276;}
.item_state1, .item_date{line-height: unset!important; display: flex; align-items: center; justify-content: center;}
.item_state2{color: #FE8B2B;}
.item_state3{color: #008C00;}
.mypage_wrap .cart_info{width : calc(100% - 450px);} 
.mypage_wrap .cart_con{margin-bottom: 10px;}
.mypage_menu_wrap{width: 100%; display: inline-block; float: left;}
.mypage_menu{width: calc(50% - 5px); display: inline-block; float: left; padding: 15px 0; text-align: center; font-size: 17px;  font-weight: 700; border: 2px solid #000; background-color: #fff; margin-right: 10px; margin-bottom: 10px; border-radius: 5px;}
.mypage_menu:nth-child(2n){margin-right: 0;}
.mypage_menu:hover{background-color: #ffd4d6;}
.mypage_menu:nth-child(5), .mypage_menu:nth-child(6){margin-bottom: 0;}

	.cart_num{width: 100%; display: inline-block; float: left; font-size: 13px; margin-bottom: 10px; color: #666;}

/*mypage_order.php*/
.mypage_order_wrap .cart_container{margin-bottom: 50px;}
.mypage_order_wrap .cart_info{width : calc(100% - 600px);} 
.item_btn_wrap{width: 150px; display: inline-block; float: left; height: auto; vertical-align: middle; text-align: center; font-size: 15px; font-weight: 700; position: relative;}
.item_btn_inner{width: 120px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.item_btn{width: 100%; display: inline-block; float: left; padding: 7px 0; border: 2px solid #000; background-color: #fff; margin-bottom: 5px; border-radius: 5px;}
.item_btn:last-child{margin-bottom: 0;}
.item_btn:hover{background-color: #ffd4d6;}

.delivery_wrap{width: 100%; display: inline-block; float: left; border: 2px solid #000; background-color: #fff; text-align: left; margin-top: 50px; border-radius: 5px;}
.delivery_title{width: 100%; display: inline-block; float: left; padding: 15px 20px; font-size: 17px; font-weight: 700; border-bottom: 2px solid #000;}
.delivery_container{width: 100%; display: flex; flex-wrap: wrap; float: left; border-bottom: 2px solid #000;}
.delivery_con{width: 20%; display: inline-block; float: left; border-right: 2px solid #000; padding: 20px 0; position: relative;}
.delivery_con:last-child{border-right: 0;}
.delivery_con::after{content: ""; background-image: url("/img/icon/go_btn.svg"); background-repeat: no-repeat; background-size: 13px; background-position: center; width: 28px; height: 28px; display: inline-block; float: left; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); background-color: #fff; border: 2px solid #000; line-height: 24px; font-size: 21px; font-weight: 700; border-radius: 50%; text-align: center;}
.delivery_con:last-child::after{display: none;}
.delivery_state{width: 100%; display: inline-block; float: left; font-size: 19px; font-weight: 900; margin-bottom: 10px; text-align: center;}
.delivery_sub{width: 100%; display: inline-block; float: left; font-size: 15px; white-space: pre-line; line-height: 140%; color: #666; text-align: center;}
.delivery_notice_wrap{width: 100%; display: inline-block; float: left; padding: 20px;}
.delivery_notice_title{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; margin-bottom: 15px;}
.delivery_notice_title span{color: #ff7276;}
.delivery_notice_container{width: 100%; display: inline-block; float: left;}
.delivery_notice_con{width: 100%; display: inline-block; float: left; margin-bottom: 15px;}
.delivery_notice_con:last-child{margin-bottom: 0;}
.delivery_notice_name{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-bottom: 5px;}
.delivery_notice_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; color: #666;}


/*mypage_address.php*/
.address_main_wrap{width: 100%; display: inline-block; float: left; text-align: left; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #000;}
.address_tag{width: 100%; display: inline-block; float: left; border: 2px solid #000; padding: 20px; background-color: #ffd4d6; margin-bottom: 10px; border-radius: 5px; font-size: 19px; font-weight: 900; line-height: 19px;}
.address_con{width: 100%; display: inline-block; float: left; border: 2px solid #E0DFDA; padding: 20px; background-color: #fafafa; color: #999; margin-bottom: 10px; border-radius: 5px; cursor: pointer;}
.address_con:last-child{margin-bottom: 0;}
.address_con_on{color: #000; border-color: #000; background-color: #fff;}
.address_title{width: 100%; display: inline-block; float: left; font-size: 21px; font-weight: 900; margin-bottom: 10px;}
.address_info{width: 100%; display: inline-block; float: left;margin-bottom: 20px;}
.address_name{display: inline-block;  float: left; font-size: 17px; font-weight: 700;}
.address_phone{display: inline-block; float: right; font-size: 17px; font-weight: 700;}
.address_sub{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; white-space: pre-line; line-height: 140%;}
.address_list_wrap{width: 100%; display: inline-block; float: left; text-align: left; margin-bottom: 30px;}
.address_container{width: 100%; display: inline-block; float: left;}
.address_btn_wrap{width: 100%; display: inline-block; float: left; text-align: center;}
.address_btn{width: 300px; display: inline-block; padding: 15px 0; text-align: center; border: 2px solid #000; color: #000; background-color: #fff; border-radius: 5px; font-size: 17px; font-weight: 900; cursor: pointer; white-space: pre-line; line-height: 140%;}
.address_btn:hover{background-color: #ffd4d6;}

/*mypage_review.php*/
.mypage_review_wrap .cart_container{margin-bottom: 50px;}
.mypage_review_wrap .cart_info{width : calc(100% - 450px);} 
.item_btn_on{background-color: #ffd4d6;}
.popup_text_review{height: unset; overflow-y: unset; white-space: unset;}
.review_input_container{width: 100%; display: inline-block; float: left;}
.review_input_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.review_input_con:last-child{margin-bottom: 0;}
.review_input_name{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-bottom: 5px;}
.review_input{width: 100%; display: inline-block; float: left; }
.review_input input{width: 100%; display: inline-block; float: left; height: 50px; border: 2px solid #E0DFDA; border-radius: 5px; background-color: #fff; font-size: 15px; padding: 0 15px;}
.review_input textarea{width: 100%; display: inline-block; float: left; height: 200px; border: 2px solid #E0DFDA; border-radius: 5px; background-color: #fff; font-size: 15px; padding: 15px; line-height: 140%;}


/*mypage_inquiry.php*/
.question_wrap{width: 100%; display: inline-block; float: left;} 
.question_top{width: 100%; display: inline-block; float: left; height: 50px; font-size: 17px; font-weight: 700; color: #999;}
.question_num{display: inline-block; float: left; line-height: 50px;}
.question_btn{display: inline-block; float: right; color: #000; width: 200px; border: 2px solid #000; border-radius: 5px; background-color: #ffd4d6; height: 100%; line-height: 46px; cursor: pointer;}
.question_container{width: 100%; display: inline-block; float: left; margin: 20px 0 50px 0;}
.question_con{width: 100%; display: inline-block; float: left; border: 2px solid #000; border-radius: 5px; margin-bottom: 10px;}
.question_con:last-child{margin-bottom: 0;}
.question_title{width: 100%; display: flex; flex-wrap: wrap; float: left; padding: 15px 20px;}
.question_type{height: 35px; line-height: 31px; display: inline-block; float: left; width: 100px; border: 2px solid #000; background-color: #eee; font-size: 15px; font-weight: 700; border-radius: 5px;}
.question_type_on{background-color: #ffd4d6;}
.question_text{width: calc(100% - 175px); display: inline-block; float: left; margin: 0 20px; line-height: 140%;  font-size: 17px; font-weight: 700; text-align: left; padding-top: 5px;}
.question_onoff{width: 35px; height: 35px; display: inline-block; float: right; position: relative; cursor: pointer;}
.question_onoff img{width: 13px; display: inline-block; float: left; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: transform 0.3s;}
.question_sub_wrap{width: 100%; display: inline-block; float: left; border-top: 0; text-align: left; height: 0; overflow: hidden; transition: height 0.3s, padding 0.3s;}
.question_sub_wrap_on{border-top: 2px solid #000; height: unset; overflow: unset;}
.question_ask_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; padding: 20px;}
.question_answer_wrap{width: 100%; display: inline-block; float: left; padding: 0 20px 20px 20px;}
.question_answer_inner{width: 100%; display: inline-block; float: left; background-color: #FFF2F2; border-radius: 5px; padding: 20px;}
.question_answer_date{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-bottom: 10px;}
.question_answer_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line;}

/*mypage_faq.php*/
.faq_tab_container{width: 100%; display: flex; flex-wrap: wrap; float: left;}
.faq_tab_con{width: calc(25% - 7.5px); display: inline-block; float: left; padding: 15px 0; border: 2px solid #000; border-radius: 5px; font-size: 17px;line-height: 35px; font-weight: 700; text-align: center;  margin-right: 10px; cursor: pointer;}
.faq_tab_con:last-child{margin-right: 0;}
.faq_tab_con_on{background-color: #ffd4d6;}
.faq_type{height: 35px; line-height: 31px; display: inline-block; float: left; width: 35px; border: 2px solid #000; background-color: #fff; font-size: 19px; font-weight: 900; border-radius: 5px;}
.faq_text{width: calc(100% - 110px); display: inline-block; float: left; margin: 0 20px; line-height: 140%;  font-size: 17px; font-weight: 700; text-align: left; padding-top: 5px;}
.faq_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line; padding: 20px 20px 20px 75px; position: relative;}
.faq_sub::before{content: "A"; width: 35px;  height: 35px; display: inline-block; float: left; line-height: 31px; border: 2px solid #000; background-color: #fff; font-size: 19px; font-weight: 900; border-radius: 5px; position: absolute; top: 20px; left: 20px; text-align: center;}

/*mypage_notice.php*/
.notice_text{width: calc(100% - 35px); display: inline-block; float: left; padding-right: 20px; line-height: 140%;  font-size: 17px; font-weight: 700; text-align: left; padding-top: 5px;}

/*메인 체험단리뷰*/
.index_review_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 150px; position: relative;}
.index_review_box{width: 100%;  display: inline-block; float: left; background-color: #FFF2F2; border-radius: 10px; padding: 20px;}
.index_review_top{width: 100%; display: inline-block; float: left; margin-bottom: 10px;}
.index_review_name{display: inline-block; float: left; font-size: 17px; font-weight: 700;}
.index_review_date{display: inline-block; float: right; font-size: 17px; color: #666;}
.index_review_sub{width: 100%; display: inline-block; float: left; font-size: 19px; line-height: 160%; white-space: pre-line; text-align: left; overflow: hidden;               /* 넘치는 텍스트를 숨기기 */
	text-overflow: ellipsis;        /* 넘치는 텍스트를 ...으로 표시 */
	white-space: normal;            /* 텍스트 줄바꿈 허용 */
	word-wrap: break-word;          /* 긴 단어 줄바꿈 처리 */
	line-height: 1.5em;             /* 줄 높이를 설정 */
	max-height: 6em;              /* 최대 4줄까지만 표시 (1.5em * 4 = 6em) */}
.swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 50%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -25px!important;}
.swiper-pagination-bullet-active{background-color: #ff7276!important;}
.index_review_title{width: 100%; display: inline-block; float: left; font-size: 27px; font-weight: 900; margin-bottom: 40px;}

/*퀴즈*/

.quiz_bar_wrap{width: 100%; display: inline-block; float: left; height: 9px; background-color: rgba(255,255,255,0.80); position: absolute; top: 0; left: 0;}
.quiz_bar{width: 0; display: inline-block; float: left; height: 100%; background-color: #ff7276;}
.check_notice{display: inline-block; float: left; width: 100%; text-align: center;line-height: 19px; font-size: 13px; font-weight: 700; color: #333;}

/*주문지등록*/

   .address_main_wrap{position: relative;}
   .add_address_btn{width: 50px; height: 50px; display: inline-block; float: left; border: 2px solid #000; border-radius: 5px; position: absolute; top: -60px; right: 0; cursor: pointer;}
   .add_address_btn img{width: 17px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
   .add_address_btn:hover{background-color: #ffd4d6;}
   .address_input{margin-bottom: 10px;}
   .address_input:last-child{margin-bottom: 0;}
   .address_input1 input{width: calc(100% - 80px); margin-right: 10px;}
   .find_address{width: 70px; display: inline-block; float: left; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #000; border-radius: 5px; font-weight: 700; cursor: pointer;}
	.address_title{position: relative;}
	.address_select_wrap{width: 60px; display: inline-block; float: left; position: absolute; top: 0; right: 0; height: 25px;}
	.address_change{width: 25px; height: 25px; display: inline-block; float: left; margin-right: 10px; position: relative;}
	.address_change img{width: 19px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.address_del{width: 25px; height: 25px; display: inline-block; float: left; position: relative;}
	.address_del img{width: 19px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/*체험단 리뷰*/
		.customer_wrap{width: 100%; display: inline-block; float: left;}
		.customer_title{width: 100%; display: inline-block; float: left; font-size: 27px; font-weight: 900; text-align: center; margin-bottom: 40px; position: relative;}
		.customer_write{width: 50px; height: 50px; display: inline-block; float: left; border: 2px solid #000; border-radius: 5px; position: absolute; bottom: 0; right: 10px; cursor: pointer;}
		.customer_write:hover{background-color: #ffd4d6;}
		.customer_write img{width: 17px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
		.customer_review_container{width: 100%; display: flex; flex-wrap: wrap; float: left; height: auto;}
		.customer_review_con{width: 33.333%; height: 100%; display: inline-block; float: left; padding: 0 10px; margin-bottom: 20px;}
		.customer_review_box{width: 100%; height: 100%; display: inline-block; float: left; border-radius: 10px; background-color: #FFF2F2; padding: 20px;}
		.customer_review_top{width: 100%; display: inline-block; float: left; margin-bottom: 10px;}
		.customer_review_name{display: inline-block; float: left; font-size: 15px; font-weight: 700;}
		.customer_review_date{display: inline-block; float: right; font-size: 15px; color: #666;}
		.customer_review_sub{width: 100%; display: inline-block; float: left; font-size: 17px; font-weight: 700; line-height: 140%; white-space: pre-line; text-align: left; min-height: 100px;
            overflow: hidden;               /* 넘치는 텍스트를 숨기기 */
            text-overflow: ellipsis;        /* 넘치는 텍스트를 ...으로 표시 */
            white-space: normal;            /* 텍스트 줄바꿈 허용 */
            word-wrap: break-word;          /* 긴 단어 줄바꿈 처리 */
            line-height: 1.5em;             /* 줄 높이를 설정 */
            max-height: 6em;              /* 최대 4줄까지만 표시 (1.5em * 4 = 6em) */
        }

/*반응형 추가*/
.all_menu{display: none; width: 27px;}
.all_menu img{height: 27px;}

.mo_menu_wrap{width: 100%; display: inline-block; float: left; height: 100vh; overflow-y: scroll; padding: 50px 20px; position: fixed; top: 0; left: -100%; background-color: rgba(255,255,255,0.95); z-index: 99999999; transition-duration: 0.3s;}
.mo_menu_wrap_on{left: 0!important;}
.mo_menu_wrap::-webkit-scrollbar{display: none;}
.mo_menu{width: 100%; display: inline-block; float: left; height: 60px; line-height: 59px; border-bottom: 1px solid #ff7276; color: #ff7276; font-size: 19px; text-align: center; font-weight: 700;}
.mo_menu:first-child{border-top: 1px solid #ff7276;}
.mo_menu_inner{width: 100%; display: inline-block; float: left;}
.mo_menu_close_wrap{width: 100%; height: 60px; display: inline-block; float: left; position: absolute; bottom: 50px; left: 0; cursor: pointer;}
.mo_menu_close{width: 60px; height: 60px; display: inline-block; float: left; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border: 1px solid #000; border-radius: 50%;}
.mo_menu_close img{width: 17px; display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


/*.index_item_con{width: 49%; margin-right: 2%;}
.index_item_con:last-child{margin-right: 0;}*/
.index_item_img img{width: 17%;}


	.story_textbox{margin-bottom: 50px;}
	
	.guide_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 50px; padding-bottom: 60px; border-bottom: 2px solid rgba(255,255,255,0.80);}
	.guide_wrap:last-child{margin-bottom: 0; padding-bottom: 0;  border-bottom: 0;}
	.guide_title{width: 100%; display: inline-block; float: left; font-size: 27px; font-weight: 900; line-height: 140%; white-space: pre-line; margin-bottom: 10px; text-align: left;}
	.guide_video{width: 100%; display: inline-block; float: left;}
	.guide_video video{width: 100%; display: inline-block; float: left; border-radius: 10px;}
.customer_container{padding-top: 106px;}
.mo_customer_write{display: none;}

	.return_tab_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
	.return_tab{width: calc(50% - 5px); display: inline-block; float: left; border: 2px solid #000; height: 55px; line-height: 51px; text-align: center; font-size: 23px; font-weight: 700; background-color: rgba(255,255,255,0.5); cursor: pointer;}
	.return_tab:first-child{margin-right: 10px;}
	.return_tab_on{background-color: #ffd4d6}
	.return_sub_wrap{width: 100%; display: inline-block; float: left;}
	.return_sub{width: 100%; display: none; float: left; background-color: rgba(255,242,242,0.80); border-radius: 10px; padding: 30px 35px;}
	.return_sub_text{width: 100%; display: inline-block; float: left; line-height: 140%; font-size: 17px; font-weight: 700; color: #262626; margin-bottom: 20px;}
	.return_sub_text:last-child{margin-bottom: 0;}






	.mypage_order_wrap .cart_info{width: calc(100% - 730px);}
	.mypage_order_wrap .item_btn_wrap{width: 280px;}
	.mypage_order_wrap .item_btn_inner{width: 250px;}










@media (max-width: 1600px){
	.container_inner{padding: 0 50px;}
	.loop_text{font-size: 115px; line-height: 115px;}
	.index_banner_wrap, .index_review_wrap, .index_item_wrap, .loop_text_wrap, .index_tips_container, .index_follow_wrap, .shop_list_wrap, .quiz_wrap{margin-bottom: 100px;}
	.index_item_title{line-height: 120%;}
	.index_item_banner{height: 780px;}
	.index_tips_container{height: 530px;}
	.footer_mail_wrap{padding-right: 0;}
	.story_wrap1{padding: 60px 0 80px 0; margin-bottom: 100px;}
	.shop_list_wrap{padding-top: 60px;}
	.quiz_tab_btn_con{width: calc(25% - 7.5px); margin-right: 10px;}
	.quiz_tab_btn_con:last-child{margin-right: 0;}
	.quiz_tab_btn_container{width: 100%; float: left;}
	.tips_wrap, .like_wrap, .shop_view_wrap, .cart_wrap, .mypage_wrap, .order_wrap{padding: 60px 0 100px 0;}
	.tips_main_title{margin-bottom: 30px;}
	.shop_view_img_wrap{width: 500px;}
	.shop_view_info_wrap{width: calc(100% - 530px); margin-left: 30px; padding: 35px 40px;}
}

@media (max-width: 1100px){
	
.signup_wrap{position: unset; top: unset; left: unset; transform: unset; max-width: 100%;}
	.index_banner_textbox{width: 330px; bottom: 30px; left: 20px;}
	.header_wrap{padding: 15px 20px;}
	.container_inner{padding: 0 20px;}
	.index_item_title, .index_follow_text, .story_title{font-size: 49px; margin-bottom: 15px;}
	.index_review_title{font-size: 23px; margin-bottom: 30px;}
	.index_review_sub{font-size: 17px;}
	.index_item_btn{font-size: 19px;}
	.index_item_name{font-size: 21px;}
	.loop_text{font-size: 95px; line-height: 95px;}
	.index_tips_title, .tips_main_title{font-size: 39px;}
	.index_follow{width: 49.5%; margin-right: 1%!important; height: 28vw;}
	.index_follow:nth-child(2n){margin-right: 0!important;}
	.index_follow:nth-child(1), .index_follow:nth-child(2){margin-bottom: 1%!important;}
	.footer_inner{width: 100%; margin-bottom: 50px;}
	.footer_inner:last-child{margin-bottom: 0;}
	.footer_mail_title{font-size: 29px; line-height: 140%; margin-bottom: 25px; white-space: unset;}
	.footer_mail_input input{font-size: 19px;}
	.footer_menu_wrap{padding-left: 0;}
	.footer_inner_wrap{margin-bottom: 50px;}
	.all_menu{display: inline-block;}
	.text_menu_wrap, .lang_navi_text, .lang_btn_first{display: none;}
	.lang_btn::before{display: none;}
	.story_textbox{margin-bottom: 20px;}
	.guide_wrap{padding-bottom: 40px; margin-bottom: 30px;}
	.shop_list_con{width: calc(50% - 5px); margin-right: 10px!important; margin-bottom: 10px!important;}
	.shop_list_con:nth-child(2n){margin-right: 0!important;}
	.tips_main_title{margin-bottom: 25px;}
	.shop_list_wrap{margin-bottom: 90px;}
	.quiz_tab_btn_con{width: calc(50% - 5px); margin-right: 10px!important; margin-top: 50px;}
	.quiz_tab_btn_con:nth-child(2n){margin-right: 0!important;}
	.quiz_tab_btn_con:nth-child(1), .quiz_tab_btn_con:nth-child(2){margin-top: 0;}
	.quiz_container{padding: 100px 0;}
	.quiz_email_inner{width: 100%;}
	.tips_list_con_first .tips_title{font-size: 29px;}
	.customer_review_con{width: 50%;}
	.shop_view_img_wrap{width: 100%; margin-bottom: 20px;}
	.shop_view_info_wrap{width: 100%; margin-left: 0;}
	.review_wrap{margin-top: 100px;}
}



@media (max-width: 900px){
	.return_tab{font-size: 19px;}
	.return_sub_text{font-size: 15px;}
	.story_container, .quiz_sub_container, .tips_container, .customer_container, .shop_view_container, .cart_sub_container, .mypage_sub_container{padding-top: 86px;}
	.logo{width: 120px;}
	.header_wrap{padding: 10px 15px 5px 15px;}
	.header_bottom{height: 45px;}
	.index_banner_textbox{padding: 25px 30px 30px 30px;}
	.index_banner_title{font-size: 39px; margin-bottom: 5px;}
	.index_banner_sub{font-size: 19px; margin-bottom: 25px;}
	.index_banner_btn{font-size: 17px; padding: 10px 20px;}
	.index_banner_wrap, .index_review_wrap, .index_tips_container, .index_follow_wrap, .shop_list_wrap, .quiz_wrap{margin-bottom: 60px;}
	.index_item_wrap, .loop_text_wrap{margin-bottom: 30px;}
	.index_item_title{font-size: 29px; margin-bottom: 10px; white-space: unset;}
	.index_review_title{font-size: 17px; margin-bottom: 20px;}
	.index_review_name, .index_review_date, .index_review_sub{font-size: 15px;}
	.index_item_banner{height: 330px; margin-bottom: 10px;}
	.index_item_btn{font-size: 17px; padding: 10px 20px; bottom: 20px;}
	.index_item_con{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.index_item_con:last-child{margin-bottom: 0;}
	.index_item_img{padding: 20px 0;}
	.index_item_img img{width: 25%;}
	.index_item_sub{margin-bottom: 15px;}
	.index_item_price{margin-bottom: 20px;}
	.index_item_name{font-size: 19px;}
	.loop_text{font-size: 45px; line-height: 45px;}
	.index_tips_container{height: auto;}
	.index_tips_img{width: 100%; height: 65vw; margin-right: 0; margin-bottom: 10px;}
	.index_tips_textbox{width: 100%; height: auto;}
	.index_tips_text{position: unset; top: unset; left: unset; transform: unset; padding: 20px;}
	.index_tips_title{font-size: 25px; margin-bottom: 10px;}
	.index_tips_sub{font-size: 15px;}
	.index_item_title, .index_follow_text{font-size: 29px; margin-bottom: 10px;}
	.footer_mail_title{font-size: 23px; line-height: 120%; margin-bottom: 15px;}
	.footer_mail_input input, .footer_menu_sub{font-size: 15px;}
	.footer_menu_title{font-size: 17px;}
	.footer_copyright{height: 30px; line-height: 30px; font-size: 15px;}
	.story_wrap1{padding: 40px 0 40px 0; margin-bottom: 60px;}
	.story_title, .tips_main_title{font-size: 29px; margin-bottom: 10px;}
	.story_sub{font-size: 15px;}
	.guide_title{font-size: 23px;}
	.story_sub{padding: 15px 20px;}
	.shop_list_wrap{padding-top: 40px;}
	.index_item_con{padding: 0 20px;}
	.shop_list_btn{margin-top: 0;}
	.shop_list_con{width: 100%; margin-right: 0!important; margin-bottom: 30px!important;}
	.shop_list_con:last-child{margin-bottom: 0!important;}
	.quiz_container{padding: 40px 0;}
	.quiz_sub, .values_name{font-size: 17px;}
	.quiz_tab_img{height: 150px;}
	.quiz_tab_btn{font-size: 15px; padding: 10px 0;}
	.quiz_bar_wrap{height: 6px;} 
	.quiz_btn{font-size: 15px;}
	.quiz_submit_btn{width: 100%; padding: 10px 0; font-size: 15px; margin-top: 10px;}
	.quiz_email_input input{font-size: 17px;}
	.ceo_wrap{margin-top: 0;}
	.ceo_img{width: 100%; margin-bottom: 20px;}
	.ceo_textbox{width: 100%; padding-left: 0;}
	.values_wrap{padding-top: 40px; margin-top: 40px;}
	.ceo_title, .values_title{font-size: 23px;}
	.ceo_sub, .values_sub{font-size: 15px;}
	.ceo_sign{font-size: 21px;}
	.tips_list_con{width: 50%;}
	.tips_list_con_first{width: 100%;}
	.tips_img{height: 35vw;}
	.tips_info{margin-top: 10px;}
	.tips_title{font-size: 17px; margin-bottom: 10px;}
	.tips_list_con_first .tips_title{font-size: 23px;}
	.tips_list_con_first .tips_img{width: 100%; height: 65vw; border-radius: 10px;}
	.tips_list_con_first .tips_info{width: 100%; padding: 20px; margin-top: 10px; border-radius: 10px;}
	.tips_btn{width: 100%; margin-top: 20px; position: unset; bottom: unset; left: unset; transform: unset; font-size: 15px; padding: 10px 0;}
	.tips_list_con_first .tips_sub{font-size: 15px;}
	.tips_container .container_inner{padding: 0 10px;}
	.tips_list_con{margin-bottom: 20px;}
	.tips_wrap, .shop_view_wrap, .like_wrap, .cart_wrap, .mypage_wrap, .order_wrap{padding: 40px 0 60px 0;}
	.tips_list_page{padding: 5px 10px;}
	.tips_view_title{font-size: 25px!important; margin-bottom: 20px!important;}
	.tips_sub, .shop_view_sub_name, .shop_view_btn{font-size: 15px;}
	.shop_view_sub_name{margin-bottom: 5px;}
	.customer_title{font-size: 17px; margin-bottom: 20px;}
	.customer_review_con{width: 100%; padding: 0;}
	.customer_title{position: unset;}
	.mo_customer_write{position: fixed; bottom: 20px; right: 20px; display: inline-block; z-index: 999; background-color: #fff;}
	.pc_customer_write{display: none;}
	.shop_view_info_wrap{padding: 15px 20px;}
	.review_wrap{margin-top: 60px;}
	.product1{width: 55px!important;}
	.shop_view_main_name{font-size: 25px; margin-bottom: 10px;}
	.shop_view_option_wrap{margin-bottom: 20px;}
	.shop_view_sub_wrap, .shop_view_btn_wrap{margin-bottom: 30px;}
	.shop_view_sub{font-size: 15px; margin-bottom: 5px;}
	.shop_view_tab_title{font-size: 17px; height: 50px; line-height: 50px;}
	.shop_view_tab_sub_title{font-size: 17px; margin-bottom: 7px;}
	.view_tab_btn img{width: 9px;}
	.review_title{width: 100%; font-size: 23px; line-height: 23px; height: 23px; margin-bottom: 5px; text-align: left;}
	.review_all_star{font-size: 19px; height: unset; line-height: unset;}
	.review_all_star font{line-height: 25px; height: 25px;}
	.review_all_star img{height: 25px;}
	.review_btn_wrap{width: 100%; display: flex; flex-wrap: wrap; float: left; height: unset; margin: 15px 0 5px 0;}
	.review_rule_btn{width: 100%; text-align: center; height: auto; line-height: unset; margin-bottom: 10px; padding: 10px 0; border: 1px solid #999; border-radius: 5px; margin-right: 0;}
	.review_rule_btn font{line-height: unset!important; height: unset;}
	.review_rule_btn:last-child{margin-bottom: 0; border-color: #ff7276; background-color: #ff7276; color: #fff;}
	.review_container{margin: 10px 0 30px 0;}
	.review_info{height: unset; margin-bottom: 15px;}
	.review_info_left{width: 100%; height: 17px; margin-bottom: 10px;}
	.review_date{width: 100%; height: 15px; line-height: 15px; text-align: left;}
	.shop_view_like_btn img, .shop_view_cart_btn img{width: 19px;}
	.like_del{width: 40px; border-bottom: 2px solid #000;}
	.like_del img{width: 15px;}
	.cart_img{width: 70px; border-bottom: 2px solid #000;}
	.cart_img img{width: 50%; height: unset;}
	.cart_info{width: calc(100% - 110px)!important; padding: 15px 0; border-bottom: 2px solid #000; padding-right: 10px;}
	.cart_name{font-size: 19px;}
	.cart_sub{margin-bottom: 10px;}
	.cart_price{width: calc(100% - 50px); line-height: 40px!important; height: 40px; text-align: left; padding-left: 10px; background-color: #FFF2F2;}
	.cart_add, .cart_del{height: 40px; width: 50px; background-color: #FFF2F2;}
	.cart_option_box{width: 100%; margin-bottom: 10px;}
	.cart_option_box:last-child{margin-bottom: 0;}
	.cart_option, .cart_option_select_wrap{width: 100%;}
	.item_num_wrap{width: 100%; margin-left: 0;}
	
	.cart_sub_container1 .cart_info, .mypage_sub_container .cart_info, .order_wrap .cart_info{width: calc(100% - 70px)!important;}
	.cart_buy_btn_wrap{margin-top: 30px;}
	.cart_buy_btn{width: 200px; font-size: 15px;}
	
	.mypage_info_wrap{padding: 10px;}
	.mypage_name{font-size: 17px;}
	.item_price{font-size: 19px; margin-top: 0;}
	.item_date{width: 50%; height: 40px; line-height: 40px!important; font-size: 15px; padding-left: 10px; text-align: left;}
	.item_state{width: 50%; float: right; height: 40px; line-height: 40px!important; font-size: 15px; text-align: right; padding-right: 10px;}
	.mypage_menu{width: 100%; font-size: 15px;}
	
	.item_btn_wrap{width: 100%!important;}
	.item_btn_inner{width: 100%!important; position: unset; top: unset; left: unset; transform: unset;}
	.item_btn{width: 100%; padding: 10px 0; line-height: 120%; border: 0; border-radius: 0; background-color: #FFF2F2; border-top: 2px solid #000; margin-bottom: 0;}
	.mypage_order_wrap .cart_container{margin-bottom: 30px;}
	.delivery_wrap{margin-top: 30px;}
	.delivery_title{padding: 10px; font-size: 15px;}
	.delivery_con{width: 100%;  padding: 20px 0; border-right: 0; border-bottom: 2px solid #000;}
	.delivery_con:last-child{border-bottom: 0;}
	.delivery_con::after{top: unset; bottom: -14px; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg);}
	
	.add_address_btn{width: 40px; height: 40px; top: -50px;}
	.address_tag{padding: 10px; font-size: 15px;}
	.address_con{padding: 10px;}
	.address_title{font-size: 19px; margin-bottom: 5px;}
	.address_info{margin-bottom: 10px;}
	.address_name, .address_phone, .address_sub{font-size: 15px;}
	.address_select_wrap{width: 52px;}
	.address_change, .address_del{width: 21px;}
	.address_change img, .address_del img{width: 15px;}
	.address_btn{font-size: 15px;}
	.mypage_review_wrap .item_date{padding-left: 0; width: 100%; text-align: center;}
	.mypage_review_wrap .cart_container{margin-bottom: 30px;}
	.question_container{margin: 0 0 30px 0;}
	
	.order_sheet_title{padding: 10px; font-size: 15px;}
	.order_sheet_container, .pay_sum_wrap, .pay_all_sum_wrap{padding: 10px;}
	.order_sheet_con{margin-bottom: 15px;}
	.order_sheet_input input, .order_sheet_address_input input{padding: 0 10px;}
	.order_sheet_input, .order_sheet_address_input, .order_sheet_address_btn{height: 45px;}
	.order_sheet_address_btn{line-height: 45px;}
	.order_sheet_tab{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.order_sheet_tab:last-child{margin-bottom: 0;}
	.order_sheet_name{margin-bottom: 5px;}
	.pay_info_con{padding: 10px 15px;}
	
	.login_container_wrap{padding: 20px;}
	.login_logo{margin-bottom: 20px;}
	.login_logo img{width: 120px;}
	.input_name{font-size: 13px;}
	.input_con{margin-bottom: 10px;}
	.login_btn{margin-bottom: 10px;}
	.home_btn{height: 50px; line-height: 50px; font-size: 13px;}
	.signup_wrap .login_container_wrap{padding-top: 20px;}
	.top_wrap{margin-bottom: 15px;}
	.back_btn{width: 20px;}
	.top_title{font-size: 15px;}
	
	
	.quiz_title{font-size: 29px; margin-bottom: 20px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.item_state1, .item_date{line-height: 40px!important; display: inline-block; align-items: unset; justify-content: unset;}
	
	
	
	
	
	
	
	
	
}



@media (max-width: 600px){
	.index_banner_textbox{width: calc(100% - 40px); left: 50%; transform: translateX(-50%);}
}