@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Pretendard-Thin.woff');
  src: local('Pretendard Thin'), local('Pretendard-Thin'),
       url('../fonts/Pretendard-Thin.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-Thin.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Pretendard-ExtraLight.woff');
  src: local('Pretendard ExtraLight'), local('Pretendard-ExtraLight'),
       url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-ExtraLight.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Pretendard-Light.woff');
  src: local('Pretendard Light'), local('Pretendard-Light'),
       url('../fonts/Pretendard-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-Light.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Pretendard-Regular.woff');
  src: local('Pretendard Light'), local('Pretendard-Regular'),
       url('../fonts/Pretendard-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-Regular.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Pretendard-Medium.woff');
  src: local('Pretendard Medium'), local('Pretendard-Medium'),
       url('../fonts/Pretendard-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-Medium.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Pretendard-SemiBold.woff');
  src: local('Pretendard SemiBold'), local('Pretendard-SemiBold'),
       url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-SemiBold.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Pretendard-Bold.woff');
  src: local('Pretendard Bold'), local('Pretendard-Bold'),
       url('../fonts/Pretendard-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-Bold.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Pretendard-ExtraBold.woff');
  src: local('Pretendard ExtraBold'), local('Pretendard-ExtraBold'),
       url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-ExtraBold.woff') format('woff'), /* Modern Browsers */
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Pretendard-Black.woff');
  src: local('Pretendard Black'), local('Pretendard-Black'),
       url('../fonts/Pretendard-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Pretendard-Black.woff') format('woff'), /* Modern Browsers */
}

*{
    margin: 0;
    padding: 0;
    font-family: 'Pretendard', 'sans-serif';
    letter-spacing: 0px;
    line-height: 1.5;
    box-sizing: border-box;
    outline: none;
    color: inherit;
    text-decoration: none;
        }
      
