.subTitle{width: 100%; display: block; font-size: 21px; color: #333; font-weight: 500; margin-bottom: 20px; }
.subTitle > a{font-size: 15px; padding-top: 8px; color: #595959; font-weight: 500; }
.subTitle > a:hover{color: #2383E2; font-weight: 700; }

/*  회원가입 약관 동의  */
.agreeBox {}
.agreeBox h3{}
.agreeBox h4{font-size: 14px; font-weight: 700; color: #333; margin-bottom: 8px; }
.agreeBox ul{}
.agreeBox ul > li{border-top: 1px solid #dfdfdf; padding: 12px 0; }
.agreeBox ul > li #allCk+label{margin-left: -4px; }
/*.agreeBox ul > li input{}
.agreeBox ul > li label{color: #333; font-size: 14px; }
.agreeBox ul > li label > span{margin-right: 8px; border: 2px solid #ccc; width: 24px; height: 24px; border-radius: 100px; margin-top: -3px; }
.agreeBox ul > li label > span:before{background-color: #ccc;width: 6px;height: 2px;top: 12px;left: 3px; }
.agreeBox ul > li label > span:after{background-color: #ccc;width: 12px;height: 2px;top: 10px;left: 6px; }*/
.agreeBox ul > li label > p{display: inline-block; margin-left: 4px; font-size: 14px; }
.agreeBox ul > li > div{}
.agreeBox a{width: 200px; height: 40px; line-height: 38px; display: block; margin: 40px auto; }
.agreeBox .agreeNotice{margin-top: 12px; padding: 12px; display: none; background-color: #F5F5F5; max-height: 280px; font-size: 12px; color: #797979; overflow-y: auto; line-height: 1.45; }
.agreeCk img{width: 20px; }
/*  회원가입 약관 동의  */

/*  로그인  */
.loginBox{padding: 40px 0; }
.loginBox > form{width: 95%; padding: 20px; margin: 0 auto; max-width: 420px; border-radius: 8px; border: 1px solid #ccc; }
.loginBox > form > *{display: block; width: 100%; }
.loginBox > form > h3{}
.loginBox > form > div{margin-bottom: 24px; }
.loginBox > form > div > label{font-size: 12px; color: #333; display: block; margin-bottom: 4px; display: inline-block; margin-right: 4px; }
.loginBox > form > div > input{width: 100%; height: 32px; border-radius: 4px; padding-left: 4px; font-size: 14px; color: #595959; border: 1px solid #ccc; display: block; margin-bottom: 4px; background-color: #fff; }
.loginBox > form > div > input[type="checkbox"]{width: 0; height: 0; display: inline-block; }
.loginBox > form > button{height: 40px; margin-bottom: 20px; }
.loginBox > form > ul{text-align: center; font-size: 0; }
.loginBox > form > ul > li{display: inline-block; vertical-align: top;}
.loginBox > form > ul > li > a:after{content: ''; margin: 0 8px; vertical-align: top; display: inline-block; width: 1px; height: 16px; background-color: #ccc; }
.loginBox > form > ul > li:last-child:after{content: none; }
.loginBox > form > ul > li > a{font-size: 13px; color: #595959; }
/*  로그인  */

/* 이메일, 비번 찾기 */
.findBox{}
.findId{display: none; width: 95%; text-align: center; margin: 0 auto; max-width: 560px; padding: 40px 0; }
.findId > h3{font-size: 28px; color: #333; font-weight: 700; margin-bottom: 8px; }
.findId > p{font-size: 14px; color: #736598; }
.findId > h5{font-size: 14px; font-weight: normal; color: #595959; margin: 32px auto 20px; border: 1px solid #ccc; border-radius: 8px; padding: 24px 0; }
.findId > h5 > p{font-weight: 700; font-size: 18px; display: inline-block; color: #333; }
.findId > ul{margin: 0 auto; }
.findId > ul > li{display: inline-block; font-size: 0; text-align: center; margin: 0 4px; }
.findId > ul > li > button{font-size: 16px; font-weight: 700; color: #fff; width: 140px; height: 38px; border-radius: 8px; }
.findId > ul > li > button.loginBtn{background-color: #4285F4; }
.findId > ul > li > button.findPwBtn{background-color: #797979; }
.findPw{}
.findPw p{font-size: 13px; color: #797979; margin-bottom: 12px; }
/* 이메일, 비번 찾기 */

/*  qna  */
.qnaBox{width: 95%; max-width: 860px; margin: 0 auto; padding: 80px 0; }
.qnaBox > div{}
.qnaList{margin-bottom: 40px; }
.qnaList > li{border-radius: 16px; box-shadow: 0 0 8px rgba(80,80,80,.1); padding: 12px 20px; margin-bottom: 16px; cursor: pointer; }
.qnaList > li.on{box-shadow: 0 0 16px rgba(117, 131, 255, .15); }
.qnaTitle{font-size: 16px; color: #333; font-weight: bold; height: 28px; line-height: 28px; }
.qnaTitle > img{width: 20px; margin-top: 4px; transition: all ease .4s; }
.qnaList > li.on > .qnaTitle > img{transform: rotate(180deg); }
.qnaNoice{font-size: 14px; color: #595959; padding-top: 12px; display: none; line-height: 1.8; }
/*  qna  */

/*  policy  */
.policy{width: 95%; margin: 0 auto; max-width: 860px; padding: 80px 0; text-align: center; }
.policyList{border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 32px; font-size: 0; text-align: center; display: inline-block;}
.policyList > li{margin-right: 24px; display: inline-block; }
.policyList > li > h4{font-size: 16px; color: #797979; font-weight: 500; cursor: pointer; }
.policyList > li.on > h4{color: #333; }
.policyBox{border: 1px solid #dfdfdf; padding: 20px; text-align: left; }
.policyBox > div{width: 100%; display: none; }
.policyBox > div.on{display: block; }
.policyBox pre{width: 100%; font-size: 11px; line-height: 1.5; color: #595959; white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ white-space: -pre-wrap; /* Opera */ white-space: -o-pre-wrap; /* Opera */ white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ word-wrap: break-word; /* IE 5.5+ */ }
.policyBox pre > h5{font-size: 12px; font-weight: 700; color: #333; display: inline-block; margin-bottom: 4px; }
/*  policy  */

/*  결제  */
.payBox{max-width: 1080px; width: 95%; margin: 0 auto; padding: 60px 0; }
.payContent{max-width: 860px; margin: 0 auto 60px; }
.payContent > h3{}

.productTop{width: 100%; }
.productOption{width: 100%; }

.payContent .payProductList{margin-bottom: 32px; }
.payContent .payProductList > li{}
.payContent .imgBox{width: 100px; height: 0; padding-bottom: 100px; }
.payContent .productTitle{}
.payContent .productOption{}
.payContent .productPay{}
.payContent .productPay > p{font-size: 14px; color: #333; }
.payContent .productPay > h5{font-size: 18px; font-weight: 700; color: #595959; }
.payContent .payForm{}
.payInfor{margin-bottom: 24px; }
.payContent .payInforL{background-color: #f5f5f5; border-radius: 8px; padding: 12px 8px; margin-bottom: 20px; }
.payContent .payInforL > div > div{}
.payInforL0{margin-bottom: 32px; }
.payInforL1{margin-bottom: 32px; }
.payInforL2{margin-bottom: 32px; }
.payContent h4{color: #595959; font-size: 18px; font-weight: 700; /*border-left: 2px solid #333; padding-left: 8px; margin-bottom: 32px; */}
.payContent .payInforL > div{}
.payContent .payInforL ul{}
.payContent .payInforL ul > li{margin-bottom: 8px; display: table; width: 100%; }
.payContent .payInforL ul > li > *{display: table-cell; }
.payContent .payInforL ul > li > label{font-size: 14px; min-width: 200px; width: 100%; vertical-align: middle; }
.payContent .payInforL ul > li > h6{width: 80px; color: #595959; font-size: 14px; font-weight: 700; padding-left: 12px; }
.payContent .payInforL ul > li > p{color: #212121; font-size: 15px; }
.payContent .payInforL ul > li > p > span{font-size: .85em; color: #595959; vertical-align: middle; }
.payContent .payInforL ul > li > input{margin-right: 4px; margin-bottom: 2px; background-color: #fff; width: 180px; }
/*.payContent .payInforL ul > li > .address{background-image: url('/images/icon_search.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 97% center; }*/
.readonlyInput{background-image: url('/images/icon_search.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 97% center; background-color: #fff !important; }
.payContent .payInforL ul > li > button{height: 32px; margin: 0; font-size: 14px; color: #333; border: 1px solid #ccc; background-color: #fff; }
.paymentMeans{width: 100%; font-size: 0; text-align: center; display: table; border: 0 !important; }
.paymentMeans > li{display: table-cell; width: 45%; padding: 4px; }
.paymentMeans > li > label{font-size: 14px; width: 100%; vertical-align: middle; height: 32px; line-height: 32px; }
.accountHolder{margin-bottom: 12px; display: none; }
.accountHolder > p{color: #595959; font-size: 13px; margin-bottom: 4px; }
.accountHolder > input{width: 100%; }
.payContent .payInforR{background-color: #f5f5f5; border-radius: 8px; padding: 12px 8px; position: relative; }
.payContent .payInfor h4{margin-bottom: 16px; }
.payContent .payInfor h4:before{content: ''; display: inline-block; width: 3px; height: 20px; background-color: #333; margin-right: 8px; vertical-align: middle; margin-top: -2px; }
.payContent .payInfor .deliverySelect{display: inline-block; margin-left: 12px; vertical-align: text-top; }
.payContent .payInfor #default_delivery{}
.payContent .payInfor #default_delivery + label{font-size: 14px; color: #797979; font-weight: normal; }
.payContent .payInforR > ul{border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.payContent .payInforR > ul > li{margin-bottom: 20px; }
.payContent .payInforR > ul > li > h6{color: #797979; font-size: 15px; float: left; }
.payContent .payInforR > ul > li > h5{float: right; font-size: 18px; color: #333; text-align: right; word-break: keep-all; }
.payContent .payInforR > ul > li > h5 > span{display: block; font-size: 14px; color: #acacac; }
.payContent .payInforR > ul > li > h5 > p{display: block; font-size: 13px; color: #acacac; }
.payContent .payInforR > div{margin-bottom: 8px; }
.payContent .payInforR > div > h6{font-size: 18px; color: #595959; font-weight: 700; float: left; }
.payContent .payInforR > div > h6 > span{display: block; margin-top: 4px; text-align: center; font-size: 14px; font-weight: normal; color: #acacac; }
.payContent .payInforR > div > h5{font-size: 24px; font-weight: 700; color: #595959; text-align: right; }
.payContent .payInforR > p{font-size: 14px; color: #f00; width: 100%; font-weight: 500; }
.payContent .payForm > div > label{display: table; margin: 0 auto 12px; text-align: center; font-size: 16px; color: #595959; }
.payForm > button{width: 100%; max-width: 480px; margin: 0 auto; height: 40px; font-weight: 700; font-size: 16px; display: block; }
.precautions{width: 95%; background-color: #f5f5f5; border-radius: 8px; padding: 24px 12px; margin: 0 auto; }
.precautions > h5{font-size: 13px; font-weight: 700; color: #595959; margin-bottom: 4px; }
.precautions > p{font-size: 12px; color: #797979; line-height: 1.5; margin-bottom: 32px; }
.editSendBtn{background-color: #dfdfdf; font-size: 12px; color: #595959; text-align: center; width: 80px; height: 28px; border-radius: 4px; margin-top: 1px; }
.editSendBox ul{margin: 20px auto; }
.editSendBox ul.clearfix{margin: 8px auto 0; }
.editSendBox ul.clearfix > li{width: 49%; }
.editSendBox ul.clearfix > li > button{width: 100%; height: 32px; font-size: 14px; font-weight: 700; border-radius: 4px; }
.refund > .editSendBox{height: 340px !important; margin-top: -170px !important; }
.editSendCk{background-color: #8F4FFF; color: #fff; }
.editSendReset{background-color: #ccc; color: #595959; }
.editSendBox label{font-size: 14px !important; }
/*  결제  */

/*  결제완로  */
/*.completionBox{width: 95%; margin: 80px auto; max-width: 1280px; display: table; position: relative; }*/
.completionBox{width: 100%; margin: 0 auto; display: table; position: relative; padding: 40px 0; }
/*.completionBox::before{background-image: url('/images/clothes/icon_clothes.svg'); background-size: contain; background-position: center center; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .1; z-index: -5; background-repeat: no-repeat; }*/
.completionBox > div{display: table-cell; vertical-align: middle; text-align: center; }
.completionBox h2{font-size: 28px; color: #333; text-align: center; margin-bottom: 4px; font-weight: 700; }
.completionBox h3{font-size: 18px; color: #595959; text-align: center; margin-bottom: 20px; }
.completionBox h6{font-size: 14px; color: #FE7968; text-align: center; margin: 4px 0 20px; line-height: 1.5; }
.completionBox h6 > span{display: block; }
.completionBox .noBankbook{width: 95%; background-color: #f5f5f5; border-radius: 20px; max-width: 460px; margin: 0 auto 12px; }
.completionBox .noBankbook > div{padding: 24px 8px; }
.completionBox .noBankbook > div > h4{font-size: 18px; font-weight: 700; color: #333; text-align: center; }
.completionBox .noBankbook > div > ul{border-bottom: 1px solid #595959; text-align: center; max-width: 280px; margin: 16px auto 24px; }
.completionBox .noBankbook > div > ul > li{margin-bottom: 12px; }
.completionBox .noBankbook > div > ul > li > h5{width: 60px; margin-right: 12px; display: inline-block; text-align: right; font-size: 14px; color: #595959; }
.completionBox .noBankbook > div > ul > li > p{width: 148px; display: inline-block; text-align: left; font-size: 14px; color: #333; font-weight: 700; }
.completionBox .noBankbook > div > div{text-align: left; width: 280px; margin: 0 auto; }
.completionBox .noBankbook > div > div > h4{display: inline-block; margin-right: 60px; font-weight: 700; font-size: 16px; color: #797979; }
.completionBox .noBankbook > div > div > h5{display: inline-block; font-size: 21px; font-weight: 700; color: #333; }
.completionBox > div > h5{margin: 0 auto 16px; font-size: 14px; font-weight: 500; text-align: center; color: #00f; }
.completionBox > div > ul{width: 95%; max-width: 460px; margin: 0 auto 40px; text-align: center; }
.completionBox > div > ul > li{border-radius: 8px; width: calc(50% - 4px); float: left; height: 40px; }
.completionBox > div > ul > li > a{width: 100%; height: 100%; display: block; font-size: 14px; text-align: center; line-height: 40px; }
.homeBtn{background-color: #4285F4; margin-right: 8px; }
.homeBtn > a{color: #fff; }
.orderBtn{background-color: #F8F9FA; }
.orderBtn > a{color: #333; }
/*  결제완로  */

/*  사이트 맵  */
.siteMapBox{padding: 40px 0; }
.siteMapBox > div{max-width: 980px; margin: 0 auto; }
.siteMapBox h2{font-size: 24px;text-align: center;color: #595959;font-weight: normal;letter-spacing: -1px;margin-bottom: -8px;}
.siteMapBox h3{font-size: 32px; text-align: center; color: #333; font-weight: 700; margin: 0 auto; padding-bottom: 8px; border-bottom: 4px solid #595959; border-radius: 100px; width: 85%; }
.siteMapBox .siteList{display: grid; width: 90%; overflow: hidden; grid-template-columns: 1fr 1fr; margin: 0 auto; }
/*.siteMapBox .siteList:after{content: ''; display: block; clear: both; }*/
.siteMapBox .siteList > li{width: 100%; height: 100%; margin-top: 36px; }
.siteMapBox .siteList > li > div{display: table; width: 162px; margin: 0 auto; }
.siteMapBox .siteList > li > div > div{border-bottom: 4px solid #595959; padding-bottom: 4px; height: 56px; vertical-align: bottom; display: inline-grid; align-items: end; }
.siteMapBox .siteList h4{font-size: 18px; color: #333; font-weight: 700; }
.siteMapBox .siteList h5{font-size: 14px; color: #797979; font-weight: 500; }
.siteMapBox .siteList ul{width: 100%; margin-top: 20px; }
.siteMapBox .siteList ul > li{margin-bottom: 8px; }
.siteMapBox .siteList ul > li > a{font-size: 14px; font-weight: 500; color: #595959; line-height: 1.2; }
/*  사이트 맵  */

@media all and (min-width: 480px){
    .loginBox > form > ul > li:after{margin: 0 16px; }
    .loginBox > form{padding: 32px; }
    .policyBox{padding: 32px; }
    .payContent .payInforL{ padding: 12px 8px; }
    .siteMapBox .siteList{grid-template-columns: 1fr 1fr 1fr; width: 95%; }
    
    /*  qna  */
    .qnaBox{}
    .qnaBox > div{}
    .qnaList{}
    .qnaList > li{border-radius: 20px; }
    .qnaTitle{}
    .qnaTitle > img{}
    .qnaNoice{}
    /*  qna  */
    
    .payContent .payInforL{padding: 16px; }
    .payContent .payInforR{padding: 16px; }
}
@media all and (max-width: 767px){
    
    .payContent .productOption > li > p{width: calc(100% - 78px); float: left; margin-bottom: 0; padding-top: 2px; }
    .payContent .productOption > li > div{width: 78px; float: right; }
}
@media all and (min-width: 768px){
    .loginBox{padding: 60px 0; }
    .loginBox > form > ul > li:after{margin: 0 20px; }
    .agreeBox{width: 100%; }
    .agreeBox ul > li label{font-size: 14px; }
    .agreeBox ul > li #allCk+label{font-size: 16px;}
    .loginBox > form{padding: 46px; }
    
    .noticeList > div > ul > li{height: 56px; }
    .noticeList > div > ul > li > p.no{width: 52px; }
    .noticeList > div > ul > li > p.date{display: table-cell; width: 84px; }
    .noticeView{}
    .viewTitle{font-size: 18px; }
    
    .policyList{text-align: left; display: block; }
    .policyList > li{margin-right: 40px; }
    .policyList > li > h4{font-size: 21px; }
    .policyBox{padding: 56px; }
    .policyBox pre{font-size: 12px; }
    
    /*  결제  */
    .payBox{padding: 80px 0; }
    .payInfor{display: table; width: 100%; margin-bottom: 40px; }
    .payInfor > *{display: table-cell; vertical-align: top; }
    .payInfor > span{width: 16px; }
    .payContent .payInforL > div > div{float: left; }
    .payContent .payInforL{width: 63%; padding: 20px; margin-bottom: 0; }
    .payContent .payInforR{width: 35%; padding: 20px; }
    .payInforL0{margin-bottom: 40px; }
    .payInforL1{margin-bottom: 0; margin-right: 12px; }
    .payInforL2{margin-bottom: 0; }
    .payForm > button{width: 280px; }
    .precautions{width: 100%; padding: 32px 20px; }
    .productTop {width: 40%;max-width: 420px;}
    .productOption{width: 40%; }
    /*  결제  */
    
    /* 결제완료  */
    .completionBox .noBankbook > div{width: 100%; }
    .completionBox > div > ul{width: 100%; }
    .completionBox h6 > span{display: inline-block; }
    /* 결제완료  */
    
    /*  qna  */
    .qnaBox{}
    .qnaBox > div{}
    .qnaList{}
    .qnaList > li{border-radius: 24px; box-shadow: 0 0 12px rgba(80,80,80,.1); margin-bottom: 20px; padding: 24px 40px; }
    .qnaList > li.on{box-shadow: 0 0 16px rgba(117, 131, 255, .15); }
    .qnaTitle{font-size: 18px; height: 40px; line-height: 40px; }
    .qnaTitle > img{width: 28px; margin-top: 6px; }
    .qnaNoice{font-size: 16px; padding-top: 20px; }
    /*  qna  */
    
    /* 사이트 맵 */
    .siteMapBox{padding: 80px 0; }
    .siteMapBox .siteList{width: 100%; }
    .siteMapBox h2{font-size: 28px; margin-bottom: -12px; }
    .siteMapBox h3{margin: 0 auto 40px; font-size: 38px; }
    .siteMapBox .siteList > li{margin-top: 48px; }
    .siteMapBox .siteList ul > li{margin-bottom: 12px; }
    .siteMapBox .siteList ul > li > a{font-size: 15px; }
    /* 사이트 맵 */
}
@media all and (min-width: 1280px){
    .loginBox{padding: 80px 0; }
    .loginBox > form{padding: 52px; }
    .noticeList{width: 100%; }
    .noticeView{}
    .payInforL1{margin-right: 28px; }
    .qnaBox{width: 100%; }
    
    .policyBox{padding: 68px; }
}