@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.only-m {display:none;}
.only-p {display:block;}

.product-menu {margin-bottom:70px; border:1px solid #e0c2a3;}
.product-menu ul {padding:22px 0 0 30px; display:flex; flex-wrap:wrap;}
.product-menu ul li {width:16.6666%; margin-bottom:22px; font-size:15px;}
/* .product-menu ul li:nth-child(1),
.product-menu ul li:nth-child(2),
.product-menu ul li:nth-child(8),
.product-menu ul li:nth-child(9) {width:11.28%;}
.product-menu ul li:nth-child(6),
.product-menu ul li:nth-child(13) {width:17.28%;} */
.product-menu ul li a {font-family:'Montserrat', sans-serif; color:#a1a1a1; position:relative;}
.product-menu ul li.active a,
.product-menu ul li:hover a {color:#fff;}

.product-menu ul li.active a:after,
.product-menu ul li:hover a:after {position:absolute; content:''; width:100%; height:2px; background-color:#d0c2a3; bottom:-5px; left:0;}

/* .porductSearch .input {height:40px; width:164px; margin-right:-3px;}
.porductSearch .btn-pack.medium {height:40px; line-height:40px; width:40px; text-indent:-9999em; background:url('../images/sub/porductSearch.png')50% 50% no-repeat; border:none;} */
.input {height:40px; width:164px; margin-right:-3px; background-color:unset; border:1px solid rgba(255,255,255,.3);}
.btn-pack.medium {height:40px; line-height:40px; width:40px; text-indent:-9999em; background:url('../images/sub/porductSearch.png')50% 50% no-repeat; border:none;}

.tab-wrap {margin-top:20px; display:flex; flex-wrap:wrap;} 
.tab-wrap ul {display:flex; flex-wrap:wrap; margin:0 -3px;}
.tab-wrap ul li {width:20%; margin-bottom:5px; padding:0 3px; display:flex; justify-content:center; align-items:center;}

/* .sub-top {font-size:28px; padding:57px 0; margin-bottom:70px; letter-spacing:-.03em; background-image:url('../images/sub/subtopBg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center;} */
.sub-top {font-size:28px; padding:57px 0; margin-bottom:70px; letter-spacing:-.03em; text-align:center;  position:relative; background-image:url('../images/sub/sub03_01_topBg.jpg'); background-size:cover; background-repeat:no-repeat; }
/* .sub-top::before {    content: ""; position:absolute;  background-image:url('../images/sub/sub03_01_topBg.jpg'); background-size:cover; background-repeat:no-repeat;opacity: 0.3;width: 100%;  height: 143px;  top: 0; left: 50%; transform: translateX(-50%);} */
.stime-buy .group {margin-bottom:75px; display:flex;}
.stime-buy .group:last-child {margin-bottom:0;}
.stime-buy .group .menu-left {width:300px; font-size:28px; line-height:1.429em; font-weight:700;}
.stime-buy .group .menu-left span {color:#e0c2a3; display:block;}
.stime-buy .group .menu-left strong {position:relative;}
.stime-buy .group .menu-left strong:after {position:absolute; content:''; width:50px; height:2px; bottom:-10px; left:0; background-color:#98846f;}
.stime-buy .group .cnt {font-size:18px; line-height:1.778em;}

/* sub03_01.php */ 
.stime-buy .group .cnt.table-wrap { width: calc(100% - 300px);}
.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; color: #fff;  text-align:center; font-size: 18px;} 
.table-style table th { border-top: 0;padding: 14px 11px;  } 
.table-style table thead th { background-color: #98846f; font-weight: 500;border-right: 1px solid #fff; } 
.table-style table tbody th { font-weight: normal; } 
.table-style table td { padding: 14px 11px; border-top:0; position: relative;border-bottom: 1px solid #98846f;border-right: 1px solid #98846f;} 
.table-style tr th:first-child,
.table-style tr td:first-child { border-left:0; } 
.table-style tr th:last-child,
.table-style tr td:last-child { border-right:0; } 
.stime-buy .group .cnt p {line-height: 2.666em;}
.stime-buy .group .cnt .underline {display: inline-block;    position: relative; }
.stime-buy .group .cnt .underline:after { content: ''; width: 100%; height: 1px;  background-color: #fff; position: absolute;  left: 0; bottom: 4px;}
.check-list > li { position:relative; padding-left:30px;margin-bottom: 5px; } 
.check-list > li.last {margin-bottom: 0;}
.check-list > li:before { content:""; position:absolute; top:8px; left:0; width:17px; height:17px; background: url(../images/sub/checkbox.png) no-repeat 50% 50%/contain; } 

.procedure-list {display:flex; margin:0 -33px;}
.procedure-list li {padding:0 33px; position:relative;}
.procedure-list li .round {width:150px; height:150px; text-align:center; border:1px solid #98846f; border-radius:100%; display:flex; justify-content:center; align-items:center;}
.procedure-list li.last .round {background-color:#98846f;}
.procedure-list li.last:after {display:none;}
.procedure-list li:after {position:absolute; content:''; width:17px; height:30px; right:-10px; top:50%; margin-top:-15px; background-image:url('../images/sub/nextArrow.png'); background-size:contain; background-repeat:no-repeat;}

.stime-faq {margin-top:80px;}
.stime-faq h2 {font-size:28px; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #e0c2a3; text-align:center; letter-spacing:-.03em; line-height:1.3em;}
.stime-faq h2 span {font-weight:400;}

.stime-faq-list li {padding:20px; border:1px solid rgba(255,255,255,.3); margin-bottom:30px;}
.stime-faq-list li:last-child {margin-bottom:0;}
.stime-faq-list li .q-txt {margin-bottom:10px;}
.stime-faq-list li .a-txt {padding-left:40px; position:relative;}
.stime-faq-list li .a-txt:before {position:absolute; content:''; width:17px; height:17px; left:10px; top:6px; background-image:url('../images/sub/leftBar.png'); background-size:contain; background-repeat:no-repeat;}
.stime-faq-list li span {font-size:20px; margin-right:10px; width:40px; height:40px; line-height:38px; text-align:center; border-radius:100%; display:inline-block;}
.stime-faq-list li .q-txt span {background-color:#98846f;}
.stime-faq-list li .a-txt span {color:#98846f; background-color:#fff;}

.repair {position:relative; margin-bottom:225px;}
.repair .txt {font-size:18px; width:800px; padding:35px 195px 35px 55px; height:255px; background-color:#998571; line-height:1.778em; position:relative;}
.repair .txt:after {position:absolute; content:''; width:100%; height:271px; top:22px; left:195px; border:3px solid #e0c2a3; z-index:-1;}
.repair .img {position:absolute; top:50px; right:0; z-index:1;}

.strong-bold {font-size:24px; font-weight:500; color:#e0c2a3; line-height:1.7em;}

.manage-list {}
.manage-list li {padding:27px 40px; margin-bottom:35px;}
.manage-list li:nth-child(odd) {background-color:rgba(0,0,0,.2);}
.manage-list li:nth-child(even) {background-color:rgba(255,255,255,.1);}
.manage-list li:last-child {margin-bottom:0;}
.manage-list li .tit {font-size:25px; padding-bottom:12px; line-height:1.28em; letter-spacing:-.03em; font-weight:500; color:#e0c2a3;}
.manage-list li .txt {font-size:18px; letter-spacing:-.03em; color:#eee; line-height:1.778em;}

.stime-intro {display:flex;}
.stime-intro .img {margin-right:90px; z-index:1;}
.stime-intro .txt {flex:1; z-index:1;}
.stime-intro .txt .top {padding-top:10px; font-size:24px; margin-bottom:22px; line-height:1.583em; font-weight:600; letter-spacing:-.06em; font-family:'Noto Serif KR', serif;}
.stime-intro .txt p {font-size:18px; margin-bottom:20px; line-height:2em; color:#ccc; font-weight:300;}

.stime-intro-wrap {position:relative;}
.stime-intro-wrap:after {position:absolute; content:''; width:100%; height:446px; top:95px; left:500px; background-color:rgba(0,0,0,.4);}
.stime-intro-wrap .contain {max-width:1460px;}

.wid1 {width:100%; max-width:400px;}

.local-wrap {padding:30px; background-color:rgba(0,0,0,.2);}
.local {display:flex;}
.local .img {margin-right:60px;}
.local .col-r {flex:1;}
.local .col-r ul {padding-top:110px;}
.local .col-r ul li {font-size:18px; margin-bottom:20px; line-height:1.778em;}
.local .col-r ul li span {width:135px; display:block; letter-spacing:-.05em; color:#e0c2a3;}
.local .col-r ul .item {display:flex; font-family:'Montserrat', sans-serif;}
.local .col-r ul .item2 {margin-bottom:0;}
.local .col-r ul .item3 {margin-top:140px;}
.local .col-r ul .item3 p {margin-top:5px;}
.local-view {display:block; margin-top:20px;}