.sub-container{min-height:800px;padding-bottom:100px;}

#container > h3.sub-max-title{margin-top:70px;text-align:center;margin-bottom:60px;}
#container > h3.sub-max-title > span{font-size:40px;color:#000;font-weight:600;position: relative;display: inline-block;z-index:1;padding:0 20px;}
#container > h3.sub-max-title > span:before{background:#fae100;height:5px;border-radius:13px;content: "";display: block;width:100%;position: absolute;z-index:-1;bottom:0px;left:0;}
#container > p.sub-max-title{margin-top:-30px;margin-bottom:60px;}

.sub-location{margin-bottom:60px;}
.sub-location.member{background:url(/skin/C00001/img/sub/member-title.jpg) no-repeat center right;}
.sub-location.member > .txt-box{background:rgba(0,0,0,.3);}
.sub-location.customer-service{background:url(/skin/C00001/img/sub/customer-service-title.jpg) no-repeat left center;}


.sub-location.black-font > .txt-box > h2.sub-title{color:#001556;}
.sub-location.black-font > .txt-box .navigation-list *{color:#001556;}
.sub-location.my-page{background:url(/skin/C00001/img/sub/my-page-title.jpg) no-repeat center center;}
.sub-location.order{background:url(/skin/C00001/img/sub/order-title.jpg) no-repeat top center;}
.sub-location.textbook{background:url(/skin/C00001/img/sub/textbook-title.jpg) no-repeat center center;}
.sub-location.brochure{background:url(/skin/C00001/img/sub/brochure-title.jpg) no-repeat center center;}
.sub-location.leaflet{background:url(/skin/C00001/img/sub/leaflet-title.jpg) no-repeat center center;}
.sub-location.poster{background:url(/skin/C00001/img/sub/poster-title.jpg) no-repeat center right;}
.sub-location.envelope{background:url(/skin/C00001/img/sub/envelope-title.jpg) no-repeat center right;}
.sub-location.mock-test{background:url(/skin/C00001/img/sub/mock-test-title.jpg) no-repeat center center;}
.sub-location.sample{background:url(/skin/C00001/img/sub/sample-title.jpg) no-repeat center center;}
.sub-location.portfolio{background:url(/skin/C00001/img/sub/portfolio-title.jpg) no-repeat center center;}
.sub-location.price-list{background:url(/skin/C00001/img/sub/price-list.jpg) no-repeat center center;}
.sub-location > .txt-box{display: flex;flex-direction: column;justify-content: center;align-items: center;padding:20px;height:175px;}
.sub-location > .txt-box.black-font *{color:#000 !important;}
.sub-location > .txt-box > h2.sub-title{font-weight:600;color:#fff;font-size:60px;display: flex;align-items: center;text-align: center;justify-content: center;}
.sub-location > .txt-box > p.sub-min-title{color:#fff;font-size:20px;font-weight:600;}
.navigation-list{display: flex;justify-content: center;align-items: center;margin-top:10px;flex-wrap: wrap;}
.navigation-list *{color:#fff;font-weight:600;line-height: 25px;}
.navigation-list > li + li{margin-left:5px;}
.navigation-list > li + li:before{content: '>';font-family: auto;margin-right:5px;}

.sub-location + h3.sub-title01{margin-top:0;}

h3.sub-max-title + h3.sub-title01{margin-top:0;}

h3.sub-title{font-size:50px;font-weight:800;margin:20px;}
h3.sub-title01{display: flex;align-items: center;margin-top:60px;margin-bottom:30px;flex-wrap: wrap;}
h3.sub-title01 > span{border-bottom:5px solid #fcc800;font-size:30px;color:#000;font-weight:600;display: flex;}
h3.sub-title01 + p.sub-txt{margin-top:-20px;}

h3.sub-title02{display: flex;align-items: flex-end;font-size:26px;color:#000;margin-top:80px;margin-bottom:30px;font-weight:600;flex-wrap: wrap;}
h3.sub-title03{display: flex;align-items: center;font-size:23px;color:#000;margin-top:30px;margin-bottom:20px;font-weight:600;}
h3.sub-title03 > span{margin-left:15px;font-size:16px;padding-left:15px;border-left:1px solid #ddd;}
h3.sub-title01.choice-list > span > label{  display: flex;align-items: flex-end;font-size: 26px;color: #000;margin-top: 80px;margin-bottom: 30px;font-weight: 600;height:30px;}


h4.sub-title01{background:url(/skin/C00001/img/sub/line-list.gif) no-repeat left 8px;padding-left:15px;display: flex;flex-wrap: wrap;font-size:23px;color:#000;font-weight:800;margin-top:30px;margin-bottom:20px;line-height:40px;}
h4.sub-title02{background: url(/skin/C00001/img/sub/dot-list.gif) no-repeat left 12px;background-size:10px;padding-left:15px;margin-left:15px;font-size: 19px;line-height: 40px;text-align:left;font-weight:800;    display: flex;}
h4.sub-title03{background: url(/skin/C00001/img/sub/line-list02.gif) no-repeat left 6px;background-size:auto 2px;padding-left:15px;font-size: 16px;line-height: 20px;font-weight:600;}
.sub-txt-box{padding:0 40px;}

h4.sub-max-title{padding-left:15px;background:url(/skin/C00001/img/sub/.gif) no-repeat left center;font-size:18px;color:#000;font-weight:800;margin-bottom:20px;}
h4.sub-max-title.secession-box{padding-top:120px;background:url(/skin/C00001/img/sub/withdrawal.png) no-repeat center top;background-size:100px auto;padding-left:0;}
.sub-txt{font-size:15px;line-height:1.3;}

h4.title-green{background:url(/skin/C00001/img/sub/dot-list.gif) no-repeat left 7px;padding-left:20px;display: flex;flex-direction: column;font-size:20px;color:#000;font-weight:500;margin-top:30px;margin-bottom:20px;line-height:25px;}

span.important-title{padding-right:8px;position: relative;font-size:18px;font-weight:800;}
span.important-title:after{content: "";display: block;height: 6px;width:6px;background:#fc6e00;border-radius:6px;position: absolute;right:0;top:0;}

.flex{display: flex;}
.items-center{align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.flex-justify{justify-content: space-between;}

.list-No > li{list-style-type:decimal;line-height:25px;font-weight:500;}
.list-kr{padding-left:30px;}
.list-kr > li{list-style-type:hangul;line-height:25px;font-weight:500;}
.list-ae{padding-left:30px;}
.list-ae > li{list-style-type:upper-roman;line-height:25px;font-weight:500;}
.list-circle{padding-left:15px;}
.list-circle > li{line-height:25px;}
.list-circle > li:before{content:"○";width:15px;text-align:center;line-height:25px;margin-right:5px;}

ul.list-line{margin:10px 30px;}
ul.list-line > li{background: url(/skin/C00001/img/sub/line-list02.gif) no-repeat left 6px;background-size:auto 2px;padding-left:15px;font-size: 16px;line-height: 20px;font-weight:600;display:flex;flex-wrap: wrap;}
ul.list-line > li + li{margin-top:10px;}
ul.list-line > li > b{margin-right:10px;}

ul.no-list{margin-left:10px;}
ul.no-list > li{list-style-type: decimal;line-height: 25px;font-weight: 500;}

.sub-tab1{display: flex;flex-wrap: wrap;margin-bottom:40px;border-top:1px solid #001556;border-left:1px solid #001556;}
.sub-tab1 li{flex:1;border-bottom:1px solid #001556;border-right:1px solid #001556;}
.sub-tab1 li a{display: flex;flex-wrap: wrap;justify-content: center;height:50px;width:100%;align-items: center;color:#001554;font-size:25px;font-weight:600;}
.sub-tab1 li.on a{color:#fff;background:#001556;}

.sub-tab2{display: flex;flex-wrap: wrap;margin-bottom:40px;justify-content: center;}
.sub-tab2 > li{border-bottom:1px solid #e2e2e2;flex:1;}
.sub-tab2 > li > a{display: flex;flex-wrap: wrap;justify-content: center;height:50px;align-items: center;color:#001556;border-left:0;font-size:20px;font-weight:600;padding:0 10px;}
.sub-tab2 > li.on > a{border-bottom:5px solid #001556;}


.sub-tab3{display: flex;align-items: stretch;justify-content: center;margin-bottom: 30px;}
.sub-tab3 > li{flex:1;align-items: stretch;max-width:140px;margin:0 10px;}
.sub-tab3 > li > a{width:100%;height:35px;text-align:center;padding:0 20px;font-size:18px;color:#001556;border: 1px solid #001556;font-weight:600;display: flex;align-items: center;justify-content: center;border-radius:10px;}
.sub-tab3 > li.on > a{color:#fff;background:#001556;}
.sub-tab3.min-tab{margin-bottom:10px;justify-content:flex-start;}
.sub-tab3.min-tab > li{max-width:95px;}
.sub-tab3.min-tab > li > a{height:auto;font-size:15px;padding:5px 10px;}
.sub-tab3.min-tab > li.on > a{box-shadow:0;}

.sub-tab-box > .box{display:none;}
.sub-tab-box > .box.on{display:block;}

.id-pw-box{max-width:670px;margin:0 auto;margin-top:80px;}
.id-pw-box > .id-pw-tab{display: flex;justify-content: space-between;position: relative;border:2px solid #000;border-bottom:0;}
.id-pw-box > .id-pw-tab > li{flex:1;}
.id-pw-box > .id-pw-tab > li > a{display: flex;align-items: center;justify-content: center;width:100%;height:60px;color:#000;font-size:28px;font-weight:800;}
.id-pw-box > .id-pw-tab > li + li{border-left:2px solid #000;}
.id-pw-box > .id-pw-tab > li.on > a{background:#ffd246;}

.order-list{display: flex;align-items: center;margin:10px 0;width: 100%;}
.order-list > dt{font-weight:600;margin-right:10px;width:95px;}
.order-list > dd{width:calc(100% - 100px);display: flex;justify-content: space-between;align-items: center;}
.order-list > dd a{width:25px;height:25px;border:1px solid #ddd;text-align:center;line-height:23px;background:#fff;}
.order-list > dd a.on{border:1px solid #f6ab00;font-weight:600;}
.order-list > dd a.list2{display:none;}
.order-list > dd a.all-sum{background:#000;border-radius:5px;color:#fff;border:0;font-weight:600;width:auto;padding:0 10px;float:right;}

.dot-list{margin-left:15px;}
.dot-list > li{padding-left:15px; background:url('/skin/C00001/img/sub/dot-icon.png') no-repeat 0px 6px; font-weight:300;}
.dot-list > li + li{margin-top:5px;}

.radio-list{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-left:0;}
.radio-list > span{width:20%;margin:0;margin-bottom:10px;min-width:150px;}

.sub-img-box{margin:20px auto;}
.popup-center .sub-img-box{margin:50px auto;max-width:500px;}

.gray-bg{background:#eeeeee;padding:30px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.gray-box02{background:#eeeeee;padding:30px;}
.gray-box02 > h3.title{font-weight:800;font-size:30px;line-height:40px;margin-bottom:30px;}
.kakao-banner-box > .kakao-btn{width:350px;height:55px;border:5px solid #fff;background:#fae100;color:#3b1f1e;font-weight:800;font-size:20px;padding:12px;border-radius:60px;text-align:center;line-height:25px;box-shadow: 2px 2px 5px #fecb79;}

.ps-revise-over{background:url(/skin/C00001/img/sub/ps-revise-over.png) no-repeat top 30px center;padding-top:150px;background-size:auto 100px;margin:0 auto;}
.ps-revise-over > h3.title{font-size:20px;font-weight:600;margin-bottom:10px;}
.ps-revise-over > h3.title > span{font-size:25px;font-weight:600;}

.my-page-list > ul{display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.my-page-list > ul > li{width:240px;margin-top:0;display: flex;flex-direction: column;align-items: center;justify-content: center;flex:1;position: relative;}
.my-page-list > ul > li + li:before{content:"";width:1px;height:100px;background:#001556;position: absolute;left:0;}
.my-page-list > ul > li > a{transition: transform 500ms ease-in-out;transition: 0.3s;width:100%;height:180px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.my-page-list > ul > li > a > i{width:100%;height:85px;display:block;font-size:0;background-size:auto 80px !important;}
.my-page-list > ul > li > a > span{font-size:20px;color:#040404;font-weight:500;display:block;margin-top:20px;}
.my-page-list > ul > li > a > span > b{font-size:22px;color:#f24353;font-weight:600;}
.my-page-list > ul > li > a.on > span{color:#001556;font-weight:800;font-size:22px;}
.my-page-list > ul > li > a > i.icon01{background:url(/skin/C00001/img/main/my-page-icon01.png) no-repeat center center;}
.my-page-list > ul > li > a > i.icon02{background:url(/skin/C00001/img/main/my-page-icon02.png) no-repeat center center;}
.my-page-list > ul > li > a > i.icon03{background:url(/skin/C00001/img/main/my-page-icon03.png) no-repeat center center;}
.my-page-list > ul > li > a > i.icon04{background:url(/skin/C00001/img/main/my-page-icon04.png) no-repeat center center;}
.my-page-list > ul > li > a > i.icon05{background:url(/skin/C00001/img/main/my-page-icon05.png) no-repeat center center;}
.my-page-list > ul > li > a.on > i.icon01{background:url(/skin/C00001/img/main/my-page-icon01-on.png) no-repeat center center;}
.my-page-list > ul > li > a.on > i.icon02{background:url(/skin/C00001/img/main/my-page-icon02-on.png) no-repeat center center;}
.my-page-list > ul > li > a.on > i.icon03{background:url(/skin/C00001/img/main/my-page-icon03-on.png) no-repeat center center;}
.my-page-list > ul > li > a.on > i.icon04{background:url(/skin/C00001/img/main/my-page-icon04-on.png) no-repeat center center;}
.my-page-list > ul > li > a.on > i.icon05{background:url(/skin/C00001/img/main/my-page-icon05-on.png) no-repeat center center;}

.coupon-information > span{display:inline-block;width:22px;height:22px;background:#e5e5e5;color:#000;border-radius:22px;text-align:center;line-height:22px;margin-left:5px;font-weight:600;}
.coupon-no{background:url(/skin/C00001/img/sub/coupon-no-icon.gif) no-repeat 10% bottom #eeeeee;padding:30px;padding-left:40%;min-height:260px;display: flex;flex-direction: column;justify-content: center;}
.coupon-no > p.title{font-size:50px;font-weight:800;color:#3b1f1e;}
.coupon-no > h4.title > b{background:#3b1f1e;color:#fae100;font-size:55px;width:65px;height:65px;display:inline-block;text-align:center;line-height:65px;border-radius:65px;transform: rotate(-25deg);margin:0 5px;}
.coupon-no > h4.title > p{font-size:16px;color:#fff;font-weight:600;background:#001554;height:35px;line-height:35px;padding:0 15px;border-radius:35px;margin-top:25px;display:inline-block;}
.coupon-no > .input-box{margin-top:40px;    display: flex;justify-content: space-between;max-width:500px;}
.coupon-no > .input-box > input{border:1px solid #001554;width:calc(100% - 105px);}
.coupon-no > .input-box > a{width:100PX;height:40px;padding:10px;line-height:20px;color:#fff;background:#001554;text-align:center;}
.coupon-no > dl{width:100%;display: flex;justify-content: flex-start;flex-direction: column;margin-top:20px;}
.coupon-no > dl > dt{font-size:18px;font-weight:600;margin-bottom:10px;}
.coupon-no > dl > dd{display: flex;justify-content: space-between;flex-wrap: wrap;}
.coupon-no > dl > dd > *{margin:5px;}
.coupon-no > dl > dd > input{width:auto;min-width:auto;}
.coupon-no > dl > dd > input{flex:5;min-width:auto;}
.coupon-no > dl > dd > a{flex:1;height:40px;background:#f1793e;color:#fff;font-size:17px;font-weight:600;border-radius: 5px;text-align:center;padding:10px;line-height:20px;}
.warning-window-middle-box{position: relative;}
.warning-window{position: relative;width:25px;line-height:40px;display: flex;align-items: center;}
.warning-window-box{background:#fff;border:1px solid #cbcbcb;top:10px;left:25px;position: absolute;width:200px;padding:10px;font-size:13px;display:none;z-index:5;max-width:80vw;padding:10px;}
.warning-window-box.left{left:-195px;}
.warning-window-box > .close-btn{display: flex;width:100%;justify-content: flex-end;margin-bottom:10px;}
.warning-window-box > .close-btn > a{text-align:center;line-height:20px;border:1px solid #333;width:20px;height:20px;}
.warning-window-box.middle{width:350px;}
.warning-window-box.left.middle{left:-345px;}
.warning-window-box > .warning-box{background:#fae100;padding:5px;}
.warning-window:hover > .warning-window-box{display:block;}

.posi-num > dl{width:100%;display:flex;line-height:20px;}
.posi-num > dl > dt{width:20px;}
.posi-num > dl > dd{flex:1;}

.coupon-box{display: flex;flex-direction: column;width:150px;height:86px;padding:3px;}
.coupon-box.yellow{background:#ffcf4e;}
.coupon-box.yellow > dd{color:#000;}
.coupon-box.red{background:#f24053;}
.coupon-box.gray{background:#9e9e9e;}

.coupon-box > dt{background:#fff;display: flex;align-content: center;justify-content: center;align-items: center;flex-direction: column;height:60px;}
.coupon-box > dt > p.tit{font-size:11px;color:#c0c0c0;}
.coupon-box > dt > h4{font-size:30px;color:#000;font-weight:800;letter-spacing:-2px;display: flex;align-items: flex-end;justify-content: center;}
.coupon-box > dt > h4 > span{font-weight:600;}
.coupon-box > dd{height:20px;padding-top:5px;color:#fff;}
.coupon-id{font-size:16px;margin-top:10px;}

.payment-bank{border:2px solid #001556;min-height:100px;margin:30px;padding:20px;max-width:500px;}
.payment-bank > div{padding-left:75px;}
.payment-bank > div > a{padding:10px 20px;background:#001556;color:#fff;font-size:16px;font-weight:600;min-width:300px;text-align:center;}
.payment-bank > .no-back-box{background:url(/skin/C00001/img/sub/no-back.png) no-repeat left top;}
.payment-bank > .back-box{background:url(/skin/C00001/img/sub/payment-bank.png) no-repeat left top;}
.payment-bank > .back-box > dl{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding:5px 0;border-bottom:1px dashed #ddd;background: url(/skin/C00001/img/sub/line-list02.gif) no-repeat left center;background-size:auto 3px;padding-left:20px;}
.payment-bank > .back-box > dl > dt{font-size:16px;font-weight:800;width:100px;}
.payment-bank > .back-box > dl > dd{font-size:16px;font-weight:400;flex:1;}
.payment-bank > .back-box > dl > dd input{width:100%;}


.order-status-list > ul{display: flex;flex-wrap: wrap;justify-content: center;}
.order-status-list > ul > li{position: relative;flex-direction: column;margin:0 25px;}
.order-status-list > ul > li > h4.title{margin-top:20px;font-size:20px;font-weight:500;color:#040404;text-align:center;}
.order-status-list > ul > li:after{content: "";display: block;width:25px;height:32px;background:url(/skin/C00001/img/sub/order-status-list.gif) no-repeat;position: absolute;top:89px;right:-37.5px;}
.order-status-list > ul > li:last-child:after{display:none;}
.order-status-list > ul > li > p.txt > a{font-size:120px;color:#c5c4c2 ;font-family: 'DIN';font-weight:400;border:7px solid #001556;width:180px;height:180px;border-radius:100%;display: flex;align-items: center;justify-content: center;}
.order-status-list > ul > li.on > p.txt > a{font-weight:700;color:#001556;background:#fac900;}
.order-status-list > ul > li > p.txt > span{color:#ff4286;}

.order-status-box{margin:0 45px;}
.order-status-box > .box{display:none;margin-top:60px;}
.order-status-box > .box.on{display:block;}
.order-status-box > .box > .order-box{margin-top:30px;display: flex;justify-content: flex-end;}
.order-status-box > .box > h4.sub-title01{margin-top:0;}

.payment-choice-box > .box{display:none;}

.sub-popup.min-popup h4.sub-title01{background:url(/skin/C00001/img/sub/line-list.gif) no-repeat left 5px;background-size:auto 10px;font-size:16px;padding-left:10px;line-height:20px;}

.sub-search-box{padding:20px 30px;display: flex;align-items: flex-start;flex-wrap: wrap;border:2px solid #cecdcb;}
.sub-search-box > dl{display: flex;align-items: center;align-items: flex-start;}
.sub-search-box > dl:nth-child(1){width:100%;}
.sub-search-box > dl:nth-child(2){flex:1}
.sub-search-box > dl:nth-child(3){flex:2}
.sub-search-box > dl > dt{width:115px;font-weight:500;font-size:20px;height: 40px;display: flex;align-items: center;margin:5px 0;color:#000000;}
.sub-search-box > dl > dd{display: flex;flex-wrap: wrap;align-items: flex-start;width:calc(100% - 115px);justify-content: space-between;}
.sub-search-box > dl > dd > *{margin-top:5px;margin-bottom:5px;}
.sub-search-box > dl > dd > .date-input{margin-right:10px;}
.sub-search-box > dl > dd > .date-input.two-date > span{width:60px;}
.sub-search-box > dl > dd > .btn-box{margin-top:2.5px;}
.sub-search-box > dl > dd > .btn-box > a{margin:2.5px 0;min-width:100px;}
.sub-search-box > dl > dd > .btn-box > a + a{margin-left:10px;}
.sub-search-box > dl + dl{margin-top:10px;}
.sub-search-box > dl > dd > input{border:1px solid #cccccc;}
.sub-search-box > dl > dd > input[type="text"]{width:calc(100% - 140px);margin-right:10px;}
.sub-search-box > dl > dd > .date-input-btn > a.on{background:#f6ab00;}
.sub-search-box > dl > dd > a.search-btn{background:#000;padding:5px 0;width:130px;margin:0;}
.sub-search-box > dl > dd > a.search-btn > span{background:url(/skin/C00001/img/sub/search-btn.gif) no-repeat left center;line-height:30px;padding-left:25px;display: inline-block;color:#fff;font-weight:600;font-size:16px;}

.table-style{margin-top:35px;border-top:2px solid #000;text-align:center;width:100%;border-bottom:1px solid #9e9e9e;}
.table-style th{height:40px;border-bottom:1px solid #9e9e9e;padding:5px 10px;font-weight:800;font-size:16px;}
.table-style td{height:40px;border-bottom:1px solid #9e9e9e;padding:10px;min-width:100px;color:#333333;font-size:14px;font-weight:500;line-height:25px;}
.table-style td > span{font-weight:600;font-size:14px;}
.table-style tbody > tr:last-child td{border-bottom:0;}
.table-style tbody > tr:last-child.inquiry-txt-box td{border-top:1px dashed #9e9e9e;}
.table-style tbody > tr:nth-last-child(2).inquiry-btn td{border-bottom:0;}
.table-style td > .choice-list, .table-style th > .choice-list{justify-content: center;align-items: center;}
.table-style td > .choice-list.text-left, .table-style th > .choice-list.text-left{justify-content: flex-start;}
.table-style td > .choice-list > span, .table-style th > .choice-list > span{margin:0;}
.table-style td.title > a{font-weight:600;font-size:18px;}
.table-style td.title > a.secret{background:url(/skin/C00001/img/sub/nonmember-btn.gif) no-repeat left center;padding-left:25px;}
.table-style td b{font-size:16px;font-weight:800;}
.table-style td .list-font li{font-size:14px;}
.table-style td .list-font li b{font-size:15px;}
.table-style td b.orange-font{font-size:15px;}
.table-style.row-table{border-right:1px solid #dddddd;overflow-x:auto;}
.table-style.row-table > table{min-width:860px;}
.table-style.row-table th{border-left:1px solid #dddddd;}
.table-style.row-table td{border-left:1px solid #dddddd;}

.table-style2{margin-top:35px;border-top:2px solid #000;text-align:center;width:100%;border-bottom:1px solid #9e9e9e;}
.table-style2 th{height:40px;border-bottom:1px solid #9e9e9e;padding:5px 10px;font-weight:800;font-size:16px;}
.table-style2 td{height:40px;border-bottom:1px solid #9e9e9e;padding:10px;min-width:100px;color:#333333;font-size:14px;font-weight:500;line-height:25px;}
.table-style2 td > span{font-weight:600;font-size:14px;}
.table-style2 tbody > tr:last-child td{border-bottom:0;}
.table-style2 tbody > tr:last-child.inquiry-txt-box td{border-top:1px dashed #9e9e9e;}
.table-style2 tbody > tr:nth-last-child(2).inquiry-btn td{border-bottom:0;}
.table-style2 td > .choice-list, .table-style th > .choice-list{justify-content: center;align-items: center;}
.table-style2 td > .choice-list.text-left, .table-style th > .choice-list.text-left{justify-content: flex-start;}
.table-style2 td > .choice-list > span, .table-style th > .choice-list > span{margin:0;}
.table-style2 td.title > a{font-weight:600;font-size:18px;}
.table-style2 td.title > a.secret{background:url(/skin/C00001/img/sub/nonmember-btn.gif) no-repeat left center;padding-left:25px;}
.table-style2 td b{font-size:16px;font-weight:800;}
.table-style2 td .list-font li{font-size:14px;}
.table-style2 td .list-font li b{font-size:15px;}
.table-style2 td b.orange-font{font-size:15px;}
.table-style2.row-table{border-right:1px solid #dddddd;overflow-x:auto;}
.table-style2.row-table > table{min-width:860px;}
.table-style2.row-table th{border-left:1px solid #dddddd;}
.table-style2.row-table td{border-left:1px solid #dddddd;}

.tfoot{border-top:2px solid #000;border-bottom:2px solid #000;text-align:left;}
.tfoot > .btn-box{padding:10px 20px;}
.tfoot > .calculate-box{display:flex;background:#f9f9f9;border-top:1px solid #c5c4c2;}
.tfoot > .calculate-box > dl{flex:1;display: flex;justify-content: center;align-items: center;flex-direction: column;height:165px;position: relative;}
.tfoot > .calculate-box > dl > dt{font-size:16px;font-weight:600;}
.tfoot > .calculate-box > dl > dd{font-size:35px;font-weight:800;}
.tfoot > .calculate-box > dl > dd > span{font-size:20px;font-weight:600;}
.tfoot > .calculate-box > dl + dl{border-left:1px solid #c5c4c2;}
.tfoot > .calculate-box > dl + dl:after{content: "";display: block;width:50px;height:50px;border:1px solid #c5c4c2;border-radius:50px;position: absolute;left:-25px;top:50%;margin-top:-25px;background-size:25px auto !important;}
.tfoot > .calculate-box > dl.plus:after{background:url(/skin/C00001/img/sub/plus-icon.gif) no-repeat center center #fff;}
.tfoot > .calculate-box > dl.equal:after{background:url(/skin/C00001/img/sub/equal-icon.gif) no-repeat center center #fff;}

.table-style .inquiry-txt-box{display:none;}
.table-style2 .inquiry-txt-box{display:none;}
.inquiry-txt-box > td{background:#f9f9f9;padding:20px !important;font-weight:600;font-size:16px;}
.inquiry-txt-box > td > .myIquiry{padding-left:50px;background:url(/skin/C00001/img/sub/question.png) no-repeat left top;background-size:40px;}
.inquiry-txt-box > td > .answer-box{margin-top:20px;border-top:1px solid #000;padding-top:20px;padding-left:50px;background:url(/skin/C00001/img/sub/answer.png) no-repeat left top 20px;background-size:40px;}
.inquiry-txt-box > td > .answer-box > h4.day{font-weight:600;font-size:16px;margin-bottom:10px;}
.inquiry-box > .box{display:none;}
.inquiry-box > .box.on{display:block;}
.inquiry-box > .box:nth-child(1){display:block;}

.view-table{border-top: 2px solid #535da1;}
.view-table .tit > dl.title{display: flex;align-items: center;width:100%;}
.view-table .tit > .tit-center{display: flex;flex-wrap: wrap;}
.view-table .tit dl{display: flex;flex:1;align-items: center;border-bottom:1px solid #dddddd;}
.view-table .tit dl dt{background:#f9f9f9;padding:5px 10px;text-align:center;min-width:120px;font-weight:600;font-size:16px;}
.view-table .tit dl dd{padding:5px 10px;line-height:20px;text-align:center;border-left:1px solid #dddddd;text-align:left;}
.view-table .tit dl + dl{border-left:1px solid #dddddd;}
.view-table .txt pre{word-wrap: break-word;white-space: pre-wrap;}

.qna-box{border-top: 2px solid #535da1;}
.qna-box > dl{border-bottom:1px dashed #9e9e9e;}
.qna-box > dl:last-child{border-bottom:1px solid #9e9e9e;}
.qna-box > dl:last-child{border-bottom:1px solid #9e9e9e;}
.qna-box > dl > dt{background:url(/skin/C00001/img/sub/find-list.gif) no-repeat right 20px top 23px;display: flex;align-items: center;/*padding:0 20px;*/}
.qna-box > dl > dt > a{display: flex;align-items: center;flex-wrap: wrap;width:calc(100% - 50px);padding:10px 40px 20px 60px;background:url(/skin/C00001/img/sub/question.png) no-repeat 20px 15px;background-size:30px;}
.qna-box > dl > dt > a > *{margin-top:10px;}
.qna-box > dl > dt.on{background:url(/skin/C00001/img/sub/find-list-on.gif) no-repeat right 20px top 23px;}
.qna-box > dl > dt > a > h4.title{font-size:18px;font-weight:800;display: flex;align-items: center;flex-wrap: wrap;line-height:20px;}
.qna-box > dl > dd{border-top:1px dashed #9e9e9e;padding:25px 20px 20px 60px;background:url(/skin/C00001/img/sub/answer.png) no-repeat 20px 20px #f9f9f9;display:none;background-size:30px;}
 
.order-value{display: flex;flex-wrap: wrap;border-top:2px solid #000;}
.order-value dl{display: flex;border-bottom:1px dashed #9e9e9e;padding:0 20px;width:100%;}
.order-value dl:last-child{border-bottom:1px solid #9e9e9e;}
.order-value dl.no-line{border-bottom:0;}
.order-value dl.last-dl{border-bottom:1px solid #9e9e9e;}
.order-value dl > *{padding:10px 20px 10px 0;min-height:50px;display: flex;flex-wrap: wrap;align-items: center;}
.order-value dl > dt{width:200px;font-weight:800;font-size:18px;}
.order-value dl > dd{font-size:16px;font-weight:600;width: calc(100% - 200px);}
.order-value dl.list4 > dd{width: calc(50% - 150px);}
.file-add{width:100%;}
.file-add-box{display: flex;align-items: center;flex-wrap: wrap;width:100%;}
.file-add-box > .file-shape{width:calc(100% - 110px);position:relative;display:flex;justify-content: space-between;}
.file-add-box > .file-shape .filename {max-width:100%;outline:0 none;;overflow:hidden;cursor:default;text-overflow:ellipsis;white-space:nowrap;}
.file-add-box > .file-shape .button {width:100px;background:#000;color:#fff;border:0;}
.file-add-box > .file-shape input[type=file] {position:absolute;top:0;right:0;bottom:0;border:0;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;max-width:100%;height:100%;}

.file-add-box + .file-add-box{margin-top:10px;}
.payment-box-select{border-top:1px dashed #9e9e9e;}
.order-value dl > dd input.guitar{margin-left:20px;margin-top:10px;display:none;}
.order-value dl > dd input{margin:1px 0;width:100%;max-width:345px;}
.order-value dl > dd input.w100p{max-width:none;}
.order-value > .add-box{display: none;flex-direction: column;width:100%;}
.order-value > .add-box > dl{display: flex;align-items: center;width:100%;}
.order-value > .add-box > dl > *{padding:10px;width:100%;}
.order-value > .add-box > dl > dt{max-width:150px;}
.order-value > dl .tel{display: flex;flex-wrap: wrap;align-items: center;max-width:510px;justify-content: space-between;flex: 1;}
.order-value > dl > dd.choice-list.list-size > span{margin:5px 20px 5px 0;}
.order-value > dl > dd > .delivery > dl{display: flex;align-items: center;}
.order-value > dl > dd > .delivery > dl + dl{margin-top:5px;}
.order-value > dl > dd > .delivery > dl > dt{margin-right:10px;font-weight:600;}
.order-value > .btn-box{width:100%;padding:10px;}
.order-value dl > dd .min-btn a.btn{min-width:120px;padding:10px 15px;height:40px;}
.order-value .order-value-dl > dl{padding-left:0;}

dl.sample-inquiry{display:block;padding:10px 0;}
dl.sample-inquiry > dt{background:0;padding:0;margin-bottom:10px;min-height:auto;}
dl.sample-inquiry > dd{padding:0;}
dl.sample-inquiry > dd > img{max-width:200px;}


.big-volume{margin-top:20px;background:#f9f9f9;width:100%;padding:30px;display: flex;flex-direction: column;align-items: center;}
.big-volume > h3.sub-title{font-size:18px;font-weight:600;}
.big-volume-box{margin-top:20px;display: flex;width:100%;}
.big-volume-box > div{flex:1;display: flex;flex-direction: column;align-items: center;}
.big-volume-box > div > .content{padding-left:80px;}
.big-volume-box > div > .content > h4.title{font-size:17px;font-weight:600;line-height:30px;}
.big-volume-box > div > .content > a.btn{width:135px;background:#000;color:#fff;font-size:17px;font-weight:600;line-height:30px;text-align:center;margin-top:10px;}
.big-volume-box > div + div{border-left:2px solid #9e9e9e;}
.big-volume-box > .email-box > .content{background:url(/skin/C00001/img/sub/email-icon.gif) no-repeat left center;}
.big-volume-box > .webhard-box > .content{background:url(/skin/C00001/img/sub/webhard-icon.gif) no-repeat left center;}
.big-volume-box > a{margin:2px 10px 2px 0;height:130px;padding-top:100px;width:120px;text-align:center;line-height:30px;}

.order-value-dl > dl{border-bottom:0;}
.order-value-dl > dl  > *{height:auto;padding:0;}
.order-value-dl > dl > dt{font-size:15px;background:0;justify-content: flex-start;width:110px;min-height:30px}
.order-value-dl > dl > dd{width:calc(100% - 110px);}
.order-value-dl > dl > dd > input{width:150px;}
input.email-input{display:none;}
.address-list > dl{width:100%;flex-direction: column;}
.address-list > dl > *{padding:10px 0;width:100%;}
.address-list > dl > dt{max-width:100%;width:100%;background:none;display:flex;flex-direction: column;align-items: flex-start;}
.address-list > dl > dt > p.standard-delivery > span{border:1px solid #c5c9d6;border-radius:30px;padding:3px 10px;font-size:14px;}
.address-list > dl > dt > h4.title{font-size: 18px;font-weight: 600;margin-top:10px;}

.information-box.licensee-box .pw-revise > dl{display:none;}
.information-box.licensee-box .address-btn{display:none;}
.information-box.licensee-box .pw-revise.on > dl{display:flex;}
.information-box.licensee-box .pw-revise.on > p{display:none;}
.information-box.licensee-box.on .address-btn{display:flex;}
.information-box .choice-list > span > input[type='radio'] + label{background: url('/skin/C00001/img/sub/bg_radio02.png') no-repeat left top;}
.information-box .choice-list > span > input[type='radio']:checked + label{background: url('/skin/C00001/img/sub/bg_radio_on02.png') no-repeat left top;}
.information-box.on .choice-list > span > input[type='radio'] + label{background: url('/skin/C00001/img/sub/bg_radio.png') no-repeat left top;}
.information-box.on .choice-list > span > input[type='radio']:checked + label{background: url('/skin/C00001/img/sub/bg_radio_on.png') no-repeat left top;}

.information-box .choice-list > span > input[type='checkbox'] + label{background: url('/skin/C00001/img/sub/bg_check02.png') no-repeat left top;}
.information-box .choice-list > span > input[type='checkbox']:checked + label{background: url('/skin/C00001/img/sub/bg_check_on02.png') no-repeat left top;}
.information-box.on .choice-list > span > input[type='checkbox'] + label{background: url('/skin/C00001/img/sub/bg_check.png') no-repeat left center;}
.information-box.on .choice-list > span > input[type='checkbox']:checked + label{background: url('/skin/C00001/img/sub/bg_check_on02.png') no-repeat left center;}




.amount-box > input{border:0;background:none;width:50px;}
.amount-box a.confirm{display:none;}
.amount-box.on > input{border:1px solid #898989}
.amount-box.on a.revise{display:none;}
.amount-box.on a.confirm{display:inline-block;}

.order-progress-box{display: flex;align-items: flex-start;justify-content: space-between;margin-top:30px;position: relative;}
.order-progress-box > .order-content{width:calc(100% - 420px);}
.order-progress-box > .order-content > .sub-title02 + *{margin-left:20px;}
.order-progress-box > .order-content > .destination-box{margin-left:20px;}

.order-progress-box > .order-content .book-checkbox01{display:none;}

.sample-img-box{width:100%;}
.sample-cover-form{display:block;position: absolute;top: 61px;width:68%;right:-68%;top:61px;}
.sample-cover-form > a.close-btn{background: #000;padding: 15px 7px;width: 30px;text-align: center;text-align: center;color: #fff;font-weight: 600;position: absolute;left: -30px;top: 0;writing-mode: vertical-rl;}

.modification-box dd > p{width:100%;}
.verification-box{display:none;}

.pw-revise{display:none;}
.pw-revise-btn > .check{display:none;}
.pw-revise-btn > .pw-cancellation{display:none;}

.gallery-list > ul{display: flex;flex-wrap: wrap;margin-bottom:-15px;}
.gallery-list > ul > li{text-align:center;margin:15px 0;min-width:250px;width:25%;display: flex;justify-content: center;}
.gallery-list > ul > li > dl{width:250px;}
.gallery-list > ul > li > dl > dt > a.gallery-img{display: flex;justify-content: center;align-items: center;width:100%;height:250px;background:#f7f7f7;overflow: hidden;}
.gallery-list > ul > li > dl > dt > a.gallery-img > img{max-width:100%;max-height:100%;}
.gallery-list > ul > li > dl > dd{margin-top:10px;text-align:left;height:42px;}
.gallery-list > ul > li > dl > dd h3.tit{font-size:16px;font-weight:800;color:#000000;}
.gallery-list > ul > li > dl > dd p.txt{font-size:14px;color:#999999;margin-top:5px;}

.clause-center{margin:30px;border:1px solid #ddd;padding:20px;}
.append{overflow-x: hidden;}
.append > .wow_service{max-height:350px;}
.append > .wow_service li{padding: 5px 0;line-height: 22px;}
.append > .wow_service li span{font-size: 14px;color: #666;}
.append > .wow_service li.title01{padding: 30px 0 10px 0;}
.append > .wow_service li.title01 span{font-weight:600;font-size: 24px;color:#000;}
.append > .wow_service li.title02{padding: 15px 0 10px 0;}
.append > .wow_service li.title02 span{font-weight:600;font-size: 18px;color:#000;}

.proyecto-view > .title-box{display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #001556;padding:10px 5px;}
.proyecto-view > .title-box > dt{font-weight: 800;font-size:26px;color: #000;}
.proyecto-view > .title-box > dd{font-size:16px;font-weight:600;}

.proyecto-view > .text-box{text-align:left;}
.proyecto-view > .text-box th, .proyecto-view > .text-box td{border-bottom:1px dashed #9e9e9e;padding:20px 10px;}
.proyecto-view > .text-box th{color:#272727;font-weight:800;font-size:16px;}
.proyecto-view > .text-box td{color:#6e6e6e;font-size:14px;font-weight:600;}
.proyecto-view > .text-box td > *{font-weight:600;font-size:14px;}


.proyecto-view > .img-box{margin-top:20px;text-align:center;padding:20px;padding-bottom:50px;border-bottom:2px solid #dfdfdf;}
.image-size-box{display: flex;text-align:left;justify-content: center;}
.image-size-box > dl{max-width:300px;margin:10px 30px;}
.image-size-box > dl > dt > h3.title{font-size:25px;font-weight:800;margin-bottom:10px;text-align:center;}
.image-size-box > dl > dd{margin-top:20px;}
.image-size-box > .img-box{display:inline-block;position: relative;}
.image-size-box > .img-box > .btn-box{position: absolute;right:5px;top:5px;}
.image-size-box > .img-box img{height:200px;}
.image-size-box > .list-font b{font-size:18px;}
.image-size-box > .list-font > li{font-size:16px;}
.image-size-box > .list-font > li+li{margin-top:10px;}
.image-size{display: flex;align-items: center;justify-content: center;max-width:300px;margin:0 auto;}
.image-size a.btn{display: flex;align-items: center;justify-content: center;min-width:130px;padding:5px 10px;flex:1;margin:0 2.5px;}
.image-size a.btn > span{padding-left:30px;color:#000;line-height:30px;font-size:16px;font-weight:600;}
.image-size .expand-btn{background:#ddd;}
.image-size .expand-btn > span{background:url(/skin/C00001/img/sub/expand-btn.png) no-repeat left center;background-size:20px;}
.image-size .down-btn{background:#ffd246;}
.image-size .down-btn > span{background:url(/skin/C00001/img/sub/down-btn.png) no-repeat left center;background-size:20px;}



.paging{margin-top:60px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.paging > a{width: 35px;height: 35px;text-align: center;margin: 2.5px;display: flex;justify-content: center;align-items: center;}
.paging > a > span{color: #333;font-size: 16px;}
.paging > a.img{border: 1px solid #535da1;}
.paging > a.on,
.paging > a:hover{color: #535da1;font-weight:600;text-decoration: underline;}

.find-id-password > .box > .input-box{border:2px solid #000;padding:0 20px;}
.find-id-password dl + dl{border-top:1px dashed #9e9e9e;}
.find-id-password dl > dt{font-size:16px;font-weight:600;}
.find-id-password dl > dt > a{padding:15px 20px;height:60px;line-height:30px;font-weight:800;color:#000;display:block;font-size:24px;background:url(/skin/C00001/img/sub/find-list.gif) no-repeat right 10px center;}
.find-id-password dl > dt > a.on{background:url(/skin/C00001/img/sub/find-list-on.gif) no-repeat right 10px center;}
.find-id-password dl > dd{padding:0 20px;display:none;border:1px solid #000;margin-bottom:20px;}
.find-id-password ul > li{display:flex;justify-content: space-between;background:#fff;height:50px;padding:0 10px;align-items: center;}
.find-id-password ul > li > input[type="text"], .find-id-password dl > dd > ul > li > input[type="password"]{width:100%;height:48px;font-size:14px;color:#f1793e;margin:0;border:0;}
.find-id-password ul > li > input.w80p[type="text"]{width:calc(100% - 120px) !important;}
.find-id-password ul > li > a.btn{background:#ffd246;height:30px;width:115px;display: flex;align-items: center;justify-content: center;color:#000;font-weight:800;text-align:center;}
.find-id-password ul > li + li{border-top:1px dashed #9e9e9e;}
.find-id-password > p.txt{margin-top:25px;color:#535353;font-size:14px;}
.find-id-password .btn-box{display: flex;justify-content:flex-end;padding-top:20px;}
.find-id-password .btn-box > a{background:#3b1f1e;color:#fae100;font-weight:600;font-size:25px;margin:0;width:130px;height:65px;display: flex;align-items: center;justify-content: center;}
.find-id-password .btn-box > a + a{margin-left:10px;}
.sub-popup .popup-center > .send-password{padding-left:210px;min-height:150px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.sub-popup .popup-center > .send-password.find-id{background:url(/skin/C00001/img/sub/find-id.gif) no-repeat left top;}
.sub-popup .popup-center > .send-password.find-password{background:url(/skin/C00001/img/sub/find-password.gif) no-repeat left top;}
.sub-popup .popup-center > .send-password > h3.title{font-size:16px;font-weight:600;line-height:30px;}
.sub-popup .popup-center > .send-password > h3.title > span{font-size:25px;font-weight:600;color:#362427;}
.sub-popup .popup-center > .send-password > a{display: flex;background:url(/skin/C00001/img/sub/arrow-icon.gif) no-repeat right 35px center;padding:0 110px 0 35px;border:1px solid #3f3f3f;height:45px;border-radius:45px;align-items: center;font-size:20px;font-weight:600;}
.sub-popup .popup-center.order-cancellation > div{padding-left:120px;min-height:100px;display: flex;align-items: flex-start;flex-direction: column;background:url(/skin/C00001/img/sub/minimum-Order.gif)  no-repeat left top;background-size:100px auto;:}

.clause-box > a.clause-all{background:url(/skin/C00001/img/sub/agree_all.png) no-repeat left center;background-size:30px !important;height:60px;display: flex;flex-wrap: wrap;align-items: center;color:#000;font-weight:600;font-size:18px;padding:0 40px;}
.clause-box > a.clause-all.on{background:url(/skin/C00001/img/sub/agree_all_on.png) no-repeat left center;}
.clause-box > ul{border-top:2px solid #000;}
.clause-box > ul > li{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding:10px 20px;padding-left:0;height:80px;border-bottom:1px dashed #9e9e9e;margin-left:0 !important;}
.clause-box > ul > li:last-child{border-bottom:1px solid #9e9e9e;}
.clause-box > ul > li > a.btn{margin-left:50px;}
.clause-box > ul > li > .min-font{width:100%;margin-left:50px;}

.member-id-pw-box > .box{margin-top:10px;border:1px solid #000;padding-top:10px;}
.member-id-pw-box > .box dl{padding:0 20px;}
.member-id-pw-box > .box dl + dl{border-top:1px solid #000;margin-top:20px;}
.member-id-pw-box > .box dl > dt{font-size:20px;font-weight:600;padding:15px 0;line-height: 20px;font-weight: 800;color: #000;}
.member-id-pw-box > .box dl > dt > a{padding:15px 20px;height:60px;line-height:30px;font-weight:800;color:#000;display:block;font-size:24px;background:url(/skin/C00001/img/sub/find-list.gif) no-repeat right 10px center;}
.member-id-pw-box > .box dl > dt > a.on{background:url(/skin/C00001/img/sub/find-list-on.gif) no-repeat right 10px center;}
.member-id-pw-box > .box dl > dd{padding:1px 10px;border:1px solid #000;margin-bottom:20px;}
.member-id-pw-box > .box dl > dd > input[type="text"], .member-id-pw-box > .box dl > dd > input[type="password"]{width:100%;height:40px;font-size:14px;color:#f1793e;margin:0;border:0;}
.member-id-pw-box > .box dl > dd > .red-font{border-top:1px dashed #9e9e9e;padding:10px 0;}


ul.address{width:100%;}
ul.address > li{display: flex;align-items: center;}

.join-box{margin-top:100px;text-align:center;}
.join-box > .join-title > h3.title{font-size:30px;font-weight:800;color:#001556;}
.join-box > .join-title > p.txt{font-size:18px;margin-top:10px;}
.join-box > .join-content{max-width:450px;margin:0 auto;margin-top:50px;}
.join-box > .join-content > .box{display: flex;justify-content: space-between;}
.join-box > .join-content > .box > a{border:2px solid #e1e1e1;border-radius:10px;width:200px;height:200px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.join-box > .join-content > .box > a > h3.title{padding-top:70px;font-size:25px;font-weight:800;}
.join-box > .join-content > .box > a > p{font-size:18px;}
.join-box > .join-content > .box > a.individual > h3.title{background:url(/skin/C00001/img/sub/individual.gif) no-repeat top center;}
.join-box > .join-content > .box > a.licensee > h3.title{background:url(/skin/C00001/img/sub/licensee.gif) no-repeat top center;}
.join-box > .join-content > .sns-box{border:2px solid #ddd;border-radius:10px;margin-top:50px;padding:30px;position: relative;}
.join-box > .join-content > .sns-box > h4.title{font-weight:600;font-size:17px;    position: absolute;background:#fff;padding:10px 20px;top:-20px;left:50%;transform:translate(-50%, 0);color:#001556;}
.join-box > .join-content > .sns-box > ul{display: flex;width:100%;justify-content: space-between;}
.join-box > .join-content > .sns-box > ul > li > a{display:block;height: 60px;width: 60px;border-radius:10px;margin:10px;border:1px solid #eeeeee;font-size:0;background-size:100% !important;}
.join-box > .join-content > .sns-box > ul > li > a.naver{background: url('/skin/C00001/img/sub/naver-logo.gif') no-repeat center center;}
.join-box > .join-content > .sns-box > ul > li > a.kakao{background:url('/skin/C00001/img/sub/kakao-logo.gif') no-repeat center center;}
.join-box > .join-content > .sns-box > ul > li > a.apple{background:url('/skin/C00001/img/sub/apple-logo.gif') no-repeat center center;}
.join-box > .join-content > .sns-box > ul > li > a.google{background:url('/skin/C00001/img/sub/google-logo.gif') no-repeat center center;}


.join-over{max-width:600px;margin:50px auto;text-align:center;padding:30px;}
.join-over > h2.title{font-size:30px;color:#000;font-weight:600;}
.join-over > p.txt{margin-top:20px;font-size:20px;color:#666;font-weight:600;}
.join-over > .btn-box{margin-top:60px;}

.business-box{width:100%;}
.business-box p.business-txt{display:none;}

.out-mail{padding:20px;}
.out-mail dt{font-weight:600;font-size:18px;}
/*
.charm-header{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.charm-header > .img{width:420px;height:350px;background:#eee;display: flex;justify-content: center;align-items: center;}
.charm-header > .img > img{width:100%;}
.charm-header > .charm-cover{width:calc(100% - 455px);display: flex;justify-content: space-between;border:2px solid #10404a;align-items: stretch;}
.charm-header > .charm-cover > ul{display: flex;flex-direction: column;justify-content: space-between;border-right:2px solid #10404a;width:115px;}
.charm-header > .charm-cover > ul > li{flex:1;display: flex;align-items: stretch;justify-content: space-between;}
.charm-header > .charm-cover > ul > li > a{display: flex;justify-content: center;width: 100%;align-items: center;}
.charm-header > .charm-cover > ul > li > a > span{}
.charm-header > .charm-cover > ul > li + li{border-top:1px solid #10404a;}
.charm-header > .charm-cover > ul > li:nth-child(1) > a > span{background:url(/skin/C00001/img/sub/special-icon01.png) no-repeat center 20px;}
.charm-header > .charm-cover > ul > li:nth-child(2) > a > span{background:url(/skin/C00001/img/sub/special-icon02.png) no-repeat center 20px;}
.charm-header > .charm-cover > ul > li:nth-child(3) > a > span{background:url(/skin/C00001/img/sub/special-icon03.png) no-repeat center 20px;}
.charm-header > .charm-cover > ul > li.on > a{background-color:#fcc800;}
.charm-header > .charm-cover > ul > li.on > a > span{color:#362427;font-weight:800;}
.charm-header > .charm-cover > .sub-tab-box{flex:1;margin:20px;padding:0 20px;background:#f9f9f9;}
.charm-header > .charm-cover > .sub-tab-box > .box{padding-right:20px;height:100%;max-height:290px;;overflow-y:auto;}
.charm-header > .charm-cover > .sub-tab-box > .box::-webkit-scrollbar {width: 4px;height:4px}
.charm-header > .charm-cover > .sub-tab-box > .box::-webkit-scrollbar-track {border-radius: 8px;background-color: #c5c4c2;}
.charm-header > .charm-cover > .sub-tab-box > .box::-webkit-scrollbar-thumb {border-radius: 8px;background-color: #000;}
.charm-header > .charm-cover > .sub-tab-box > .box > h3.charm-cover-title{position: relative;text-align:center;}
.charm-header > .charm-cover > .sub-tab-box > .box > h3.charm-cover-title:before{content: "";display:block;background:#FCC800;width:100%;height:3px;position: absolute;left:0;top:14px;}
.charm-header > .charm-cover > .sub-tab-box > .box > h3.charm-cover-title > span{background:#f9f9f9;font-size:23px;font-weight:400;line-height:30px;position: relative;z-index:1;padding:0 10px;}
.charm-header > .charm-cover > .sub-tab-box > .box > dl{display: flex;justify-content: space-between;margin-top:20px;border:2px solid #10404a;background:#fff;padding:5px;}
.charm-header > .charm-cover > .sub-tab-box > .box > dl > * > a{background:#000;color:#fff;font-size:16px;font-weight:600;padding:5px 10px;white-space:nowrap;margin:0;}
.charm-header > .charm-cover > .sub-tab-box > .box > dl > dd{display: flex;align-items: center;justify-content: space-between;}
.charm-header > .charm-cover > .sub-tab-box > .box > dl > dd > dl{display: flex;align-items: center;}
.charm-header > .charm-cover > .sub-tab-box > .box > dl > dd > dl > dt.title{font-size:13px;margin-right:10px;}
.charm-header > .charm-cover > .sub-tab-box > .box > dl > dd > dl > dd.name{font-size:16px;font-weight:800;margin-right:0;}

.charm-header > .charm-cover > .sub-tab-box > .box > .fileInputBox > dl{display:flex;}
.charm-header > .charm-cover > .sub-tab-box > .box > .fileInputBox > dl > *{flex:1;;}
.charm-header > .charm-cover > .sub-tab-box > .box > .fileInputBox dl > dt > .fileInput{border:0;font-size:0;}
.charm-header > .charm-cover > .sub-tab-box > .box > .work-guide{display: flex;align-items: center;justify-content: space-between;border:1px solid #bebebe;padding:10px;background:#fff;}
.charm-header > .charm-cover > .sub-tab-box > .box > .work-guide > a{display: flex;align-items: center;justify-content:center;background:url(/skin/C00001/img/sub/work-guide.png) no-repeat right 10px center #9bb0ca;padding:5px 38px 5px 20px;margin:1px;font-weight:600;font-size:16px;color:#fff;}


.charm-header02{display: flex;align-items: flex-start;justify-content: space-between;align-items: stretch;}
.charm-header02 > .img{width:420px;height:350px;background:#eee;display: flex;justify-content: center;align-items: center;}
.charm-header02 > .img > img{width:100%;}
.charm-header02 > .charm-cover{width:calc(100% - 455px);display: flex;border-top:2px solid #001556;flex-direction: column;}
.charm-header02 > .charm-cover > ul > li{border-left:1px solid #001556;border-right:1px solid #001556;}
.charm-header02 > .charm-cover > ul > li > a{display: flex;justify-content: flex-start;align-items: center;padding:0 20px;background: url(/skin/C00001/img/sub/find-list.gif) no-repeat right 20px top 23px;border-bottom:1px solid #001556;width: 100%;height:50px;}
.charm-header02 > .charm-cover > ul > li > a > span{font-size:20px;font-weight:600;}
.charm-header02 > .charm-cover > ul > li > .box{padding:20px;display:none;border-bottom:1px solid #001556;background:#f9f9f9;}
.charm-header02 > .charm-cover > ul > li.on > .box{display:block;}


.charm-header03{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.charm-header03 > .img{width:420px;height:350px;background:#eee;display: flex;justify-content: center;align-items: center;}
.charm-header03 > .img > img{width:100%;}
.charm-header03 > .charm-cover{width:calc(100% - 455px);display: flex;justify-content: space-between;align-items: stretch;}
.charm-header03 > .charm-cover > dl{width:30%;border:1px solid #10404a}
.charm-header03 > .charm-cover > dl > dt{padding-top:70px;display: flex;justify-content: center;width: 100%;font-size:26px;font-weight:600;color:#000;background-size:35px 35px !important;margin-bottom:10px;}
.charm-header03 > .charm-cover > dl.sample-design > dt{background:url(/skin/C00001/img/sub/special-icon01.png) no-repeat center 20px;}
.charm-header03 > .charm-cover > dl.request-design > dt{background:url(/skin/C00001/img/sub/special-icon02.png) no-repeat center 20px;}
.charm-header03 > .charm-cover > dl.my-design > dt{background:url(/skin/C00001/img/sub/special-icon03.png) no-repeat center 20px;}
.charm-header03 > .charm-cover > dl > dd > .txt-box{display: flex;justify-content: space-between;flex-wrap: wrap;padding:0 10px;height:100px;text-align:left;align-content: flex-start;}
.charm-header03 > .charm-cover > dl > dd > .txt-box a{display:flex;width:95px;height:30px;padding:5px;margin:1px 0;text-align:center;background:#000;justify-content: center;font-size:14px;font-weight:600;color:#fff;}
.charm-header03 > .charm-cover > dl > dd > .txt-box > h3.sample-id{width:100%;margin-top:10px;}
.charm-header03 > .charm-cover > dl > dd > .txt-box > h3.sample-id > span{font-size:16px;font-weight:800;width:100%;display:block;}
.charm-header03 > .charm-cover > dl > dd .cash-receipt-box{margin:10px;}
.charm-header03 > .charm-cover > dl > dd .cash-receipt-box > span > label{height:auto;flex-direction: column;}
.charm-header03 > .charm-cover > dl > dd .cash-receipt-box > span + span{margin-top:10px;}
.charm-header03 > .charm-cover > dl > dd .file-shape{width:100%;}
.charm-header03 > .charm-cover > dl > dd .file-add-box > .btn-box{width:100%;margin-left:0;}
*/

.charm-header{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.charm-header > .img{width:420px;height:350px;background:#eee;display: flex;justify-content: center;align-items: center;}
.charm-header > .img > img{width:100%;}
.charm-header > .charm-cover{width:calc(100% - 455px);display: flex;justify-content: space-between;align-items: stretch;}
.charm-header > .charm-cover > dl{width:30%;border:1px solid #10404a}
.charm-header > .charm-cover > dl > dt{padding-top:70px;display: flex;justify-content: center;width: 100%;font-size:26px;font-weight:600;color:#000;background-size:35px 35px !important;margin-bottom:10px;}
.charm-header > .charm-cover > dl.sample-design > dt{background:url(/skin/C00001/img/sub/special-icon01.png) no-repeat center 20px;}
.charm-header > .charm-cover > dl.request-design > dt{background:url(/skin/C00001/img/sub/special-icon02.png) no-repeat center 20px;}
.charm-header > .charm-cover > dl.my-design > dt{background:url(/skin/C00001/img/sub/special-icon03.png) no-repeat center 20px;}
.charm-header > .charm-cover > dl > dd > .txt-box{display: flex;justify-content: space-between;flex-wrap: wrap;padding:0 10px;height:100px;text-align:left;align-content: flex-start;}
.charm-header > .charm-cover > dl > dd > .txt-box a{display:flex;flex:1;height:30px;padding:5px;margin:1px;text-align:center;background:#000;justify-content: center;font-size:14px;font-weight:600;color:#fff;}
.charm-header > .charm-cover > dl > dd > .txt-box > h3.sample-id{width:100%;margin-top:10px;}
.charm-header > .charm-cover > dl > dd > .txt-box > h3.sample-id > span{font-size:16px;font-weight:800;width:100%;display:block;}
.charm-header > .charm-cover > dl > dd .cash-receipt-box{margin:10px;}
.charm-header > .charm-cover > dl > dd .cash-receipt-box > span > label{height:auto;flex-direction: column;}
.charm-header > .charm-cover > dl > dd .cash-receipt-box > span + span{margin-top:10px;}
.charm-header > .charm-cover > dl > dd .file-shape{width:100%;}
.charm-header > .charm-cover > dl > dd .file-add-box > .btn-box{width:100%;margin-left:0;}

.charm-header > .charm-cover > .big-volume{width:65%;margin-top:0;}
.charm-header > .charm-cover > .big-volume .big-volume-box{margin-top:50px;}
.charm-header > .charm-cover > .big-volume .big-volume-box > div > .content{background:none !important;padding-left:0;}


.request-design-choice{overflow: hidden;display: flex;flex-wrap: wrap;border:2px solid #10404a;padding:10px;background:#fff;}
.request-design-choice > span{display: flex;flex:1;position: relative;margin:5px;border:1px solid #3962a0;}
.request-design-choice > span > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.request-design-choice > span > label > h3.title{font-size:13px;font-weight:800;}
.request-design-choice > span > label > p.txt{font-size:12px;margin-top:5px;font-weight:600;}
.request-design-choice > span > label > p.price{font-size:12px;color:#dc938a;margin-top:5px;font-weight:600;}
.request-design-choice > span > label{display: flex;width:100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;padding:10px;}
.request-design-choice > span > input[type='radio']:checked + label{background:#f7f297;}
.request-design-choice > span > input[type='radio']:checked + label > p.price{color:#e62951;font-weight:800;}

.orderld-over{background:#f9f9f9;padding:50px 20px;}
.orderld-over > h3.title{text-align:center;font-size:50px;font-weight:600;}
.orderld-over > .product-lsit{margin:50px auto;max-width:450px;border:1px solid #9f9f9f;background:#fff;}
.orderld-over > .product-lsit > dl + dl{border-top:1px dashed #cfcfcf;}
.orderld-over > .product-lsit > dl{display: flex;align-items:center;}
.orderld-over > .product-lsit > dl > *{padding:10px;min-height:50px;}
.orderld-over > .product-lsit > dl > dt{width:100px;font-weight:600;font-size:16px;}
.orderld-over > .product-lsit > dl > dd{font-size:15px;}
.orderld-over > .product-lsit > .btn-box{display: flex;}
.orderld-over > .product-lsit > .btn-box > a{display: flex;flex:1;height:40px;justify-content: center;align-items: center;font-size:16px;font-weight:600;background:#3b1f1e;color:#fcc900;}
.orderld-over > .product-lsit > .btn-box > a + a{background:#fcc900;color:#3b1f1e;}
.orderld-over > .txt-box{margin:0 auto;max-width:450px;}
.orderld-over > .txt-box > p{font-size:20px;line-height:30px;}

.charm-cover > dl.special-dl{flex-direction: column;}
.charm-cover > dl.special-dl > *{width:100%;}
.charm-cover > dl.special-dl > dd{border:1px solid #ddd;margin-top:10px;padding:20px;display: flex;align-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;}
.charm-cover > dl.special-dl > dd > h4.title{color:#43aee8;font-size:20px;font-weight:600;margin-bottom:10px;}
.charm-cover > dl.special-dl > dd > p.txt{font-weight:600;margin-top:10px;}


.charm-box{display: flex;align-items: flex-start;justify-content: space-between;margin-top:50px;position: relative;background:#f9f9f9;padding-left:20px;padding-bottom:20px;}
.charm-box > .specification{width:300px; min-width:300px; position: sticky;top:145px;padding:0;background:#fff;}
.charm-box > .specification > h4.specification-title{background:#f7f7f7;color:#000;padding:10px;text-align:center;font-size:25px;font-weight:800;}
.charm-box > .specification > .order-details-box > .btn > a{background:#fcc900;color:#000;padding:10px;font-size:20px;font-weight:800;text-align:center;display:block;}
.charm-box > .txt-box a.order-btn{background:#000;color:#fff;font-size:20px;height:27px;width:27px;text-align:center;font-weight:600;border-radius:30px;margin-left:10px;display: flex;align-items: center;justify-content: center;}
.charm-box > .txt-box > .order-list-link{display: flex;align-items: center;margin-bottom:20px;margin-left:20px;}
.charm-box > .txt-box > .order-list-link > li{margin-right:20px;}
.charm-box > .txt-box > .order-list-link > li > a{border:1px solid #000;height:27px;width:27px;line-height:27px;font-weight:600;border-radius:30px;text-align:center;font-size:30px;margin-left:5px;display: flex;align-items: center;justify-content: center;}
.charm-box > .txt-box > .order-list-link > li.list2{display:none;}
.order-list > dd > a.list2{display:none;}

.sub-title02 + .charm-value{margin-bottom:50px;border-bottom:1px solid #ddd;padding-bottom:30px;}
.charm-value{display: flex;flex-wrap: wrap;width:96%;margin:0 auto;border:1px solid #ededed;border-top:2px solid #001556;padding:20px;background:#fff;}
.charm-value > dl{display: flex;flex-wrap: wrap;margin-right:20px;align-items: center;margin-bottom:10px;}
.charm-value > dl.w100p{margin-right:0;}
.charm-value > dl > dt{font-weight:800;width:80px;color:#000;}
.charm-value > dl > dd{flex: auto;}
.charm-value > dl > dd > .file-add-box{display:none;width:100%;align-items: center;justify-content: center;}
.charm-value > dl > dd select + select{margin-left:10px;}
.charm-value > dl > dd span{margin:5px;display: inline-block;}
.charm-box > .txt-box > h3.sub-title02{margin-bottom:15px;}
.charm-value + h3.sub-title02{margin-top:20px;}
.charm-box .add-page{display:none;}
.charm-box .del-page{display:none;}
.sample-select{margin-top:20px;display:none;}
.sample-select > dl{display: flex;flex-wrap: wrap;align-items: center;}
.sample-select > dl + dl{margin-top:5px;}
.sample-select > dl > dt{font-weight:600;margin-right:10px;}

.inquire-register-box{border-top: 2px solid #000;margin-top:30px;}
.inquire-register-box li{padding:20px;background-size: 40px !important;border-bottom: 1px solid #ddd;}
.inquire-register-box h3{font-size:18px;font-weight:600;margin-bottom:10px;}
.inquire-register-box li > p.day{font-size:16px;margin-top:10px;}
.inquire-register-box li > p.file{margin-top:10px;}
.inquire-register-box li > p.file > a.file-link{font-weight:600;font-size:14px;border:1px solid #f24353;padding:5px 10px 5px 35px;background:url(/skin/C00001/img/sub/file-btn.png) no-repeat 10px center #fff;;background-size:15px;}
.inquire-register-box > .inquire-box{padding-left: 70px;background: url(/skin/C00001/img/sub/question.png) no-repeat 20px 20px;}
.inquire-register-box > .inquire-box > .inquiry-details > pre{font-size:14px;line-height:1.5;}
.inquire-register-box > .inquire-box > dl > dd{padding-left:10px;font-size:16px;margin-top:5px}
.inquire-register-box > .inquire-box > .inquire-details-box > .inquiry-details{border:1px solid #f9f9f9;padding:10px;margin-top:10px;}
.inquire-register-box > .inquire-box > .inquire-details-box > .inquiry-details > pre{line-height:1.5;}
.inquire-register-box .inquire-img{margin:10px 0;}
.inquire-register-box .inquire-img > a.on > img{height:400px;}
.inquire-register-box .inquire-img img{height:150px;}
.inquire-register-box > .no-register-box{padding-left: 70px;background: url(/skin/C00001/img/sub/no-register-box.png) no-repeat 20px 20px #f9f9f9;}
.inquire-register-box > .register-box{padding-left: 70px;background: url(/skin/C00001/img/sub/answer.png) no-repeat 20px 20px #f9f9f9;}
.inquire-register-box > .add-inquire-box{background:#fff;padding:20px;display:none;}
.inquire-register-box > .add-inquire-box > div{border-top:0;}
.inquire-register-box > .add-inquire-box > div > dl:nth-child(2){border-bottom:0;}
.inquire-register-box li.btn-box{border-bottom:0;}
.inquire-register-box > .add-inquire-details{display:none;}

.bulleti-box{display:none;}

.bestSwiper .swiper-slide > a{display:block;}
.bestSwiper .swiper-slide > a > img{width:100%;}
.bestSwiper .swiper-button-next.swiper-button-disabled, .bestSwiper .swiper-button-prev.swiper-button-disabled{opacity:1;}
.bestSwiper .swiper-button-prev:after, .bestSwiper .swiper-button-next:after{display:none;}
.bestSwiper .swiper-button-prev, .bestSwiper .swiper-button-prev2{background:url(/skin/C00001/img/main/rowgroup5-button-prev.gif) no-repeat left center #fff;left:0;}
.bestSwiper .swiper-button-next, .bestSwiper .swiper-button-next2{background:url(/skin/C00001/img/main/rowgroup5-button-next.gif) no-repeat right center #fff;right:0;}

.sub-popup .popup-box.img-popup{max-width:none;}
.sub-popup .img-popup .popup-center{padding:10px;text-align:center;}
.sub-popup.min-popup .popup-center{padding:20px;}
.sub-popup .password-input > input{width:100%;border:2px solid #000;}

.cover-form{margin:0 auto;border-top:2px solid #001556;}
.cover-form > dl{width:100%;display: flex;align-items: center;margin-bottom:10px;flex-wrap: wrap;border-bottom:1px solid #d2d2d2;padding:5px;}
.cover-form > dl > dt{width:100px;font-weight:600;}
.cover-form h4.sub-title01{justify-content: flex-start;}
.cover-form > dl > dd{width: calc(100% - 100px);    display: flex;align-items: center;}
.cover-form > dl > dd > *{margin:0 2px}
.cover-form > dl > dt.w325{width:100%;}
.cover-form > dl > dt.w325 + dd{width:100%;}
.cover-form > dl > dd > input{width:calc(100% - 60px);}
.cover-form > dl > dd > textarea{width:calc(100% - 35px);}


.sub-popup .popup-center .sample-input{max-height:calc(100vh - 200px);position: relative;border:0;padding:0;flex-wrap: wrap;}

.sample-popup.on .img-box{width:100%;}
.sub-popup.sample-popup.on .popup-box > .title{display:none;}
.sample-popup .img-box > img{max-height:calc(100vh - 260px);}

.sample-popup.on .cover-form-more{display:none;}

.sample-popup .sample-input-btn > span{display:flex;width:100%;align-items: center;color: #000;height:50px;font-weight: 800;font-size: 20px;justify-content: center;}
.sample-popup .sample-input-btn > .text-input{display:none;}
.sample-popup .list-circle{display:none;}
.sample-popup .popup-bottom{display:flex;}

.sample-input .sample-input-btn > a{border:1px solid #3f3f3f;height:40px;border-radius:40px;width:140px;display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;margin:0 auto;}
.sample-input .sample-input-btn > a > span{display:inline-block;background:url(/skin/C00001/img/main/main-more.png) no-repeat center right;background-size:20px auto;padding-right:30px;color:#2c2c2a;font-size:16px;font-weight:600;}
.sample-popup .sample-input{display: flex;flex-wrap: wrap;position: relative;overflow-y: auto;max-height:calc(100vh - 350px);padding-right:20px;}
.sample-popup .sample-input h3.sub-title02{display:flex;width:100%;}
.sample-popup .sample-input h4.sub-title01{display:flex;width:100%;}

.sample-center{display:flex;}
.sub-popup.sample-popup .popup-box > .title{display:flex;}
.sample-popup .img-box{width:30%;min-width:300px;}
.sample-popup.on .cover-form{position: absolute;top:0;width:68%;right:-68%;}
.sample-popup.on .sample-input{overflow:hidden;}
.sample-popup.on .sample-input h3.sub-title02{width:100%;display:none}
.sample-popup.on .sample-input h4.sub-title01{width:100%;display:none}
.sample-popup.on .sample-input-btn > .text-input{display:flex;}
.sample-popup.on .sample-input-btn > .text-revise{display:none;}
.sample-input.on .expand-btn{display:none;}

.sample-popup .cover-form{width:65%;position: relative;}


.sub-popup.chosen-design > .popup-box{max-height:calc(100vh - 100px);border:0;}
.sub-popup.chosen-design > .popup-box{max-height:calc(100vh - 100px);border:0;}
.sub-popup.chosen-design > .popup-box > .title{height:140px;background:url(/skin/C00001/img/sub/chosen-design-title.jpg) no-repeat;background-size:cover;justify-content: center;position: relative;border:0;}
.sub-popup.chosen-design > .popup-box > .title > h3{font-size:50px;}
.sub-popup.chosen-design > .popup-box > .title > h3 > p{background:rgba(233,194,154, .5);display:;text-align:center;padding:5px 10px;border-radius:50px;}
.sub-popup.chosen-design > .popup-box > .title > .close{position: absolute;right:0;top:0;width:30px;height:30px;line-height:30px;text-align:center;background:#fff;border:1px solid #000000;}
.sub-popup.chosen-design .popup-center{border:0;}
.sub-popup.chosen-design .popup-center > div{max-height:calc(100vh - 400px);border:0;}
.sub-popup.chosen-design .popup-center .sub-tit{position: relative;max-width:600px;margin:0 auto;margin-bottom:20px;text-align:center;height:50px;line-height:50px;}
.sub-popup.chosen-design .popup-center .sub-tit:after{content: "";display: block;height: 2px;width:100%;background:#d8d8d8;position: absolute;top:24px;z-index:-1;}
.sub-popup.chosen-design .popup-center .sub-tit > span{background:#fff;font-size:40px;color:#001556;padding:0 20px;font-weight:800;}
.bestSwiper{padding:0 85px;}
.bestSwiper .swiper-slide > a > i{display:flex;height:240px;padding:10px;width: 100%;align-items: center;justify-content: center;background:#f6f6f6;border-radius:15px;}
.bestSwiper .swiper-slide > a > i > img{max-height:100%;}
.bestSwiper .swiper-slide > a > h3.title{font-size:14px;color:#212121;font-weight:600;margin-top:10px;text-align:center;}
.bestSwiper .swiper-button-prev, .bestSwiper .swiper-button-next{width:85px;height:100%;top:0;margin-top:0;}
.bestSwiper .swiper-button-prev{background:url(/skin/C00001/img/main/rowgroup5-prev.png) no-repeat top 95px left #fff;;left:0;}
.bestSwiper .swiper-button-next{background:url(/skin/C00001/img/main/rowgroup5-next.png) no-repeat top 95px right #fff;right:0;}
.bestSwiper .swiper-pagination{margin-top:15px;position: initial;}
.bestSwiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#e5e2e5;opacity:1;}
.bestSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#011456;}
.sub-popup.chosen-design > .popup-box > .popup-bottom{border-top:0;}
.chosen-design-tab{background:#011456;padding:1px;display: flex;align-items: center;justify-content: center;margin-bottom:20px;}
.chosen-design-tab > li{flex:1;}
.chosen-design-tab > li > a{display:flex;align-items: center;justify-content: center;height:40px;color:#fff;font-weight:600;font-size:16px;}
.chosen-design-tab > li.on > a{font-weight:800;font-size:17px;background:#fff;color:#011456;}



.binding-direction{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;width:100%;position: relative;}
.binding-direction:after{content:"";display: block;width:100%;background:#000000;position: absolute;height:1px;top:110px;}
.binding-direction > span{display: block;position: relative;flex:1}
.binding-direction > span > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.binding-direction > span > label{display: block;width:100%;height:160px;padding-top:130px;font-weight:600;text-align:center;font-size:16px;background-size:auto 80px !important;}
.binding-direction > span > input[type='radio']:checked + label{font-weight:800;color:#001556;}
.binding-direction > span > label.hori-left{background:url(/skin/C00001/img/sub/hori-left.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.hori-top{background:url(/skin/C00001/img/sub/hori-top.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.vert-left{background:url(/skin/C00001/img/sub/vert-left.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.vert-top{background:url(/skin/C00001/img/sub/vert-top.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.cahier-col{background:url(/skin/C00001/img/sub/col-icon.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.cahier-row{background:url(/skin/C00001/img/sub/row-icon.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.tiered-2{background:url(/skin/C00001/img/sub/tiered-2.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.tiered-3{background:url(/skin/C00001/img/sub/tiered-3.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.tiered-4{background:url(/skin/C00001/img/sub/tiered-4.png) no-repeat center 10px;background-size:50px;}
.binding-direction > span > label.tiered-N{background:url(/skin/C00001/img/sub/tiered-N.png) no-repeat center 10px;background-size:50px;}

.binding-direction > span > label.A4-size{background:url(/skin/C00001/img/sub/A4-size.png) no-repeat center 20px #fff;}
.binding-direction > span > label.A5-size{background:url(/skin/C00001/img/sub/A5-size.png) no-repeat center 20px #fff;}
.binding-direction > span > label.B5-size{background:url(/skin/C00001/img/sub/B5-size.png) no-repeat center 20px #fff;}
.binding-direction > span > label.size-input{background:url(/skin/C00001/img/sub/size-input.png) no-repeat center 20px #fff;}
.binding-direction > span > label.textbook-A5{background:url(/skin/C00001/img/sub/textbook-A5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.textbook-A4{background:url(/skin/C00001/img/sub/textbook-A4.png) no-repeat center 20px #fff;}
.binding-direction > span > label.textbook-B5{background:url(/skin/C00001/img/sub/textbook-B5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.textbook-input{background:url(/skin/C00001/img/sub/textbook-input.png) no-repeat center 20px #fff;}

.binding-direction > span > label.brochure-A5{background:url(/skin/C00001/img/sub/brochure-A5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.brochure-A4{background:url(/skin/C00001/img/sub/brochure-A4.png) no-repeat center 20px #fff;}
.binding-direction > span > label.brochure-B5{background:url(/skin/C00001/img/sub/brochure-B5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.brochure-input{background:url(/skin/C00001/img/sub/brochure-input.png) no-repeat center 20px #fff;}

.binding-direction > span > label.leaflet-A5{background:url(/skin/C00001/img/sub/leaflet-A5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.leaflet-A4{background:url(/skin/C00001/img/sub/leaflet-A4.png) no-repeat center 20px #fff;}
.binding-direction > span > label.leaflet-A3{background:url(/skin/C00001/img/sub/leaflet-A3.png) no-repeat center 20px #fff;}
.binding-direction > span > label.leaflet-B4{background:url(/skin/C00001/img/sub/leaflet-B4.png) no-repeat center 20px #fff;}
.binding-direction > span > label.leaflet-B5{background:url(/skin/C00001/img/sub/leaflet-B5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.leaflet-input{background:url(/skin/C00001/img/sub/leaflet-input.png) no-repeat center 20px #fff;}

.binding-direction > span > label.poster-A5{background:url(/skin/C00001/img/sub/poster-A5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.poster-A4{background:url(/skin/C00001/img/sub/poster-A4.png) no-repeat center 20px #fff;}
.binding-direction > span > label.poster-A3{background:url(/skin/C00001/img/sub/poster-A3.png) no-repeat center 20px #fff;}
.binding-direction > span > label.poster-A2{background:url(/skin/C00001/img/sub/poster-A2.png) no-repeat center 20px #fff;}
.binding-direction > span > label.poster-B4{background:url(/skin/C00001/img/sub/poster-B4.png) no-repeat center 20px #fff;}
.binding-direction > span > label.poster-B5{background:url(/skin/C00001/img/sub/poster-B5.png) no-repeat center 20px #fff;}
.binding-direction > span > label.poster-input{background:url(/skin/C00001/img/sub/poster-input.png) no-repeat center 20px #fff;}
.binding-direction > span > input[type='radio']:checked + label.A4-size{background:url(/skin/C00001/img/sub/A4-size-on.png) no-repeat center 20px #fff;}
.binding-direction > span > input[type='radio']:checked + label.A5-size{background:url(/skin/C00001/img/sub/A5-size-on.png) no-repeat center 20px #fff;}
.binding-direction > span > input[type='radio']:checked + label.B5-size{background:url(/skin/C00001/img/sub/B5-size-on.png) no-repeat center 20px #fff;}
.binding-direction > span > input[type='radio']:checked + label.size-input{background:url(/skin/C00001/img/sub/size-input-on.png) no-repeat center 20px #fff;}




.size-input-box{background:#f9f9f9;display: flex;flex-wrap: wrap;justify-content: center;width:100%;padding:20px;}
.size-input-box > dl{display: flex;padding:0 10px;align-items: center;flex:1;justify-content: center;}
.size-input-box > dl + dl{border-left:1px solid #000;}
.size-input-box > dl > *{padding:0 5px;color:#000;font-weight:800;}
.size-input-box > dl > dd > p > span{padding:0 10px;color:#000;font-weight:800;}


.cover-endopodal{display: flex;align-items: flex-start;justify-content: center;margin:0 auto;margin-top:30px;align-items: stretch;}
.cover-endopodal > .box{flex:1;}
.cover-endopodal > .box > div{width:92%;margin:0 auto;border: 1px solid #ededed;border-top: 2px solid #001556;padding:20px;height:230px;background:#fff;}
.cover-endopodal > .endopodal-box{border-left:1px solid #ddd;}
.cover-endopodal dl{display:flex;}
.cover-endopodal dl + dl{margin-top:10px;}
.cover-endopodal dl > *{display: flex;align-items: center;}
.cover-endopodal dl > dt{width:100px;font-weight: 800;width: 80px;color: #000;}

.release-box > .box{flex:1;padding:0 20px;}
.release-box > .box > h4.title{background:url(/skin/C00001/img/sub/release-day-title.gif) no-repeat left 11px;font-size:26px;color:#000;font-weight:800;padding-left:30px;}
.release-box > .box > .txt-box{border:20px solid #f8f8f8;background-size:40px auto !important;display: flex;flex-direction: column;padding:20px;padding-left:80px;justify-content: center;height:120px;font-size:40px;color:#000;font-weight:800;}
.release-box > .box > .txt-box > h4{font-size:30px;font-weight:800;display:flex;flex-wrap: wrap;align-items: flex-end;justify-content: flex-end;}
.release-box > .box > .txt-box > h4 > span{font-weight:800;}
.release-box > .box.release-day > .txt-box{background:url(/skin/C00001/img/sub/release-icon.gif) no-repeat left 20px center;}
.release-box > .box > .txt-box > h4 > span{display:flex;width:100%;justify-content: flex-end;}
.release-box > .box.box-No > .txt-box{background:url(/skin/C00001/img/sub/box-icon.gif) no-repeat left 20px center;}
.release-box > .box.box-No > .txt-box > h4{font-size:30px;}


.price-box{display: flex;flex-wrap: wrap;width:100%;justify-content: space-between;}
.price-box > .box{background:#f9f9f9;width:100%;padding:20px;}
.price-box > .box > dt{display:flex;justify-content: space-between;align-items: center;padding:0 20px 10px;border-bottom:1px solid #000;}
.price-box > .box > dt > h4.txt-title{font-size:26px;font-weight:800;text-align:center;}
.price-box > .box > dt > h4.txt-title > span{font-size:16px;font-weight:600;}
.price-box > .box > dt > .txt-box{text-align:right;}
.price-box > .box > dt > .txt-box > h4{font-size:18px;font-weight:800;}
.price-box > .box > dt > .txt-box > h4 > span{font-size:60px;font-weight:800;color:#d21679;}
.price-box > .box > dd{display:flex;margin-top:20px;justify-content: flex-end;}
.price-box > .box > dd > a{height:30px;width:100px;display:flex;justify-content: center;align-items: center;background:#000;color:#fff;font-size:17px;font-weight:600;margin-left:5px;}
.price-box > .box > dd > a:nth-child(2){background:#fff;border:1px solid #000;color:#000;}
.price-box > .box > dd > a:nth-child(3){background:#000;color:#fff;}

.specification-box{display: flex;flex-wrap: wrap;}
.specification > .sub-title01{margin-bottom:10px;}
.charm-box .specification > a.m-btn-box{display:none;}
.specification > h3.title{background:#c5c9d6;padding:10px;font-weight:600;font-size:20px;}
.specification-box > dl{display: flex;align-items: center;justify-content: space-between;padding:10px;border-bottom:1px dashed #9e9e9e;width:100%;}
.specification-box > dl > dt{font-weight:600;}
.specification-box.min-list{text-align:left;}
.specification-box.min-list > dl{display: inline-block;border-bottom:none;padding:0;}
.specification-box.min-list > dl > *{display: inline-block;}
.specification-box.min-list > dl > dt:after{content:":";display: inline-block;margin-right:5px;}

.total-amount-box{display:none;}

.total-amount{border:2px solid #003B6F;margin-top:50px;padding:20px;width:100%;}
.total-amount > .title{font-size: 18px;font-weight:600;text-align:left;margin-bottom:10px;}
.total-amount > .txt-box{display: flex;align-items: center;justify-content: space-between;border-bottom:1px dashed #9e9e9e;padding-bottom:10px;}
.total-amount > .txt-box > span{width:20px;font-size:25px;font-weight:600;}
.total-amount > .txt-box > .total-box{width:calc(100% - 30px);font-size:25px;font-weight:600;}
.total-amount > .txt-box > .total-box > dl{display: flex;align-items: center;justify-content: space-between;}
.total-amount > .txt-box > .total-box > dl > dt{font-size:15px;font-weight:600;}
.total-amount > .txt-box > .total-box > dl > dd > span{font-size:15px;font-weight:600;}
.total-amount > .txt-box > .total-box > dl + dl{margin-top:5px;}
.total-amount > .txt-box > .total-box > p{text-align:left;font-size:13px;font-weight:400;}
.total-amount > .payment{font-size:26px;font-weight:600;color:#e71e2d;text-align:right;margin-top:10px;}
.total-amount > dl.btn-list > dd > a{line-height:15px;padding:10px;width:100%;}



.order-value > dl > dd .mail-select{margin-right:5px;}
.booklet-No{background:#f9f9f9;display: flex;}
.booklet-No > dl{flex:1;width: 20%;padding:10px;}
.booklet-No > dl > dt{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#001556;}
.booklet-No > dl > dd{font-size:14px;text-align:center;width:60px;}
.book-checkbox > ul > li{display: flex;align-items: center;margin: 5px 0;justify-content: space-between;max-width:252px;/*border:1px solid #8891b0;background:#f9f9f9;*/}
.book-checkbox > ul > li > dl{display:none;align-items: center;justify-content: center;align-items: center;align-items: center;}
.book-checkbox > ul > li > dl > dt{margin-right:5px;font-weight:600;font-size:16px;width:auto;padding:2px;}
.book-checkbox > ul > li > dl > dt > input[type="text"]{height:30px;margin-right:5px;}
.book-checkbox > ul > li > dl > dd{color:#e71e2d;width:auto;padding-right:5px;}
.book-checkbox .choice-list > span{width:calc(100% - 135px);}
.book-checkbox .choice-list > span > label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;text-align: left;}
.destination-box + .destination-box{margin-top:30px;display:none;}
.coupon-list > dl{display: flex;align-items: center;margin-top:20px;}
.coupon-list > dl > dt{margin-right:20px;}
.coupon-list > dl > dd > h3.title{font-size:16px;font-weight:600;}
.coupon-list > dl > dd > p{font-size:13px;margin-top:5px;}
.coupon-list > dl.no-coupon > dt{margin-right:20px;}
.payment-coupon > .coupon-checkbox{display: flex;align-items: center;justify-content: space-between;background:#faf8f8;padding:10px 20px;border-top: 2px solid #535da1;}
.payment-coupon > .coupon-checkbox + .order-value{margin-top:0;border-top:1px solid #ddd;}
.payment-coupon > .coupon-checkbox > dd{color:#e71e2d;font-size:18px;font-weight:600;}
.payment-coupon > .order-value{margin-top:20px;}

.information-box input:disabled{background:none;border:0;padding:0;color:#333333;-webkit-text-fill-color: #333333;}
.information-box select:disabled{background:none;border:0;padding:0;font-size:16px;font-weight:600;color:#333333;-webkit-text-fill-color: #333333;}
.information-box > dl > dd a{display:none;}
.information-box > dl > dd a.dis-block{display:flex;max-width:120px;}
.information-box > dl > dd .revise-btn > span{color:#fff;font-size:16px;font-weight:500;padding: 5px 10px;display:block;}
.information-box > dl > dd .revise-btn > span.check-font{display:none;}
.information-box > dl > dd.on .revise-btn > span.check-font{display:block;}
.information-box > dl > dd.on .revise-btn > span.revise-font{display:none;}
.information-box.on > dl > dd a{display:inline-block;}

.licensee-btn-box > a > span{color:#fff;font-size:16px;font-weight:500;padding: 5px 10px;display:block;}}
.licensee-btn-box > a > span{color:#fff;font-size:16px;font-weight:500;padding: 5px 10px;}
.licensee-btn-box > a > span.check-font{display:none;}
.licensee-btn-box > a.on{background:#333;}
.licensee-btn-box > a.on > span.check-font{display:block;}
.licensee-btn-box > a.on > span.revise-font{display:none;}


.order-progress-box > .order-information{position: sticky;top: 160px;width:320px;}
.order-progress-box > .order-information > .order-information-box{border:1px solid #c9c9c9;border-top:3px solid #011456;border-bottom:0;padding:10px 20px 0;display: flex;flex-direction: column;}
.order-progress-box > .order-information > .order-information-box > dl{display: flex;align-items: center;justify-content: space-between;padding:10px;border-bottom:1px dashed #9e9e9e;}
.order-progress-box > .order-information > .order-information-box > dl > *{font-size:16px;font-weight:800;}
.order-progress-box > .order-information > .order-information-box > dl > dd > b{font-size:18px;}
.order-progress-box > .order-information > .order-information-box > dl > dd > span{font-weight:400;font-size:13px;margin-left:2px;}
.order-progress-box > .order-information > .order-information-box > dl.line-border{border-bottom:1px solid #9e9e9e;}
.order-progress-box > .order-information > .order-information-box > dl.no-border{border-bottom:0;}
.order-progress-box > .order-information > .order-information-box > dl.title{background:#dddddd;border-bottom:0;}
.order-progress-box > .order-information > .order-information-box > dl.title > *{font-weight:800;font-size:18px;}
.order-progress-box > .order-information > .order-information-box > .order-num{margin:10px;}
.order-progress-box > .order-information > .order-information-box > .order-num > h4.title{text-align:right; margin-bottom:10px;font-size:16px;}
.order-progress-box > .order-information > .order-information-box > .order-num > h4.title span{font-size:25px;font-weight:600;color:#f26d6d;}
.order-progress-box > .order-information > .order-information-box > .order-num > .txt{padding:10px;background:#f9f9f9;}
.order-progress-box > .order-information > .order-information-box > .order-num > .txt > p{line-height:20px;color:#000;font-weight:600;}
.order-progress-box > .order-information >  a{display:block;width:100%;background:#fcc900;font-size:20px;color:#000;font-weight:800;padding:10px;text-align:center;}


.modification-box.m-760{max-width:760px;margin:0 auto}
.address-box{}
.address-box > ul > li{border:1px solid #000;padding-top:20px;border-top:2px solid #000;margin-bottom:20px;justify-content: space-between;align-items: flex-start;flex-direction: column;}
.address-box > ul > li > *{padding:0 20px;}
.address-box > ul > li > .choice-list{margin-bottom:20px;}
.address-box > ul > li > .choice-list label{font-size:16px;font-weight:800;padding-left:30px;line-height:23px;}
.address-box > ul > li h4{display: flex;align-items: center;}
.address-box > ul > li h4.delivery-address{font-size:15px;font-weight:600;margin-top:10px;}
.address-box > ul > li h4.name{font-size:18px;font-weight:800;margin-top:20px;margin-bottom:10px;color:#000;}
.address-box > ul > li p{font-size:16px;}
.address-box > ul > li p.base > span{border:1px solid #001556;border-radius:30px;padding:0 15px;line-height:25px;display: inline-block;font-size:13px;font-weight:800}
.address-box > ul > li > .btn-box{padding:0;display: flex;margin-top:20px;}
.address-box > ul > li > .btn-box > a{margin:0;flex:1;}

.coupon-list > ul > li{border:1px solid #000;padding-top:20px;border-top:2px solid #000;margin-bottom:20px;justify-content: space-between;align-items: flex-start;flex-direction: column;}
.coupon-list > ul > li > *{padding:0 20px;}
.coupon-list > ul > li > h3.coupon-title{font-size:18px;font-weight:800;margin-bottom:10px;color:#000;}
.coupon-list > ul > li > p.volume{font-size:15px;color:#9e9e9e;margin-bottom:10px;}
.coupon-list > ul > li > p.day{font-size:15px;margin-bottom:10px;}
.coupon-list > ul > li > h1.discount > b{font-size:30px;font-weight:800;color:#e71e2d;}
.coupon-list > ul > li > h1.discount > span{font-size:15px;font-weight:600;}
.coupon-list > ul > li > .btn-box{padding:0;}
.coupon-list > ul > li > .btn-box > a{margin:0;margin-top:20px;padding:10px 20px;background:#f6ab00;font-size:16px;font-weight:600;text-align:center;width:100%;}

.address-box dl:nth-child(1){border-top:2px solid #535da1;}
.address-box dl{width:100%;display: flex;align-items: stretch;border-bottom:1px solid #9e9e9e;}
.address-box dl > dt{font-weight:800;width:100px;background: #f9f9f9;padding:10px;}
.address-box dl > dd{width:calc(100% - 100px);padding:10px;}
.product-details{display: flex;flex-wrap: wrap;}
.product-details h4.sub-title01{width:100%;}
.product-details h4.sub-title01 + dl, .product-details h4.sub-title01 + dl + dl{border-top:2px solid #535da1;}
.product-details > dl{width:50%;}
.product-details > dl:nth-child(even){border-right:1px solid #9e9e9e;}
.product-details > dl.w100p:nth-child(even){border-right:0 !important;}

.payment-box{margin-top:30px;}
.payment-box > *{margin:0;}
.payment-box > span{width:25px;height:25px;background:#535da1;color:#fff;text-align:center;line-height:25px;font-weight:600;}
.payment-box > dl{width:150px;height:150px;border:3px solid #535da1;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;text-align:center;padding:20px 10px; margin-bottom:0;}
.payment-box > dl > *{width:100%;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.payment-box > dl > dt{font-weight:600;height:30px;}
.payment-box > dl > dd{margin-top:10px;}
.payment-box > dl > dd > .numerical{font-weight:600;font-size:17px;margin-bottom:5px;color:#d21679;}
.payment-box > dl > dd > .numerical > span{font-size:13px;}
.payment-box > dl > dd > .numerical.pink-font{font-size:20px;}
.payment-box > dl > dd > .txt{font-size:13px;padding:5px;background:#eee;}
.payment-box > .payment-choice{display: flex;align-items: center;justify-content: space-between;background:#faf8f8;padding:10px 20px;border-top: 2px solid #535da1;}
.payment-box > .payment-choice-box > .order-value{margin-top:0;border-top:1px solid #ddd;}
.payment-box > .payment-choice-box > .order-value > h3.title{font-size:}



.payment-list{display: flex;align-items: flex-start;justify-content: space-between;border-top:2px solid #535da1;border-bottom:1px solid #ddd;}
.payment-list > div{padding:10px;}
.payment-list > .payment-tit > dl > dt{font-size:18px;}
.payment-list > .payment-tit > dl > dd{font-size:22px;color:#f1793e;font-weight:600;margin-top:10px;}
.payment-list > .payment{width:300px;border-left:1px solid #ddd;}
.payment-list > .payment > dl{display: flex;align-items: flex-start;justify-content: space-between;padding:10px;}
.payment-list > .payment > dl + dl{border-top:1px dashed #9e9e9e;}
.payment-list > .payment > dl > dt{font-size:16px;}
.payment-list > .payment > dl > dd{font-size:18px;color:#e71e2d;}
.payment-list > .payment > dl.over > dd{font-weight:600;font-size:22px;}



.portfolio-view{display: flex;align-items: flex-start;justify-content: space-between;align-items: stretch;}
.portfolio-view > .img{width:calc(100% - 300px);background:#f9f9f9;padding:30px;}
.portfolio-view > .img .portfolio-Swiper2{margin-bottom:30px;}
.portfolio-view > .img .portfolio-Swiper2 .swiper-slide{height:520px;text-align:center;}
.portfolio-view > .img .portfolio-Swiper2 .swiper-slide > h3.tit{font-size:20px;font-weight:800;color:#011456;line-height:25px;}
.portfolio-view > .img .portfolio-Swiper2 .swiper-slide > p.txt{font-size:13px;color:#000;line-height:20px;margin-bottom:15px;}
.portfolio-view > .img .portfolio-Swiper2 .swiper-slide > .img-box{width:100%;height:460px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.portfolio-view > .img .portfolio-Swiper2 .swiper-slide > .img-box img{width:100%;}
.portfolio-view > .img .portfolio-Swiper{padding:10px 50px;height:140px;}
.portfolio-view > .img .portfolio-Swiper .swiper-slide{overflow: hidden;}
.portfolio-view > .img .portfolio-Swiper .swiper-slide-thumb-active{border:2px solid #fcc900;}
.portfolio-view .swiper-button-next.swiper-button-disabled, .portfolio-view .swiper-button-prev.swiper-button-disabled{opacity:1;}
.portfolio-view .swiper-button-prev:after, .portfolio-view .swiper-button-next:after{display:none;}
.portfolio-view .swiper-button-prev, .portfolio-view .swiper-button-next{width:40px;height:100%;top:0;margin:0;}
.portfolio-view .swiper-button-prev{background:url(/skin/C00001/img/sub/portfolio-button-prev.gif) no-repeat center center #fcc900;left:0;}
.portfolio-view .swiper-button-next{background:url(/skin/C00001/img/sub/portfolio-button-next.gif) no-repeat center center #fcc900;right:0;}

.portfolio-view > .txt{width:270px;display: flex;flex-direction: column;justify-content: space-between;}
.portfolio-view > .txt > .txt-box{border:1px solid #d5d5d5;border-top:3px solid #011456;display: flex;flex-wrap: wrap;justify-content: space-between;}
.portfolio-view > .txt > .txt-box > dl{display: flex;align-items: center;justify-content: space-between;width:100%;padding:0 15px;height:45px;border-bottom:1px dashed #9e9e9e; }
.portfolio-view > .txt > .txt-box > dl.no-border{border-bottom:0; }
.portfolio-view > .txt > .txt-box > dl > dt{font-weight:600;}
.portfolio-view > .txt > .txt-box > dl > dt:after{content:":";display: inline-block;margin-right:5px;}
.portfolio-view > .txt > .txt-box > .btn-box{display:block;width: 100%;}
.portfolio-view > .txt > .txt-box > .btn-box > a{width:100%;display: flex;justify-content: center;align-items: center;height:45px;background:#fcc900;color:#000;font-size:16px;font-weight:600;}
.portfolio-view > .txt > .short-cut > a{display:flex;flex:1;margin:0;justify-content: flex-start;padding:10px;height:122px;padding-left:105px;align-items: center;margin-top:30px;font-size:18px;font-weight:800;}
.portfolio-view > .txt > .short-cut > a.sample-btn{background:url(/skin/C00001/img/sub/short-cut-sample.gif) no-repeat 25px center #f9f9f9;}
.portfolio-view > .txt > .short-cut > a.indentation-btn{background:url(/skin/C00001/img/sub/short-cut-indentation.gif) no-repeat 25px center #f9f9f9;}
.portfolio-view > .txt > .short-cut > a.inquiry-btn{background:url(/skin/C00001/img/sub/short-cut-inquiry.gif) no-repeat 25px center #f9f9f9;}



.sample-img{border:1px solid #535da1;padding:20px;height:500px;text-align:center;}
.sample-img > img{height:100%;}

.choose-cover-box{display:none;}
.choose-cover-box > dl{display: flex;flex-wrap: wrap;width:100%;padding:10px;border-bottom:1px dashed #9e9e9e; }
.choose-cover-box > dl > dt{font-weight:600;}
.choose-cover-box > dl > dt *{display: inline-block;}
.choose-cover-box > dl > dt:after{content:":";margin-right:10px;}

.interior-design{display: flex;padding:30px;height:765px;/*background:#f9f9f9;*/}
.interior-design > .gallery-top{width:calc(100% - 205px);justify-content: space-between;}
.interior-design .portfolio-Swiper2{border:1px solid #535da1;padding:20px;}
.interior-design .portfolio-Swiper2 .swiper-slide{text-align:center;}
.interior-design .portfolio-Swiper2 .swiper-slide img{height:600px;}

.swiper-button-lock {display:block !important;}
.gallery-top .swiper-slide {max-width:100%;max-width:100%;width:auto;overflow:hidden;opacity:0.5;text-align:center;background:#eeee;display: flex;align-items: center;justify-content: center;}
.gallery-top .swiper-slide img {width:100%;max-height:100%;}
.gallery-top .swiper-slide-active {opacity:1;}
.gallery-top-box {position:relative;width:100%;overflow: hidden;}
.gallery-top-box .swiper {margin-left:auto;margin-right:auto;}

.gallery-thumbs {background:#fff;padding:80px 20px;width:175px;}
.gallery-thumbs .swiper-slide {max-width:100%;max-height:100%;width:auto;height:100%;overflow:hidden;background:#eee;text-align:center;display: flex;align-items: center;justify-content: center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border:1px solid #242937;}
.gallery-thumbs .swiper-slide img {width:100%;height:auto;}
.gallery-thumbs-box {position:relative;width:100%;height:auto;overflow: hidden;}
.gallery-thumbs-box .swiper {margin-left:auto;margin-right:auto;}
.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next{width:100%;height:55px;margin:0;left:0;right:0;}
.gallery-thumbs .swiper-button-prev {background:url(/skin/C00001/img/sub/rowgroup5-button-prev.gif) no-repeat center center #001556;outline:none;top:0;}
.gallery-thumbs .swiper-button-next {background:url(/skin/C00001/img/sub/rowgroup5-button-next.gif) no-repeat center center #001556;outline:none;bottom:0;top:auto;}

.search_title{background: url(/skin/C00001/img/sub/line_icon.png) repeat-x center bottom;padding-bottom:22px;margin-top:100px;font-size: 20px;font-weight: 600;}
.search_title > span{font-size: 24px;font-weight: 700;}

.integration_box{padding:20px;}
.integration_box > ul{display: flex;flex-wrap: wrap;}
.integration_box > ul > li{margin:5px;width:180px;}
.integration_box > ul > li > a{font-size: 16px;display: flex;flex-wrap: wrap;align-items: center;}
.integration_box > ul > li > a:before {display: inline-block;content: "";width: 7px;height: 7px;background: #8279d6;border-radius: 50%;margin-right:5px;}
.search-title02{border-bottom:1px solid #000;padding-bottom:10px;margin-top:50px;margin-bottom:20px;display: flex;justify-content: space-between;align-items: center;}
.search-title02 > p{font-size: 24px;color: #000;font-weight:600;}
.search-title02 > p > span{font-size: 10px}
.search-title02 > a.more-btn{background:#000;color:#fff;font-weight:600;padding:5px 10px;}
.menu-list > li{border-bottom:1px solid #eee;padding:15px 10px;}
.menu-list > li > a{font-size:18px;font-weight:600;display: flex;flex-wrap: wrap;align-items: center;}
.menu-list > li > a:before{content: "";display: inline-block;width: 5px;height: 5px;background: #909090;border-radius: 50%;margin-right:5px;}

.order-details{border:2px solid #e6e6e6;border-radius: 5px;font-weight:600;display: flex;flex-wrap: wrap;align-items: center;padding:20px;}
.order-details > dl{display: flex;align-items: center;margin-right:30px;}
.order-details > dl > dt{font-size:18px;margin-right:10px;}
.order-details > dl > dd{font-size:22px;font-weight:600;}
.order-details > dl > dd > span{font-size:22px;font-weight:600;border-bottom:2px solid #996c33;color:#996c33;}

.delivery-information{border:2px solid #e6e6e6;border-radius: 5px;margin-top:20px;display: flex;align-items: center;}
.delivery-information > div{padding:20px;}
.delivery-information > .details-box{display: flex;flex-direction: column;width:calc(100% - 200px);}
.delivery-information > .details-box > h4.title{font-size: 22px;font-weight: 600;margin-bottom:10px;}
.delivery-information > .details-box > h4.title span{font-size: 22px;font-weight: 600;color:#996c33;margin-left:10px;}
.delivery-information > .details-box > dl{display: flex;align-items: center;}
.delivery-information > .details-box > dl + dl{margin-top:30px;}
.delivery-information > .details-box > dl > dt{width:200px;margin-right:10px;}
.delivery-information > .details-box > dl > dd > h4.tit{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.delivery-information > .details-box > dl > dd > h4.tit > *{margin-right:5px;}
.delivery-information > .details-box > dl > dd > h4.tit > b{font-size:20px;color:#f1793e;margin-bottom:5px;display:block;}
.delivery-information > .details-box > dl > dd > p.price{margin-top:10px;}
.delivery-information > .details-box > dl > dd > p.price > span{margin-right:20px;}
.delivery-information > .details-box > dl > dd > p.price > span > b{font-size:18px;font-weight:600;}
.delivery-information > .btn-box{display: flex;flex-direction: column;width:200px;}

.request-retraction{max-width:560px;margin:0 auto;}
.receiver-box{max-width:470px;margin:0 auto;}
.receiver-box > dl > dd{margin:10px 30px;}


.delivery-list{margin-top:20px;margin-right:40px;border:1px solid #ddd;;}
.delivery-list > li{padding:5px 10px;margin-left:0;}
.delivery-list > li + li{border-top:1px dotted #ddd;}
.delivery-list > li > textarea{margin:20px;}

.tab-details > dl{border:1px solid #f2cddc;border-top:2px solid #4e416a;}
.tab-details > dl > dt > a{display: flex;width:100%;align-items: center;padding:15px 54px 15px 20px;background:url('/skin/C00001/img/sub/tab-details-off.png') no-repeat right 20px center #f9f9f9;color:#363636;font-size:16px;font-weight:600;}
.tab-details > dl > dt > a.on{background:url('/skin/C00001/img/sub/tab-details-on.png') no-repeat right 20px center #f9f9f9;}
.tab-details > dl > dd{display:none;padding:20px;border-top:1px solid #f2cddc;}

.sub-login{max-width:400px;margin:50px auto;}
.sub-login > .login-logo{text-align:center;margin-bottom:50px;}

.nonmember-pw{display: flex;align-items: center;width:100%;}
.nonmember-pw > dt{font-weight:600;font-size:16px;padding-right:10px;}
.nonmember-pw > dd{width:80%;}
.nonmember-pw > dd > input{width:100%;;}

.table-style .nonmember-box{display:none;}
.table-style2 .nonmember-box{display:none;}
.nonmember-box > td{background:#f9f9f9;padding:20px !important;font-weight:600;font-size:16px;}
.nonmember-box > td > .myIquiry{padding-left:50px;background:url(/skin/C00001/img/sub/question.png) no-repeat left top;background-size:40px;}
.nonmember-box > td > .answer-box{margin-top:20px;border-top:1px solid #ddd;padding-top:20px;padding-left:50px;background:url(/skin/C00001/img/sub/answer.png) no-repeat left top 20px;background-size:40px;}
.nonmember-box > td > .answer-box > h4.day{font-weight:600;font-size:16px;margin-bottom:10px;}


.specific-btn{display:flex;margin-top:50px;justify-content: center;flex-wrap: wrap;}
.specific-btn > a{display:flex;align-items: center;justify-content: flex-start;flex-direction: column;width:255px;height:255px;border-radius:255px;padding:165px 10px 0;margin:15px;}
.specific-btn > a.specific-sample-btn{background:url(/skin/C00001/img/sub/specific-sample-btn.gif) no-repeat #f8f7f7 top 55px center;}
.specific-btn > a.specific-note-btn{background:url(/skin/C00001/img/sub/specific-note-btn.gif) no-repeat #f8f7f7 top 55px center;}
.specific-btn > a.specific-design-service-btn{background:url(/skin/C00001/img/sub/specific-design-service-btn.gif) no-repeat #f8f7f7 top 55px center;}
.specific-btn > a.specific-portfolio-btn{background:url(/skin/C00001/img/sub/specific-portfolio-btn.gif) no-repeat #f8f7f7 top 55px center;}
.specific-btn > a > span{font-size:18px;text-align:center;}

body.error-404{height:auto;}
.error-404-box{background:#f9f9f9;padding:95px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.error-404-box > .title{max-width:980px;}
.error-404-box > .error-btn{margin-left:95px;display: flex;}
.error-404-box > .error-btn > a{width:200px;height:60px;display: flex;align-items: center;justify-content: center;border:1px solid #362427;font-size:30px;font-weight:800;color:#362427;background:#fff;margin-right:20px;}
.error-404-box > .error-btn > a + a{color:#fff;background:#362427;}

.greeting-box{display: flex;}
.greeting-box > .img > img{height:500px;}
.greeting-box > .txt{margin-left:50px;margin-top:30px;}
.greeting-box > .txt > h4.title{font-size:25px;line-height:45px;}
.greeting-box > .txt > h3.title{font-size:40px;margin-top:80px;}

.org-map-out{padding-top: 50px;background: url(http://yjit58.asadal.com/kobaco/images/sub/org_bg.gif) repeat-x top left;}
.org-map{position: relative;width: 1200px;height: 1030px;background: url(http://yjit58.asadal.com/kobaco/images/sub/line_bg.gif) no-repeat 64px 160px;}
.sub-chair01{position: absolute;left: 331px;top: 188px;width: 135px;}
.sc01-head{text-align: center;display: block;width: 135px;height: 53px;font-size: 16px;line-height: 45px;color: #454b57;background: url(http://yjit58.asadal.com/kobaco/images/sub/sc_head_bg.gif) no-repeat center;}
.sc01-cont{display: block;padding-top: 15px;background: url(http://yjit58.asadal.com/kobaco/images/sub/sc01_cont_bg.gif) no-repeat center top;}
.sc01-cont > ul > li{text-align: center;border: 1px solid #a0a0a0;font-size: 16px;line-height: 43px;color: #454b57;}
.sc01-cont > ul > li:first-child{margin-bottom: 4px;}
.sub-chair02{position: absolute;left: 736px;top: 188px;text-align: center;width: 133px;height: 43px;border: 1px solid #e60039;font-size: 16px;line-height: 43px;color: #454b57;background: #faccd7;}
.head{position: absolute;left: 513px;top: 0px;text-align: center;display: block;width: 176px;height: 160px;font-size: 24px;line-height: 160px;color: #ffffff;background: url(http://yjit58.asadal.com/kobaco/images/sub/head_bg.gif) no-repeat center;} 
.om-cont{padding-top: 430px;}
.om-cont > li{float: left;width: 290px;margin-left: 13px;}
.om-cont > li:first-child{margin-left: 0px;}
.om-cont > li > a{display: block;text-align: center;width: 115px;height: 41px;padding: 40px 0;padding-right: 6px;margin-left: 79px;font-size: 16px;line-height: 20px;color: #e60039;background: url(http://yjit58.asadal.com/kobaco/images/sub/om_cont_bg.gif) no-repeat center;}
.children-uls{position: relative;padding-top: 54px;padding-bottom: 235px;}
.ul-cell{float: left;margin-left: 15px;}
.ul-cell:first-child{margin-left: 0px;}
.ul-cell .child-head{display: block;text-align: center;width: 132px;height: 40px;font-size: 16px;line-height: 40px;color: #ffffff;background: #535d62;}
.ul-cell-in > ul{width: 100px;height: 88px;padding: 15px;border: 1px solid #d4d4d4;margin-top: 10px;}
.ul-cell-in > ul > li{font-size: 15px;line-height: 19px;color: #535d62;}
.ul-cell-pos01{text-align: center;position: absolute;right: 11px;bottom: 186px;width: 130px;height: 39px;border: 1px solid #d2d2d2;font-size: 16px;line-height: 39px;color: #535d62;background: #fff;}
.ul-cell-pos02{text-align: center;position: absolute;right: 157px;bottom: 186px;width: 130px;height: 39px;border: 1px solid #d2d2d2;font-size: 16px;line-height: 39px;color: #535d62;background: #fff;}
.ul-cell-pos03{position: absolute;right: 1px;bottom: -17px;width: 455px;}
.dep3-ul-cell{float: left;margin-left: 9px;}
.dep3-ul-cell:first-child{margin-left: 0px;}
.dep3-ul-cell .dep3-head{text-align: center;width: 106px;height: 40px;font-size: 16px;line-height: 40px;color: #ffffff;background: #535d62;}
.dep3-ul-cell > ul{width: 74px;height: 43px;padding: 15px;border: 1px solid #d6d6d6;margin-top: 10px;}
.dep3-ul-cell > ul > li{font-size: 15px;line-height: 19px;color: #535d62;}

.executiveList-box li .txt.txt2{padding-top: 25px;}
.executiveList-box li .txt h3.name2{margin-bottom: 15px;font-size: 22px;line-height: 26px;color: #535d62;}
.executiveList-box li .txt h3 .rd-font{font-size: 16px;line-height: 20px;color: #e60039;}
.executiveList-box li .txt .period{margin-bottom: 15px;font-size: 16px;line-height: 20px;color: #535d62;}
.executiveList-box li .txt .period span{display: inline-block;margin-right: 15px;}

.gray-box{background:#f8f8f8;}
.gray-box > h3.title{text-align: center;background:url(/skin/C00001/img/sub/sym_start.gif) no-repeat top left,url(/skin/C00001/img/sub/sym_end.gif) no-repeat top right;padding:0 60px;display: inline-block;font-size:40px;font-weight:600;margin-bottom:50px; }
.unit{display: flex;justify-content: center;flex-wrap: wrap;}
.unit > dl{border:3px solid #ccc9c5;width:200px;margin:10px;display: flex;flex-direction: column;align-items: center;background:#fff;}
.unit > dl > dt{height:80px;display: flex;align-items: center;}
.unit > dl > dt img{max-width:150px;max-height:80px;}
.unit > dl > dd{padding:10px;font-size:20px;}

.produce-guidebook{display: flex;flex-wrap: wrap;}
.produce-guidebook > .produce-guidebook-header{width:100%;}
.produce-guidebook > .produce-guidebook-header > .banner-box{text-align:center;background:#001556;color:#fff;font-size:25px;padding:50px;}
.produce-guidebook > .produce-guidebook-header > .produce-guidebook-nav{border-top:1px solid #d5dee5;border-bottom:1px solid #d5dee5;}
.produce-guidebook > .produce-guidebook-header > .produce-guidebook-nav > ul{display:flex;}
.produce-guidebook > .produce-guidebook-header > .produce-guidebook-nav > ul > li{display:flex;flex:1;}
.produce-guidebook > .produce-guidebook-header > .produce-guidebook-nav > ul > li + li{border-left:1px solid #d5dee5;}
.produce-guidebook > .produce-guidebook-header > .produce-guidebook-nav > ul > li.on > a{background:#d5dee5;}
.produce-guidebook > .produce-guidebook-header > .produce-guidebook-nav > ul > li > a{display:flex;flex:1;align-content: center;justify-content: center;padding:10px;font-size:23px;font-weight:800;}
.produce-guidebook > .produce-guidebook-contents{margin-top:20px;display:flex;width:100%;}
.produce-guidebook > .produce-guidebook-contents > .lnb{width:200px;}
.produce-guidebook > .produce-guidebook-contents > .lnb > h3{background:#345693;color:#fff;font-size:20px;text-align:center;padding:20px 10px;}
.produce-guidebook > .produce-guidebook-contents > .lnb > h3 > p{color:#fff;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul{border:1px solid #d8d8d8;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul::-webkit-scrollbar {width: 4px;height:4px;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul::-webkit-scrollbar-track {border-radius: 4px;background-color: #eee;border: 1px solid #eee;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #363636;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul > li{border-bottom:1px solid #d8d8d8;display:flex;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul > li > a{display:flex;align-content: center;flex-wrap: wrap;min-height:50px;padding:10px;font-size:15px;width:100%;text-align:left;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul > li > a > p{font-size:15px;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul > li.on > a{background:#4c82c3;color:#fff;}
.produce-guidebook > .produce-guidebook-contents > .lnb > ul > li.on > a > p{color:#fff;}
.produce-guidebook > .produce-guidebook-contents > .produce-guidebook-content{flex:1;border:1px solid #000;min-height:700px;padding:20px;margin:0 20px;}

.section.section_address.lst{display:none;}

@media screen and (max-width:1200px) {
	#header nav > ul > li > a > span{}
	.charm-header > .img{width:300px;overflow: hidden;}
	.charm-header > .charm-cover{width: calc(100% - 330px);}
	
}

@media screen and (max-width:1024px) {
	h3.sub-title01 > span{font-size:24px;border-bottom:3px solid #fcc800;}
	h3.sub-title01{font-size:18px;}
	h4.sub-title01{font-size:16px;background-size:4px auto;background-position-y: 10px;padding-left: 10px;margin:20px 0 10px;}
	h4.sub-title02{background-size:8px auto;background-position-y: 5px;}
	.sub-location > .txt-box{height:auto;padding:30px 20px;}

	#container > h3.sub-max-title > span{font-size:25px;}
	#container > h3.sub-max-title > span:before{height:9px;bottom:-4px;}
	
	.sub-tab1{flex-wrap: wrap;}
	.sub-tab1 > li > a{font-size:17px;min-width:140px;}
	.sub-tab1 > li > a > span{font-size:17px;}

	.sub-tab2 > li > a{min-width:140px;height:40px;font-size:16px;}

	.nonmember-box > td:before{display:none !important;}

	.release-box > .box > h4.title{background-size:10px 3px;padding-left:15px;font-size:16px;}



	.view-table .tit dl{width:50%;flex:auto;}
	.view-table .tit dl:nth-child(odd){border-left:0;}

	.radio-list{justify-content: flex-start;}
	.radio-list > span{width:33%;min-width:200px;}

	.charm-header > .charm-cover{width:100%;margin-top: 30px;margin-top:30px;    flex-wrap: wrap;align-items: stretch;}
	.charm-header > .charm-cover > dl{width:auto;min-width:200px;margin:5px;flex: 1;}
	.charm-header > .charm-cover > dl .choice-list{flex-direction: column;}
	.charm-header > .charm-cover > dl > dd > .txt-box{flex-direction: column;flex-wrap:nowrap;height:auto;}

    /*혁*/
    .charm-header > .charm-cover > .big-volume {
        width: 100%;
    }

	.cover-form > dl{align-items: flex-start;flex-direction: column;}
	.cover-form > dl + dl{margin-top:20px;}
	.cover-form > dl > *{width:100%;}
	.cover-form > dl > dt.w325{width:100%;}
	.cover-form > dl > dt.w325 + dd{width:100%;}
	.cover-form > dl > dd{margin-top:10px;width:100%;display: flex;justify-content: space-between;}
	.cover-form > dl > dd > input{width:calc(100% - 170px);}
	.cover-form > dl > dd > textarea{width:100%;}

	.size-input-box > dl{width:100%;flex:auto;justify-content: flex-start;}
	.size-input-box > dl + dl{margin-top:10px;padding-top:10px;border-top:1px solid #000;border-left:0;}

	.cover-endopodal{    flex-wrap: wrap;}

	.charm-box{flex-direction: column;}
	.charm-header > .img{text-align:center;width:100%;}
	.charm-box > .specification{position: fixed;top:auto;bottom:0;height:calc(100vh - 80px);background:#fff;width:300px;z-index:2;left:-300px;}
	.charm-box > .specification > a.m-btn-box{writing-mode: vertical-rl;position: absolute;right: -45px;background: #fff;text-align: center;padding: 20px 10px;border: 3px solid #c5c9d6;width: 45px;border-left: 3px solid #fff;display:block;}
	.specification-box{overflow-y:auto;height:calc(100vh - 300px);padding-right:10px;}
	.specification-box > dl{width:100% !important;border-right:1px solid #ddd;}
	.charm-box > .txt-box{margin-top:20px;margin-left:0;width:100%;}
	.total-amount > dl.btn-list > dd > a{width:100%}

	.proyecto-view > .title-box > dt{font-size:20px;}
	.proyecto-view > .title-box > dd{font-size:14px;}


	.gallery-list > ul{justify-content: center;}
	.gallery-list > ul > li{width:auto;margin:10px;}
	.gallery-list.min-list > ul > li{width:calc(50% - 20px);}
	


	.sub-search-box{flex-direction: column;}
	.sub-search-box > dl > dd > *{width:100%;}
	.sub-search-box > dl + dl{margin-top:0;width:100%;}
	.sub-search-box > dl > dd > .date-input{margin-right:0;}
	.sub-search-box > dl > dd > .btn-box{width:100%;display:flex;flex-wrap: wrap;}
	.sub-search-box > dl > dd > .btn-box > a{width:auto;flex:1;border:1px solid #fff;}
	.sub-search-box > dl:nth-child(3){flex:1;}
	.sub-search-box > dl > dd > .btn-box > a + a{margin-left:0;}
	
	span.important-title{font-size:14px;}
	.order-value > dl{flex-direction: column;align-items: flex-start !important;flex-direction: column !important;padding:0;}
	.order-value > dl.w50p{width:100% !important;}
	.order-value > dl > *{padding:10px;}
	.order-value > dl > dt{width:100%;background:#f9f9f9;}
	.order-value > dl > dd{width:100%;}

	.interior-design{flex-direction: column;}

	.order-progress-box{flex-direction: column;}
	.order-progress-box > .order-information, .order-progress-box > .order-content{flex:1;width:100%;}

	.my-page-list{margin-bottom:30px;}
	.my-page-list > ul > li + li:before{display:none;}
	.my-page-list > ul > li{min-width:120px;background:#eee;margin:10px;}
	.my-page-list > ul > li > a{height:100px;}
	.my-page-list > ul > li > a > i{width:70px;height:70px;background-size:auto 50% !important;}
	.my-page-list > ul > li > a > span{font-size:14px;margin-top:0;margin-bottom:10px;}
	.my-page-list > ul > li > a.on > span{font-size:16px;}

	.order-status-list > ul > li{margin:0 15px;margin-bottom:20px;}
	.order-status-list > ul > li > p.txt > a{width:60px;height:60px;font-size:40px;border:4px solid #001556;}
	.order-status-list > ul > li:after{top:19px;width:15px;height:22px;right:-22.5px;background-position:auto center;background-size:100% auto;}
	.order-status-list > ul > li > h4.title{font-size:16px;margin-top:10px;}

	.portfolio-view > .txt > .txt-box > dl{width:100%;}

	.id-pw-box > .id-pw-tab > li > a{font-size:20px;height:40px;}
	.find-id-password dl > dt > a{height:40px;line-height:20px;padding:10px 20px;font-size:18px;}
	.find-id-password .btn-box > a{height:50px;width:100px;line-height:25px;padding:10px 20px;font-size:18px;}
	
	.interior-design{height:auto;}
	.interior-design > .gallery-top{width:100%}
	.gallery-thumbs{padding:0 40px;width:100%;margin-top:20px;}
	.gallery-thumbs .swiper-button-prev{left:0;height:100%;width:30px;background: url(/skin/C00001/img/sub/rowgroup5-button-prev02.gif) no-repeat center center #001556;background-size:15px auto;}
	.gallery-thumbs .swiper-button-next{left:auto;right:0;height:100%;width:30px;background: url(/skin/C00001/img/sub/rowgroup5-button-next02.gif) no-repeat center center #001556;background-size:15px auto;}

	.greeting-box{flex-wrap: wrap;}
	.greeting-box > .img{text-align:center;width:100%;height:200px;}
	.greeting-box > .img > img{width:auto;max-height:200px}
	.greeting-box > .txt{margin-left:0;}
	.greeting-box > .txt > h4.title{font-size:20px;line-height:25px;}
	.greeting-box > .txt > h3.title{font-size:30px;margin-top:40px;}
}

@media screen and (max-width:768px) {
	.sub-location{background-size:10% auto;}
	.sub-location > .txt-box > h2.sub-title{padding:0 30px;font-size:30px;}
	.sub-location > .txt-box > h2.sub-title:before, .sub-location > .txt-box > h2.sub-title:after{display:none;}
	.sub-location > .txt-box > p.sub-min-title{font-size:16px;}
	
	.table-warp.table-style{overflow-x:auto;}
	.table-warp.table-style > table{min-width:800px;}

    .table-warp.table-style2{overflow-x:auto;}
    .table-warp.table-style2 > table{min-width:100%;}

	.sub-tab1 > li > a{min-width:120px;height:40px;}


	.view-table .tit dl{width:100%;border-left:0 !important;}

	
	.big-volume-box{flex-direction: column;}
	.big-volume > h3.sub-title{font-size:16px;}
	.big-volume-box > div{padding:10px 0;align-items:flex-start;}
	.big-volume-box > div + div{border-left:0;border-top:2px solid #9e9e9e;margin-top:10px;}

	.mmarginy-page-list > ul{justify-content: space-between;margin-bottom:-20px;}
	.my-page-list > ul > li > a > dl{padding:20px;height:160px;}
	.my-page-list > ul > li > a > dl > dt img{height:100px;}
	.my-page-list > ul > li > a > dl > dd{font-size:17px;}

	.sub-search-box{padding:10px 20px;}
	.sub-search-box > dl:nth-child(1) > dd{flex-direction: column;}
	.sub-search-box > dl{flex-direction: column;align-items: flex-start;}
	.sub-search-box > dl > dt{height:auto;}
	.sub-search-box > dl > dd{width:100%;}
	.sub-search-box > dl > dd > *{flex:1;height:40px;}


	.join-box > .join-content{flex-direction: column;display: flex;max-width: 280px;}
	.join-box > .join-title > h3.title{font-size:20px;}
	.join-box > .join-title > p.txt{font-size:16px;}
	.join-box > .join-content > .box > a{width:130px;height:130px;}
	.join-box > .join-content > .box > a > h3.title{font-size:18px;}
	.join-box > .join-content > .box > a.individual > h3.title{background-size:auto 40px;}
	.join-box > .join-content > .box h4.title{margin-top:50px;font-size:16px;}
	.join-box > .join-content > .box > a > p{font-size:14px;}
	.join-box > .join-content > .sns-box > h4.title{width:180px;}
	.join-box > .join-content > .sns-box{margin-top:25px;padding:15px;}
	.join-box > .join-content > .sns-box > ul > li > a{width:45px;height:45px;margin:10px 5px;}
	
	.tfoot > .calculate-box{flex-direction: column;padding:20px 0;align-items: flex-end;}
	.tfoot > .calculate-box > dl{width:100%;align-items: flex-end;padding:10px 20px;}
	.tfoot > .calculate-box > dl + dl{margin-top:10px;border-left:0;border-top:1px solid #c5c4c2;}
	.tfoot > .calculate-box > dl + dl:after{left:20px;width:30px;height:30px;top:10px;background-size:20px !important;}
	.tfoot > .calculate-box > dl > dt{font-size:14px;}
	.tfoot > .calculate-box > dl > dd{font-size:25px;margin-top:10px;}
	.tfoot > .calculate-box > dl > dd > span{font-size:14px;}

	.order-status-box{margin:0;}
	.order-status-box > .box{margin-top:20px;}
	.table-style{margin-top:15px;}
	.table-style2{margin-top:15px;}

	.cover-form > dl > dd{flex-wrap: wrap;}
	.cover-form > dl > dd > *{width:100% !important;}
	.cover-form > dl > dd > * + *{margin-top:5px;}
	.release-day + .release-day{border-top:0;border-left:1px solid #ddd}
	
	.release-box{flex-direction: column;}
	.release-box > .box + .box{margin-top:20px;}
	.release-day{width:100%;}
	.price-box{flex-direction: column;width:100%;}
	.price-box > .gray-box + .gray-box{border-top:0;border-left:3px solid #c5c9d6;}
	.price-box > .gray-box > dd > .btn-box > a{width:45%;}

	.address-box > dl{flex-direction: column;padding:0;}
	.address-box > dl > dt{background:#eee;width:100%;justify-content: flex-start;padding:10px;}
	.address-box > dl > dd{padding:10px;}

	.delivery-information{flex-direction: column;}
	.delivery-information > .details-box{width:100%;}
	.delivery-information > .btn-box{width:100%;}
	.delivery-information > .details-box > dl{flex-wrap: wrap;justify-content: center;}
	.delivery-information > .details-box > dl > dd{margin-top:10px;}
	.delivery-information > .details-box > h4.title span{display:block;}

	.portfolio-view{flex-direction: column;}
	.portfolio-view > .img{width:100%;}
	.portfolio-view > .txt{width:100%;margin-top:20px;}

	.proyecto-view > .title-box{flex-wrap: wrap;}
	.proyecto-view > .title-box > dd{margin-top:10px;padding-left:0;}
	.image-size-box{flex-direction: column;align-items: center;}
	.big-volume-box > a{width:100px;}

	.tfoot > dl > dd > dl{flex-direction: inherit;}

	.proyecto-view > .text-box table{display:block;}
	.proyecto-view > .text-box tbody{display:flex;flex-direction: column;}
	.proyecto-view > .text-box tr{display:flex;flex:1;flex-wrap: wrap;}
	.proyecto-view > .text-box tr > th{width:100px;}
	.proyecto-view > .text-box tr > td{width:calc(100% - 100px);}

	.my-page-list{margin-bottom:30px;}
	.my-page-list > ul > li{min-width:70px;margin:2px;}
	.my-page-list > ul > li > a{height:70px;}
	.my-page-list > ul > li > a > span{font-size:12px;}
	.my-page-list > ul > li > a.on > span{font-size:12px;}
	.my-page-list > ul > li > a > span > b{font-size:13px;}
	
	.gray-box02 > h3.title{font-size:18px;line-height:20px;margin-bottom:10px;}
	.kakao-banner-box > .kakao-btn{width:150px;font-size:14px;height:40px;padding:5px 10px;}

	.release-box > .box > .txt-box > h4{font-size:20px;}
	.price-box > .box > dt{flex-direction: column;align-items: flex-start;}
	.price-box > .box > dt > h4.txt-title{width:100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;font-size:20px;}
	.price-box > .box > dt > h4.txt-title > br{display:none;}
	.price-box > .box > dt > h4.txt-title > span{margin-left:5px;}
	.price-box > .box > dt > .txt-box{text-align: right;width: 100%;}
	.price-box > .box > dt > .txt-box > h4{display: flex;align-items: center;justify-content: flex-end;font-size:16px;}
	.price-box > .box > dt > .txt-box > h4 > span{font-size:40px;}

	.sub-popup.chosen-design > .popup-box > .title > h3{font-size:30px;}
	.sample-popup .sample-input{justify-content: center;}
	.sample-popup .img-box{width:250px;;}
	.sample-popup .cover-form{width:100%;margin-top:30px;}

	.error-404-box > .error-btn{margin-left:0;}
	.error-404-box > .error-btn > a{width:150px;height:40px;display: flex;align-items: center;justify-content: center;border:1px solid #362427;font-size:20px;font-weight:800;color:#362427;background:#fff;margin-right:10px;}
}

@media screen and (max-width:630px) {
	#footer > .copyright-area > .width-auto > .text-box > p > span{display:block;}
	#footer > .copyright-area > .width-auto > .text-box > p > span:after{display:none;}

	.sub-tab3{flex-wrap: wrap;}
	.sub-tab3 > li{flex: auto;}

	.order-value dl.w50p{width:100% !important;}

	.charm-value > dl{width:100%;}
	.charm-value > dl > dd > select{width:100%;}
	.charm-value > dl > dd > input{width:100%;}
	.charm-value > dl > dd > input.volume{width:calc(100% - 20px);}

	.binding-direction{justify-content: center;}

	.payment-list{flex-direction: column;}
	.payment-list > .payment-tit > dl{display: flex;align-items: center;}
	.payment-list > .payment-tit > dl > dd{margin-top:0;margin-left:10px;}
	.payment-list > .payment{width:100%;border-left:0;border-top:1px solid #ddd;}

	.tfoot > dl{display: flex;flex-wrap: wrap;justify-content: flex-end;}
	.tfoot > dl > dd{width:100%;}
	.tfoot > dl > dd > h3.all-sum{text-align:right;}
	.tfoot > dl > dd > h3.all-sum > b{display: inline-block;}

	.sub-popup .popup-center{padding:30px;}
	.binding-direction > span{min-width:120px;}
	.binding-direction:after{display:none;}


}

@media screen and (max-width:500px) {
	ul.address > li > input[type="text"], input[type="file"], input[type="password"]{width:100%;}
	.gallery-list > ul > li{width:100%;}
	.gallery-list.min-list > ul > li{width:100%;}


	.order-value dl > dd > .file-add-box > .file-shape{width:100%;margin-right:0;}
	.order-value > dl > dd .btn-box{margin-top:10px;width:100%;display: flex;flex-direction: row;}
	.order-value > dl > dd .verification-box{display:none;}
	.order-value > dl > dd .btn-box > a{flex:1;background:#000;text-align:center;}
	.order-value > dl > dd.file-add .btn-box > a{flex:1;width:auto;height:42px;margin:0 1px;}
	.order-value > dl > dd.file-add .btn-box > a > img{height:42px;}
	.order-value > dl > dd > input + a.btn{margin-top:10px;margin-left:0 !important;width:100%;}
	.order-value > dl > dd .address input + a.btn{margin-top:0;}
	.order-value > dl > dd input[type="text"], .order-value > dl > dd select, .order-value > dl > dd .verification-box input[type="text"]{width:100% !important;}
	

	.clause-box > ul > li{align-items: flex-start;}
	.clause-box > a.clause-all{height:45px;background-size:20px auto !important;font-size:16px;background-position-x: 10px !important;padding:0 40px;}
	.clause-box > ul > li > a.btn{width:100%;margin-left:0}
	.order-value > dl .tel + a{margin-top:10px;margin-left:0 !important;}
	.order-value > dl .tel{width:100%;}
	.order-value > dl .tel input{width:100% !important;}
	.order-value > dl .tel input, .order-value > dl .tel select{flex:1;}
	.order-value > dl .tel p{flex:auto}

	.address-box > ul > li > .btn-box{flex-direction: column;}
	.address-box > ul > li > .btn-box > a{width:100%;margin-right:0;}

	.order-details > dl{flex-direction: column;align-items: flex-start;}
	.order-details > dl + dl{margin-top:10px;}
	
	.big-volume-box > div{align-items: flex-start;}
	.big-volume-box > div > .content{padding-left:0;background:none !important;}

	.image-size a.btn > span{padding-left:0;background:none;}

	.size-input-box{padding:10px;}
	.size-input-box > dl{padding:0;align-items: flex-start;flex-direction: column;}

	.binding-direction > span > input[type='radio']:checked + label{background-size:auto 60px !important;}

}

@media screen and (max-width:400px) {
	.sub-tab2 > li{flex: calc(50% - 10px);}

	.my-page-list > ul > li{width:100%;}
	.sub-search-box{padding:10px 20px;}
	.sub-search-box > dl > dd > .two-date{display: flex;flex-direction: column;justify-content: center;}
	.sub-search-box > dl > dd > .two-date > *{width:100% !important;}
	.sub-search-box > dl > dd > .two-date > span{height:auto;line-height:10px;padding:5px;}
	.sub-search-box > dl > dd > .btn-box{flex-wrap: wrap;}
	.sub-search-box > dl > dd > .btn-box > a{width:calc(50% - 2.5px);margin:2.5px 0;}
	.sub-search-box > dl > dd > input[type="text"]{width:100% !important;margin-right:0;}
	.sub-search-box > dl > dd.btn-box > *{width:100% !important;}

	.price-box > .gray-box > dd > .btn-box > a{width:100% !important;}

	.cover-endopodal > .box > div{height:auto;}
	.cover-endopodal > .box > div select{width:100%;}
	.cover-endopodal dl{flex-direction: column;}

	.release-box > .box > .txt-box{padding:10px;padding-top:80px;height:auto;background-position: top 20px center !important;}
	.release-box > .box > .txt-box > h4{justify-content: center;}
	.release-box > .box > .txt-box > h4 > span{justify-content: center;}

	.charm-value > dl{width:100%;flex-direction: column;align-items: flex-start;}
	.charm-value > dl > dd{width:100%;margin-top:10px;margin-bottom:20px;}

	.price-box > .box > dt > .txt-box > h4{flex-wrap: wrap;}
	.price-box > .box > dd{flex-wrap: wrap;}
	.price-box > .box > dd > a{width:100%;margin-left:0;margin-top:5px;}

	.join-box > div{width:100%;margin:20px 0;}

}