html{ scroll-behavior: smooth; }
html, body{ height: 100%; }
body{ background-color: #FFFFFF; font-size:15px;}
body > .first{ padding-top: 60px; }
      
.red{ color: #E60012;}
.blue{ color: #2D64AA !important; }
      
h1, h2, h3, h4, h5, b{ font-family: 'Pretendard', futura-pt, sans-serif; font-weight: 400; letter-spacing: 0.5px; }
h3{ font-size: 21px; text-align: center; }

fieldset {border:none;}
input{border-radius: 0;}
        
.outer{ padding-left: 20px; padding-right: 20px; }
.inner{ padding-left: 24px; padding-right: 24px; }

pre{ white-space: pre-wrap; }

ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;}
.flex_row {display:flex;}
.display_inline {display:inline-block;}
button {border: none; background: transparent;}

input[type="text"], input[type="password"] {height:50px; font-size: 15px; color: #000; border: 0; border-bottom: 1px #000 solid;}
.mgt_90 {margin-top:90px;}

/*버튼*/
.btn_prime {display:flex; justify-content:center; align-items:center; width:100%; height: 60px; background: #000; color: #fff; border: 0; font-size:18px; font-weight:400;}
.btn_gray {display:flex; justify-content:center; align-items:center;  width:100%; height: 60px; background: #eee; color: #111; border: 0; font-size:18px; }
.btn_wh {display:flex; justify-content:center; align-items:center;  width:100%; height: 60px; background: #fff;  border: solid 1px #888; color: #888; font-size:18px; }
.m_frame .order_table .buttons > * {text-align:center;line-height:1;}

/*팝업*/
.ly_show ~ .ly_overlay {opacity:0.6}
.ly_pop {background:rgba(255, 255, 255, 0.6);}
.ly_wrap {position: fixed!important;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;}

.ly_wrap .layer_wrap_cont,
.layer_order_refund_reason {
    position: relative;
	width:100%; margin:0 24px;
    padding: 40px;
    border: 1px solid #DDDDDD;
    background: white;
    box-shadow: rgb(0 0 0 / 16%) 0px 20px 20px;
    display: flex;
    flex-direction: column;
}
.ly_tit {margin-bottom:40px; font-size: 21px; font-weight: 500;}
.ly_close {position:absolute; top:40px; right:40px;}
.ly_pop .no_data {border:none!important; color:#888;}

/*반품상세정보팝업*/
.layer_order_refund_reason .h_tit {font-size:21px; font-weight:500; color:#000; text-align:left;}
.layer_order_refund_reason .content_box {margin-top:40px; padding:0; border-top:1px solid #000;}
.layer_order_refund_reason .content_box dl {padding:0; border-bottom:1px solid #d6d6d6; font-size:15px; }
.layer_order_refund_reason .content_box dl dt {width:40%; padding:15px 4px; font-weight:500;vertical-align:top; }
.layer_order_refund_reason .content_box dl dd {width:60%; padding:15px 4px; vertical-align:top;}
.layer_order_refund_reason .btn_bx2 li {width:100%;}
.reason_confirm_btn {width:100%; height:45px; margin-top:60px; background:#000; border:1px solid #000; color:#fff; font-size:15px; font-weight:400;}
.reason_confirm_btn:hover {background:}
.layer_order_refund_reason .close_btn {top:30px; right:30px;}

/*comodal 팝업*/
.co-modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
		background:rgba(255, 255, 255, 0.7);
}
.co-modal.show { display: block; }
.co-modal-body {
        position: absolute;
        z-index: 999;
        top: 396px;
        left: 50%;
        width: 352px;
        padding: 80px 30px 30px;
        text-align: center;
        background-color: rgb(255, 255, 255);
		border: 1px solid #DDDDDD;
        box-shadow: rgb(0 0 0 / 16%) 0px 20px 20px;
        transform: translateX(-50%) translateY(-50%);
}

.co-btn-ul{list-style: none; margin-top: 30px}
.co-btn-ul li {margin-left: 10px}
.co-btn-ul li:first-child {background:#eee;}
.co-btn-ul li:last-child {background:#000; margin-top: 10px }
.co-btn-ul li a {display: block; width: 100%; height: 45px; font-family: futura-pt, sans-serif; font-weight: 400; letter-spacing: 1.5px; line-height: 45px; font-size: 15px}
.no-scroll{overflow-y:hidden;}
        
.line-01 {transform: rotate(135deg) translateX(0%);}
.line-02 {transform: rotate(45deg) translateX(0%);}
.sect01 {position: absolute; width: 30px; height: 30px; top:33px; right:53px; cursor: pointer}
.sect01 .line-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.sect01 .line-box > span { position: absolute; top: 50%; width: 100%; height:2px; background-color: #000;}
.sect01 .line-01 { transform: rotate(135deg) translateX(0%);}
.sect01 .line-02 {transform: rotate(45deg) translateX(0%);}

.pop_bottle .co-modal-body {/*position:relative;*/ top:0; width:88%; max-width:352px; font-size:18px; font-weight:500; letter-spacing:-0.45px; word-break:keep-all; transform: translateX(-50%) translateY(50%);}
.pop_bottle .co-modal-body .close {position:absolute; top:20px; right:20px;}
.pop_bottle .co-btn-ul li {margin-left:0;}
   
	
/* 셀렉트박스 */
select{height:31px; color:#717171; vertical-align:top; outline:none;}
#wrap .chosen-container{vertical-align:top; text-align:left;}
#wrap .chosen-single{height:31px; color:#717171; vertical-align:top; outline:none; border:1px solid #cccccc;}
#wrap .chosen-single > span{line-height:30px;}
#wrap .chosen-container .chosen-results li{float:none;}
#wrap .chosen-container .chosen-drop{border:1px solid #cccccc; border-top:none 0;}
#wrap .chosen-container .chosen-results li.active-result{text-align:left;}
#wrap .chosen-container .chosen-results li.disabled-result{text-align:left;}

.chosen-select {
	margin-top: 30px;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-size: 13px;
	border: 1px solid #888888;
	background: none;
}
#wrap .chosen-single  {display:flex; flex-flow:row wrap; justify-content:space-between; height: 60px; padding: 9px 12px 9px 20px;  border: solid 1px #000;}
.chosen-container-single .chosen-single span {display:flex; align-items:center; font-size: 15px; color:#888; line-height:inherit;}
.chosen-container-single .chosen-single div {top:15px; right:12px; width:16px;}
#wrap .chosen-container .chosen-drop {margin-top:0; font-size: 14px; color: #000000; border: 1px solid #000000; border-top: none; border-radius:0;}
.chosen-container .chosen-drop {box-shadow:none;}
.chosen-container .chosen-results {max-height:none; padding:0; margin:0; font-size:14px; color:#000;}
#wrap .chosen-container .chosen-results li {height: 50px; padding: 0 19px; display: flex; align-items: center}
#wrap .chosen-container .chosen-results li:hover {background: #F4F4F4; color:inherit;}
.chosen-container-active .chosen-single {box-shadow:none;}
.chosen-container .chosen-results li:first-of-type {display:none!important;}

/*라디오버튼*/
.radio_btn{ display: flex; align-items: center; cursor: pointer; color: #888888; }
.radio_btn input[type="radio"]{ display: none; }
.radio_btn label{ display: flex; align-items: center; cursor: pointer; }
.radio_btn label .checkbox{ position: relative; margin-right:4px; width: 16px; height: 16px; border: 1.5px solid #888888; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
.radio_btn input[type="radio"]:checked~label{ color: black; }
.radio_btn input[type="radio"]:checked~label .checkbox{ border-color: black; }
.radio_btn input[type="radio"]:checked~label .checkbox::after{ width: 8px; height: 8px; border-radius: 4px; background: black; display: block; content: ""; }

/*체크박스*/
.inp_chk input[type="checkbox"] {width:20px; height:20px; margin:0; margin-right:5px; border:1px solid #888888; background:none;}
.inp_chk input[type="checkbox"]:checked {background:#000 url(../img/order/checked.svg) no-repeat center center; background-size:10px auto; border:1px solid #000;}


width: 15px;
    height: 15px;
    flex-shrink: 0;
    border-color: black;
.form_element label.check_s:hover {background:none;}

/*페이지네이션*/
.pagination {margin-top:60px; text-align:center;}
.pagination ul {display:flex; justify-content:center; align-items:center;}
.pagination li {padding:0 15px; font-size:18px; color:#bbbbbb; font-weight:500;}
.pagination li.on {color:#111;}

/*수량*/
.option_display_area {width:100%;}
.goods_qty {display:flex; justify-content:space-between;}
.goods_qty span {display:flex; margin:0 -4px;}
.goods_qty button img {width:30px; vertical-align:middle;}
.goods_qty input {height:auto; border:none; text-align:center;}

		
/* 헤드 */
header{ position: fixed; top: 0; width: 100%; transition: background-color .3s, height .3s, top .3s, opacity .3s !important; z-index:1000 /*1111*/}
header, header .top{ height: 60px; display: flex; padding: 0 10px; align-items: center; justify-content: space-between; }
  
header .logo{ width: 84px; height: 20px; }
header .img_box{ width: 48px; height: 48px;}

header.w > .logo{ background: url("/data/skin/front/awesome/img/sita/logo_hb.svg"); background-size: cover;  }
header.w .menu{ background: url("../img/sita/menu_hb.svg") no-repeat center; background-size: 25px 17.8px; }
header.w .bucket{ background: url("/data/skin/front/awesome/img/sita/bucket_hb.svg") no-repeat center; background-size: 25px 23.8px; }
  

header.opaque{ background: rgba(255,255,255, 0.9); }
header .logo, header.opaque .logo{ background: url("/data/skin/front/awesome/img/sita/logo_hb.svg"); background-size: cover; }
header .menu, header.opaque .menu{ background: url("../img/sita/menu_hb.svg") no-repeat center; background-size: 24px 17.8px;  }
header .bucket, header.opaque .bucket{ background: url("/data/skin/front/awesome/img/sita/bucket_hb.svg") no-repeat center; background-size: 24px 22.8px;  }
header .close{ background: url("../img/sita/close_h.svg") no-repeat center; background-size: 17px 17px;  }

header.hide{ opacity: 0; height: 0;}
  
header .snb{ position: absolute; top: 0; left: -300px; width: 300px; height: 100vh; background: white; box-shadow: 0 0 6px rgba(0,0,0, 0.16); transition: all 0.3s !important; touch-action: none; }
header .snb.open{ left: 0; }
header .snb a{ display: block; color: #1F2337; }

header .snb .middle{ margin: 50px; }
header .snb .middle a{ font-weight: 400; line-height: 40px; font-size: 18px; font-weight: 500; }

header .snb .bottom{ margin-left: 50px; width: 100px; }
header .snb .bottom a{ font-weight: 400; line-height: 40px; font-size: 16px; }
  
header .snb .product{ display: flex; justify-content: space-between; align-items: center; padding-right: 20px;}
header .snb .product + div { margin: 10px 0px 10px 20px; display: none;}
header .snb .product + div a { font-family: futura-pt, sans-serif; font-weight: 400; line-height: 40px; font-size: 18px;}
header .snb .product.open img{ -webkit-transform: scaleY(-1); transform: scaleY(-1); }
header .snb .product.open + div{ display: block; }
  
  
header .nav_outer {overflow-y:scroll; height:100%; padding-bottom:210px;}

header .lang {margin:73px 50px 50px 50px;}
header .lang .selectize-input {padding:0; padding-bottom:13px; border:none; border-bottom:1px solid #000; box-shadow:none; font-size:14px;} 
.selectize-control.single .selectize-input:after {content:''; top: 0; right:10px;  width: 13px; height: 22px; margin-top: 0; background:url('../img/sita/snb_down.svg') no-repeat center center; background-size:100% auto;  border-style: none; border-width: 0;}
header .lang .selectize-control.single .selectize-input.dropdown-active:after {margin-top:0px; transform: rotate(180deg);}
header .lang input[type="text"] {height:auto;}
header .lang .selectize-dropdown {border: none; margin: 0; margin-top:10px; padding-bottom:50px;  -webkit-box-shadow:none; box-shadow: none;}
header .lang .selectize-dropdown, header .lang .selectize-input, header .lang .selectize-input input,
header .lang .selectize-control.multi .selectize-input > div,
header .lang .selectize-control.multi .selectize-input > div.active ,
header .lang .selectize-control.multi .selectize-input.disabled > div,
header .lang .selectize-control.multi .selectize-input.disabled > div.active,
header .lang .selectize-dropdown .active {color:#000!important; font-size:14px;}
header .lang .selectize-dropdown [data-selectable], header .lang .selectize-dropdown .optgroup-header {padding:6px 0;}
header .lang .selectize-dropdown .active {background:#fff;}


header .snb .middle .siita_cate_top {}
header .snb .middle .siita_cate_top > li {}
header .snb .middle .siita_cate_top > li a { cursor:pointer; display:block; }
header .snb .middle .siita_cate_top > li.has_child > a { display:flex; justify-content:space-between; align-items:center; padding-right:20px; }
header .snb .middle .siita_cate_top > li.has_child.open > a img {-webkit-transform:scaleY(-1); transform:scaleY(-1);}
header .snb .middle .siita_cate_top > li > ul { display:none; margin:10px 0px 10px 20px; }
header .snb .middle .siita_cate_top > li.open > ul { display:block; }
header .snb .middle .siita_cate_top > li > ul > li > a { line-height:40px; font-size:16px; font-weight:400; }
   
/*풋터*/
#footer {margin:0; clear:both; position:relative;}
footer{ background:#f1f1f1; padding: 60px 24px 87px; }
footer *{ font-family: futura-pt, sans-serif; font-weight: 400; color: #111; font-size:16px; letter-spacing: 0.5px; line-height: 1.5;}
footer img{display:block; width: 76px; height: 18px; margin-bottom: 60px;}

footer .ft_row2 {margin-top:60px; align-items:flex-end; color:#111}
footer .ft_row2 > div:first-of-type {margin-bottom:10px; line-height:1;}
footer .ft_row2 .ft_info {font-size:11px; color:#111; line-height:19px;}

footer .ft_row1 {display:flex; flex-flow: row wrap; justify-content:space-between;}
footer .ft_row1 dl {width:46%; margin-bottom:40px; }
footer .ft_row1 dt {margin-bottom:10.5px; padding-bottom:9.5px; border-bottom:1px solid #707070; font-family: futura-pt, sans-serif; font-weight: 400; font-size:16px; letter-spacing: 1.2px; color:#111;}
footer .ft_row1 dd {padding:5px 0; color:#111;}
footer .ft_row1 > dl:first-of-type dd:last-of-type  {width:60%;}

footer .lang {width:46%;}
footer .lang .selectize-dropdown,
footer .lang .selectize-input,
footer .lang .selectize-input input {line-height:1.5;}
footer .lang .selectize-dropdown, footer .lang .selectize-input, footer .lang .selectize-input input {padding:0!important; line-height:1.5!important;}
footer .lang .selectize-input {padding-bottom:9.5px!important; border:none; border-bottom:1px solid #707070; box-shadow:none;} 
footer .lang .selectize-input {margin-bottom:9.5px; padding-bottom:9.5px; border-bottom:1px solid #707070; font-size:13px; font-weight:500; color:#111;background:none!important;}
footer .lang .selectize-control.single .selectize-input:after {content:''; top:5px; right:10px;  width:11px; height:11px; margin-top: 0; background:url('../img/sita/snb_down.svg') no-repeat center center; background-size:100% auto;  border-style: none; border-width: 0;}
footer .lang .selectize-control.single .selectize-input.dropdown-active {padding-top:0; margin-top:0; background:none;}
footer .lang .selectize-control.single .selectize-input.dropdown-active:after {top:3px; transform:rotate(180deg);}
footer .lang input[type="text"] {height:2px;}
footer .lang .selectize-dropdown {top:40px!important; border: none; margin: 0; padding-bottom:50px;  -webkit-box-shadow:none; box-shadow: none; background:none;}
footer .lang .selectize-dropdown, footer .lang .selectize-input, footer .lang .selectize-input input {color:#111;}
footer .lang .selectize-dropdown, header .lang .selectize-input, header .lang .selectize-input input,
footer .lang .selectize-control.multi .selectize-input > div,
footer .lang .selectize-control.multi .selectize-input > div.active ,
footer .lang .selectize-control.multi .selectize-input.disabled > div,
footer .lang .selectize-control.multi .selectize-input.disabled > div.active,
footer .lang .selectize-dropdown .active {background:none!important;}
footer .lang .selectize-dropdown [data-selectable], header .lang .selectize-dropdown .optgroup-header {padding:5px 0; color:#111!important;}

/*언어인트로*/
.portrait hr {display:none;}
.lang_intro {display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:100%; height:100vh; background: url('../img/sita/main_bg1_bl.png') no-repeat; background-size: cover; background-position: 50%; color:#fff; overflow:hidden;}
.lang_intro .inner {width:300px; padding:0; margin:0;}
.lang_intro .logo {margin-bottom:100px; text-align:center}
.lang_intro .logo img {display:inline-block; width:210px;}	
.lang_intro .selbox {display:flex; align-items: center; padding:0 10px 25px 10px; font-size:18px; font-weight:500; border-bottom:1px solid #fff; line-height:1;}
.lang_intro .selbox img {margin-top:8px; margin-left:auto; cursor:pointer;}
.lang_intro .lang_list li {padding:15px 10px; border-top:1px solid rgba(255, 255, 255, 0.2); color:#fff;}
.lang_intro .lang_list li:first-child {border-top:none;}
.lang_intro .lang_list a, .lang_intro .lang_list a:hover {color:inherit; font-size:14px;}


/*메인*/
.main section{ position: relative; }
.main .wrapper{ position: absolute; bottom: 60px; left: 0; width: 100%; }
  
  
.main > section#section1{ background: url(../img/sita/main_cleanser_m.png) no-repeat; background-size: cover; background-position: 50%;}
.main > section#section2{ background: url(../img/sita/main_bg2.png) no-repeat; background-size: cover; background-position: 50%;}
.main > section#section3{ background: url(../img/sita/m_main_products.png) no-repeat; background-size: cover; background-position: 50%;}
.main > section#section4{ background: url(../img/sita/main_bg4_c.png) no-repeat; background-size: cover; background-position: 50%;}


.m_frame .panel .btn_back {left:20px;}
	
/*소개*/
.phil_wrap section{ position: relative; }
.phil_wrap .wrapper{ position: absolute; top: 180px; left: 20px; width: calc(100% - 40px); }

.co-warp {background:#fff;}



.phil_wrap > section#section1{ background: url(../img/sita2/m_intro_01@2x.jpg) no-repeat; background-size: cover; background-position: 50%; height:960px;}

#phil{ background: white; }
#phil > section > span{ display: block; height: 400px; }
#phil > section:nth-child(1) > span { background: url(../img/sita2/m_intro_02@2x.jpg) no-repeat; background-size: cover; background-position: 50%; }
#phil > section:nth-child(2) > span { background: url(../img/sita2/m_intro_03@2x.jpg) no-repeat; background-size: cover; background-position: 50%; }
#phil > section:nth-child(3) > span { background: url(../img/sita2/m_intro_04@2x.jpg) no-repeat; background-size: cover; background-position: 50%; }
#phil > section:nth-child(4) > span { background: url(../img/sita/phil_bg8.png) no-repeat; background-size: cover; background-position: 50%; }

  
#phil .inner{  height: 870px; padding-top: 50px; }
#phil section:nth-of-type(2) .inner {height:870px;}
#phil h4{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 1px; }
#phil a{ display: inline-block; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 0.5px; margin-top: 6px; color: #666666; }
#phil a::after{display: inline-block; content: ''; width: 8px; height :12px; margin-left: 10px;
    background: url(../img/sita/phil_right.svg) no-repeat;
    background-size: contain; background-position: 50%;
  }

#phil p{ font-family: futura-pt, sans-serif; font-weight: 300; font-size: 16px; letter-spacing: 0.5px; line-height: 28px; margin-top: 30px; }
  
.phil_last{ background: url(../img/sita/phil_bg6.png) no-repeat; background-size: cover; background-position: 50%; }
.phil_last{ padding: 60px 24px 20px; text-align: center; color: white;}
.phil_last h2{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 33px; letter-spacing: 2px; }
.phil_last p{ margin: 40px auto; font-family: futura-pt, sans-serif; font-weight: 300; font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; }
.phil_last a{ display: inline-block; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 0.5px; color:#fff; }
.phil_last a::after{
    display: inline-block; content: ''; width: 9px; height :14px; margin-left: 10px;
    background: url(../img/sita/main_right.svg) no-repeat;
    background-size: contain; background-position: 50%;
  }
  
.phil_last .num_box{ display: flex; justify-content: space-between; width:100%; margin-top: 80px; }
.phil_last .num_box > div{ width: 108px; height: 120px; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; }
.phil_last .num_box h1{ font-size: 30px; font-weight: 500; letter-spacing: 1.2px; }
.phil_last .num_box h5{ margin-top: 3px; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 0.5px; line-height: 1.2; }

/*뉴제로웨이스트*/
.zero{ background: white; text-align: center; }
.zero .s2,.zero .s4{ background: #F8F8F8; }


.zero .s1{ padding: 210px 24px 150px; }
  
.zero .s1 .relative{ position: relative; height: 180px;}
.zero .s1 h1{ position: absolute; width: 100%; left: 0; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 36px; letter-spacing: 1px; line-height: 1.2;}
.zero .s1 .body{ margin-top: 200px; }
.zero .s1 img{ width: 100vw; height: 100vw; margin-left: -24px; object-fit: cover; }
.zero .s1 p{ margin-top: 50px ; font-family: futura-pt, sans-serif; font-weight: 400; letter-spacing: 0.5px; font-size: 24px; line-height: 1.3; text-align: left;}
  
.zero .s2{ padding: 100px 24px;}
.zero .s2 p { font-family: futura-pt, sans-serif; font-weight: 500; font-size: 27px; line-height: 1.3;}
  
.zero .s3{ padding: 0 24px 150px; text-align: left; }
.zero .s3 section{ padding-top: 120px;}
.zero .s3 section img{ width: 100vw; height: 100vw; margin-left: -24px; object-fit: cover; }
.zero .s3 section p{ margin-top: 50px ; font-family: futura-pt, sans-serif; font-weight: 400; letter-spacing: 0.5px; font-size: 24px; line-height: 1.3; text-align: left;}
  
.zero .s3 a{ display: inline-block; color: #666666; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 21px; letter-spacing: 0.5px; }
.zero .s3 a::after{
    display: inline-block; content: ''; width: 8px; height :15px; margin-left: 15px;
    background: url(../img/sita/zero_right.svg) no-repeat;
    background-size: contain; background-position: 50%;
  }

.zero .s3 a.top{ margin-top: 60px;}
.zero .s3 a.bottom{ margin-top: 30px;}
  
.zero .s4 { padding: 90px 24px 0px; }
.zero .s4 h2{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 30px; line-height: 1.2; letter-spacing: 1.5px; }
.zero .s4 section{ margin-top: 100px; border-top: 1px solid black; }
.zero .s4 .text > p{ margin-top: 20px; font-family: futura-pt, sans-serif; font-weight: 500; font-size: 30px; line-height: 1.2; text-align: left; }
.zero .s4 img{ margin-top: 60px; width: 100vw; height: 100vw; margin-left: -24px; object-fit: cover; }


/*완전퇴비화*/
.compost .outer{ height: 720px; text-align: center; padding: 0;}

.compost .s1{ background: url(../img/sita/compost_bg1.png) no-repeat; background-size: cover; background-position: 50%; }
.compost .s2{ background: url(../img/sita/compost_bg2.png) no-repeat; background-size: cover; background-position: 50%; }
.compost .s3{ background: url(../img/sita/compost_bg3.png) no-repeat; background-size: cover; background-position: 50%; }
.compost .s4{ background: url(../img/sita/compost_bg4.png) no-repeat; background-size: cover; background-position: 50%; }
.compost .s5{ background: url(../img/sita/compost_bg5.png) no-repeat; background-size: cover; background-position: 50%; }

.compost .s1{ display: flex; justify-content: center;}
.compost .s1 h3{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 36px; letter-spacing: 1px; line-height: 1.2; color: white; padding:0 20px; padding-top: 270px;}

.compost h5{ font-family: futura-pt, sans-serif; font-weight: 400; letter-spacing: 0.5px; font-size: 24px; line-height: 1.2; color: white; padding: 30px 24px; text-align: left;}

.compost .col{ display: flex; flex-direction: column; padding: 30px 24px; justify-content: space-between }
.compost .col p{ display: inline-block; font-family: futura-pt, sans-serif; font-weight: 400; letter-spacing: 0.5px; font-size: 24px; color: #111111; line-height: 1.2; text-align: left;  }
.compost .white p, .compost .white .more{ color: white; }

.compost .more{ display: block; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 0.5px; margin-top: 20px; color: #111; cursor: pointer;}
.compost .more::after{
    display: inline-block; content: ''; width: 6px; height :12px; margin-left: 10px;
    background: url(../img/sita/compost_more.svg) no-repeat;
    background-size: contain; background-position: 50%;
  }

.compost .white .more::after{
    background: url(../img/sita/compost_more_w.svg) no-repeat;
    background-size: contain; background-position: 50%;
  }

.compost .float{ width: 212px; height: 240px; position: absolute; top: 930px; left: calc(50% - 106px); z-index: 99; }
.compost .float.floating{ position: fixed; top: 210px;}

.compost .layer_wrapper{
    display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0.7); z-index: 99999;
    align-items: center; justify-content: center;
  }

.compost .layer_wrapper.open{ display: flex; }
.compost .layer{ position: relative; width: 352px; height:auto; background: white; padding: 40px; box-shadow: 0 20px 20px rgba(0,0,0, 0.16); }
.compost .layer * { color: black; text-align: left; }
.compost .layer .close{ position: absolute; top: 40px; right: 40px; cursor: pointer; }
.compost .layer h1{ font-size: 21px;  }
.compost .layer p{ margin-top: 30px; font-size: 14px; line-height: 23px; height: 220px; overflow-y: scroll; }
.compost .layer .image_box{ margin-top: 30px; width: 100%; height: 150px; display: flex; overflow: hidden;}

.compost .layer .move{ position: absolute; bottom: 77px; cursor: pointer; }
.compost .layer .move.hide{ display: none; }
.compost .layer .left{ left: 10px; }
.compost .layer .right{ right: 10px; }
.compost .layer .image_box img{ min-width: 272px; height: 150px; object-fit: cover; margin-right: 10px; }
.compost .layer .image_box img:last-child{ margin-right: 0;}

.compost .outer{ position: relative; overflow: hidden;}
.compost video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; object-fit: cover;}

/*프로젝트*/
.project *{ color: white; text-align: center; }
.project h2{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 30px; letter-spacing: 0.5px; line-height: 1.2; }
  
.project .first, .project .second { height: 720px; }
.project .first{ padding-top: 180px; background: url(../img/sita2/m_img_project_01@2x.jpg) no-repeat; background-size: cover; background-position: 50%; }
.project .second{ height: 750px; padding: 50px 24px 50px; background: url(../img/sita/project_bg2.jpg) no-repeat; background-size: cover; background-position: 50%; }
.project .third{ padding: 120px 0 90px; background: white;  }

.project .first form{ margin-top: 30px; }
.project .first input{  display: block; width: 100%; height: 50px; text-align: center; font-family: futura-pt, sans-serif; font-weight: 300; font-size: 21px; border: none; border-bottom: 1px solid #dddddd; background: none; color:#fff;}
.project .first input::placeholder{ color: #eeeeee; }
.project .first button{ position: relative; margin-top: 40px; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 21px; letter-spacing: 0.5px; background: none; border: none; cursor: pointer;}
.project .first button img{ margin-left: 12px; width: 8px; height: 14px;}
/*.project .down {
    display: inline-block;width: 30px; height: 15px; margin-top: 150px;
    background: url(../img/sita/main_down.svg) no-repeat; background-size: contain; background-position: 50%;
  }*/

.project .first form.alert button::after{
    content: '유효하지 않은 코드입니다.'; position: absolute;
    width: 200px; left: calc(50% - 100px); text-align: center;
    top: -30px; font-size: 15px; font-weight: 500; color: #D6294B;
  }

.project .second{ display: flex; flex-direction: column; justify-content: space-between; }
.project .second p{ font-size: 16px; font-weight: 300; letter-spacing: 0.2px; line-height: 1.6; text-align: left; }
  
.project .third * { color: black; }
.project .third h2{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 27px; letter-spacing: 1.5; margin-bottom: 60px; }
.project .third h4{ font-size: 18px; margin: 30px 0 120px; }
.project .third h4 > a::after{
    display: inline-block; content: ''; width: 8px; height: 14px; margin-left: 12px;
    background: url(../img/sita/project_img_right.svg) no-repeat; background-size: contain; background-position: center;
  }
  
.project .img{
    display: flex; flex-direction: column; justify-content: space-between; align-items: center;
    height: 480px; padding: 30px 20px 20px;
  }
.project .img * { color: white; }
.project .third > .img{background-size: cover; background-position: 50%;}
	/*
.project .third > .img:nth-child(2){ background: url(../img/sita/project_img1.png) no-repeat; background-size: cover; background-position: 50%;}
.project .third > .img:nth-child(4){ background: url(../img/sita/project_img2.png) no-repeat; background-size: cover; background-position: 50%; }
  */
.project .img h3{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 27px; letter-spacing: 1px; }
.project .img h4{ font-family: futura-pt, sans-serif; font-weight: 300; font-size: 21px; line-height: 1.2; margin: 10px 0 0; }
.project .img h5{ font-family: futura-pt, sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 0.5px; line-height: 1.2; }

.project .numbers_wrapper{ display: flex; justify-content: space-between;}
.project .numbers_wrapper > div{ display: flex; flex-direction: column; align-items: center; justify-content: top; width: 108px; height: 108px; }
.project .numbers_wrapper h2{ font-size: 30px; font-weight: 500; letter-spacing: 1.2px; margin: 0; display: flex; align-items: center; }
  
/*프로젝트 보기*/
.p_detail a {font-size:16px;}
.p_detail{ background: #FFF;  text-align: center; }

.p_detail .popup{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.85); z-index: 9999999; padding-top: 180px;}
.p_detail .popup > *{ color: white; }
.p_detail .popup h3{ font-size: 25px; font-weight: 300; line-height: 33px; }
.p_detail .popup h5{ font-size: 18px; margin-top: 83px; }
.p_detail .popup h5 img{ width: 8px; height: 14px; margin-left: 12px; }
  
.p_detail .first{ height: 720px; padding-top: 150px; background: url(/data/skin/mobile/sita_kr/img/sita/p_two_bg1.png) no-repeat; background-size: cover; background-position: 50%; }
.p_detail .first *{ color: white; }
.p_detail .first h3{ font-size: 30px; font-weight: 200; }
.p_detail .first p{ font-size: 18px; font-weight: 300; line-height: 28px; margin-top: 60px;}
  
.p_detail .numbers_wrapper{ display: flex; justify-content: space-between; width: 100%; margin: 60px 4px 0;}
.p_detail .numbers_wrapper > div{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 108px; height: 108px; }
.p_detail .numbers_wrapper h2{ font-size: 30px; font-weight: 500; letter-spacing: 1.2px; margin: 0; display: flex; align-items: center; }
.p_detail .numbers_wrapper h5{ font-size: 15px; font-weight: 400; line-height: 19px; }
 
  
.p_detail .second a img{ width: 7px; height: 13px; margin: 60px 12px 0 0;  }


/*공병수거*/
body .bottle_regi{ background: #FFF; padding: 144px 24px 0; padding-bottom:120px; }
.bottle_regi .title {font-size: 42px; font-weight: 300; color: #000; text-align: center; margin-bottom: 60px}
.bottle_regi .content {font-size: 14px; line-height: 1.71; font-weight: normal; color: #000; text-align: center; margin-bottom: 50px}
.bottle_regi .content-info {font-size: 12px; font-weight: normal; color: #888; line-height: 1.5; text-align: center; margin-bottom:60px}

.bottle_regi .country {margin-bottom:90px;}
.bottle_regi .country select{width:100%; font-size:15px; padding:0 20px; border:1px solid #000; height:60px; background: url(../img/mypage/dropdown_angle.svg) no-repeat right 27px center; background-size: 12px; -o-appearance: none;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.bottle_regi .country select option {height:100px;}
.bottle_regi .country button {width:100%; height:60px; margin-top:10px; cursor:pointer;}

.bottle_regi .info-warp {width:100vw; height: 660px; margin:0 auto; margin-left:-24px; margin-bottom:-120px; background:url(../img/sita/compost_bg3.png) no-repeat; background-size: 120%; background-position: center center;}
.bottle_regi .info-warp .bg {display:flex; flex-flow:column wrap; align-items: center; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);}
.bottle_regi .info-warp-text {width:90%; margin:0 auto; margin-top:60px; margin-bottom:40px; color:#fff; font-size:21px; line-height:33px; text-align:center; font-weight:300;}
.bottle_regi .info-warp-text strong {display:block; margin-bottom:120px; font-size:32px; color:#fff; text-align:center; font-weight:400; font-family: 'Jost', sans-serif; letter-spacing:1px;}
.bottle_regi .info-warp button {display:flex; justify-content:center; align-items:center; width:90%; height:60px; background:#fff; border:none; font-size:18px; cursor:pointer;}


.bottle_regi .input-title {display: block; font-size:18px; font-weight: bold; color: #000; margin-bottom: 40px}
.bottle_regi .input-warp {margin-top:40px;}
.bottle_regi .input-warp:first-of-type {margin-top:0;}
.bottle_regi .input-warp > dt {font-size: 15px; font-weight: 500px; color: #000; margin-bottom: 5px}
.bottle_regi .input-warp input.under { display: block; width: 100%; height:50px; font-size: 15px; color: #000; border:none; border-bottom: 1px #000 solid}
.bottle_regi .input-warp.bottle_add span {display:flex; align-items:flex-end;}
.bottle_regi .input-warp.bottle_add span input {flex:1;}
.bottle_regi .input-warp .zipcode {display: inline-block!important; width:160px!important; font-weight: bold; margin: 0; display: inline-block}
.bottle_regi .input-warp .btn_prime {display:inline-block!important; width: 100px; height: 40px; background: #000; color: #fff; margin-left: 20px; border: 0; line-height:40px; vertical-align: bottom; font-size:13px; text-align:center;}
.bottle_regi .input-warp .add {margin-top: 10px}
.bottle_regi .txt_explan {font-size:13px; color:#888;}
.bottle_regi .input-warp input {border-radius:0!important;}


.bottle_regi .amount dt {display:inline-block; width:90px;}
.bottle_regi .amount dd {display:inline-block; vertical-align:top;}
.bottle_regi .amount dd label img {width:24px; height:24px; vertical-align:middle;}
.bottle_regi .amount dd input {width: 50px; height: 30px; text-align: center ; border: 0;}
.bottle_regi .amount .txt_explan {padding-top:10px; padding-left:95px; box-sizing:border-box; font-size:13px; color:#888; display:block; word-break: break-all; font-style:normal; word-wrap:break-word}

.bottle_regi .pic {display:flex; margin-top:30px;}
.bottle_regi .pic dt {width:90px;}
.bottle_regi .pic dd {width:calc(100% - 90px);}
.bottle_regi .pic dd label {display:flex;}
.bottle_regi .pic dd label img {width:24px; height:24px; vertical-align:middle;}
.bottle_regi .pic dd input {width: 50px; height: 30px; text-align: center ; border: 0;}
.bottle_regi .pic dd input[type="file"] {display:none;}
.bottle_regi .pic .txt_explan {padding-top:10px; box-sizing:border-box; font-size:13px; color:#888; display:block; word-break: break-all; font-style:normal; word-wrap:break-word}
.bottle_regi label.input-file:before{
	flex:1;
    content: attr(data-content)'';
    display: inline-block;
    text-indent:10px;
    transition: all 0.5s;
    width: 125px;
    height: 40px;
    line-height: 40px;
    border: 1px #a6a6a6 solid;
	font-size: 15px;
    color: #000;
    vertical-align: top;
	overflow: hidden
	
}
.bottle_regi label.input-file:after {
    content: 'Attach pictures';
    display: inline-block;
    width: 80px;
	height: 40px;
	margin-left: 10px;
	line-height: 40px;
    font-size: 14px;
	font-weight: normal;
	color: #FFF;
    text-align: center;
	background: #000;
    cursor: pointer;
    clear:both;
    vertical-align: top;
}

.bottle_regi .line_b {margin-bottom:0; padding-bottom:10px; border-bottom:1px solid #000;}
.bottle_regi .check_list li {display:flex; flex-flow:column wrap; border-bottom: 1px #c7c7c7 solid; padding: 25px 50px 25px 10px; position: relative;}
.bottle_regi input[type="checkbox"] {display:none;}
.bottle_regi .bottle-info {margin-top: 40px; font-size: 13px}
.bottle_regi .bottle-info li {padding:2px 0;}

.bottle_regi .btm input[type="checkbox"]~.check_label {align-items: flex-start;}
.bottle_regi .btm input[type="checkbox"]~.check_label .checkbox {margin-top:2px; margin-right:16px;}
.bottle_regi .btm .btn-co-submit {width:100%; height: 60px; margin-top:20px; background: #000; color: #FFF; border: 0; font-size: 18px; font-weight: normal; display: block;}
.bottle_regi .btm em {display: block; margin-top: 20px; font-size: 13px; font-weight; color: #999; text-align:center; font-style:normal;}
.bottle_regi .btm em a {text-decoration: underline; font-weight:normal; margin-left: 10px;}
	
.bottle_regi .co-agree {display: inline-block; width:20px; height: 20px; vertical-align: middle; border:1.5px #888 solid !important; border-radius:0 !important}
.bottle_regi .co-agree:checked {background: #000 !important; color: #fff}
.bottle_regi .bottle-info {margin-top: 40px; font-size: 13px}
.bottle_regi .bottle-info li {padding:2px 0;}
.bottle_regi .btm .btn-co-submit {-webkit-appearance: none;  -webkit-border-radius: 0;}

.bottle_regi .check_label span {flex:1;}

/*공병수거 결과*/
body .bottle_end{ background: #FFF; padding: 144px 24px 180px; }
.bottle_end p {font-size: 24px; font-weight: 500; text-align: center}
.bottle_end img {width:100%;}
.bottle_end .round {position: relative; margin-top: 50px; font-size: 18px; font-weight: 500; line-height: 1.44; width: 100%; padding: 23px 38px 38px; background: #f4f4f4; border-radius: 30px}
.bottle_end .round:after {
 border-top: 10px solid #f4f4f4;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 0px solid #f4f4f4;
 content:"";
 position:absolute;
 bottom:-10px;
 left:50%;
 transform: translateX(-50%);
}
.bottle_end .cont {margin-top: 20px;}
.btn-home {display: block; width: 100%; margin-top: 60px; height: 60px; line-height: 60px; background:#eee; color: #000; text-align: center}


/*로그인*/
.login .login_box {margin-top: 60px; }
.login .links{ margin-bottom: 40px; text-align: center; }
.login .links button {height:auto; margin-top:0; background:none; border:none; font-size: 13px; color:#000; font-weight:400;}
.login .links > div{ display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.login .divider{ width: 1px; height: 13px; background: black; margin: 0 15px; }
.login .links li, 
.login .login_nonmem li {display:inline-block; position:relative; padding:0 15px; color:#000; vertical-align:middle;}
.login .links li:before {position: absolute; top:5px; left: 0; width: 1px; height:13px; background: #000; content: "";}
.login .links li:first-child:before {display:none;}
@media screen and (max-width: 375px) {
	.login .links .login_nonmem li:before {top:3px; display:none;}
}
.login  {height: auto; margin: 0;font-weight: inherit;}

.login .img{
    width: 100%; height: 309px; background: url(/data/skin/front/sita_kr/img/sita/login_pic.png) no-repeat;
    background-size: cover; background-position: 50% 50%;
}

/*회원부분 공통 */
.member .input_wrap {margin-top:60px; padding-top:0;}
.member .input_wrap > li {position:relative; margin-top:40px;}
.member .input_wrap > li:first-child {margin-top:0;}
.member .input_wrap label {display:block; margin-bottom:5px; font-weight:500;}
.member select {color:#000;}
.co-error {position:absolute; bottom:-25px; left:0; font-size:13px; color:#e60012; font-weight:400;}
.hide {display:none;}
.member li.btn_wrap {margin-top:80px;}
.member .btn_wrap button:first-of-type,
.find_id .btn_wrap a:first-of-type {margin-bottom:20px;}
.member .input_wrap label.error {position:absolute; bottom:-30px; font-weight:400;}
.member .inputbox {display:flex; align-items:center;}
.member .inputbox input:not([type=checkbox]), .member .inputbox select, .member .js-hide-mail-check input {flex:1;}
.member .inputbox select {margin-right:30px;}

/*아이디찾기*/
.member select {-webkit-appearance:auto;}
.find_id .input_wrap {padding:0;}

.member .input_wrap.find-id-ok {margin-top:100px;}
.find-id-ok li:first-child {margin-top:0; padding:0 28px;}
.find-id-ok li {font-size:21px; line-height:32px;}
.id-is {display:block; font-weight:bold;}
.find-id-ok .btn_wrap {margin-top:94px!important;}


/*비밀번호찾기*/
.find_pw .li_mob label {margin-bottom:12px;}
.find_pw .confirm { margin-top:60px; }
.find_pw .input_box p, .find_pw .input_box label {display:block;}
.find_pw em {display:block; margin-top:10px; font-style:normal; font-size:13px; color:#8a8a8a;}
.find_pw .input_box #errorMessage {position:absolute; bottom:-30px; left:0;}
.find_pw .input_box .red, .fc_red, .info_again {display:inline-block; color:#e60012!important; font-size:13px; font-weight:400;}

.user_certify_box .user_certify_list {padding-top:40px; margin:0 28px;}
.user_certify_list strong {font-size:21px;}
.user_certify_box .user_certify_list li {padding-bottom:0;}
.user_certify_list li span {margin:12px 0 0 0; display:inline-block; font-size:13px; color:#888;}

.find_password_box {margin-top:50px;}
.find_password_box h3 {margin-bottom:5px; font-size:15px; color:#000; font-weight:500; text-align:left;}
.find_password_box .login_input {padding:0;}
.find_password_box .login_input .member_warning {width:100%; margin:0;}
.find_password_box .login_input input[type=text], .find_password_box .login_input input[type=password] {width: 100%; margin: 0;}

.find_pw_complete .find_password_complete_box p {margin:100px 28px 94px; font-size:20px; align-items:flex-start; }
.member {padding-bottom:180px;}

.find_pw_reset .input_box p, .find_pw_reset .input_box label {display:block;}
.find_pw_reset .auth input {width:100%;}
.find_pw_reset .btn_prime {margin-top:80px;}

/*비밀번호찾기 결과 없음*/
.no_member h2{ display: flex; justify-content: center; font-size: 21px; line-height: 26px; font-weight: normal; margin: 100px 0; }

/*회원가입*/
.join select {-webkit-appearance:auto;}
.join .left > ul > li:first-child {margin-top:0;}
.join li {margin-top:40px;}
.join label {display:block; margin-bottom:5px; font-weight:500;}
.join .inputbox {position:relative; display:flex;}
.join .inputbox label.error {position:absolute; bottom:-30px; font-weight:400;}
#memId-error {left:120px;}
.join .inputbox button {width:104px; height:45px; margin-left:20px; font-size:12px;}
.join .li_mob label {margin-bottom:12px;}
.join .terms {margin-top:60px;}
.join .terms .check_wrap {display:flex; margin-top:10px; font-size:13px; font-weight:400;}
.join .terms .check_wrap:first-child {margin-top:0;}
.join .terms .check_wrap a {display:inline-block; margin-left:10px; text-decoration:underline;}

.join .btn_wrap li {padding-top:60px;}

.check_wrap input {display:none;}
.check_b {display:flex; align-items:center; cursor:pointer;}
.check_wrap label.check_b {display:flex; padding:0; height:auto; cursor:pointer;}
.check_wrap .check_b span {display:block;}
.check_wrap label.check_b .check_img {margin-right:10px;}
.check_wrap label.check_b.on .check_img {background:#000 url(../img/order/checked.svg) no-repeat center center; border:1px solid #000;}
.check_b em {font-style:normal;}
.check_b input {position:relative; top:auto; left:auto;}
.check_b.on, 
.check_b:hover {background:none;}
.check_b .check_img {display:block; width:16px; height:16px; border: solid 1.5px #888;}


body.auth{ overflow-y: hidden; touch-action: none; }
body.auth .join{ display: none; }
body.auth .member_auth{ display: block }
.member_auth{ display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 9999; background: white; touch-action: none; }
.member_auth h3{ height: 60px; display: flex; justify-content: space-between; align-items: center; background: white; padding: 0 10px 0 24px;  }
.member_auth .close{ width: 48px; height: 48px; background: url("/data/skin/mobile/sita_kr/img/sita/close_h.svg") no-repeat center; background-size: 17px 17px;  }
.member_auth iframe{ width: 100%; height: calc(100% - 60px); touch-action: none;}

/*회원가입완료*/
.join_ok{ padding-top: 160px; }
.join_ok h3{display: flex; justify-content: center; text-align: left; font-weight: normal; line-height: 26px; margin: 0;}
  
.join_ok button{ margin: 100px 0 60px; }
.join_ok .img{
    width: 100%; height: 304px; background: url(../img/sita/join_ok_pic.png) no-repeat;
    background-size: cover; background-position: 50% 50%;
}


/*회원정보수정*/
.join .auth {margin-bottom: 20px;}
.join .auth label {display:block;}
.join .auth button {font-weight:300;}
	
.mem_edit .div_pass .btn_prime {width:140px; height:50px;}
.mem_edit .email_box {display:flex; align-items:center; height:50px; font-weight:bold;}
.mem_edit .auth button {font-size:15px;}
.mem_edit .btn_prime {display:flex; justify-content:center; align-items:center; height:50px; font-weight:300; font-size:15px;}
.mem_edit .div_name input {border:none; font-weight:bold;}
.mem_edit .div_mob > span {display:flex;}
.mem_edit .auth {margin-bottom:40px;}
.mem_edit .div_tel input:read-only {color: #8A8A8A !important; background: white !important;}
.mem_edit .address_postcode {margin-bottom:20px;}
.mem_edit .address_input input {width:100%;}
.mem_edit .address_input .input_box {margin-bottom:20px;}
.mem_edit .btns {padding-top:20px;}
.mem_edit .btns button {height:60px;}
.mem_edit #btn-submit {font-size:18px;}

.join .leave{ text-align: center; margin: 40px auto 0; }
.join .leave *{ color: #8A8A8A; }
.join .leave a{ font-size: 15px; text-decoration: underline; margin-top: 25px;}
.join .leave a::after{
    content: ''; display: inline-block; width: 6px; height: 12px; margin-left: 9px;
    background: url(/data/skin/front/sita_kr/img/sita/my_page_chevron_g.svg) no-repeat;
    background-size: contain; background-position: center;
}

/*비밀번호변경 팝업*/

.ly_wrap .layer_wrap_cont {
    position: relative;
	width:100%; margin:0 24px;
    padding: 40px;
    border: 1px solid #DDDDDD;
    background: white;
    box-shadow: rgb(0 0 0 / 16%) 0px 20px 20px;
    display: flex;
    flex-direction: column;
}
.ly_tit {margin-bottom:40px; font-size: 21px; font-weight: 500;}
.dn {display:none;}
.chagne_pass_layer .ly_close {position:absolute; top:35px; right:40px;}

.changepass_layer dl {margin-bottom:50px;}
.changepass_layer dt {margin-bottom:10px;}
.changepass_layer dd {position:relative; }
.changepass_layer dd input {height:45px;}
.changepass_layer dd span {position:absolute; left:0; bottom:-25px; font-size:13px; }
.changepass_layer .btn_center_box {padding-top:20px;}
.changepass_layer button {height:45px;}
.changepass_layer button strong {font-weight:400;}

/*비회원 주문조회*/
.order_login .section{ margin-top: 60px; }
.order_login .links{ margin-bottom: 40px; text-align: center; }
.order_login .links a{ font-size: 13px; }
.order_login .links > div{ display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.order_login .divider{ width: 1px; height: 13px; background: black; margin: 0 15px; }

.order_login .img{
    width: 100%; height: 309px; background: url(../img/sita/login_pic.png) no-repeat;
    background-size: cover; background-position: 50% 50%;
}

/*상품상세*/
/*good_view 고도몰 기본 css를 수정 : goods > goods.css*/
.goods_view .cont_detail {padding:0; margin-left:-24px; margin-right: -24px}
.goods_view{ background: #ffffff; padding:0px 24px 0px; }

.goods_view .top img{ width: calc(100vw - 40px); height: calc(100vw - 40px); object-fit: cover; margin-left: -4px; }

.goods_view .title{margin-top: 30px; font-size: 21px; font-weight: 500; text-align:left; }
.goods_view .desc{margin-top:15px; font-size: 16px; color: #888888; }

.goods_view h3 {margin-top:30px; font-size:21px; line-height:1.14; color:#000; letter-spacing:-0.48px; text-align:left; font-weight:500; }
.goods_view .short_descript {margin-top:20px; font-size:18px; line-height:1.44; color:#000000; letter-spacing:-0.36px;}
.goods_view .related_goods h3 { font-size:21px; line-height:25px; font-weight:500; letter-spacing:-0.53px; color:#000; padding:100px 24px 10px; margin:0; }
.goods_view .related_goods .list .slick-list { padding:0 15px !important; }
.goods_view .related_goods .goods_prd_item4 .goods_prd_content .goods_info_list li.prd_name { font-weight:500; }

.goods_view .price_box{ margin-top:60px; display: flex; align-items: center; justify-content: space-between; padding-bottom:30px; }
.goods_view .detail_info .detail_info_top .price_box del {font-size:24px; color:#000; font-weight:500;}
.goods_view .detail_info .detail_info_top .price_box del .txt_gray {color:#888;}
.goods_view .detail_info .detail_info_top .price_box .won1 {font-size:inherit; color:inherit; font-weight:500;}
.goods_view .detail_info .price_discount {display:inline-block; margin-left:6px;}
.goods_view .price_basic .txt_gray {color:#c7c7c7!important;}
.txt_line {text-decoration:line-through;}
/*할인 페센트*/
.goods_view .discount_ratio {font-style:normal; font-size:14px;}

.goods_view .goods_qty{ display:flex; align-items:flex-start;}
.goods_view .goods_qty button {border: none; background: none;}
.goods_view .goods_qty img{ width: 30px; height: 30px; margin: 3px; cursor: pointer; }
.goods_view .goods_qty input {display: inline-block; width: 48px; height:auto; border-bottom:none; background: transparent; font-size: 18px; text-align: center;}
.goods_view .quantity{ display: inline-block; width: 48px; font-size: 18px; text-align: center;}
.goods_view .item_choice_price{font-size: 21px; font-weight: 500;}
.goods_view .item_choice_price span {display:block; text-align:right;}
.goods_view .discount{ display: block; }
.goods_view .item_discount {margin-left:0; padding:0; background:none;}
.goods_view .item_discount strontg {font-weight:400;}

.goods_view .total dt {font-size:16px;}
.goods_view .total dd {font-size:17px;}

.goods_view .item_add_option_box dt {display:none;}
.goods_view .option_box { margin-top: 24px; width: 100%; height: 40px; padding: 0 10px; font-size: 13px; border: 1px solid #888888; background: none; color:#000; }



.goods_view .save_box{ width: 100vw; margin-left: -24px; padding: 20px 24px; margin-top: 30px; background: #f8f8f8; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0px; }
.goods_view .save_box em {display:inline-block; font-size:11px; font-weight: 300; color:#808080; line-height:16px; font-style:normal;}
.goods_view .top .btn_prime {display:flex; align-items:center; justify-content:center; width: calc(100vw - 40px); margin-left: -4px; margin-top: 30px; margin-bottom:60px; background: #918D8B; height: 60px; border: none; color: white; font-size: 18px; cursor: pointer; }
.goods_view .top button.buy{ margin: 10px 0 60px -4px; background: black;  }
  
/*아코디언*/
.goods_view .goods_info {margin-top:7px;}
.goods_view .goods_info .label{
    border-top: 1px solid #eeeeee; padding:18px 5px; font-weight:500; font-size:16px; line-height:24px;
}
.goods_view .goods_info .label.plus { cursor: pointer;
    background: url(../img/sita/btn_more@2x.png) no-repeat; background-size: 20px 20px;
    background-position: calc(100% - 10px) 18px;
}
.goods_view .goods_info .label label { font-weight:400; }

.goods_view .goods_info .label.open{
    background: url(../img/sita/btn_close@2x.png) no-repeat; background-size: 20px 20px;
    background-position: calc(100% - 5px) 20px;
  }
    
.goods_view .goods_info .label.open + .content{ display: block;}
.goods_view .goods_info .content{ display: none; padding: 20px 5px 40px; font-size: 15px; letter-spacing: -0.1px; line-height: 23px;}
.goods_view .goods_info .divider{ border-bottom: 1px solid #eeeeee; }


.goods_view .detail_info_box {margin-top:82px; width:100vw; margin-left: -24px; padding:0;}
.goods_view .detail_info_box img {width:100%;}
.goods_view .detail_info_box .view_box0 {padding:0;}
.goods_view .detail_info_box .view_box0 img {width:100%!important; max-width:100%!important;}
.goods_view .detail_info_box .view_box0 .img_box { display:block; line-height:0; }
.goods_view .detail_info_box .view_box0 .img_box img { width:100%!important; max-width:100%!important;}
.goods_view .detail_info_box .view_box0 .txt_box { padding:60px 24px 100px; background:#fafafa; }
.goods_view .detail_info_box .view_box0 .txt_box h2 { font-size:20px; line-height:24px; font-weight:500; }
.goods_view .detail_info_box .view_box0 .txt_box h4 { font-size:15px; line-height:28px; color:#999999; font-weight:400; }
.goods_view .detail_info_box .view_box0 .txt_box h5 { font-size:14px; line-height:17px; color:#666666; font-weight:400; }
.goods_view .detail_info_box .view_box0 .txt_box strong { font-weight:400; display:block; }
.goods_view .detail_info_box .view_box0 .txt_box span.line { display:block; width:100%; height:1px; background:#dddddd; margin:8.5px 0 9.5px; }
.goods_view .detail_info_box .view_box0 .txt_box span.margin15 { width:100%; height:15px; display:block; }
.goods_view .detail_info_box .view_box0 .txt_box span.margin20 { width:100%; height:20px; display:block; }
.goods_view .detail_info_box .view_box0 .txt_box span.margin30 { width:100%; height:30px; display:block; }
.goods_view .detail_info_box .view_box0 .txt_box span.margin40 { width:100%; height:40px; display:block; }
.goods_view .detail_info_box .view_box0 .txt_box p { font-size:16px; line-height:28px; color:#333333; }
.goods_view .detail_info_box .view_box0 .txt_box a { display:inline-block; text-decoration:underline; font-size:15px; line-height:18px; }
.goods_view .detail_info_box .view_box0 .txt_box.bg { background:#525252; }
.goods_view .detail_info_box .view_box0 .txt_box.bg h2 { color:#eeeeee; }
.goods_view .detail_info_box .view_box0 .txt_box.bg h4 { color:#eeeeee; }
.goods_view .detail_info_box .view_box0 .txt_box.bg h5 { color:#bbbbbb; }
.goods_view .detail_info_box .view_box0 .txt_box.bg strong { color:#eeeeee; }
.goods_view .detail_info_box .view_box0 .txt_box.bg p { color:#eeeeee; }
.goods_view .detail_info_box .view_box0 .txt_box.bg a { color:#eeeeee; }
.goods_view .detail_info_box .view_box0 .siita_more_box {}
.goods_view .detail_info_box .view_box0 .siita_more_box .more_btn { width:auto; background:transparent; padding:0; color:#333; font-weight:400; font-size:15px; line-height:18px; border:0; border-bottom:1px solid #000; display:inline-block; cursor:pointer; }
.goods_view .detail_info_box .view_box0 .siita_more_box .more_cont { display:none; }

.goods_view .txt-manual img{ max-width: 100%;}

.detail_btm_tab_menu_box {display:none;}

/*상품상세 올라오는 레이어*/
.detail_buy {border-top:none; background:rgba(0, 0, 0, 0.3);}
.detail_buy .detail_buy_top_btn .detail_open_close.on {position: relative;top: 0;left: 0; display: block; margin: 0; width: 100%; height: 100vh;}
.detail_buy .detail_buy_top_btn .detail_open_close.on a {position:relative; display:block; width:100%; height:100%;}
.detail_buy .detail_buy_top_btn .detail_open_close a {display:none;}
.detail_buy .detail_prd_btn {padding:0;}
.detail_buy .detail_prd_btn ul li {padding:0;}
.detail_buy .detail_order_btn {display:flex; justify-content:center; align-items:center;  height:90px; padding:10px; font-family: futura-pt, sans-serif; font-weight: 400; font-size:18px; letter-spacing: 1.5px; background:#000; border:none; box-sizing: border-box;}

.view_order_goods dl dd .price_info .right {padding-top:10px;}
.co-no-option-price {font-size:21px; font-weight:500;}
.layer_option {background:#fff; min-height:269px;}
.layer_option .detail_down_btn, .layer_option .detail_up_btn {background:none; border:none;}
.layer_option .count img {width:36px; height:36px;}
.layer_option .view_order_goods {margin:20px 24px; margin-top:-11px; padding:0; background: #fff;}
.layer_option .view_order_goods:first-child {border:none;}
.layer_option .view_order_goods dl dd .price_info .count {display:flex; padding:10px 0 0 0; align-items:center; vertical-align:bottom;}
.layer_option .view_order_goods dl dd .price_info .count input[type=number] {width:48px; height:36px; border:none;  font-weight:400; color:#000; font-size:18px; box-sizing: border-box;}
.layer_option .view_order_goods dl dd .price_info .right .price {font-size:21px; color:#000; font-weight:500;}

.layer_option .ly_buy_info .ly_opt li.singel_option_on {width: 100%; top:20px; padding: 0 24px;}
.layer_option .ly_buy_info .ly_opt .bn_opt.selected,
.layer_option .ly_buy_info .ly_opt li .optbx {border: 1px solid #c7c7c7;}
.layer_option .ly_buy_info {margin:20px 24px; padding:0; height:auto;}
.layer_option .option_total_display_area {margin:0 24px; margin-bottom: 20px; max-height: 300px; overflow-y: scroll; }
.layer_option .option_scroll {min-height:73px;}
.layer_option .js_option_scroll {max-height:310px;}
.layer_option .option_total_display_area .view_order_goods {margin:0; margin-bottom:15px; padding:0; padding-bottom:15px; border-bottom:1px solid #c7c7c7;}
.layer_option .option_total_display_area .view_order_goods:last-of-type {border-bottom:none;}
.layer_option .option_total_display_area .view_order_goods dl dt {font-size:14px; color:#888; font-weight:400;}
.layer_option .option_total_display_area .count img,
.layer_option .option_total_display_area .detail_up_btn {width:30px; height:30px;}
.layer_option .option_total_display_area .count input[type=number] {width:42px!important; font-size:14px!important;}
.layer_option .option_total_display_area .price {font-size:15px!important; font-weight:500!important; vertical-align: middle;}
.layer_option .option_total_display_area .total_price_box {margin-top:-15px; padding:15px 0;}
.layer_option .option_total_display_area .total_price_box ul {width:100%;}
.layer_option .option_total_display_area .total_price_box li {display:flex; justify-content:space-between;}
.layer_option .option_total_display_area .total_price_box ul li dl dt {width:auto;}
.layer_option .discount * {font-weight:400!important;}
.layer_option .total_benefit_price {color:#999;}

.detail_apply_del {position:relative; top:auto; right:auto; margin-left:10px;background: url(../img/sita2/cart_close.svg) no-repeat center; vertical-align: middle;}

.layer_option .save_txt {margin:0 24px; padding:10px 15px; border:1px solid #ddd; }
.layer_option .save_box {width:100%; margin-left:0; margin-top:0; padding:0; background:none; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 0.2px; line-height: 1; }
.layer_option .text_box {margin-top:10px; font-size:12px; color:#999; }

.layer_option .ly_buy_dn {margin:30px 0px 0px 0px;}
.layer_option .detail_cart_btn {display:flex; justify-content:center; align-items:center; width:100%; height:90px; padding:10px; font-family: futura-pt, sans-serif; font-weight: 400; letter-spacing: 1.5px; font-size:18px;  background:#000;  border:none; color:#fff; box-sizing: border-box;}
.layer_option .txt_gray {font-size:18px!important; color:#888!important;}
.layer_option .item_discount {display:block; font-size:21px;}

.crema-product-reviews {margin-top:120px; padding:0 20px;}

/*장바구니*/
.cart{background: white; padding-bottom: 180px; }

.cart .panel {position:relative; margin-top:1px; padding:120px 20px 80px 20px; display: flex; width:100%; justify-content: center; align-items: center;}
.cart .panel.first h3 {position:relative; width:100%; line-height: 26px; font-size: 21px; text-align: center;}
.cart .panel.first h3 img{ position: absolute; left:0; top:0; width: 26px; height: 26px;}
.cart .panel .btn_back {
    position: absolute;
    left: 20px;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; z-index:10;}
	  
.cart h1{ position: relative;  height: 206px; line-height: 26px; padding-top: 120px; font-size: 21px; text-align: center;}
.cart h1 img{ position: absolute; left: 20px; top: 120px; width: 26px; height: 26px;}
  
.cart .cart_content_box {padding:0 20px; background:#fff;}
.cart .my_goods{ background: white; padding: 0 20px;}
.cart .stit {padding-bottom:10px; border-bottom:1px solid #000; font-size: 18px; font-weight: bold;}
.cart .cart_content_box .my_goods > li {margin:0; padding: 20px 4px; width:100%; border:none; border-bottom: 1px solid #C7C7C7; }
.cart .cart_content_box .my_goods li .mid_box .right_box {padding:0;}
.cart .cart_content_box .my_goods li .mid_box .right_box .info {padding:0;}
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .thmb img {width: 80px; height: 80px; }
.cart .my_goods .right{ margin-left: 20px; width: 1px; flex-grow: 1; display: flex; min-height: 130px; flex-direction: column; justify-content: space-between }
.cart .my_goods input {width:50px; vertical-align:middle;} 
.cart .my_goods .item_choice_price {display:inline-block; float:right; font-size:18px; color:#111; font-weight:bold;}
.cart .title {font-size: 15px; font-weight: 500; width: calc(100% - 40px);  }

.cart .cart_content_box .my_goods li .btn_list {display: block;  padding:0;  border-bottom:none;  font-size: 0;}
.cart_onedel_btn {position:absolute; top:0; right:4px; width:auto; height:auto; background:none; border: none; font-size:15px; color:#aaa; text-decoration:underline;}
.cart .cart_content_box .my_goods li .select_del_box {position:relative; top:auto; right:auto;}

.cart .itembody {padding-left:10px!important;}
.cart .my_goods .name {width: calc(100% - 60px); color:#111; font-weight:500;}
.cart .my_goods .price_box {margin-top:55px;}  
.cart .my_goods .price{ font-size: 15px; }
.cart .my_goods .price .blue{ margin-left: 10px; }
.cart .my_goods .prc {display:inline-block; margin:4px 0; font-weight:400; color:#111;}
.cart .my_goods .blue {margin-left:5px;}
.cart .my_goods .option{ font-size:13px; font-weight: 500; color: #888888; }
.cart .my_goods .option_text {color:#888; font-size:13px; font-weight:500;}

.cart .my_goods .info_btm {display:flex; justify-content:space-between; margin-left:90px;  margin-top:35px;}
.cart .my_goods .info_btm p {display:flex; flex:1; align-items:center;}
.cart .my_goods .info_btm img {width:24px;}
.cart .my_goods .info_btm span {display:flex; justify-content:center; align-items:center; width:36.5%; max-width:50px; height:30px; margin:0 3px;}
.cart .my_goods .info_btm strong {margin-left:auto; font-weight:700; font-size:18px;}
  
.cart .right > div:last-child{ margin-top: 20px; align-items: center;}
  
  
.cart .list .total_price{ font-size: 18px; font-weight: bold; }
  
.cart .savings{ padding: 20px; margin-top: 60px; font-size: 17px; font-weight: 500; line-height: 28px; background: #F8F8F8; text-align: center; }
  
.cart .my_buy{ margin-top: 90px; padding: 0 20px;}
.cart .my_buy dl {margin: 20px 0;}
.cart .my_buy dl dt {width:55%; font-size: 15px; color: #8A8A8A; font-weight: 500;}
.cart .my_buy dl dd {font-size:18px; font-weight: bold; padding: 0 4px; color:#000;}
.cart .my_buy dl.total {padding-top:20px; border-top: 1px solid black;}
.cart .my_buy dl.total dd {font-size: 21px; color: #2D64AA;}

.cart .btn_wish_bx {display: flex; flex-direction: column; align-items: center; padding: 0 20px; padding-top: 20px; }

.cart .my_buy > div:nth-child(2){ margin: 20px 0;}

.cart .button_box > * { margin-top: 20px !important; }
.cart .buy{ width: 100%; height: 60px; font-size: 18px; color: white; background: black; border: none; cursor: pointer;}

/*장바구니 없음 팝업*/
.pop_nocart.co-modal {center; width: 100vw; height: 100vh;}
.pop_nocart .co-modal-body {top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);width: 300px; height: 141px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; line-height: 21px; }
.pop_nocart .close{ top: 10px; right: 10px; justify-content: center; align-items: }

/*로딩 팝업*/
#loading-popup .co-modal-body {position:absolute; top:50%; left:50%; width:75%; max-width:300px;}



/*주문하기*/
.order_page {background:#fff;}
.order_page select {-webkit-appearance:auto;}
.order_page.m_frame .extend {padding:0;}
.order_page input[type="text"], 
.order_page input[type="tel"], .order_page input[type="number"] {border-bottom: 1px solid #808080;}
.order_page .panel.first h3 {position:relative; width:100%; line-height: 26px; font-size: 21px; text-align: center;}
.order_page .panel.first h3 img{ position: absolute; left:0; top:0; width: 26px; height: 26px;}
.order_page .white_board {padding:0 20px; padding-top: 30px; padding-bottom: 180px; }
.order_page h4{ font-size: 18px; font-weight: 600; }
.order_page .order_tit, .order_page .order_box .order_tit.js_gd5_settlekind_overseas {padding-bottom: 10px; border-bottom: 1px solid #000000; font-size: 18px; font-weight: 600; text-align:left;}
.order_page .stit {margin-bottom:5px; font-size:15px; font-weight:500;}

.order_page .inputs{ margin-top: 10px; display: flex; flex-direction: column; }
.order_page .inputs > li{ padding-top: 40px; }
.order_page .inputs .label{ padding-bottom: 5px; font-weight: 500; }
.order_page .inputs input{ font-size: 15px; }
.order_page .inputs input[type="text"],
.order_page .inputs input[type="tel"],
.order_page input[type="number"]{ margin: 0; width: 100%; height: 50px; border-bottom: 1px solid #808080; -moz-appearance: textfield; }
.order_page input::-webkit-inner-spin-button{ -webkit-appearance: none;  }

.order_page .radio_btn{ display: flex; align-items: center; cursor: pointer; color: #888888; }
.order_page .radio_btn input[type="radio"]{ display: none; }
.order_page .radio_btn label{ display: flex; align-items: center; cursor: pointer; }
.order_page .radio_btn label .checkbox{ position: relative; margin-right:4px; width: 16px; height: 16px; border: 1.5px solid #888888; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
.order_page .radio_btn input[type="radio"]:checked~label{ color: black; }
.order_page .radio_btn input[type="radio"]:checked~label .checkbox{ border-color: black; }
.order_page .radio_btn input[type="radio"]:checked~label .checkbox::after{ width: 8px; height: 8px; border-radius: 4px; background: black; display: block; content: ""; }

  /* 상품 정보 */
.order_page .pay .table{width: 100%; display:table;}
.order_page .pay .my_goods li .info {display: table; table-layout:fixed; width: 100%; min-height: 130px;  padding:25px 4px 29px 4px; box-sizing: border-box;  border-bottom: 1px solid #C7C7C7;}
.order_page .pay .my_goods li .info .itemhead {display: table-cell; vertical-align: top;}
.order_page .pay .my_goods li .info .itembody {display: table-cell; padding: 0 0 0 15px; vertical-align:top;}
.order_page .pay .itemhead .photo img{display:block; width: 76px; height: 76px; object-fit: cover; }
.order_page .pay .itembody .name{display:table; table-layout:fixed; width:100%; font-weight:500;}
.order_page .pay .itembody .name span {display:table-cell; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.order_page .pay .itembody .prc {display:block; margin-top:6px; font-weight:inherit;}
.order_page .pay .itembody .prc p {display:inline-block;}
.order_page .pay .itembody .options{ display: flex; flex-direction: column; margin-top:6px; font-size: 13px; font-weight: 500; color: #888888; }

   /* 주문자 정보 */
.order_page .order_box { margin-top: 90px; }
.order_page .order_box .order_tit {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.order_page .table_style4 {margin-top:0; border:none;}
.order_page .table_style4 tr {display:flex; flex-direction:column; padding-top:40px;}
.order_page .table_style4 th, 
.order_page .table_style4 td {width:100%; padding:0; border:none; color:#000; font-size:15px;}
.table_style4 th.required {background:none;}
.order_page .table_style4 th {padding-bottom: 5px; font-weight: 500;}
.order_page .table_style4 input {width:100%;}
.order_page .cell_bx {display:flex;}
.order_page .cell_bx .cell {width:100%;}
.order_page .inp_sel select {height:50px; margin-top:2px; margin-bottom:10px; padding-left:0; border:none; border-bottom:1px solid #808080; background:none; font-size:15px; }
.order_page .email {display:flex; align-items:center; width:100%;}
.order_page .email input {flex:1;}
.order_page .email span {margin:0 9px;}

  /* 배송지 정보 */
.order_page .shipping_info_area {margin-top: 90px; }
.order_page .shipping_info_area #tab1 {display:block;}
.order_page .order_box .tab_content .tab_box {margin-top:0; padding-top:0;}
.order_page .order_box .label {width:100%;}
.order_page .shipping_info_area .manager {display:flex; flex-flow:row wrap; justify-content:space-between; margin-top:20px; margin-right:auto; font-size:14px; font-weight:400;}
.order_page .shipping_info_area .manager .radio_btn {margin-bottom:10px;}
.order_page .shipping_info_area .manager a {text-decoration:underline;}
.order_page .shipping_info_area .zipcode_top {display:flex; align-items:flex-end; margin-top:25px;}
.order_page .shipping_info_area .zipcode_top .zipcode_num {width:100%;}
.order_page .shipping_info_area .zipcode_top .zipcode_num input {font-weight:600;}
.order_page .shipping_info_area .zipcode_top .btn_prime {width:130px; height:40px; margin-left:20px; font-size:14px; font-weight:400;}
.order_page .shipping_info_area .zipcode_box  > input {margin-top:10px;}


.order_page .memo {margin-top:40px;}
.order_page .memo textarea{display:block; width: 100%; height: 150px; padding: 15px; font-size: 15px; outline: none; border: 1px solid #808080; resize: none; }


.order_page .delivery .member_info_delivery{ margin-top: 10px; font-size: 13px; color: #888888; }
.order_page .delivery .member_info_delivery .check_label{ padding: 5px; }
.order_page .delivery .member_info_delivery input{ display: none; }
.order_page .delivery .member_info_delivery .checkbox{ margin-right: 15px; width: 15px; height: 15px; }
.order_page .delivery_box .inp_chk {margin-top:10px;}
.order_page .delivery_box .inp_chk input {width:15px; height:15px;}
.order_page .delivery_box .inp_chk label {margin-left:5px; font-size:13px; color:#888;}


  /* 쿠폰 및 적립금 */
.order_page .additional_discount{ margin-top: 90px; }
.order_page .additional_discount th,
.order_page .additional_discount td {height:60px; padding:10px 0; border-bottom: 1px solid #C7C7C7; text-align:left; }
.order_page .additional_discount th {width:27%; font-size:15px; font-weight:500;}
.order_page .additional_discount td {width:73%;}
.order_page .additional_discount .coupon_search_apply_btn {display:flex; justify-content:center; align-items:center; width:150px; height:40px; background:#000; border:none; color:#fff; font-size:14px; font-weight:400;}

.order_page .additional_discount .money_left {display: flex; flex-flow: row wrap;  flex: 1;}
.order_page .additional_discount .money_left input[type="number"] {width:150px; height: 40px; margin-right:20px; padding:10px; margin-bottom:10px; border: solid 1px #c7c7c7;}
.order_page .additional_discount .money_left .point_view {display: flex; align-items: center;font-size:14px;}
.order_page .additional_discount .money_left .point_view p {display:flex; flex-direction:column;}
.order_page .additional_discount .money_right {margin-top:10px;}

.mileage .money_history {border:none;}
.coupon .coupon_bx {background:none;}

@media screen and (max-width: 380px) {
	.order_page .additional_discount .money_left .point_view p {flex-direction:row;}
}

  /* 결제예정금액 */
.order_page .total_price{ margin-top: 90px; }
.order_page .total_price table {margin-top:10px;}
.order_page .total_price th,
.order_page .total_price td {padding:11px 0;}
.order_page .total_price th {font-size:15px; font-weight:500; text-align:left; font-size: 15px; font-weight: 500; color:#8a8a8a}
.order_page .total_price td {text-align:right; font-size:18px; color:#111; font-weight:bold;}
.order_page .total_price .sum th, 
.order_page .total_price .sum td {padding-top:23px; border-top: 1px solid black; }
.order_page .total_price .sum td {font-size:21px;}

  /* 결제수단 */
.order_page .how_to_pay { margin-top: 90px; }
.order_page .pay_mth {padding:0; padding-top:5px; display: flex; flex-direction:column; font-weight: 500; font-size:15px;}
.order_page .pay_mth  li{ margin-top: 10px; padding: 5px 0;}
.order_page .pay_mth li label {font-size:inherit;}
.order_page .payment .selects{ }

.order_page .terms{ margin-top: 20px; font-size: 13px; font-weight: 500; color: #999999; }
.order_page .terms li:not(:first-child){ margin-top: 6px; }
.order_page .terms a {display:inline-block; margin-left: 10px; background: white; text-decoration: underline; font-size: 13px; }

  /* 결제하기 */
.order_page .final { margin-top: 90px; width: 100%; display: flex; flex-direction: column; }
.order_page .final .confirm{ display: flex; font-size: 14px; font-weight: 500; }
.order_page .final .confirm input[type="checkbox"]{ display: none; }
.order_page .final .confirm label span{ padding-left: 10px; word-break: keep-all; }
.order_page .btn_pay_wrap {margin-top:30px; }
.order_page .btn_pay_wrap button {height: 60px; background: black; display: flex; justify-content: center; align-items: center; font-size: 18px; color: white; }

.order_page .final > div, .order_page .re_confirm {margin-top:15px!important; font-size: 14px;}
.order_page .for_nonmem:first-of-type {margin-top:0!important;}
.order_page .final .inp_chk {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;}
.order_page .final .inp_chk > span {flex:1; margin-left:10px;}
.order_page .for_nonmem a {margin-left:10px; text-decoration:underline;}

.order_page #settlekind_overseas .order_box {margin-top:0;}
.order_page #settlekind_overseas .payment_progress_select {display:flex; align-items: center; flex-direction: row-reverse;}
.order_page #settlekind_overseas .form_element label.choice_s {padding:0; background:none; font-size:15px; border:1px solid #fff;}
.order_page #settlekind_overseas .form_element label.choice_s.on {background:none;}

.order_page .guest_info strong {font-weight:400;}

/*사은품*/
.gift_wrap {margin-top:120px;}
.gift_wrap .order_tit {border-bottom:none;}
.gift_choice {border-top:1px solid #000;}
.gift_choice .inp_chk {display:flex; align-items: center; width: 100%;}
.gift_choice ul {display:flex; flex-direction: column;}
.gift_choice li {display:flex; height:70px; width:100%; padding:15px 10px; border-bottom:1px solid #c7c7c7;}
.gift_choice li img.middle {display: block; margin-right:20px; border: 1px #ccc solid; width:40px; height:40px;}
.gift_choice .txt {font-size:11px;}

.gift_choice > p {font-size: 12px; font-weight: 500; color: #000; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px #c7c7c7 solid}

.gift_choice ul li .inp_chk.on img.middle {border:2px #000 solid}
.gift_choice .inp_chk label {display:flex; align-items: center; margin-right:auto;}

/* 지워도 됨
.gift_choice > p {font-size: 12px; font-weight: 500; color: #000; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px #c7c7c7 solid}
.gift_choice ul {display: inline-block; width: 100%; border-bottom: 1px #c7c7c7 solid; height: 180px}
.gift_choice ul li {display: inline-block; width: 90px; text-align: center; font-size: 10px; font-weight: 500;0}
.gift_choice ul li img.middle {display: block; border: 1px #ccc solid; width:40px; height:40px; margin: auto; margin-bottom: 10px}
.gift_choice ul li .inp_chk.on img.middle {border:2px #000 solid}
*/

/*이전배송지 팝업 */
#popupShipping .ly_wrap {}
#popupShipping .ly_tit {margin-bottom:20px;}
#popupShipping .layer_wrap_cont {width:100%; margin:0 24px; margin-top:56px;}
#popupShipping .layer_wrap_cont li {padding:20px 0; border-bottom:1px solid #ccc; font-size:14px;}
#popupShipping .btn_prime {display:flex; align-items:center; justify-content:center; margin-top:40px; width:100%; height:40px; font-size:15px; font-weight:400;}
#popupShipping .radio_btn label {align-items:flex-start;}
#popupShipping .radio_btn label .checkbox {margin-top: 3px; margin-right:10px;}
#popupShipping .radio_btn div:last-of-type {display:flex; flex-flow:column wrap; flex:1}
#popupShipping .radio_btn span {margin-bottom:6px; font-weight:700;}
#popupShipping .scroll_box {height:auto; max-height:50vh; overflow-y:scroll;}
#popupShipping .ly_wrap .ly_cont > *, #popupShipping .ly_wrap .ly_ct > * {}

@media screen and (max-width: 360px) {
	/*.ly_wrap .ly_cont > *, .ly_wrap .ly_ct > * {height:300px;}*/

}

/*쿠폰적용팝업*/
.layer_coupon_apply_order{ font-size: 15px; }
.layer_coupon_apply_order .ly_tit {margin-bottom:10px;}
.layer_coupon_apply_order .notice_box {font-size:14px; color:#aaa; font-weight:500;}
.layer_coupon_apply_order .ly_content {margin-top: 40px; max-height: 30vh; overflow-y: scroll;}
.layer_coupon_apply_order .ly_coupon_list dl {position:relative; margin-bottom:20px; padding-left:28px;}
.layer_coupon_apply_order .ly_coupon_list .c_chk {position: absolute; top:2px; left: 0;}
.layer_coupon_apply_order input[type=checkbox]{ display: none; }
.layer_coupon_apply_order .check { display: flex; align-items: center; }
.layer_coupon_apply_order .ly_coupon_list label{display: block; width:100%; font-weight:500; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; }
.layer_coupon_apply_order .check span {display:none;}
.layer_coupon_apply_order .ect_info {margin-top:6px; /*margin-left:-28px;*/ font-size:13px; color:#aaa; font-size:500;}
.layer_coupon_apply_order .no_data strong {font-weight:500;}

.layer_coupon_apply_order .btn_prime{margin-top: 40px; height: 45px; background: black; font-size: 15px; color: white; cursor: pointer; }
.layer_coupon_apply_order .ly_close {top:30px; right:30px;}
.layer_coupon_apply_order .ly_close img {width:20px; height:20px;}

.terms_layer .head {padding:0 40px;}



/*주문완료*/
.order_end{ background: white; padding: 120px 20px 180px; text-align: center;}
.order_end h2{ font-size: 24px; }
.order_end h3{ margin-top: 30px; font-size: 18px; line-height: 26px; background: #ffffff; padding: 20px; border-radius: 25px; text-align: left;}
.order_end h3~img{ vertical-align: top; }
  
.order_end .bg{ margin: 10px 0 48px; display: block; width: 100%; height: auto; }
  
.order_end a {display:flex; justify-content:center; align-items:center; width: 100%; height: 60px; margin-top: 12px;  font-size:18px;border: none; cursor: pointer;}
.order_end .btn_prime {background: black; color: white; }
.order_end .btn_gray { background: #EEEEEE; color: #111111}


/*마이페이지*/
.my_page.mypage {padding-left:20px; padding-right:20px; background:#fff;}
.my_page .contrib{width:100%; margin-top: 40px; margin-bottom:90px;}
.my_page .contrib h3{margin-bottom:30px; font-size:20px; font-weight:500; line-height:28px; }
.my_page .contrib img {width:100%; max-width:360px;}
.my_page button{ height: 40px; font-size: 14px; }

.member_summary {width:100%;}
.member_summary .mypage_number_summary {padding:0; border:none; border-top:1px solid #000;}

.member_summary .mypage_number_summary ul {display:flex; margin-bottom:90px; border-bottom:1px solid #c7c7c7;}
.member_summary .mypage_number_summary ul li {display:flex; flex-flow:column wrap; width:50%;}
.member_summary .mypage_number_summary p {display:flex; justify-content:center; align-items:center; height:60px; padding:0; margin:0;  border:none; border-bottom:1px solid #c7c7c7; font-weight:500;}
.member_summary .mypage_number_summary span {display:flex; justify-content:center; align-items:center; height:100px; font-size: 21px; font-weight: 500; }

.my_page .mypage_order_info {width:100%;}
.my_page .mypage_order_info .mypage_zone_tit {margin-bottom:6px;}
.my_page .mypage_order_info .mypage_zone_tit {text-align:left; font-size: 18px; font-weight: 500;}
.my_page .mypage_order_info_cont ol {display:flex; border-top:1px solid #000;}
.my_page .mypage_order_info_cont ol li {display:flex; flex-flow:column wrap; flex:1;}
.my_page .mypage_order_info_cont ol li h5 {display:flex; justify-content:center; align-items:center; height:60px; border-bottom:1px solid #c7c7c7; font-weight:500; font-size:15px;}
.my_page .mypage_order_info_cont ol li h1 {position:relative; display:flex; justify-content:center; align-items:center; height:100px; font-size:18px; color:#888; font-weight:500;}
.my_page .mypage_order_info_cont ol li.active h1 {color:#000;}
.my_page .mypage_order_info_cont ol li h1:before {content: ""; position: absolute; top:44%; left: -4px; width: 9px; height: 18px; background: url(../img/sita/my_page_chevron_g.svg) no-repeat;  background-size:75%;}
.my_page .mypage_order_info_cont ol li:first-child h1:before {display:none;}

.my_page .li_btns {width:100%; margin-top:10px;}
.my_page .li_btns .btn_prime {height:60px; font-size:15px; font-weight:400;}

.my_page .link_box{ display:flex; justify-content: space-between; width: 100%; margin-top:90px; margin-bottom:120px;}
.my_page .link_box > div {display:flex; flex-flow:column wrap; width:50%;}
.my_page .link_box h5 {min-height:50px; margin-top:15px; font-size:16px; font-weight: 500; word-break: break-word;}
.my_page .link_box h5:first-of-type {margin-top:0;}
.my_page .link_box > h4{ width: 125px; display: flex; justify-content: space-between; align-items: center;}
.my_page .link_box > h4::after{
    content: ''; display: inline-block; width: 6px; height: 12px;
    background: url(/data/skin/front/sita_kr/img/sita/my_page_chevron_b.svg) no-repeat;
    background-size: contain; background-position: center;
  }

/*기간설정*/
.date_check_box {display:flex; justify-content:center; margin:10px 0 50px 0;  padding:0; padding-top:20px; border:none;}
.date_check_box form {display:flex; flex-flow:column wrap; align-items:center;}
.date_check_list {display:flex; flex-flow:row wrap; align-items:center; justify-content: center; width: 210px;margin-bottom:20px;}
.date_check_list button {float:none; width:auto; height:auto; margin:0;padding:0 10px; background:none; border:none; font-size:13px; color:#888888;}
.date_check_list button:hover, .date_check_list button.on {color: #000; background:none; font-weight:500;}
.date_check_calendar {position:relative; float:none; width:auto;}
.date_check_calendar .anniversary {width: 130px; height: 30px; padding: 3px 3px 3px 10px; border: solid 1px #c7c7c7;}
.btn_date_check {display:flex; justify-content:center; align-items:center; width:150px; min-width:auto; height:40px; margin:30px 0 0 0; padding:0x; background: #000; border:none; color:#fff; font-size:13px; font-weight:400; box-sizing:border-box;}
.btn_date_check:hover {background:#000;}
.date_check_calendar .anniversary {background:url(../img/sita/goods_info_down.svg) no-repeat right 5px center; background-size:10px auto;}


/*주문내역*/
.order_list {background:#fff;}
.order_list .inner{ padding-top: 20px; padding-bottom: 300px; }
.order_list .orderlist_wrap {margin-top:30px; border-top:1px solid #000;}
.order_list .order_table > li{ padding-bottom: 30px; }
.order_list .detail .buttons a:first-child{ background: #000000; color: #FFFFFF; }

.m_frame .order_table > li {border:none;}

/*주문내역 리스트*/
.order_list.m_frame .order_table > li {border:none; padding-bottom:0;}
.order_table .head {display:flex; justify-content: space-between; margin-top:30px; padding:11px 4px; border-top:1px solid #000; font-size:14px;}
.order_table .head span {display:block;}
.order_table .detail {display:flex; padding:25px 4px 29px 4px; border-top:1px solid #d6d6d6;}
.order_table .detail img {width:76px; height:76px; border:none;}
.order_table .detail .info {padding-left: 16px; overflow: hidden; text-overflow: ellipsis;}
.order_table .detail .info em {overflow: hidden; text-overflow: ellipsis; font-size:15px; font-weight:500; font-style:normal; white-space: nowrap;}
.order_table .detail .info .price {margin-top:6px; font-weight:400}
.order_table .detail .info .price strong {font-weight:inherit;}
.order_table .detail .info .option {margin-top:6px; font-size:13px; font-weight:500; color:#888888;}
.order_table .detail .status {position: relative; width:100px; flex:1; min-width:105px; margin-left:auto; padding-left: 20px; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; font-weight: 600;}
.order_table .detail .status em {font-style:normal;}
.order_table .detail .btn_gray_list a {display:inline-block; margin-top:6px; color:#2d64aa; text-decoration:underline; font-weight:400;}
.m_frame .order_table .btm_btns {display:flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:0;}
.m_frame .btm_btns a {width:46.66%; min-width:46.66%; height:40px; font-size:14px; font-weight:400;}


.m_frame .order_table .no_data {display:flex; justify-content:center; padding:80px 0; border-top:1px solid #000; border-bottom:1px solid #d6d6d6; color:#888; text-align:center;}

/*주문내역 리스트-추가*/
.order_regist_good_list .orderlist_wrap {border-top:1px solid #000; border-bottom:1px solid #d6d6d6;}
.order_regist_good_list .order_number {display:flex; justify-content:space-between;}
.order_regist_good_list .order_number > div {font-size:14px; padding:10px 4px;}
.order_regist_good_list .order_number > div span,
.order_regist_good_list .order_number > div a {display:block;}
.order_regist_good_list .my_goods {border-top:1px solid #d6d6d6; padding:25px 4px;}
.order_regist_good_list .my_goods .info {display:flex;}
.order_regist_good_list .my_goods .info a {display:flex;}
.order_regist_good_list .my_goods .info img {width:76px; height:76px; margin-right:16px;}
.order_regist_good_list .my_goods .info2 {margin:6px 0;}
.order_regist_good_list .my_goods .itembody {flex:1; margin-right:10px;}
.order_regist_good_list .my_goods .itembody dt {display:block;}
.order_regist_good_list .my_goods .itembody dt a {font-weight:500;}
.order_regist_good_list .order_ing_btn {height:auto; padding:0; background:none; border-radius:0; color:#111; font-weight:bold; line-height:inherit; text-align:inherit;}

.order_regist_good_list .my_goods .claim_info {display:flex; margin-top:35px; }
.order_regist_good_list .my_goods .claim_info .claim_left {flex:1; width:auto;}
.order_regist_good_list .my_goods .claim_info .claim_right {width:auto;}
.order_regist_good_list .my_goods .claim_info .claim_right .count {overflow:hidden; font-size:0;}
.order_regist_good_list .my_goods .claim_info .claim_right input {display:inline-block; height:34px; font-size:12px; border:1px solid #ccc; text-align:center; border-right:none; border-left:none; box-sizing:border-box; vertical-align:middle; }
.order_regist_good_list .price_info {margin-left:96px;}
.order_regist_good_list .count {display:flex; align-items:center;}
.order_regist_good_list .count input {width:50px; text-align:center; font-size:15px;}
.order_regist_good_list .price_info .up {display:inline-block; width:24px; height:24px; background:url('../img/mypage/order_plus.svg') no-repeat center; background-size:24px; font-size:0; border:none;}
.order_regist_good_list .price_info .down {display:inline-block; width:24px; height:24px; background:url('../img/mypage/order_minus.svg') no-repeat center; background-size:24px; font-size:0; border:none;}
.order_regist_good_list .inp_chk input:checked {background-repeat:no-repeat;}
.order_regist_good_list .my_goods .claim_info .claim_right input {width:20px; height:20px; border:1px solid #888888; background:none;}
.order_regist_good_list .my_goods .claim_info .claim_right input:checked {background:#000 url(../img/order/checked.svg) no-repeat center center; background-size:10px auto; border:1px solid #000;}

/*결제정보리스트 order_co_summary*/
.order_co_summary.payment_info { padding-top: 60px; }
.order_co_summary h3 {margin-top:60px; padding-bottom: 10px; font-size: 18px; font-weight: 500; text-align:left;}
.order_co_summary h3:first-child {margin-top:0;}
.order_co_summary.payment_info dt {margin-right:22px;}
.order_co_summary .view_box { border-top:1px solid #000;}
.order_co_summary .view_box dl {display:flex; align-items:center; width:100%; min-height:60px; padding:20px 0; border-bottom:1px solid #d6d6d6}
.order_co_summary .view_box dt, .order_view .view_box dd {display:flex; align-items:center;}
.order_co_summary .view_box dt {width:92px; min-width: 92px; font-weight:500;}

/*주문상세보기*/
.m_frame {background:#fff;}
.order_detail.m_frame .panel {padding:50px 20px;}
.order_view {margin-top:120px;}
.order_view h3 {margin-top:60px; padding-bottom: 10px; font-size: 18px; font-weight: 500; text-align:left;}
.order_view h3:first-child {margin-top:0;}
.order_view .view_box { border-top:1px solid #000;}
.order_view .view_box dl {display:flex; align-items:center; width:100%; min-height:60px; padding:20px 0; border-bottom:1px solid #d6d6d6}
.order_view .view_box dt, .order_view .view_box dd {display:flex; align-items:center;}
.order_view .view_box dt {width:130px; min-width:130px; font-weight:500;}

.order_detail .inner {margin-bottom:180px;}
.order_detail .order_info{ padding-top: 20px; }
.order_detail .delivery_info{ padding-top: 120px; }
.order_detail .buttons > :last-child{ border-color: #888888; background: white; color: #888888; }
.order_detail .back{ margin-top: 55px; display: flex; justify-content: center; font-size: 18px; font-weight: 500; }
.order_detail .back a{ padding: 5px 10px; display: flex; align-items: center; }
.order_detail .back img{ margin-right: 15px; width: 6px; height: 12px; }

/*사은품*/
.order_view .view_box2 {}
.order_view .view_box2 .orinfo {border-bottom:1px solid #c7c7c7;}
.order_view .view_box2 .orinfo li {border-bottom:1px solid #;}
.order_view .view_box2 .orinfo li dl {display:flex; flex-direction:column; width:100%;}
.order_view .view_box2 .orinfo li dl dt {padding:10px 4px; border-top:1px solid #000; font-size:12px; font-weight:500; color:#000;}
.order_view .view_box2 .orinfo li dl dd {display:flex; align-items: center; padding:15px 10px; border-top:1px solid #c7c7c7; font-size:13px; font-weight:500;}
.order_view .view_box2 .orinfo li dl dd .img {display:block; margin-right:20px;}
.order_view .view_box2 .orinfo li dl dd .img img {width:40px; border:1px solid #ccc;}

/*주문취소*/
.refund_regist .inner, .exchange_regist .inner, .back_regist .inner {margin-bottom:180px;}
.refund_regist h4{ font-size: 18px; font-weight: 500; }
.mypage_claim_reason dl > dt {display:none;}
.mypage_claim_reason .js_select_box {margin:15px 0 30px;}
.mypage_claim_reason .content_box {margin-bottom:60px;}
.mypage_claim_reason textarea {width:100%; height:210px; padding:20px; border:1px solid #000; font-size:15px;}
.refund_regist .reason h4{ padding-bottom: 15px; }

.refund_regist .payment_info{ margin-top:60px; }
.refund_regist .payment_info h4{ padding-bottom: 9px; }
.refund_regist button[type="submit"]{ margin-top: 60px; height: 60px; background: black; color: white; font-size: 18px; cursor: pointer; }

.mypage_list { border-top:1px solid #000;}
.mypage_list > dl {display:flex; align-items:center; width:100%; min-height:60px; padding:20px 0; border-bottom:1px solid #d6d6d6}
.mypage_list > dl > dt, .mypage_list > dl > dd {display:flex; align-items:center;}
.mypage_list  > dl > dt {width:92px; min-width: 92px; font-weight:500;}
.mypage_list  > dl > dd strong {font-weight:400;}

/*교환신청*/
.exchange_regist h4{ font-size: 18px; font-weight: 500; }
.exchange_regist .reason h4{ padding-bottom: 15px; }
.exchange_regist .order_list{ margin-top: 91px; }
.exchange_regist .order_list .product_list li{ padding-bottom: 20px; }
.exchange_regist .order_list .detail{ border-bottom: 1px solid #D6D6D6; padding-bottom: 25px; }
.exchange_regist .payment_info{ margin-top:60px; }
.exchange_regist .payment_info h4{ padding-bottom: 9px; }
.exchange_regist button[type="submit"]{ margin-top: 60px; height: 60px; background: black; color: white; font-size: 18px; cursor: pointer; }

/*반품신청*/
.back_regist h4{ font-size: 18px; font-weight: 500; }
.back_regist .reason h4{ padding-bottom: 14px; }
.back_regist .order_list{ margin-top: 90px; border-bottom: 1px solid #C7C7C7; }
.back_regist .order_list .product_list li{ padding-bottom: 20px; }
.back_regist .payment_info{ margin-top: 120px; }
.back_regist .payment_info h4{ padding-bottom: 9px; }
.back_regist button[type="submit"]{ margin-top: 60px; height: 60px; background: black; color: white; font-size: 18px; cursor: pointer; }

/*공병내역*/
.bottle_list .inner {margin-bottom:180px;}
.bottle_list h3 {padding:0 30px; box-sizing:border-box;}
.bottle_list .head > div {flex:1;}
@media screen and (max-width: 380px) {
	.bottle_list .head > div {display:flex; flex-direction:column;}
	}
	
/*공병수거 상세보기*/
.bottle_view .label {width:100px;}
.bottle_view .info_table li {gap:40px;}
.bottle_view .delivery_info {padding-top:30px!important;}

/*프로젝트후원내역*/
.my_project {padding-bottom:180px;}
.my_project .top {width:68.33%; margin:20px auto 60px auto; text-align:center; font-size:20px; font-weight:500;}
.my_project .cont_wrap {margin-top:10px; padding:20px; color:#fff; font-weight:300;}
.my_project .cont_wrap:first-child {margin-top:0;}
.my_project .cont_wrap section p:first-child {margin-bottom:15px; font-size:18px; font-weight:500;}
.my_project .cont_wrap section p:nth-child(3) {margin-top:30px; font-size:14px;}
.my_project .cont_wrap section p a {display:block; margin-top:25px; text-align:right; font-weight:500; color:#fff;}
.my_project section a:after {
    display: inline-block;
    content: '';
    width: 8px;
    height: 15px;
    margin-left: 15px;
    background: url(../img/sita/main_right.svg) no-repeat;
    background-size: contain;
    background-position: 50%;}

  
/*회원탈퇴*/
.hack_out {background:#fff;}
.hack_out .white_board{ padding-top: 60px; padding-bottom: 60px; }
.hack_out h2{ width: 100%; text-align: center; font-size: 21px; font-weight: 500; }
.hack_out h4{ padding-top: 60px; font-weight: 500; }
.hack_out .select_box{ margin-top: 15px; }
.hack_out .notification{ margin-top: 15px; width: 100%; display: flex; flex-direction: column; line-height: 27px; }

.hack_out .agree{ padding-top: 25px; word-break: keep-all; font-size: 13px; line-height: 17px; color: #2D64AA; user-select: none; }
.hack_out .agree label .checkbox{ width: 15px; height: 15px; flex-shrink: 0; border-color: black; }
.hack_out .agree label{ display: flex; align-items: flex-start; padding-top: 5px; padding-bottom: 5px; cursor: pointer; }
.hack_out .agree label span{ padding-left: 15px; }
.hack_out .inputs{ margin-top: 77px; display: flex; flex-direction: column; }
.hack_out .inputs li{ display: flex; flex-direction: column; }
.hack_out .inputs li:not(:first-child){ margin-top: 40px; }
.hack_out .inputs label{ padding-bottom: 15px; font-weight: 500; }
.hack_out .inputs input{ outline: none; border: none;  padding: 13px 0; background-color: white; font-size: inherit; }
.hack_out .inputs input{ border-bottom: 1px solid #808080; }
.hack_out .inputs input[type="text"]{ font-weight: 600; }
.hack_out .inputs input::placeholder{ color: #8A8A8A; }
.hack_out button[type="submit"]{ margin-top: 60px; width: 100%; padding: 19px 0; background: black; font-size: 18px; color: #898989; }
 
/*1:1문의*/
.mypage_qa.m_frame {background:#fff;}
.mypage_qa .white_board{ padding-bottom: 180px; }
.mypage_qa.m_frame .panel {background:#fff;}
.mypage_qa .qa_list{ padding-top: 63px; display: flex; flex-direction: column; line-height: 23px; }
.mypage_qa .qa_list li{ cursor: pointer; }
.mypage_qa .qa_list li.head{ padding-bottom: 12px; border-bottom: 1px solid black; font-weight: 500; }
.mypage_qa .qa_list li:not(.head){ border-bottom: 1px solid #C7C7C7; display: flex; flex-direction: column; font-size: 14px; }
.mypage_qa .qa_list .row > :nth-child(1){ width: 90px; padding-right: 2px; }
.mypage_qa .qa_list .row .div_sbj {flex: 1; width:100%; word-break:keep-all; word-wrap:break-word}
.mypage_qa .qa_list .row .div_status { width: 76px; text-align: right; }
.mypage_qa .detail .answer{display:block; padding-top: 60px; color: #2d64aa; word-break:break-all;word-wrap:break-word;}
.mypage_qa .qa_list li:not(.open) .detail{ display: none; }
.mypage_qa .qa_list li.open{ display: flex; }
.mypage_qa .qa_list .head{ border-bottom: 1px solid black; flex-direction: row; align-items: center; font-weight: 500; }
.mypage_qa .qa_list li.replied .status{ font-weight: 600; }
.mypage_qa .qa_list .row{ display: flex; align-items: center; }

.mypage_qa .qa_list .title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mypage_qa .preview{ padding-top: 30px; padding-bottom: 30px; }
.mypage_qa .detail{ display: flex; flex-direction: column; padding-bottom: 60px; font-size: 15px; }
.mypage_qa .detail .div_sbj {padding-left: 92px; }

.mypage_qa .qa_link{ margin-top: 60px; width: 100%; padding: 19px 0; background: black; display: flex; justify-content: center; align-items: center; font-size: 18px; color: white; cursor: pointer; }
.mypage_qa .btns {display:flex; justify-content:space-between; width:100%; margin-top:60px;}
.mypage_qa .btn_wh {width:48.27%; height: 40px; background:#fff; border: solid 1px #888; font-size:14px; color:#888;}

.mypage_qa.qa_notice {padding:0;padding-bottom:180px;}
.qa_notice {flex-flow:row!important; align-items: flex-start; padding: 30px 0; padding-bottom:180px; height: auto!important;}
.qa_notice > div:first-child img {display:inline-block; margin-right:10px; vertical-align: sub;}
.qa_notice .view_wrap img {max-width:100%;}
.qa_notice .sbj {padding:5px; border-top: 1px solid #999999; border-bottom: 1px solid #dbdbdb; background: #f7f7f7; font-size:inherit; text-align:left;}
.qa_notice .view_box {padding:10px 5px; font-size:12px; border-bottom:1px solid #ddd; font-weight:400}
.qa_notice .question {padding:10px 5px;}

/*1:1문의하기*/
.service_qa{ padding: 60px 0 175px; background: white; }
.service_qa h3{ line-height: 37px; font-size: 21px; font-weight: 500; }
.service_qa form{ margin-top:20px; border-top: 1px solid black; display: flex; flex-direction: column; }
.service_qa form input[type=text],
.service_qa form textarea{ min-width: 10px; box-sizing: border-box; padding: 10px; background: white; border: 1px solid #C7C7C7; font-size: 15px; }
.service_qa form .row{ min-height: 60px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #C7C7C7; display: flex; justify-content: space-between; }
.service_qa form .row dt { width:100px; flex-shrink: 0; display: flex; align-items:flex-start; padding-top: 8px; font-size: 15px; font-weight: 500; }
.service_qa form .row dd {flex:1;}
.service_qa .dl_file dt {aling-items:flex-start;}
.service_qa form .row input[type=text]{width:100%; height:40px; }
.service_qa .btn_upload_box {display:flex;}
.service_qa form input[type=file]{ display: none; }
.service_qa form input[type=file]~ input[type="text"] {flex:1;}
.service_qa form input[type=file]~ .file_btns label{ 
    margin-left: 10px; width: 100px; height:40px; flex-shrink: 0; background: black; display: flex; align-items: center; justify-content: center;
    font-size: 14px; color: white; cursor: pointer; 
}
	
.service_qa .file_upload_sec {display:flex; align-items:center; margin-bottom:10px;}
.service_qa .file_upload_sec a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1}
.service_qa .file_upload_sec .check_label {margin-left:8px;}
.service_qa .file_upload_sec .check_label span {display:inline-block; margin-left:3px;}
.service_qa .file_btns {display:flex;}
.service_qa .contents{ padding-top: 20px; }
.service_qa .contents .label{ padding-bottom: 20px; font-weight: 500; }
.service_qa .contents textarea{ width: 100%; height: 300px; padding: 15px; resize: none; }
.service_qa .btn_center{ margin-top: 60px; display: flex; justify-content: center; }
.service_qa .btn_center button{ width: 100%; padding: 19px 0; background: black; font-size: 18px; color: white; }
.service_qa .btn_wh {width:100px; height: 40px; margin-left:10px; background:#fff; border: solid 1px #888; font-size:14px; color:#888;}
.service_qa .btn_prime {font-weight:400;}
.service_qa .contents dt {margin-left:4px; margin-bottom:20px; font-weight:500;}
.service_qa .btn_box {margin-top:60px;}

@media screen and (max-width: 380px) {
	.service_qa .btn_upload_box {display:block; flex:1;}
	.service_qa form input[type=file]~ .file_btns label {margin-left:0; flex:1;}
	.service_qa .btn_wh {flex:1;}
	.service_qa .file_btns {margin-top:10px;}
}


/*적립금조회*/
.promo{padding-bottom: 40px; background:#fff;}
.promo .panel {position:relative; margin-top:1px; padding:0 20px; display: flex; width:100%; justify-content: center; align-items: center;}
.promo .panel.first h3 {position:relative; width:100%; line-height: 26px; font-size: 21px; text-align: center;}
.promo .panel.first h3 img{ position: absolute; left:0; top:0; width: 26px; height: 26px;}
.promo .panel .btn_back {
    position: absolute;
    left: 20px;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; z-index:10;}

.promo h1 {position:relative; width:100%; text-align:center;}
.promo h1 img {position:absolute; left: 20px; top:3px; width: 26px;  height: 26px;}

.promo .sum_box{display:flex; flex-direction: column; margin-top:120px; }
.promo .sum_box > div{ display: flex; flex-direction: column; justify-content: space-between; width:auto;}
.promo .sum_box h4 {display: flex; flex-direction:row; justify-content: space-between; font-size:18px;}
.promo .sum_box h4 > span {text-align:right}
.promo .sum_box h4 > span:first-child {margin-right:39px; text-align:left;}
.promo .sum_box > span {flex:none; display:block; width:100%; height:1px; margin:20px 0;  background:#c7c7c7;}
  
.promo2{  }
.promo2 .tab {
    display: flex; padding: 10px 20px 0;
    border-bottom: 1px #C7C7C7 solid; background: white;
  }
.promo2 .tab > div{
    flex-grow: 1; width: 1px; height: 40px; display: flex; justify-content: center; align-items: center;
    position: relative; color: #8A8A8A; font-weight:500;
  }
.promo2 .tab > div.selected{ color: black; }
.promo2 .tab > div.selected::after{
    content: ''; width: 100%; height: 3px; background: black;
    position: absolute; left: 0; bottom: -1.5px;
  }

.mileage.list, .coupon.list, .coupon_reg.list {padding:0;}
.mileage .list_box > div,
.coupon .list_box > div {position:relative; padding:20px;}
.mileage .list_box h5,
.coupon .list_box h5 {margin-top:15px; font-size:15px; font-weight:300; color:#8a8a8a;}
.mileage .list_box > div h5:first-child,
.coupon .list_box > div h5:first-child {float:left; font-size:15px; font-weight:400;}
.mileage .list_box > div h5:nth-of-type(3),
.coupon .list_box > div h5:nth-of-type(3) {margin-top:5px;}
.mileage .list_box h2 ,
.coupon .list_box h2 {font-size:18px;}
.coupon .btn_date_check,
.mileage .btn_date_check {width:100%;}

.mileage .more, .coupon .more {width:100%; margin:60px 0 180px 0; text-align:center; font-size:16px; font-weight:500;}

/*쿠폰조회*/
.coupon.list {padding:0;}
.coupon .list_box > div h5:first-child {font-weight:bold; color:#111;}
.coupon .cal_input_wrap {width:100%;}
.coupon .cal_input_wrap select {width:100%; margin-top:10px;}

/*쿠폰등록*/
.coupon_reg { box-sizing:border-box; background:#fff;}
.coupon_reg.mypage {padding:90px 20px 180px 20px;}
.coupon_reg form {width:100%;}
.coupon_reg input[type="text"] {height:45px; text-align:center;}
.coupon_reg .btn_prime {margin-top:60px; font-weight:400;}

/*주문/취소/반품*/
.cancel_list.m_frame {background:#fff;}
.cancel_list .inner{ padding-top: 21px; }
.cancel_list .white_board{ padding-bottom: 180px; }
.cancel_list .order_table > li{ padding-bottom: 0; }
.cancel_list nav{ padding-top: 60px; }

.my_goods.no p {text-align:center;}

/*이용약관*/
.guide{ padding: 0; }
.guide .white_board{ min-height: 740px; padding-top: 60px; padding-bottom: 180px; }
.guide h2{ width: 100%; text-align: center; font-size: 21px; font-weight: 500; }
.guide .nav{ margin-top: 60px; display: flex; flex-direction: column; }
.guide .nav li{ display: flex; flex-direction: row; justify-content: center; border-bottom: 1px solid #C7C7C7; }
.guide .nav li:not(:first-child){ margin-top: 10px; }
.guide .nav li .tab{ flex: 0.25; flex-shrink: 0; box-sizing: border-box; border-bottom: 3px solid transparent; padding-top: 11px; padding-bottom: 10px; display: flex; justify-content: center; font-size: 15px; font-weight: 500; color: #8A8A8A; cursor: pointer; user-select: none; }
.guide .nav li .tab.selected{ color: black; border-bottom: 3px solid black; cursor: initial; }
.guide .nav li .tab:not(.selected):active{ opacity: 0.7; transition: .2s; }
.guide .contents{ padding-top: 30px; line-height: 27px; }
.guide .contents h3{ display: none; }

.guide .contents p{ display: none; }
.guide .contents p.selected{ display: block; }
.guide .contents > br,
.guide .contents p > br:first-child,
.guide .contents p > br:last-child{ display: none; }


/*달력*/
.datepicker-days {padding: 22px 0;}

header .siita_top_bn { clear:both; display:block; padding:0; height:auto; }
header .siita_top_bn a { display:block; }
header .siita_top_bn a span { display:block; text-align:center; line-height:36px; font-size:13px; font-weight: 300;}

header { height:auto; min-height:60px; display:block; padding:0; }
header > .menu { position:absolute; bottom:6px; left:10px; }
header > .bucket { position:absolute; bottom:6px; right:10px; }
header > .logo { display:table; margin:20px auto; }

header.hide .siita_top_bn,
header.opaque .siita_top_bn { display:none; }

#container {
    padding-top: 72px;
}


.cart .btn_wish_bx.np {  }
.cart .btn_wish_bx.np .naverpay_cart { width:80%; margin-top:20px; }
.cart .btn_wish_bx.np .naverpay_cart > div { width:100% !important; }
.npay_storebtn_bx, .npay_button_box, .npay_storebtn_bx *, .npay_button_box * { font-size:10px !important; }
.cart .btn_wish_bx.np .btn_prime {  }
#divAddPay { background:#fff; }
#divAddPay .naverpay_goods_view { width:70%; padding:20px 0 15px; text-align:center; margin:0 auto; }
#divAddPay .naverpay_goods_view .js_naver_btn > div,
#divAddPay .naverpay_goods_view .js_naver_btn > div.npay_type_MA_1 { width:100% !important; height:90px !important; }
#divAddPay .naverpay_goods_view { display:none !important; }


/* 2023-06-16 기본 옵션 1개만 설정한다는 가정하에 작업 진행(옵션 2개 이상, 텍스트옵션, 추가상품 설정시 코드수정 필수)*/
.layer_option .ly_buy_info .ly_opt { width:0; height:0; overflow:hidden; }
.layer_option .siita_item_add_option_box { clear:both; position:relative; }
.layer_option .siita_item_add_option_box > h5 { position:relative; margin-top:0px; width:100%; height:33px; padding:0 34px 0 11px; font-size:13px; line-height:31px; font-size:13px; color:#777; font-weight:500; border:1px solid #c7c7c7; display:flex; flex-flow:row wrap; justify-content:space-between; cursor:pointer; -webkit-tap-highlight-color:transparent; background:#fff url('../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size:400px 31px;}
.layer_option .siita_item_add_option_box > h5::selection { background:transparent; color:inherit; }
.layer_option .siita_item_add_option_box > h5 strong { display:flex; align-items:center; line-height:31px; font-weight:500; cursor:pointer; }
.layer_option .siita_item_add_option_box > h5 span { position:absolute; right:12px; top:5px; width:16px; display:block; height:100%; }
.layer_option .siita_item_add_option_box > ul { position:relative; margin-top:-1px; width:100%; background:#ffffff; display:none; border:1px solid #c7c7c7; border-top:none; border-radius:0;}
.layer_option .siita_item_add_option_box > ul li { font-size:13px; color:#555; line-height:41px; padding:0 19px; cursor:pointer; border-top:1px solid #c7c7c7; }
.layer_option .siita_item_add_option_box > ul li:hover { background:#f4f4f4; }
.layer_option .siita_item_add_option_box > ul li.disabled { color:#bbb; }
.layer_option .siita_item_add_option_box > ul li.disabled:hover { background:transparent; }
.layer_option .siita_item_add_option_box.open > ul { display:block; }
.layer_option .siita_item_choice_box { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:4px 24px 24px; }
.layer_option .siita_item_choice_box .price_box { width:50%; margin:0; padding:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:flex-end; justify-content:flex-end;}
.layer_option .siita_item_choice_box .price_box,
.layer_option .siita_item_choice_box .price_box strong { font-size:21px; font-weight:500; }
.layer_option .siita_item_choice_box .cnt_box { width:50%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; align-items:center; }
.layer_option .siita_item_choice_box .cnt_box button { width:30px; height:30px; display:inline-block; text-align:left; }
.layer_option .siita_item_choice_box .cnt_box button img { width:30px; height:30px; vertical-align:top; }
.layer_option .siita_item_choice_box .cnt_box strong { display:inline-block; text-align:center; width:46px; height:30px; line-height:30px; border:none; font-weight:400; color:#000; font-size:18px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.layer_option .siita_item_choice_box.disabled:after { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; content:''; }
.layer_option .siita_item_choice_box.disabled .price_box,
.layer_option .siita_item_choice_box.disabled .price_box strong { color:#999999; }
.layer_option .siita_item_choice_box.disabled .cnt_box { opacity:0.5; filter:alpha(opacity=50);}
.option_total_display_area { display:none !important; }


.inno_bn { background:#fafafa; padding:70px 0 100px; }
.inno_bn .bn_box { padding:30px 20px 0; }
.inno_bn .bn_box a { display:block; line-height:0; }
.inno_bn .bn_box a span { display:block; line-height:0; }
.inno_bn .bn_box a span + span { margin-top:10px; line-height:19px; font-size:16px; font-weight:500; color:#333; }
.inno_bn .bn_box a img { width:100%; }