@charset "utf-8";

/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     : 2020-06-09
************************** 수정이력 **************************************
* 날짜                    작업자                 변경내용
* 2020-06-09              한주현                 최초작성
**************************************************************************/

*{box-sizing: border-box;}
body{width:100%;height:100%;overflow: inherit;}
body.on{overflow: hidden;}
html{width:100%;height:100%;font-size:100px;}
#wrap{width:100%;height:100%;}
#bg_layer { position: fixed !important; height: 100% !important; }
.layout{margin:0 auto;max-width:1780px;box-sizing: border-box;}
.page-tit{padding-bottom:10px;color:#222;font-size:32px;text-align: center;font-weight:500;}
.no-data{width:100% !important;display:block !important;text-align: center !important;padding:30px 0;font-size:16px;}
/* icon */
.sp-ico{background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
::-webkit-scrollbar {width:8px;height:3px;background-color:rgba(137, 115, 88, 0.1);}
::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.5);}

/* text-align */
.t-align-left{text-align: left !important;}
.t-align-right{text-align: right !important;}
.t-align-center{text-align: center !important;}

/* text-color */
.color-red{color:#ae2b08 !important;}

/* button */
.button-group{font-size:0;}
.button-group.flex{display:flex;}
.button-group.flex .button{flex:1;}
.button{display:inline-block;position:relative;text-align: center;line-height: 50px;box-sizing: border-box;vertical-align: top;}
.button-red{background:#ae2b08;color:#fff;border:1px solid #ae2b08;font-size:16px;font-weight:400;}
.button-gray{background:#999;color:#fff;border:1px solid #999;font-size:16px;font-weight:400;}
.button-cart{font-size:16px;font-weight:400;color:#555;border:1px solid #555;background-position:0 0;overflow: hidden;}
/*.button-cart:before{content: "";display:inline-block;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -250px 0;}*/
.button-delete{position:relative;width:8px;height:8px;overflow: hidden;text-indent: -999999px;}
.button-delete:before{content:"";display:inline-block;width:50px;height:50px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -400px 0;position: absolute;top: -21px;left: -22px;}
.button-outline{border:1px solid #999;background:#fff;color:#999;font-size:16px;}
.button-small{width:45px;height:25px;line-height: 25px;font-size:12px;}
.button-medium{width:80px;height:35px;line-height: 35px;font-size:13px;}
.button-large{width:200px;height:50px;line-height: 50px;font-size:16px;}

/* tab */
.tab{font-size:0;text-align: center;}
.tab a{display:inline-block;padding:0 30px;font-size:18px;font-weight:500;color:#222;}
.tab a.active,
.tab a:hover{color:#ae2b08;}
.tab a.active:hover{display: inline-block;}

/* pagination */
#pagination{margin-top:20px;font-size:0;text-align: center;}
#pagination a{overflow:hidden;display:inline-block;position:relative;width:50px;height:50px;line-height: 50px;font-size:16px;color:#999;text-align: center;}
#pagination a:hover,
#pagination a.active{color:#ae2b08;font-weight:500;}
#pagination a.next,
#pagination a.prev,
#pagination a.first-prev,
#pagination a.end-next{text-indent: -99999999px;}
#pagination a.next:before,
#pagination a.prev:before,
#pagination a.first-prev:before,
#pagination a.end-next:before{content: "";display: inline-block;position:absolute;top:0;left:0;width:50px;height:50px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
#pagination a.next:before{background-position:-300px -150px;}
#pagination a.prev:before{background-position:-350px -100px;}
#pagination a.first-prev:before{background-position:-300px -100px;}
#pagination a.end-next:before{background-position:-350px -150px;}

/* form style */
.form-flex{display:flex;justify-content: space-between;}
.form-flex .cmm-form{width:calc(100% - 85px);}
.form-flex .cmm-form:first-child{width:85px;}
.cmm-form{padding:20px 0;box-sizing: border-box;}
.cmm-form .form{position:relative;border-bottom:1px solid #555;}
.cmm-form .form .icon-status{position: absolute;right: 10px;top: 11px;font-size: 18px;}
.cmm-form .form .icon-status.icon-error{color:#ae2b08;}
.cmm-form .form .icon-status.icon-success{color:#02e266;}
.cmm-form .form + .form{margin-top:20px;}
.cmm-form .form:after{content: "";opacity:0;display:inline-block;position:absolute;left:50%;transform: translateX(-50%);bottom:0;width:0;height:2px;background:#333;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .form.active:after{opacity:1;width:100%;height:2px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .label{display:block;padding:10px 0;font-size:16px;font-weight:500;}
.cmm-form .label .info-txt{color: #0db14b;font-weight: 400;display: inline-block;margin-left:10px;}
.cmm-form .label .warning-txt{color: #ae2b08;font-weight: 400;display: inline-block;margin-left:10px;}
.cmm-form .label .add-button{float: right;display: inline-block;font-size:16px;}
/* .cmm-form .form label{ position: absolute;top:-9999999px;left:-999999px;} */
.member .sign-in .cmm-form .form label{ position: absolute;top:-9999999px;left:-999999px;}
.cmm-form .form input[type="text"],
.cmm-form .form input[type="tel"],
.cmm-form .form input[type="number"],
.cmm-form .form input[type="email"],
.cmm-form .form input[type="password"]{appearance:none;width:100%;height:40px;color:#555;font-size:14px;border:0;box-sizing: border-box;padding:0 10px;font-weight:400;}
.cmm-form .form input::placeholder{color: #ccc;font-size:14px;font-weight:300;}
.cmm-form .form input:focus{border:0;outline: none;}
.cmm-form .form textarea{border:0;resize: none;padding:20px;width:100%;height:300px;box-sizing: border-box;}
.cmm-form .form.email{color:#898989;}
.cmm-form .form.email em{display:inline-block;font-size:14px;color:#898989;}
.cmm-form .form.email input[type="text"]{width:30%;padding:0 0 0 20px;}
.cmm-form .form.email input[type="text"] + input[type="text"]{width:35%;padding:0 10px;}
.cmm-form .form.email select{display:inline-block;padding:0 20px;width:30%;height:40px;color:#898989;box-sizing: border-box;}
.cmm-form .form.addr input[type="text"]{padding:0px 120px 0px 10px}
.cmm-form .form.tel{color:#898989;}
.cmm-form .form.tel em{display:inline-block;font-size:14px;color:#898989;}
.cmm-form .form.tel input[type="tel"]{width:35%;text-align: center;}
.cmm-form .form.tel select{display:inline-block;padding:0 20px;width:20%;height:40px;color:#898989;box-sizing: border-box;}
.cmm-form .form.id .button{display:inline-block;position:absolute;right:0;width:100px;line-height: 40px;background:#333;color:#fff;font-size:13px;text-align: center;}
.cmm-form .form.id input[type="text"]{padding:0px 110px 0px 20px}
.cmm-form .form.addr .addr-button{display:inline-block;position:absolute;right:0;bottom:0;width:100px;line-height:38px;background:#fff;border:1px solid #ae2b08;color:#ae2b08;font-size:13px;text-align: center;}
.cmm-form .form.calendar .cal-icon{position: absolute;top:12px;right:20px;font-size:16px;}
.cmm-form .form .checkbox{display:inline-block;padding:20px;}
.cmm-form .form .checkbox label{position: relative;display:inline-block;margin-right:20px;color:#898989;top:inherit;left:inherit;padding:10px 0;max-width:250px;word-break:keep-all;font-size:13px;font-weight: 500;vertical-align: middle;}
.cmm-form .form .checkbox label strong{display:block;font-size:18px;color:#333;}
.cmm-form.error .form{border-color:#ae2b08;}
.cmm-form.error .form input{color:#ae2b08;}
.cmm-form.error .form input::placeholder{color:#ae2b08;}
.cmm-form .form .checkbox{}
.checkbox-group{padding:15px 0;}
.checkbox{margin-bottom:5px;}
.checkbox input[type="checkbox"]{display:inline-block;position:absolute;opacity:0;}
.checkbox label{display:inline-block;position:relative;padding-left:30px;color:#555;font-size:15px;text-align:left;font-weight:400;box-sizing:border-box;cursor:pointer;}
.checkbox label:before{content:'';display:inline-block;position:absolute;top:2px;left:0;width:18px;height:18px;border:1px solid #555;box-sizing:border-box;}
.checkbox label:after{content:"";display:none;position: absolute;top:3px;left:5px;width:4px;height:10px;border-right:4px solid #ae2b08;border-bottom:4px solid #ae2b08;transform:rotate(45deg);}
.checkbox input[type=checkbox]:checked + label:after{display:inline-block;}
.radio-type1{display:inline-block;position: relative;margin:0 15px;padding:10px 0;}
.radio-type1 input[type="radio"]{display: inline-block;position:absolute;opacity:0;}
.radio-type1 label{position: relative;top:inherit;left:inherit;display:inline-block;padding:0 15px;min-width:80px;line-height:40px;text-align:center;border:1px solid rgba(0,0,0,0.05);border-radius:0.1px;box-shadow:3px 3px 5px -1px rgba(0,0,0,0.1), -3px -3px 5px -1px rgba(255,255,255,0.7);cursor: pointer;}
.radio-type1 input[type="radio"]:checked + label{background:#ae2b08;color:#fff;}

.radio-type2{display:inline-block;margin:0 10px;}
.radio-type2 input[type=radio]{display:inline-block;position:absolute;opacity:0;}
.radio-type2 label{display:inline-block;position:relative;top:inherit;left:inherit;padding-left:25px;color:#444;font-size:14px;font-weight:400;cursor:pointer;}
.radio-type2 label:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;border:1px solid #ccc;border-radius:100%;box-sizing:border-box;}
.radio-type2 label:after{content:'';display:none;position:absolute;top:50%;left:5px;margin-top:-5px;width:10px;height:10px;background:#ae2b08;border-radius:100%;}
.radio-type2 input[type=radio]:checked + label:before{border-color:#ae2b08;}
.radio-type2 input[type=radio]:checked + label:after{display:inline-block;}

/*
.ios-chk{cursor: pointer;}
.ios-chk label{cursor: pointer;display:inline-block;margin-left:10px;color:#555;font-size:15px;vertical-align: middle;font-weight:400;}
input.apple-switch {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;vertical-align:middle;-webkit-appearance: none;outline: none;width: 50px;height: 25px;background-color: #fff;border: 1px solid #D9DADC;border-radius: 50px;box-shadow: inset -20px 0 0 0 #fff;cursor: pointer;}
input.apple-switch:after {content: "";position: absolute;top: 1px;left: 1px;background: transparent;width: 22px;height: 22px;border-radius: 50%;box-shadow: 2px 4px 6px rgba(0,0,0,0.2);}
input.apple-switch:checked {box-shadow: inset 26px 0 0 0 #ae2b08;border-color: #ae2b08;}
input.apple-switch:checked:after {left: 20px;box-shadow: -2px 4px 3px rgba(0,0,0,0.05);}
 */

.ios-chk {position: relative;cursor: pointer;}
.ios-chk input[type="checkbox"]{position: absolute;display: inline-block;opacity: 0;}
.ios-chk label {position:relative;cursor: pointer;display: inline-block;padding-left:60px;color: #555;font-size: 15px;line-height: 27px;vertical-align: middle;font-weight: 400;}
.apple-switch::before {content:"";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;left:0;vertical-align: middle;-webkit-appearance: none;outline: none;width: 50px;height: 25px;background-color: #fff;border: 1px solid #D9DADC;border-radius: 50px;box-shadow: inset -20px 0 0 0 #fff;cursor: pointer;}
.apple-switch:after {content: "";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;top: 3px;left: 1px;background: transparent;width: 22px;height: 22px;border-radius: 50%;box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);}
.ios-chk input[type="checkbox"]:checked + .apple-switch:before {box-shadow: inset 26px 0 0 0 #ae2b08;border-color: #ae2b08;}
.ios-chk input[type="checkbox"]:checked + .apple-switch:after {left: 20px;box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);}


#quick{position: fixed;top:50%;right:35px;transform: translateY(-50%); width:130px;padding:20px 0 0;text-align:center;background: #fff;border:1px solid #eee;overflow: hidden;border-radius: 25px;z-index:10;}
#quick em{}
#quick .tit{margin-top:20px;font-size:15px;color:#222;}
#quick .txt{margin-top:15px;font-size:17px;color:#ae2b08;}
#quick a{display:block;text-align: center;margin-top:30px;background:#f4ebe2;font-size:15px;color:#555;line-height: 45px;}


#header{position: fixed;top:0;left:0;padding:24px 70px;width:100%;min-width:1280px;box-sizing: border-box;z-index:100;background:#fff;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border-bottom:1px solid #eee;}
#header .logo{display:inline-block;vertical-align: middle;}
#header .gnb{display:inline-block;position:relative;left:5%;width:55%;font-size:0;vertical-align: middle;}
#header .gnb a{display:inline-block;width:16.6666%;text-align:center;color:#222;font-size:18px;font-weight:500;}
#header .gnb a:hover{text-decoration: underline;}
#header .util{position:absolute;top:40px;right:70px;}
#header .util a{display:inline-block;margin-left:30px;color:#555;font-size:14px;font-weight:400;}
#header .util a:first-child{margin-left:0;}
#header .util a:hover{text-decoration: underline;}

#footer{background: #383534;padding:35px 0;}
#footer .layout{max-width: 1280px;margin:0 auto;font-size:0;}
#footer .layout .footer-logo{display:inline-block;vertical-align: top;}
#footer .layout .footer-info{display:inline-block;margin-left:40px;}
#footer .layout .footer-info .nav{}
#footer .layout .footer-info .nav a{display:inline-block;margin-left:20px;font-size:15px;color:rgba(255,255,255,0.8);}
#footer .layout .footer-info .nav a:first-child{margin-left:0;}
#footer .layout .footer-info address{margin-top:15px;display:inline-block;vertical-align: top;font-size:14px;color:rgba(255,255,255,0.7);}
#footer .layout .footer-info address span{display:inline-block;margin-right:20px;line-height: 25px;}
#footer .layout .footer-info address .copyright{margin-top:10px;color:rgba(255,255,255,0.5);}
#footer .layout .footer-info a {color:rgba(255,255,255,0.7);}





#main{padding-top:100px;}
#main .main-tit{font-size:32px;font-family: 'Nanum Myeongjo';text-align: center;font-weight:800;}
#main .slide-contents{position:relative;}
#main .slide-contents .slick-slide{position: relative;}
#main .slide-contents .slick-slide .txt-box{text-align:center;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:100%;color:#fff;z-index:10;}
#main .slide-contents .slick-slide .txt-box .tit{font-size:44px;font-family: 'Nanum Myeongjo';}
#main .slide-contents .slick-slide .txt-box .txt{margin-top:35px;font-size:32px;font-family: 'Nanum Myeongjo';}
#main .slide-contents .slick-dots{position: absolute;bottom:100px;width:100%;font-size:0;text-align: center;}
#main .slide-contents .slick-dots li{display:inline-block;margin:0 10px;width:12px;height:12px;border-radius: 100%;vertical-align: top;}
#main .slide-contents .slick-dots li button{display:block;width:100%;height:100%;font-size:0;background:rgba(255,255,255,0.6);border-radius: 100%;}
#main .slide-contents .slick-dots li.slick-active button{background:#fff;}
#main .slide-contents .info-box{position:absolute;left:50%;bottom:0px;transform: translateX(-50%); background:#fff;max-width: 1280px;width:100%;height: 100px;padding:0 60px;display:flex;justify-content: space-between;align-items: center;box-shadow:0 0 20px rgba(0,0,0,0.1);}
#main .slide-contents .info-box ul{font-size:0;}
#main .slide-contents .info-box ul li{position:relative;display:inline-block;margin-left:50px;padding-left:40px;font-family: 'Nanum Myeongjo';font-size:22px;vertical-align: middle;font-weight:700;line-height:30px;}
#main .slide-contents .info-box ul li:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;background:url("/_public/images/@draft/sp_ico.png") no-repeat;}
#main .slide-contents .info-box ul li:first-child{margin-left:0;}
#main .slide-contents .info-box ul li:first-child:before{background-position:0 -350px;}
#main .slide-contents .info-box ul li:nth-child(2):before{background-position:-30px -350px;}
#main .slide-contents .info-box ul li span{display:inline;margin-right:15px;font-size:18px;font-weight:400;font-family: 'Noto Sans KR';}
#main .slide-contents .info-box p{font-size: 18px;}
#main .main-goods{padding:100px 0;}
#main .main-goods .inner{max-width:1280px;margin:0 auto;font-size:0;}
#main .main-goods .inner > div{display:inline-block;width: 393px;margin-left:50px;margin-top:50px;text-align: center;}
#main .main-goods .inner > div:nth-child(3n+1){margin-left:0;}
#main .main-goods .inner > div a{display:block;}
#main .main-goods .inner > div .img{position:relative;padding-top:70%;}
#main .main-goods .inner > div .img img{width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;display:block;}
#main .main-goods .inner > div .txt-box{margin-top:20px;}
#main .main-goods .inner > div .txt-box .tit{font-size:19px;color:#222;font-weight: 400;}
#main .main-goods .inner > div .txt-box .txt{margin-top:6px;color:#ae2b08;font-size:17px;font-weight: 500;}
#main .main-goods .button-group{text-align: center;margin-top:60px;}
#main .main-goods .button-group a{display:inline-block;border:1px solid #222;color:#222;line-height: 50px;text-align: center;font-size:16px;width:155px;}

#main .main-goods2{padding:100px 0;background:#faf5f0;}
#main .main-goods2 .multi-item{margin-top:50px;}
#main .main-goods2 .slick-slide{margin:0 25px;position: relative;opacity: 0.5;}
#main .main-goods2 .slick-slide.slick-active{opacity: 1;}
#main .main-goods2 .slick-slide a{display:block;}
#main .main-goods2 .slick-slide .img{position:relative;padding-top:80%;}
#main .main-goods2 .slick-slide .img img{width:100%;height:100%;display:block;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
#main .main-goods2 .slick-slide .txt-box{margin-top:20px;text-align: center;}
#main .main-goods2 .slick-slide .txt-box .tit{font-size:19px;color:#222;font-weight: 400;}
#main .main-goods2 .slick-slide .txt-box .txt{margin-top:6px;color:#ae2b08;font-size:17px;font-weight: 500;}
#main .main-goods2 .button-group{text-align: center;margin-top:60px;}
#main .main-goods2 .button-group a{display:inline-block;border:1px solid #222;color:#222;line-height: 50px;text-align: center;font-size:16px;width:155px;}

#main .main-cs {position:relative;background:#faf5f0;height:310px;padding:85px 0;}
#main .main-cs:before {content:"";position:absolute;top:0;right:0;width:47%;height:310px;background:#f4ebe2;}
#main .main-cs .inner {max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
#main .main-cs .inner .cs-tit {font-size:24px;color:#222;font-family:'Nanum Myeongjo';font-weight:800;padding-bottom:30px;}
#main .main-cs .inner .txt {font-size:16px;color:#222;font-weight:400;}
#main .main-cs .inner .txt2 {font-size:18px;color:#222;font-weight:400;}
#main .main-cs .inner .center {width:27%;}
#main .main-cs .inner .center .call {font-size:30px;font-weight:500;color:#ae2b08;padding-bottom:15px;}
#main .main-cs .inner .center .txt span {padding-left:10px;}
#main .main-cs .inner .account {width:34%;}
#main .main-cs .inner .account .txt {padding-bottom:8px;}
#main .main-cs .inner .account .txt span {width:100px;display:inline-block;}
#main .main-cs .inner .account .txt i.bnk {display: inline-block;width: 120px; height: 16px;background: url(/_public/images/main/account_img01.png) left top/ auto no-repeat;margin-right: 20px; margin-top:-2px; text-indent:-9999px; vertical-align:middle;}
#main .main-cs .inner .account .txt i.hana {display: inline-block;width: 60px; height: 16px;background: url(/_public/images/main/account_img02.png) left top/ auto no-repeat;margin-right: 20px; margin-top:-2px; text-indent:-9999px; vertical-align:middle;}
#main .main-cs .inner .kb {position:relative;width:39%;}
#main .main-cs .inner .kb .img {position:absolute;top:-125px;right:0;border:1px solid #eee;box-shadow:0 0 20px rgba(0,0,0,0.08);}
#main .main-cs .inner .kb .img img {display:block;}


/*nocontent*/
.nocontent{margin:0 auto; width:1000px;}

/* member */
.member{padding-top:195px;}
.member .tit2{margin-top:40px;color:#333;font-size:22px;text-align:center;font-weight:400;}
.member .sign-up,
.member .sign-in{margin:0 auto;width:400px;}
.member .sign-up .button-group,
.member .sign-in .button-group{margin-top:30px;text-align: center;}
.member .sign-up .button-group .button,
.member .sign-in .button-group .button{display: block;width:100%;}
.member .sign-up .checkbox label a{display: inline-block;margin-left:10px;font-size:14px;color:#999;font-weight: 300;}
.member .sign-up .ment,
.member .sign-in .ment{margin-top:25px;color:#999;font-size:16px;font-weight:400;}
.member .sign-up .ment a,
.member .sign-in .ment a{display: inline-block;margin-left:5px;}
.member .sign-in{}
.member .sign-in .button-group .button +.button{margin-top:10px;}
.member .sign-in .ment + .ment{margin-top:10px;}
.member .sign-in .none-members{margin-top:95px;}
.member .sign-in .none-members fieldset{margin-top:20px;}
.member .sign-in .forgot-password{margin-top:95px;}
.member .sign-in .in-members .form i{position: absolute;top:10px;left:0;font-size:20px;}
.member .sign-in .in-members .form input[type="text"],
.member .sign-in .in-members .form input[type="password"]{padding:0 40px;}


	/* mypage */
.mypage{padding-top:195px;max-width:1280px;margin:0 auto;}
.mypage .tab{margin-top:70px;}
.mypage .ment{margin-top:25px;color:#999;font-size:16px;font-weight:400;}
.mypage .my-info{margin:0 auto;padding-top:60px;width:400px;}
.mypage .my-info .button-group{margin-top:30px;}
.mypage .shipping-list{}
.mypage .shipping-list ul{margin-top:40px;border-top:2px solid #999;border-bottom:2px solid #999;}
.mypage .shipping-list ul li{padding:40px;border-top:1px solid #dbdbdb;box-sizing: border-box;display: flex;align-items: center;}
.mypage .shipping-list ul li:first-child{border-top:0;}
.mypage .shipping-list ul li > *{box-sizing: border-box;}
.mypage .shipping-list ul li .col1{width:200px;color:#333;font-size:16px;font-weight:400;}
.mypage .shipping-list ul li .col1 strong{display:block;}
.mypage .shipping-list ul li .col1 p{margin-top:10px;}
.mypage .shipping-list ul li .col1 span{display:inline-block;margin-top:10px;width :75px;line-height:23px;color:#ae2b08;font-size:12px;text-align:center;border:1px solid #ae2b08;}
.mypage .shipping-list ul li .col2{width:680px;font-size:16px;font-weight:400;}
.mypage .shipping-list ul li .col2 .zip{color:#555;font-size:14px;}
.mypage .shipping-list ul li .col2 .addr1{margin-top:15px;}
.mypage .shipping-list ul li .col3{width:225px;font-size:16px;font-weight:400;}
.mypage .shipping-list ul li .col4{}
.mypage .shipping-list .button-group{margin-top:25px;text-align: right;}
.mypage .shipping-list .button-group .button{width:145px;}
.mypage .shipping-form{margin:0 auto;padding-top:60px;width:480px;}
.mypage .shipping-form .cmm-form{padding:10px 0;}
.mypage .shipping-form .cmm-form .form{border-bottom:0;}
.mypage .shipping-form .cmm-form .form + .form{margin-top:10px;}
.mypage .shipping-form input[type="text"],
.mypage .shipping-form input[type="numbner"],
.mypage .shipping-form input[type="tel"]{border:1px solid #ccc;}
.mypage .shipping-form .button-group{margin-top:60px;}
.mypage .shipping-form .ios-chk{padding-left:85px;}
.mypage .my-order{padding-top:60px;}
.mypage .my-order .status-box{display:flex;justify-content: center;padding:50px 0;background:#fafafa;}
.mypage .my-order .status-box > div{position:relative;margin-left:145px;padding-left:100px;box-sizing: border-box;}
.mypage .my-order .status-box > div:first-child{margin-left:0;}
.mypage .my-order .status-box > div:before{content: "";display:inline-block;position:absolute;top:-5px;left:0;width:100px;height:100px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
.mypage .my-order .status-box > div:after{content: "";display:inline-block;position:absolute;left: -75px;top: 50%;margin-top: -2px;width:28px;height:4px;background:url(/_public/images/@draft/status_icon.png) no-repeat;}
.mypage .my-order .status-box > div:first-child:after{display:none;}
.mypage .my-order .status-box > div p{color:#333;font-size:18px;font-weight:500;}
.mypage .my-order .status-box > div strong{display:block;margin-top:10px;color:#333;font-size:30px;text-align: center;}
.mypage .my-order .status-box > div.status1:before{background-position: -400px -50px;}
.mypage .my-order .status-box > div.status2:before{background-position: -400px -150px;}
.mypage .my-order .status-box > div.status3:before{background-position: -400px -250px;}
.mypage .my-order .status-box > div.status4:before{background-position: -400px -350px;}
.mypage .my-order .item-list{margin-top:60px;border-top:1px solid #222;border-bottom:1px solid #222;}
.mypage .my-order .item{position: relative;border-top:1px solid #dbdbdb;}
.mypage .my-order .item > *{box-sizing: border-box;}
.mypage .my-order .item:first-child{border-top:0;}
.mypage .my-order .item .checkbox{position:absolute;top:40px;left:0;}
.mypage .my-order .item .checkbox label{overflow: hidden;text-indent: -9999999px;}
.mypage .my-order .order-code{padding:12px;border-bottom:1px solid #dbdbdb;display:flex;justify-content: space-between;align-items: center;}
.mypage .my-order .order-code span{display:inline-block;color:#222;font-size:16px;}
.mypage .my-order .order-code a{width:100px;line-height: 35px;height:35px;}
.mypage .my-order .item .item-info{display: table;table-layout: fixed;padding:0 40px;width: 100%;}
.mypage .my-order .item .item-info > div{display: table-cell;padding:20px;vertical-align: middle;}
.mypage .my-order .item .item-info .col1{width:25%;}
.mypage .my-order .item .item-info .col2{width:75%;}
.mypage .my-order .item .item-info .col2 .inner-block{display: flex;align-items: center;justify-content: space-between;    margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #e1e1e1;}
	.mypage .my-order .item .item-info .col2 .inner-block:first-child{margin-top:0;border-top:0;}
.mypage .my-order .item .item-info .item-img{width:100px;display:inline-block;vertical-align: middle;}
.mypage .my-order .item .item-info .item-img img{width:100px;}
.mypage .my-order .item .item-info .item-name{padding-left:20px;display:inline-block;vertical-align: middle;}
.mypage .my-order .item .item-info .item-name strong{display:block;color:#333;  font-size: 20px;font-weight: 500;}
.mypage .my-order .item .item-info .item-name p{margin-top:10px;font-size: 16px;font-weight:400;}
.mypage .my-order .item .item-info .item-name p s{display:inline-block;margin-right:5px;color:#898989;font-weight:100;font-size:14px;}
.mypage .my-order .item .item-info .item-option{width:415px;}
.mypage .my-order .item .item-info .item-option ul li{position:relative;padding:8px 0;color:#333;font-size:14px;font-weight:400;border-top:1px solid #eee;}
.mypage .my-order .item .item-info .item-option ul li:first-child{border-top:0}
.mypage .my-order .item .item-info .item-option ul li > *{display:inline-block;vertical-align: middle;}
.mypage .my-order .item .item-info .item-option ul li .option-name{width:280px;}
.mypage .my-order .item .item-info .item-option ul li .quantity{font-size:0;display:inline-block;width:65px;border:1px solid #ccc;}
.mypage .my-order .item .item-info .item-option ul li .quantity input{display:inline-block;width:30px;height:25px;border:0;text-align: center;vertical-align: middle; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.mypage .my-order .item .item-info .item-option ul li .quantity button{display:inline-block;width:17px;font-size:15px;text-align: center;font-family:serif;line-height: 25px;vertical-align: middle;}
.mypage .my-order .item .item-info .item-option ul li .option-price{margin-left:25px;}
.mypage .my-order .item .item-info .item-option ul li .button-delete{margin-left:15px;}
.mypage .my-order .item .item-info .item-price{width:150px;font-size:16px;font-weight: 500;text-align: center;}
.mypage .my-order .item .item-info .item-price .button{margin-top:10px;width:80px;color:#fff;}
.mypage .my-order .item .item-info .item-price .button-outline{color:#333;}
.mypage .my-order .item .item-info .item-button{text-align: center;}
.mypage .my-order .item .item-info .item-status{text-align: center;width:120px;font-size: 16px;font-weight: 500;}
.mypage .my-order .item .item-info .item-status .button + .button{margin-top:5px;}
.mypage .my-order .item-list .price-box{position:relative;text-align: right;padding:15px 40px;background:#fafafa;}
.mypage .my-order .item-list .price-box .txt{position: absolute;font-size: 16px;font-weight: 400;top: 20px;}
.mypage .my-order .item-list .price-box em{display:inline-block;font-size:16px;font-weight:400;}
.mypage .my-order .item-list .price-box span{display:inline-block;margin-left:10px;font-size:16px;font-weight:500;}
.mypage .my-order .item-list .price-box span strong{display:inline;margin-left:5px;font-size: 20px;}
.mypage .my-order .view-top{padding:20px 40px;background:#fafafa;display:flex;justify-content: space-between;align-items: center;}
.mypage .my-order .view-top > div{font-size:18px;font-weight:400;}
.mypage .my-order .view-top > div span{display: inline-block;margin-right:20px;font-weight:500;}
.mypage .my-order .flex-box{display: flex;margin-top:40px;justify-content: space-between;}
.mypage .my-order .flex-box .sheet{width:48%;border-bottom: 1px solid #222;}
.mypage .my-order .flex-box .sheet .tit{font-size: 21px;font-weight: 400;}
.mypage .my-order .flex-box .sheet .box{margin-top: 10px;padding: 0;}
.mypage .my-order table{width:100%;border-top: 1px solid #222;}
.mypage .my-order table tbody{}
.mypage .my-order table tbody tr th{width:150px;padding:15px;background:#fafafa;font-size:16px;border-bottom:1px solid #dbdbdb;}
.mypage .my-order table tbody tr td{padding:15px;font-size:14px;border-bottom:1px solid #dbdbdb;}
.mypage .my-order .total-price{margin-top:40px;display:flex;padding:50px 100px;border-top:1px solid #222;background:#fafafa;}
.mypage .my-order .total-price .txt-box{width:50%;font-size:30px;font-weight:600;}
.mypage .my-order .total-price dl{width:50%;}
.mypage .my-order .total-price dl dt{float:left;width:30%;font-size:20px;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.mypage .my-order .total-price dl dd{margin-left:30%;width:70%;font-size:20px;text-align:right;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.mypage .my-order .total-price dl dt.total{font-size:25px;font-weight:600;color:#222;border-bottom:0;}
.mypage .my-order .total-price dl dd.total{font-size:25px;font-weight:600;color:#222;border-bottom:0;}
.mypage .order-view .button-group{padding:20px;text-align: center;}

.mypage .point .list{margin-top:40px;}
.mypage .point .list table{width:100%;border-top: 2px solid #555;}
.mypage .point .list table thead tr th{padding:20px 10px;color: #333;font-size: 16px;font-weight:500;border-bottom: 1px solid #555;}
.mypage .point .list table tbody tr td{text-align: center;padding:20px 10px;font-size:15px;font-weight:400;border-bottom: 0.01rem solid #ccc;}
.mypage .point .list table tbody tr td.sum{color:#000;}
.mypage .point .list table tbody tr td .minus{color:#a1a1a1;}
.mypage .point .list table tbody tr td .plus{color:#ae2b08;}

.community .tab{margin-top:70px;}

.shop{margin:195px auto 0;max-width:1280px;}
/* cart */
.shop .cart{margin-top:70px;}
.shop .cart .chk-controll{padding:10px 0;}
.shop .cart .chk-controll label{font-size:18px;}
.shop .cart .chk-controll .checkbox label:before{top:5px;}
.shop .cart .chk-controll .checkbox label:after{top:5px;}
.shop .cart .item-list{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.shop .cart .item{position: relative;border-top:1px solid #dbdbdb;}
.shop .cart .item > *{box-sizing: border-box;}
.shop .cart .item:first-child{border-top:0;}
.shop .cart .item .checkbox{position:absolute;top:40px;left:0;}
.shop .cart .item .checkbox label{overflow: hidden;text-indent: -9999999px;}
.shop .cart .item .item-info{display: table;table-layout: fixed;padding:0 40px;width: 100%;}
.shop .cart .item .item-info > div{display: table-cell;padding: 40px 20px;vertical-align: middle;}
.shop .cart .item .item-info .item-img{width:100px;}
.shop .cart .item .item-info .item-img img{width:100px;}
.shop .cart .item .item-info .item-name{padding-left:20px;width:410px;}
.shop .cart .item .item-info .item-name strong{display:block;color:#333;  font-size: 20px;font-weight: 500;}
.shop .cart .item .item-info .item-name p{margin-top:10px;font-size: 16px;font-weight:400;}
.shop .cart .item .item-info .item-name p s{display:inline-block;margin-right:5px;color:#898989;font-weight:100;font-size:14px;}
.shop .cart .item .item-info .item-option{width:440px;}
.shop .cart .item .item-info .item-option ul li{position:relative;padding:8px 0;color:#333;font-size:14px;font-weight:400;border-top:1px solid #eee;}
.shop .cart .item .item-info .item-option ul li:first-child{border-top:0}
.shop .cart .item .item-info .item-option ul li > *{display:inline-block;vertical-align: middle;}
.shop .cart .item .item-info .item-option ul li .option-name{width:295px;}
.shop .cart .item .item-info .item-option ul li .quantity{font-size:0;display:inline-block;width:67px;border:1px solid #ccc;}
.shop .cart .item .item-info .item-option ul li .quantity input{display:inline-block;width:30px;height:25px;border:0;text-align: center;vertical-align: middle; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.shop .cart .item .item-info .item-option ul li .quantity button{display:inline-block;width:17px;font-size:15px;text-align: center;font-family:serif;line-height: 25px;vertical-align: middle;}
.shop .cart .item .item-info .item-option ul li .option-price{margin-left:25px;}
.shop .cart .item .item-info .item-option ul li .button-delete{margin-left:15px;}
.shop .cart .item .item-info .item-price{width:200px;font-size:16px;font-weight: 500;text-align: center;}
.shop .cart .item .item-info .item-price .button{margin-top:10px;width:80px;color:#fff;}
.shop .cart .item .item-info .item-button{text-align: center;}
.shop .cart .item .price-box{text-align: right;padding:15px 40px;background:#fdfdfd;}
.shop .cart .item .price-box em{display:inline-block;font-size:16px;font-weight:400;}
.shop .cart .item .price-box span{display:inline-block;margin-left:10px;font-size:16px;font-weight:500;}
.shop .cart .item .price-box span strong{display:inline;margin-left:5px;font-size: 20px;}
.shop .cart .total-price{margin-top:40px;display:flex;padding:50px 100px;border-top:1px solid #dbdbdb;background:#fdfdfd;}
.shop .cart .total-price .txt-box{width:50%;font-size:30px;font-weight:600;}
.shop .cart .total-price dl{width:50%;}
.shop .cart .total-price dl dt{float:left;width:30%;font-size:20px;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.shop .cart .total-price dl dd{margin-left:30%;width:70%;font-size:20px;text-align:right;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.shop .cart .total-price dl dt.total{font-size:26px;font-weight:600;color:#222;border-bottom:0;}
.shop .cart .total-price dl dd.total{font-size:26px;font-weight:600;color:#222;border-bottom:0;}
.shop .cart .button-group{margin-top:40px;text-align: center;}
.shop .cart .button-group .button{width:200px;}
.shop .cart .button-group .button + .button{margin-left:10px;}
.shop .order-bottom{position: fixed;display:none;left:0;bottom:0;width:100%;padding:20px 0;border-top:2px solid #ff2929;background:#fdfdfd;box-sizing: border-box;z-index:1000;}
.shop .order-bottom .layout{display:flex;justify-content: space-between;}
.shop .order-bottom .info-box{font-size:0;}
.shop .order-bottom .info-box p{display:inline-block;position:relative;width:200px;font-size:16px;font-weight:500;padding-left: 50px;text-align: right;}
.shop .order-bottom .info-box p:first-child{padding-left:0;}
.shop .order-bottom .info-box p span{display:block;margin-top:5px;font-size:20px;font-weight: 600;}
.shop .order-bottom .info-box p i{color:#333;font-size:27px;position: absolute;top:25px;left:65px;}
.shop .order-bottom .button{width:250px;line-height: 50px;}

/* order */
.shop .order{margin:0 auto;width:1280px;}
.shop .order-sheet{margin-top:70px;overflow: hidden;}
.shop .order-sheet .left{width:50%;float: left;}
.shop .order-sheet .right{width:40%;float: right;}
.shop .order-sheet .sheet{padding:20px 0;}
.shop .order-sheet .sheet .tit{font-size:21px;font-weight: 400;}
.shop .order-sheet .item-list{margin-top:10px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.shop .order-sheet .box{margin-top:10px;padding:0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.shop .order-sheet .item{position: relative;border-top:1px solid #dbdbdb;}
.shop .order-sheet .item > *{box-sizing: border-box;}
.shop .order-sheet .item:first-child{border-top:0;}
.shop .order-sheet .item .checkbox{position:absolute;top:40px;left:0;}
.shop .order-sheet .item .checkbox label{overflow: hidden;text-indent: -9999999px;}
.shop .order-sheet .item .item-info{display: table;table-layout: fixed;padding:0 40px;width: 100%;}
.shop .order-sheet .item .item-info > div{display: table-cell;padding: 40px 20px;vertical-align: middle;}
.shop .order-sheet .item .item-info .item-img{width:100px;}
.shop .order-sheet .item .item-info .item-img img{width:100px;}
.shop .order-sheet .item .item-info .item-name{padding-left:20px;width:270px;}
.shop .order-sheet .item .item-info .item-name strong{display:block;color:#333;  font-size: 20px;font-weight: 500;}
.shop .order-sheet .item .item-info .item-name p{margin-top:10px;font-size: 16px;font-weight:400;}
.shop .order-sheet .item .item-info .item-name p s{display:inline-block;margin-right:5px;color:#898989;font-weight:100;font-size:14px;}
.shop .order-sheet .item .item-info .item-option{width:420px;}
.shop .order-sheet .item .item-info .item-option ul li{position:relative;padding:8px 0;color:#333;font-size:14px;font-weight:400;border-top:1px solid #eee;}
.shop .order-sheet .item .item-info .item-option ul li:first-child{border-top:0}
.shop .order-sheet .item .item-info .item-option ul li > *{display:inline-block;vertical-align: middle;}
.shop .order-sheet .item .item-info .item-option ul li .option-name{width:295px;}
.shop .order-sheet .item .item-info .item-option ul li .quantity{font-size:0;display:inline-block;width:65px;border:1px solid #ccc;}
.shop .order-sheet .item .item-info .item-option ul li .quantity input{display:inline-block;width:30px;height:25px;border:0;text-align: center;vertical-align: middle; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.shop .order-sheet .item .item-info .item-option ul li .quantity button{display:inline-block;width:17px;font-size:15px;text-align: center;font-family:serif;line-height: 25px;vertical-align: middle;}
.shop .order-sheet .item .item-info .item-option ul li .option-price{margin-left:25px;}
.shop .order-sheet .item .item-info .item-option ul li .button-delete{margin-left:15px;}
.shop .order-sheet .item .item-info .item-price{width:150px;font-size:16px;font-weight: 500;text-align: center;}
.shop .order-sheet .item .item-info .item-price .button{margin-top:10px;width:80px;color:#fff;}
.shop .order-sheet .item .item-info .item-button{text-align: center;}
.shop .order-sheet .item .price-box{text-align: right;padding:15px 40px;background:#fdfdfd;}
.shop .order-sheet .item .price-box em{display:inline-block;font-size:16px;font-weight:400;}
.shop .order-sheet .item .price-box span{display:inline-block;margin-left:10px;font-size:16px;font-weight:500;}
.shop .order-sheet .item .price-box span strong{display:inline;margin-left:5px;font-size: 20px;}
.shop .order-sheet .total-price{padding:20px;background:#fdfdfd;}
.shop .order-sheet .total-price .txt-box{font-size:30px;font-weight:600;}
.shop .order-sheet .total-price dl{}
.shop .order-sheet .total-price dl dt{float:left;width:40%;font-size:20px;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.shop .order-sheet .total-price dl dd{margin-left:40%;width:60%;font-size:20px;text-align:right;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.shop .order-sheet .total-price dl dt.total{font-size:25px;font-weight:500;color:#222;border-bottom:0;}
.shop .order-sheet .total-price dl dd.total{font-size:25px;font-weight:500;color:#222;border-bottom:0;}
.shop .order-sheet .button-group{clear:both;margin-top:0;text-align: center;}
.shop .order-sheet .button-group .button{width:235px;}
.shop .order-sheet .button-group .button + .button{margin-left:10px;}
.shop .order-sheet .form-flex .cmm-form:first-child{width:150px;background:#f9f9f9;border-bottom:1px solid #dbdbdb;}
.shop .order-sheet .cmm-form{padding:0;border-bottom:1px solid #dbdbdb;}
.shop .order-sheet .cmm-form .form{padding:15px;border-bottom:0;}
.shop .order-sheet .cmm-form .label{padding:15px;line-height: 40px;}
.shop .order-sheet .cmm-form .form + .form{margin-top:10px;}
.shop .order-sheet input[type="text"],
.shop .order-sheet input[type="numbner"],
.shop .order-sheet input[type="password"],
.shop .order-sheet input[type="number"],
.shop .order-sheet input[type="tel"]{width:300px;border:1px solid #ccc;}
.shop .order-sheet .cmm-form .form.addr input[type="text"]{padding:0 10px;}
.shop .order-sheet select{width:100%;height:40px;border:1px solid #ccc;padding:0 10px;}
.shop .order-sheet .cmm-form .form textarea{margin-top:10px;height:100px;border:1px solid #ccc;}
.shop .order-sheet .cmm-form .form.addr .addr-button{position:relative;vertical-align: top;}
.shop .order-sheet .ios-chk{padding-left:85px;}
.shop .order-sheet .terms{margin:0 0 20px;padding:20px;border:1px solid #ccc;height:150px;overflow-y: auto;}
.shop .order-sheet .checkbox{margin:20px 0;}
.shop .order-sheet .all-check{padding:20px 0;text-align: center;background:#fdfdfd;}
.shop .order-sheet .all-check .checkbox{margin:0;}
.shop .order-sheet .cmm-form .checkbox{display:inline-block;vertical-align: middle;margin-top:25px;margin-left:20px;}
.shop .order-sheet input.select-input{width:100%;background: url(/_public/images/@draft/select_icon.png) no-repeat;background-position: 98% 50%;}
.shop .order-sheet .select-list{display:none;position:absolute;margin-top:-1px;width:100%;max-width:1028px;background:#fff;box-sizing:border-box;padding:10px;border:1px solid #ccc;z-index:10;}
.shop .order-sheet .select-list li{font-size:13px; cursor: pointer;}
.shop .order-sheet .select-list.active{display:block;}
.shop .order-sheet .bankbook{padding:0 0 15px;}
.shop .order-sheet .bankbook .form{padding:15px 0;border-top:1px solid #dbdbdb;}
.shop .order-sheet .bankbook label{opacity: 0;position:absolute;top:-99999999px;left:-99999999px;}
.shop .order-sheet .bankbook input[type="text"]{margin-top:10px;width:100%;padding:0 10px;height: 40px;box-sizing: border-box;}
.shop .order-sheet .bankbook .txt{padding-top:15px;border-top:1px solid #dbdbdb;}
.shop .order-sheet .radio-type2{margin-top:25px;}
.shop .order-completed{margin:0 auto;padding-top:60px;width:800px;}
.shop .order-completed .message-txt{text-align: center;padding-bottom:40px;font-size:16px;font-weight:400;}
.shop .order-completed .message-txt strong{display:block;font-size:27px;}
.shop .order-completed .message-txt span{display:block;margin-top:10px;}
.shop .order-completed dl{border-top: 1px solid #222; border-bottom: 1px solid #222;}
.shop .order-completed dl dt{clear: left;float: left;width: 200px;padding: 20px;color: #222;font-size: 20px;font-weight: 500;box-sizing: border-box;}
.shop .order-completed dl dd{padding: 20px 20px 20px 200px;color: #555;line-height:27px;font-size: 16px;text-align: right;font-weight: 400;border-bottom: 1px solid #dbdbdb;box-sizing: border-box;}
.shop .order-completed dl dd:after{content: "";display: table;clear: both;}
.shop .order-completed dl dd ul{margin-top:10px;}
.shop .order-completed dl dd ul li{font-size:14px;font-weight:400;line-height: normal;}
.shop .order-completed dl dd ul.bankbook{}
.shop .order-completed dl dd ul.bankbook li{color:#222;font-size:15px;}
.shop .order-completed dl dd strong{display: block;font-size:18px;}
.shop .order-completed .total-price{margin-top:40px;display:flex;padding:40px;border-top:1px solid #222;border-bottom:1px solid #383d4a;background:#f9f9f9;}
.shop .order-completed .total-price .txt-box{width:40%;font-size:26px;font-weight:600;}
.shop .order-completed .total-price dl{width:60%;border:0;}
.shop .order-completed .total-price dl dt{font-size:20px;padding:15px 0 0;font-weight:400;}
.shop .order-completed .total-price dl dd{font-size:20px;text-align:right;padding:15px 0;font-weight:400;border-bottom:1px solid #ccc;}
.shop .order-completed .total-price dl dt.total{font-size:26px;line-height:normal;font-weight:600;color:#222;border-bottom:0;}
.shop .order-completed .total-price dl dd.total{font-size:26px;line-height:normal;font-weight:600;color:#222;border-bottom:0;}
.shop .order-completed .button-group{margin-top:40px;text-align: center;}
.shop .order-completed .button-group .button{width:250px;}

#contents{padding-bottom:100px;min-height:calc(100% - 80px);box-sizing: border-box;}
#contents .visual{position:relative;height:430px;}
#contents .visual.sub01{background:url(/_public/images/sub/visual01.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
#contents .visual.sub02{background:url(/_public/images/sub/visual02.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
#contents .visual.sub03{background:url(/_public/images/sub/visual03.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
#contents .visual.sub04{background:url(/_public/images/sub/visual04.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
#contents .visual .txt-box{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1500px;text-align:center;}
#contents .visual .txt-box .txt{font-size:30px;color:#fff;font-weight:400;font-family: 'Nanum Myeongjo';}

#contents .aboutus{padding-top:100px;width:1280px;margin:0 auto;}
#contents .aboutus .box{margin-top:80px;}
#contents .aboutus .box .txt-box{padding-right:595px;background: url(/_public/images/sub/aboutus_bg.png) no-repeat;background-position: right center;}
#contents .aboutus .box .txt-box .tit{font-size:46px;}
#contents .aboutus .box .txt-box .tit span{display: block;font-size:24px;}
#contents .aboutus .box .txt-box .tit em{color:#ae2b08;font-weight:600;}
#contents .aboutus .box .txt-box .txt{margin-top:30px;font-size:20px;color:#222;font-weight:300;}
#contents .aboutus .box .txt-box .txt strong{font-weight:500;}
#contents .aboutus .box .txt-box .sign{margin-top:55px;color:#222;font-size:20px;font-family: 'Nanum Myeongjo';font-weight:800;}
#contents .aboutus .box .txt-box .sign strong{font-size:24px;}

/* 이용안내 */
#contents .info{padding-top:100px;width:1000px;margin:0 auto;}
#contents .info .box{width:100%;margin-top:80px;overflow:hidden; font-size:0;}
#contents .info .box .info-box {margin-bottom:60px;}
#contents .info .box .img-box01{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img01.png) top center/100% no-repeat;}
#contents .info .box .img-box02{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img02.png) top center/100% no-repeat;}
#contents .info .box .img-box03{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img03.png) top center/100% no-repeat;}
#contents .info .box .img-box04{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img04.png) top center/100% no-repeat;}
#contents .info .box .txt-box{display:inline-block;width:75%;vertical-align:top; margin-top:40px; margin-left:40px;}
#contents .info .box .txt-box:first-child{margin-top:0;}
#contents .info .box .txt-box .tit{position:relative;margin-bottom:10px;font-size:24px;font-family: 'Nanum Myeongjo';font-weight:800; color:#ae2b08;}
#contents .info .box .txt-box .tit:before{display:inline-block;content:"";width:24px;height:24px;background:url(/_public/images/sub/tit_img.png) top left/100% no-repeat; margin-right:8px;position:relative; top:2px;}
#contents .info .box .txt-box .txt{position:relative;padding-left:10px;font-size:18px;color:#222;font-weight: 300;}
#contents .info .box .txt-box .txt:before{content: "";position:absolute;top:13px;left:0;display:inline-block;width:2px;height:2px;background:#222;}
#contents .info .box .txt-box .txt-account{position:relative;padding-left:10px;margin-top:10px;font-size:18px;color:#222;font-weight: 300;}
#contents .info .box .txt-box .txt-account span{display:inline-block; width:1px; height:14px; background:#111; margin: 0 8px -1px 10px;}
#contents .info .box .txt-box .txt-account i.bnk {display:inline-block; width:120px; height:16px; margin-right: 20px; margin-bottom:-2px; background:url(/_public/images/sub/bank_img01.png) top left/100% auto no-repeat;}

#contents .info .box .txt-box dl{}
#contents .info .box .txt-box dl dt{font-size:18px;font-weight:500;}
#contents .info .box .txt-box dl dd{margin-top:10px;}
#contents .info .box .txt-box dl dd + dt{margin-top:30px;}

#contents .info .box .top-box{width:1000px;margin:0 auto;background: url(/_public/images/product/top_box_bg.png) top center/100% auto no-repeat; padding:50px; margin-bottom:30px;}
#contents .info .box .top-box ul{}
#contents .info .box .top-box ul li{position:relative;text-align: left;font-size:20px;font-weight:300;line-height: 28px;margin-bottom:14px;padding-left:15px;letter-spacing:-0.0112rem;}
#contents .info .box .top-box ul li > strong{color:#ae2b08; font-weight:500;}
#contents .info .box .top-box ul li:before{content: "-";position:absolute;top:0px;left:0;display:inline-block;}
#contents .info .box .top-box2{width:1000px;margin:0 auto;background: url(/_public/images/product/top_box2_bg.png) top center/100% auto no-repeat; padding:50px; margin-bottom:30px;text-align: left;}
#contents .info .box .top-box2 .top-box2-textbox {font-size:20px;font-weight:300;line-height: 28px;margin-bottom:10px;}
#contents .info .box .top-box2 .top-box2-textbox p{display:inline-block;font-size:20px; vertical-align:top;letter-spacing:-.008rem;}
#contents .info .box .top-box2 .top-box2-textbox p.top-box2-tit {font-weight:500; width: 94px;}
#contents .info .box .top-box2 ul{display:block; margin:40px 0 60px;}
#contents .info .box .top-box2 ul li{position:relative;font-size:16px; font-weight:400; padding-left:12px;}
#contents .info .box .top-box2 ul li:before{content:"."; position:absolute; top:-4px; left:0px;}
#contents .info .box .top-box2 .top-box2-textbox2 p{font-size:18px;font-weight:300;letter-spacing:-0.004rem;}
#contents .info .box .top-box2 .top-box2-textbox2 p strong{font-weight:500; font-size:20px;}

#contents .info .bottom-box{width:1000px;margin:0 auto;border-bottom:2px solid #ae2b08;}
#contents .info .bottom-box strong{display:block;width:100%;color:#fff;font-size: 24px;font-weight:600;text-align: center;line-height: 70px;background: #ae2b08;}
#contents .info .bottom-box ul{padding:50px;background: #f3f3f3;}
#contents .info .bottom-box ul li{position:relative;text-align: left;font-size:18px;line-height: 32px;padding-left:15px;}
#contents .info .bottom-box ul li:before{content: "*";position:absolute;top:4px;left:0;display:inline-block;}


/* product */
.cont-img {max-width:1000px;margin:40px auto 0;text-align: center;}

#contents .product{padding-top:100px;max-width:1280px;}
#contents .product .list{}
#contents .product .list .tab a.all{color:#ff2929;}
#contents .product .list .tab a.all:before{display:inline-block;}
#contents .product .list ul{font-size:0;}
#contents .product .list ul{display: flex;flex-wrap:wrap;width:100%;}
#contents .product .list ul li{display: inline-block;width: 393px;margin-left:50px;margin-top:50px;text-align: center;}
#contents .product .list ul li:nth-child(3n+1){margin-left:0;}
#contents .product .list ul li a{display:block;}
#contents .product .list ul li a .img{overflow: hidden;position:relative;padding-top:70%;}
#contents .product .list ul li a .img img{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#contents .product .list ul li a .txt-box{margin-top:20px;}
#contents .product .list ul li a .txt-box .tit{font-size:19px;color:#222;font-weight: 400;}
#contents .product .list ul li a .txt-box .txt{margin-top:6px;color:#ae2b08;font-size:17px;font-weight: 500;}
#contents .product .list ul li a .hash{font-size:0;margin-top:20px;}
#contents .product .list ul li a .hash span{display:inline-block;font-size:15px;margin-left:5px;color:#333;}
#contents .product .list ul li a .hash span:first-child{margin-left:0px;}
#contents .product .list ul li:hover a .img img{transform: scale(1.2);}

#contents .product .view{}
#contents .product .view .product-info{display:flex;justify-content:space-between;padding-top:100px;}
#contents .product .view .product-info .img{position: relative;width:560px;}
#contents .product .view .product-info .img .top-img{width:560px;}
#contents .product .view .product-info .img .top-img img{display:block;width:100%;max-height:560px;}
#contents .product .view .product-info .img .thumnail-img{width:100%;bottom:0;left:0;padding:20px 0;font-size:0;background:rgba(255,255,255,0.7);box-sizing:border-box;}
#contents .product .view .product-info .img .thumnail-img span{display:inline-block;margin-right:15px;border:1px solid #ccc;width:100px;height:100px;cursor: pointer;}
#contents .product .view .product-info .img .thumnail-img span img{display:block;width:100%;height:100px;}
#contents .product .view .product-info .info-box{width:560px;box-sizing: border-box;}
#contents .product .view .product-info .info-box .title{padding-bottom:30px;border-bottom:1px solid #eee;}
#contents .product .view .product-info .info-box .title .hash{font-size:0;}
#contents .product .view .product-info .info-box .title .hash span{display:inline-block;font-size:15px;margin-left:5px;}
#contents .product .view .product-info .info-box .title .hash span:first-child{margin-left:0px;}
#contents .product .view .product-info .info-box .title strong{display:block;color:#222;font-size:30px;font-weight:600;font-family: 'Nanum Myeongjo';}
#contents .product .view .product-info .info-box .title .price{margin-top:20px;color:#222;font-size:26px;font-weight:500;}
#contents .product .view .product-info .info-box .title .price s{display:inline-block;margin-right:10px;color:#898989;font-size:16px;font-weight:100;}
#contents .product .view .product-info .info-box .detail{border-bottom:1px solid #eee;}
#contents .product .view .product-info .info-box dl{padding:15px 0;font-size:0;}
#contents .product .view .product-info .info-box dl dt{display:inline-block;padding:15px 0;width:28%;font-size:16px;font-weight:400;}
#contents .product .view .product-info .info-box dl dd{display:inline-block;padding:15px 0;width:72%;font-size:16px;font-weight:400;}
#contents .product .view .product-info .info-box dl dd select{padding:0 15px;width:100%;height:40px;box-sizing: border-box;border:1px solid #ccc;}
#contents .product .view .product-info .info-box dl dd .origin-button{display:inline-block;border: 1px solid #ddd;background: #f2f2f2;line-height: 25px;padding: 0 5px;}

#contents .product .view .product-info .info-box .option{border-bottom:1px solid #999;}
#contents .product .view .product-info .info-box .option-list{border-bottom:1px solid #999;}
#contents .product .view .product-info .info-box .option-list ul li{position:relative;padding:15px 0;color:#222;font-size:13px;font-weight:500;border-top:1px solid #eee;}
#contents .product .view .product-info .info-box .option-list ul li:first-child{border-top:0}
#contents .product .view .product-info .info-box .option-list ul li > *{display:inline-block;vertical-align: middle;}
#contents .product .view .product-info .info-box .option-list ul li .option-name{width:347px;}
#contents .product .view .product-info .info-box .option-list ul li .quantity{font-size:0;display:inline-block;margin-right:10px;width:67px;background:#faf5f0;}
#contents .product .view .product-info .info-box .option-list ul li .quantity input{display:inline-block;width:30px;height:25px;border:0;text-align: center;vertical-align: middle; -webkit-appearance: none;-moz-appearance: none;appearance: none;background:#faf5f0;}
#contents .product .view .product-info .info-box .option-list ul li .quantity button{display:inline-block;width:17px;font-size:15px;text-align: center;font-family:serif;line-height: 25px;vertical-align: middle;}
#contents .product .view .product-info .info-box .option-list ul li .option-price{width:100px;text-align: right;}
#contents .product .view .product-info .info-box .option-list ul li .button-delete{margin-left:15px;}
#contents .product .view .product-info .info-box .total-price{padding-top:30px;text-align: right;color:#555;font-size:14px;font-weight:500;}
#contents .product .view .product-info .info-box .total-price em{display:inline-block;color:#222;font-size:26px;margin-left:15px;font-weight:600;font-family: 'Nanum Myeongjo';}
#contents .product .view .product-info .info-box .button-group{margin-top:20px;}
#contents .product .view .product-info .info-box .button-group .button-cart{width:49%;height:52px;line-height: 50px;}
#contents .product .view .product-info .info-box .button-group .button-red{margin-left:2%;width:49%;}
#contents .product .view .item-info{}
#contents .product .view .item-info .tab{margin-top:130px;}
#contents .product .view .item-info .item-box{margin-top:40px;min-height:500px;}
#contents .product .view .item-info .item-box .top-box{width:1000px;margin:0 auto;background: url(/_public/images/product/top_box_bg.png) top center/100% auto no-repeat; padding:50px; margin-bottom:30px;}
#contents .product .view .item-info .item-box .top-box ul{}
#contents .product .view .item-info .item-box .top-box ul li{position:relative;text-align: left;font-size:20px;font-weight:300;line-height: 28px;margin-bottom:14px;padding-left:15px;letter-spacing:-0.0112rem;}
#contents .product .view .item-info .item-box .top-box ul li > strong{color:#ae2b08; font-weight:500;}
#contents .product .view .item-info .item-box .top-box ul li:before{content: "-";position:absolute;top:0px;left:0;display:inline-block;}
#contents .product .view .item-info .item-box .top-box2{width:1000px;margin:0 auto;background: url(/_public/images/product/top_box2_bg.png) top center/100% auto no-repeat; padding:50px; margin-bottom:30px;text-align: left;}
#contents .product .view .item-info .item-box .top-box2 .top-box2-textbox {font-size:20px;font-weight:300;line-height: 28px;margin-bottom:10px;}
#contents .product .view .item-info .item-box .top-box2 .top-box2-textbox p{display:inline-block;font-size:20px; vertical-align:top;letter-spacing:-.008rem;}
#contents .product .view .item-info .item-box .top-box2 .top-box2-textbox p.top-box2-tit {font-weight:500; width: 94px;}
#contents .product .view .item-info .item-box .top-box2 ul{display:block; margin:40px 0 60px;}
#contents .product .view .item-info .item-box .top-box2 ul li{position:relative;font-size:16px; font-weight:400; padding-left:12px;}
#contents .product .view .item-info .item-box .top-box2 ul li:before{content:"."; position:absolute; top:-4px; left:0px;}
#contents .product .view .item-info .item-box .top-box2 .top-box2-textbox2 p{font-size:18px;font-weight:300;letter-spacing:-0.004rem;}
#contents .product .view .item-info .item-box .top-box2 .top-box2-textbox2 p strong{font-weight:500; font-size:20px;}

#contents .product .view .item-info .item-box .info-box {margin-bottom:60px;text-align:left;}
#contents .product .view .item-info .item-box .box {width:1000px;margin:80px auto 0; overflow:hidden; font-size:0;text-align:left;}
#contents .product .view .item-info .item-box .box .product .view .item-info .item-box-box {margin-bottom:60px;}
#contents .product .view .item-info .item-box .box .img-box01{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img01.png) top center/100% no-repeat;}
#contents .product .view .item-info .item-box .box .img-box02{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img02.png) top center/100% no-repeat;}
#contents .product .view .item-info .item-box .box .img-box03{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img03.png) top center/100% no-repeat;}
#contents .product .view .item-info .item-box .box .img-box04{display:inline-block; width:200px; height:200px; background:url(/_public/images/sub/info_img04.png) top center/100% no-repeat;}
#contents .product .view .item-info .item-box .box .txt-box{display:inline-block;width:75%;vertical-align:top; margin-top:40px; margin-left:40px; text-align:left;}
#contents .product .view .item-info .item-box .box .txt-box:first-child{margin-top:0;}
#contents .product .view .item-info .item-box .box .txt-box .tit{position:relative;margin-bottom:10px;font-size:24px;font-family: 'Nanum Myeongjo';font-weight:800; color:#ae2b08;}
#contents .product .view .item-info .item-box .box .txt-box .tit:before{display:inline-block;content:"";width:24px;height:24px;background:url(/_public/images/sub/tit_img.png) top left/100% no-repeat; margin-right:8px;position:relative; top:2px;}
#contents .product .view .item-info .item-box .box .txt-box .txt{position:relative;padding-left:10px;font-size:18px;color:#222;font-weight: 300;}
#contents .product .view .item-info .item-box .box .txt-box .txt:before{content: "";position:absolute;top:13px;left:0;display:inline-block;width:2px;height:2px;background:#222;}
#contents .product .view .item-info .item-box .box .txt-box dl{}
#contents .product .view .item-info .item-box .box .txt-box dl dt{font-size:18px;font-weight:500;}
#contents .product .view .item-info .item-box .box .txt-box dl dd{margin-top:10px;}
#contents .product .view .item-info .item-box .box .txt-box dl dd + dt{margin-top:30px;}


#contents .product .view .item-info .item-box .txt-box .txt-account{position:relative;padding-left:10px;margin-top:10px;font-size:18px;color:#222;font-weight: 300;}
#contents .product .view .item-info .item-box .txt-box .txt-account span{display:inline-block; width:1px; height:14px; background:#111; margin: 0 8px -1px 10px;}
#contents .product .view .item-info .item-box .txt-box .txt-account i.bnk {display:inline-block; width:120px; height:16px; margin-right: 20px; margin-bottom:-2px; background:url(/_public/images/sub/bank_img01.png) top left/100% auto no-repeat;}




#contents .product .view .item-info .item-box .bottom-box{width:1000px;margin:0 auto;border-bottom:2px solid #ae2b08;}
#contents .product .view .item-info .item-box .bottom-box strong{display:block;width:100%;color:#fff;font-size: 24px;font-weight:600;text-align: center;line-height: 70px;background: #ae2b08;}
#contents .product .view .item-info .item-box .bottom-box ul{padding:50px;background: #f3f3f3;}
#contents .product .view .item-info .item-box .bottom-box ul li{position:relative;text-align: left;font-size:18px;line-height: 32px;padding-left:15px;}
#contents .product .view .item-info .item-box .bottom-box ul li:before{content: "*";position:absolute;top:4px;left:0;display:inline-block;}
#contents .product .view .item-info .item-box.img{text-align: center;}
#contents .product .view .item-info .tab2-item-box{min-height:200px;background:#fafafa;padding:50px;font-size:16px;font-weight:400;color:#555;}
#contents .product .view .item-info .item-box.img .item-box-table {}
#contents .product .view .item-info .item-box.img .item-box-table .info-txt{text-align: left;font-size:18px;width:1000px;margin:0 auto;margin-top:10px;}
#contents .product .view .item-info .item-box.img .item-box-table2{margin:40px 0;}
#contents .product .view .item-info .item-box.img .item-box-table2 table{border-top:1px solid #dbdbdb;}
#contents .product .view .item-info .item-box.img .item-box-table2 .item-box-table2-tit{background:#f3f3f3; font-weight:500;}
#contents .product .view .item-info .item-box.img table {max-width:1000px;width:100%;margin:0 auto;}
#contents .product .view .item-info .item-box.img table td,
#contents .product .view .item-info .item-box.img table th {font-size:16px;font-weight:400;color:#555;padding:15px;text-align:center;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
#contents .product .view .item-info .item-box.img table th {font-weight:500;color:#222;background:#faf5f0;border-top:1px solid #222;}
#contents .product .view .item-info .item-box.img table td:first-child,
#contents .product .view .item-info .item-box.img table th:first-child {border-left:1px solid #dbdbdb;}
#contents .product .view .item-info .item-box .review{}
#contents .product .view .item-info .item-box .review ul{border-top:1px solid #999;border-bottom:1px solid #999;}
#contents .product .view .item-info .item-box .review ul li{display:flex;position: relative;padding:40px;border-top:1px solid #dbdbdb;}
#contents .product .view .item-info .item-box .review ul li:first-child{border-top:0;}
#contents .product .view .item-info .item-box .review ul li .top{}
#contents .product .view .item-info .item-box .review ul li .col1{width:170px;}
#contents .product .view .item-info .item-box .review ul li .col1 .icon{display: inline-block;width:100px;height:20px;}
#contents .product .view .item-info .item-box .review ul li .col1 .icon.star1{background-position: 0px -115px;}
#contents .product .view .item-info .item-box .review ul li .col1 .icon.star2{background-position: 0px -165px;}
#contents .product .view .item-info .item-box .review ul li .col1 .icon.star3{background-position: 0px -215px;}
#contents .product .view .item-info .item-box .review ul li .col1 .icon.star4{background-position: 0px -265px;}
#contents .product .view .item-info .item-box .review ul li .col1 .icon.star5{background-position: 0px -315px;}
#contents .product .view .item-info .item-box .review ul li .col1 .date{margin-top:50px;color:#777;font-size:14px;font-weight:400;}
#contents .product .view .item-info .item-box .review ul li .col1 .name{color:#777;font-size:14px;font-weight:400;}
#contents .product .view .item-info .item-box .review ul li .col2{width:100%;max-width:1250px;position:relative;box-sizing: border-box;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box{padding-right:0px;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .tit{color:#555;font-size:14px;font-weight:400;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .txt{margin-top:20px;color:#333;font-size:16px;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height:25px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .img{position:absolute;top:50%;right:0;margin-top:-50px;width:100px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom{margin-top:40px;position: relative;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom .review-more{display:inline-block;color:#555;font-size:14px;font-weight:400;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom .review-more:after{content: "";display:inline-block;position:absolute;top:-13px;left:20px;width:50px;height:50px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -300px 0;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom .review-more.on:after{transform: rotate(-180deg);}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom .button-group{position:absolute;right:0;top:0;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom .button-group .button{font-weight:400;font-size:12px;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box .bottom .button-group .button + .button{margin-left:5px;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box.on{padding-right:0;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box.on .txt{height:auto;overflow:inherit;text-overflow: inherit;white-space:inherit;}
#contents .product .view .item-info .item-box .review ul li .col2 .txt-box.on .img{position:relative;top:inherit;right:inherit;margin:40px 0 0;width:auto;}
#contents .product .view .item-info .item-box .review ul li.has-img .col2 .txt-box{padding-right:150px;}
#contents .product .view .item-info .item-box .review > .button-group{margin-top:25px;text-align:right;}
#contents .product .view .item-info .item-box .review > .button-group .button{width:125px;line-height: 45px;}

#contents .community{margin:0 auto;padding-top:195px;max-width:1200px;}
#contents .community .faq{max-width:1000px;margin:0 auto;}
#contents .community .faq .faq-category{margin-top:60px;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
#contents .community .faq .faq-category a{flex: 1;-ms-flex: 1;display:block;text-align: center;font-size:16px;color:#333;line-height: 50px;background:#f9f9f9;}
#contents .community .faq .faq-category a:hover,
#contents .community .faq .faq-category a.active{background:#ae2b08;color:#fff; }
#contents .community .faq .toggle-box{margin-top:60px;border-top:2px solid #333;border-bottom:2px solid #333;}
#contents .community .faq .toggle-box dt{position:relative;padding:20px 40px;border-top:1px solid #f0f0f0;color:#333;font-size:16px;font-weight:500;cursor:pointer;}
#contents .community .faq .toggle-box dt:before{content:"";position:absolute;top:50%;right:20px;margin-top:-25px;display:inline-block;width:50px;height:50px;background:url(/_public/images/@draft/sp_ico.png) no-repeat; background-size:500px;background-position: -350px 0;}
#contents .community .faq .toggle-box dt.on:before{-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
#contents .community .faq .toggle-box dt span{display:inline-block;position:absolute;top:16px;left:10px;font-size:20px;color:#ae2b08;}
#contents .community .faq .toggle-box dd{display:none;position:relative;padding:25px 40px 20px 75px;color:#515151;font-size:16px;font-weight:500;background:#fdfdfd;border-top:1px solid #f0f0f0;word-break: break-all;}
#contents .community .faq .toggle-box dd span{display:inline-block;position:absolute;top:22px;left:35px;font-size:20px;color:#ae2b08;}
#contents .community .faq .toggle-box dt.no-data{pointer-events: none;}
#contents .community .faq .toggle-box dt.no-data:before{display:none;}
#contents .community .faq .faq-category + .toggle-box{margin-top:20px;}

#contents .recipe{padding-top:135px;max-width:1500px;margin:0 auto;}
#contents .recipe .recipe-wrap{position:relative;margin-top:60px;}
#contents .recipe .recipe-wrap .swiper-container {width: 100%;position:relative;}
#contents .recipe .recipe-wrap .swiper-slide {width:100%;height:100%;}
#contents .recipe .recipe-wrap .list{display:flex;margin-top:120px;justify-content: space-between;}
#contents .recipe .recipe-wrap .list:first-child{margin-top:0;}
#contents .recipe .recipe-wrap .list .img{width:900px;}
#contents .recipe .recipe-wrap .list .img img{display:block;}
#contents .recipe .recipe-wrap .list .txt-box{position:relative;padding-top:70px;width:520px;box-sizing: border-box;}
#contents .recipe .recipe-wrap .list .txt-box em{color:#ae2b08;font-size:30px;font-weight:500;}
#contents .recipe .recipe-wrap .list .txt-box .tit{font-size:36px;font-weight:600;color:#333;}
#contents .recipe .recipe-wrap .list .txt-box .txt{margin-top:20px;max-height:240px;font-size:24px;font-weight:500;color:#333;}
#contents .recipe .recipe-wrap .list .txt-box a{display:inline-block;position:absolute;bottom:0;left:0;color:#ae2b08;font-size:14px;font-weight:400;width: 145px;border: 1px solid #ae2b08;text-align: center;line-height: 43px;}
#contents .recipe .recipe-wrap .list.even .txt-box{text-align: right;}
#contents .recipe .recipe-wrap .list.even .txt-box a{left:inherit;right:0;}

#contents .withdrawal{padding-top:195px;}
#contents .withdrawal-wrap{margin:0 auto;padding-top:70px;width:400px;}
#contents .withdrawal-wrap textarea{padding: 20px;border: 1px solid #ccc;height: 150px;overflow-y: auto;}
#contents .withdrawal-wrap .button-group{display:flex;}
#contents .withdrawal-wrap .button-group .button{flex:1;}


#contents .policy{padding-top:195px;}

/* policy */
.policy .inner {max-width:1200px;margin:60px auto 0;}
.policy .inner p {font-size:15px;padding-bottom:30px;color:#555;}
.policy .inner p strong {display:block;font-size:17px;padding-bottom:10px;color:#333;}
.policy .inner p a {color:#333;}
.policy .inner p span {display:block;font-size:16px;font-weight:500;padding-top:15px;}


@media all and (max-width: 1500px){
	#header{padding: 24px 10px;}
	#header .gnb{left:3%;width:60%;}
	#header .gnb a{font-size:17px;}
	#header .util{right:25px;}
	#header .util a{margin-left:10px;}
}