@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.about .history{margin-bottom:120px;}
.about .history ul{display:flex;margin:0 -25px;}
.about .history ul li{position:relative;width:25%;padding:0 25px;}
.about .history ul li:after{content:'';width:50px;height:1px;position: absolute;right:-25px;top:45px;background-color: #3f332a;}
.about .history ul li:last-child:after{display:none;}
.about .history ul li .box{padding:35px 40px;height:100%;border:1px solid #3f332a;color: #3f332a;}
.about .history ul li .box .year{margin-bottom:10px;font-weight:600;line-height:1.4em;font-size: clamp(0.9375rem, 0.8882rem + 0.1974vw, 1.125rem);}
.about .history ul li .box .wrap .dt{font-weight:500;}

.about .greeting{background:url('../images/sub/about-bg.jpg')no-repeat 50% 50%/cover;}
.about .greeting .contain{display:flex;align-items:flex-end;}
.about .greeting .tt-wrap{padding:140px 0;min-width:0;width:1%;flex:1 1 auto;}
.about .greeting .tt-wrap .wel{margin-bottom:15px;font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);letter-spacing:-.02em;line-height:1.2em;}
.about .greeting .tt-wrap .top-tt{margin-bottom:35px;font-size: clamp(0.9375rem, 0.5592rem + 1.5132vw, 2.375rem);font-weight:500;line-height:1.3em;}
.about .greeting .tt-wrap .wrap .dt{margin-bottom:25px;}
.about .greeting .tt-wrap .wrap .dt:last-child{margin-bottom:0;}
.about .greeting .img{padding:0 120px;}

.about .vision ul{display:flex;border-left:1px solid #a78b75;}
.about .vision ul li{width:25%;padding:65px 15px;border-right:1px solid #a78b75;text-align:center;}
.about .vision ul li .num{margin-bottom:15px;font-size: clamp(1.125rem, 0.6316rem + 1.9737vw, 3rem);line-height:1.2em;color: #a78b75;letter-spacing:-.02em;}
.about .vision ul li .tit{margin-bottom:15px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);line-height:1.2em;font-weight:600;}
.about .vision ul li p{font-size: clamp(0.875rem, 0.8586rem + 0.0658vw, 0.9375rem);line-height:1.6em;}

.about .brand-link ul{display:flex;flex-wrap:wrap;}
.about .brand-link ul li{width:50%;}
.about .brand-link ul li a{display:flex;align-items:center;background:url('../images/sub/about-con1.jpg')no-repeat 50% 50%/cover;min-height:540px;transition:.3s;color: #fff;height:100%;}
.about .brand-link ul li a .inner{padding:0 120px;width:100%;text-align:right;}
.about .brand-link ul li a .tit{margin-bottom:20px;font-size: clamp(0.9375rem, 0.5592rem + 1.5132vw, 2.375rem);line-height:1.2em;font-weight:600;letter-spacing:-.02em;}
.about .brand-link ul li a .tt{margin-bottom:50px;line-height:1.76em;font-size: clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);}
.about .brand-link ul li a .more{display:inline-block;position:relative;font-weight:600;letter-spacing:-.02em;opacity:.4;line-height:1.3em;}
.about .brand-link ul li a .more:after{content:'';width:100%;height:1px;left:0;bottom:0;background-color: #fff;position: absolute;}
.about .brand-link ul li:nth-child(even) a .inner{text-align:left;}

.about .brand-link ul li.type2 a{background-image:url('../images/sub/about-con2.jpg');}
.about .brand-link ul li.type3 a{background-image:url('../images/sub/about-con3.jpg');}
.about .brand-link ul li.type4 a{background-image:url('../images/sub/about-con4.jpg');}

.about .brand-link ul li a:hover{background-image:url('../images/sub/about-con1-on.jpg');}
.about .brand-link ul li.type2 a:hover{background-image:url('../images/sub/about-con2-on.jpg');}
.about .brand-link ul li.type3 a:hover{background-image:url('../images/sub/about-con3-on.jpg');}
.about .brand-link ul li.type4 a:hover{background-image:url('../images/sub/about-con4-on.jpg');}

.loc .maps{position:relative;margin-bottom:115px;}
/* .loc .maps:after{content:'';width:100%;height:100%;position: absolute;left:0;top:0;z-index:1;}
.loc .maps.scroll-active:after{display:none;} */
.loc .maps .root_daum_roughmap {width:100% !important; height:520px !important;}
.loc .maps .root_daum_roughmap .wrap_map {height:520px !important;}
.loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .maps .map_border{display:none;}
.loc .maps .roughmap_lebel_text:after {content:"INTERFLOORING"; font-size:12px; line-height:15px;}
.loc .content .tt-wrap{display:flex;align-items:center;margin-bottom:80px;}
.loc .content .tt-wrap .wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.loc .content .tt-wrap .wrap .eng{margin-bottom:10px;font-size: clamp(0.75rem, 0.5526rem + 0.7895vw, 1.5rem);letter-spacing:-.02em;line-height:1.4em;}
.loc .content .tt-wrap .wrap .title{margin-bottom:20px;font-size: clamp(1.25rem, 0.7895rem + 1.8421vw, 3rem);line-height:1.4em;font-weight:600;letter-spacing:-.02em;}
.loc .content .tt-wrap .btn-req{display: flex;justify-content:center;position:relative;align-items:center;width:180px;height:180px;border:1px solid #3f332a;border-radius:50%;overflow:hidden;}
.loc .content .tt-wrap .btn-req span{position: relative;padding-bottom:40px;line-height:1.2em;font-weight:600;color: #3f332a;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);transition:.3s;z-index:1;letter-spacing:-.02em;}
.loc .content .tt-wrap .btn-req span:after{content:'';width:24px;height:18px;position: absolute;left:50%;margin-left:-12px;bottom:0;background:url('../images/sub/btn-arr.png')no-repeat 50% 50%/contain;transition:.3s;}
.loc .content .tt-wrap .btn-req:after{content:'';width:0;height:100%;background-color: #3f332a;position: absolute;left:0;top:0;opacity:0;transition:.3s;}
.loc .content .tt-wrap .btn-req:hover:after{width:100%;opacity:1;}
.loc .content .tt-wrap .btn-req:hover span{color: #fff;}
.loc .content .tt-wrap .btn-req:hover span:after{background-image:url('../images/sub/btn-arr-on.png');}
.loc .content .con ul{display:flex;flex-wrap:wrap;}
.loc .content .con ul li{width:50%;}
.loc .content .con ul li .box{display:flex;align-items:center;min-height:150px;height:100%;padding:30px 50px;background-color: #f2e4d5;}
.loc .content .con ul li .box .ic{margin-right:40px;}
.loc .content .con ul li .box .wrap{min-width:0;width:1%;flex:1 1 auto;}
.loc .content .con ul li .box .wrap .tit{margin-bottom:10px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);line-height:1.2em;font-weight:600;}
.loc .content .con ul li .box .wrap .info dl{display:flex;}
.loc .content .con ul li .box .wrap .info dl dt{margin-right:10px;color: #766352;font-weight:700;}
.loc .content .con ul li .box .wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.loc .content .con ul li .box .wrap .info.flex{display:flex;flex-wrap:wrap;}
.loc .content .con ul li .box .wrap .info.flex dl{margin-right:35px;}
.loc .content .con ul li .box .wrap .info.flex dl:last-child{margin-right:0;}
.loc .content .con ul li:nth-child(2) .box,
.loc .content .con ul li:nth-child(3) .box{background-color: #fff;}

.brand .top-con{margin-bottom:90px;padding:85px 0;background-color: #f2e4d5;}
.doc-tit{margin-bottom:60px;}
.doc-tit .top{margin-bottom:20px;font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);line-height:1.2em;letter-spacing:-.02em;}
.doc-tit .tit{margin-bottom:30px;line-height:1.37em;font-size: clamp(1.25rem, 0.9539rem + 1.1842vw, 2.375rem);letter-spacing:-.02em;font-weight:600;}
.tt17{line-height:1.76em;font-size: clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);}
.doc-more a{display:inline-block;position:relative;color: #3f332a;font-family: "trajan-pro-3", serif;font-size: clamp(0.75rem, 0.7007rem + 0.1974vw, 0.9375rem);line-height:1.3em;font-weight:600;letter-spacing:-.02em;}
.doc-more a:after{content:'';width:100%;height:1px;background-color: #3f332a;position: absolute;left:0;bottom:0;}
.brand .list ul li{margin-bottom:60px;}
.brand .list ul li:last-child{margin-bottom:0;}
.brand .list ul li .img{position:relative;}
.brand .list ul li .img .label{position: absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;min-width:110px;line-height:40px;letter-spacing:-.02em;color: #fff;font-weight:600;background-color: #3f332a;}
.brand .list.type2 ul li .img .label{min-width:237px;}

.pr-cate{margin-bottom:50px;border-bottom:1px solid #ac9a88;}
.pr-cate ul{display:flex;margin:0 -25px;}
.pr-cate ul li{padding:0 25px;width:auto;}
.pr-cate ul li a{display:inline-block;position:relative;padding-bottom:15px;line-height:1.4em;font-size: clamp(0.9375rem, 0.8882rem + 0.1974vw, 1.125rem);letter-spacing:-.02em;}
.pr-cate ul li.active a:after{content:'';width:100%;height:3px;background-color: #3f332a;position: absolute;left:0;bottom:-2px;z-index:1;}

.pr-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -60px;}
.pr-list ul li{width:33.3333%;padding:0 10px;margin-bottom:60px;}
.pr-list ul li .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.pr-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pr-list ul li .pic:after{content:'';width:48px;height:48px;background:#f2e4d5 url('../images/sub/ic-sch.png')no-repeat 50% 50%/18px;border:1px solid #3f332a;position: absolute;right:0;bottom:0;transition:.3s;opacity:0;}
.pr-list ul li a:hover .pic:after{opacity:1;}
.pr-list ul li .wrap{margin-top:20px;font-family: "trajan-pro-3", "Pretendard", serif;color: #3f332a;letter-spacing:-.02em;}
.pr-list ul li .wrap .cate{margin-bottom:10px;font-size: clamp(0.75rem, 0.7171rem + 0.1316vw, 0.875rem);line-height:1.4em;}
.pr-list ul li .wrap .tit{font-size: clamp(1rem, 0.8684rem + 0.5263vw, 1.5rem);line-height:1.4em;font-weight:600;}
.pr-list ul li .wrap .size{margin-top:5px;line-height:1.4em;}

.pr-detail{display:flex;}
.pr-detail .info{width:50%;border-top:1px solid #3f332a;padding-right:40px;padding-top:35px;}
.pr-detail .info .title-wrap{margin-bottom:60px;letter-spacing:-.02em;}
.pr-detail .info .title-wrap .cate{margin-bottom:10px;font-size: clamp(0.75rem, 0.7171rem + 0.1316vw, 0.875rem);line-height:1.4em;}
.pr-detail .info .title-wrap .title{margin-bottom:5px;font-size: clamp(1.25rem, 1.1184rem + 0.5263vw, 1.75rem);line-height:1.4em;font-weight:600;}
.pr-detail .info .row{margin-bottom:65px;}
.pr-detail .info .row:last-child{margin-bottom:0;}
.pr-detail .info .row .tit{margin-bottom:20px;font-size: clamp(1rem, 0.9342rem + 0.2632vw, 1.25rem);line-height:1.4em;font-weight:600;}
.pr-detail .info .row .color ul{display:flex;flex-wrap:wrap;margin:0 -7px -14px;}
.pr-detail .info .row .color ul li{padding:0 7px;margin-bottom:14px;}
.pr-detail .info .row .color ul li .circle{width:36px;height:36px;border-radius:50%;}
.pr-detail .info .row .expand .img{max-width:300px;}
.pr-detail .info .row .expand .img .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.pr-detail .info .row .expand .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pr-detail .info .btn-back{display:flex;justify-content:center;align-items:center;margin-top:80px;width:200px;height:66px;border-radius:33px;background-color: #3f332a;color: #fff;line-height:1.2em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);letter-spacing:-.02em;font-weight:600;}
.pr-detail .img-list{width:50%;}
.pr-detail .img-list li{margin-bottom:30px;}
.pr-detail .img-list li:last-child{margin-bottom:0;}

.nt{margin-bottom:25px;text-align:right;font-size: clamp(0.75rem, 0.7171rem + 0.1316vw, 0.875rem);line-height:1.5em;}
.port-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.port-list ul li{width:33.3333%;padding:0 10px;margin-bottom:20px;}
.port-list ul li a{display:block;position:relative;}
.port-list ul li a .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.port-list ul li a .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.port-list ul li a .hover{display:flex;justify-content:center;align-items:center;padding:60px 0;position: absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);text-align:center;color: #fff;letter-spacing:-.02em;transition:.3s;opacity:0;}
.port-list ul li a .hover .inner{padding:0 15px;width:100%;}
.port-list ul li a .hover .inner .tit{margin-bottom:20px;font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);font-weight:600;line-height:1.4em;}
.port-list ul li a .hover .inner .tt{margin-bottom:7px;line-height:1.4em;}
.port-list ul li a .hover .inner .size{line-height:1.4em;}
.port-list ul li a .hover .more{display:inline-block;position: absolute;left:50%;transform:translateX(-50%);bottom:25px;font-size: clamp(0.75rem, 0.7007rem + 0.1974vw, 0.9375rem);line-height:1.2em;font-weight:600;opacity:.4;}
.port-list ul li a .hover .more:after{content:'';width:100%;height:1px;background-color: #fff;position: absolute;left:0;bottom:0;}
.port-list ul li a:hover .hover{opacity:1;}

.port-detail .tt-box{margin-bottom:55px;border:1px solid #3f332a;background-color: #fff;text-align:center;padding:35px 100px;letter-spacing:-.02em;}
.port-detail .tt-box .title{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #3f332a;font-size: clamp(1.125rem, 0.9605rem + 0.6579vw, 1.75rem);line-height:1.4em;font-weight:600;}
.port-detail .tt-box .wrap .tt{margin-bottom:5px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);line-height:1.4em;}
.port-detail .tt-box .wrap .size{line-height:1.4em;}
.port-detail .list ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.port-detail .list ul li{width:33.3333%;padding:0 10px;margin-bottom:20px;}
.port-detail .list ul li .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.port-detail .list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.port-detail .list ul li .pic:after{content:'';width:48px;height:48px;background:#f2e4d5 url('../images/sub/ic-sch.png')no-repeat 50% 50%/18px;border:1px solid #3f332a;position: absolute;right:0;bottom:0;transition:.3s;opacity:0;}
.port-detail .list ul li a:hover .pic:after{opacity:1;}

.modal a.close-modal{position: absolute;left:0;top:50%;right:0;transform:translateY(-50%);width:auto;height:100vh;z-index:1;background:none;cursor:default;}
.pop-detail{position:relative;max-width:680px;width:100%;margin:0 auto;z-index:2;}
.pop-detail .origin{margin-bottom:20px;}
.pop-detail .origin .slick-arrow{display:block;width:64px;height:64px;border-radius:16px;background-color:#121212;background-repeat:no-repeat;background-size:12px;background-position:50% 50%;position: absolute;top:50%;transform:translateY(-50%);z-index:3;font-size:0;border:none;}
.pop-detail .origin .slick-prev{background-image:url('../images/sub/pop-prev.png');left:-70%;}
.pop-detail .origin .slick-next{background-image:url('../images/sub/pop-next.png');right:-70%;}
.pop-detail .thumb .item .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.pop-detail .thumb .item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pop-detail .thumb .slick-list{margin:0 -5px;}
.pop-detail .thumb .item{padding:0 5px;}
.pop-detail .thumb .item .pic{cursor:pointer;border-radius:4px;}
.pop-detail .thumb .item .pic:after{content:'';width:100%;height:100%;background-color:rgba(0,0,0,.5);position: absolute;left:0;top:0;transition:.3s;}
.pop-detail .thumb .item.slick-current .pic:after{opacity:0;}

.request .top-txt{padding:70px 0 140px;background-color: #f2e4d5;text-align:center;}
.request .top-txt .tit{margin-bottom:15px;font-size: clamp(1.125rem, 0.9605rem + 0.6579vw, 1.75rem);line-height:1.4em;font-weight:500;}
.request .mail-box{display:flex;justify-content:center;align-items:center;margin:-75px 0 110px;padding:0 10px;height:150px;border-radius:150px;background:url('../images/sub/mail-bg.jpg')no-repeat 50% 50%/cover;font-size: clamp(1.5rem, 1.2697rem + 0.9211vw, 2.375rem);color: #fff;text-align:center;font-weight:600;}
.req-form .tit{margin-bottom:40px;font-size: clamp(1.5rem, 1.4342rem + 0.2632vw, 1.75rem);font-weight:600;line-height:1.4em;}
.req-form .form{margin-bottom:60px;}
.req-form .form .row{margin-bottom:35px;}
.req-form .form .row:last-child{margin-bottom:0;}
.req-form .form .row label{display:inline-block;margin-bottom:15px;font-weight:700;line-height:1.3em;color: #3f332a;}
.req-form .form .row label span{color: #a78b75;}
.req-form .form .row input.input{border-color: #3f332a;background-color:transparent;}
.req-form .form .row textarea.input{border-color: #3f332a;background-color:transparent;}
.req-form .form .row input#email{margin:0;}
.req-form .form .row.flex{display:flex;margin-left:-10px;margin-right:-10px;}
.req-form .form .row.flex .col{width:50%;padding:0 10px;}

.btn-inq{display:flex;justify-content:center;align-items:center;width:186px;height:66px;border-radius:33px;background-color: #3f332a;border:none;margin:0 auto;color: #fff;font-size: clamp(0.9375rem, 0.8882rem + 0.1974vw, 1.125rem);font-weight:600;cursor:pointer;}

.back-btn{text-align:right;margin-top:20px;}
.back-btn a{display:inline-block;position:relative;line-height:1.3em;color: #3f332a;}
.back-btn a:after{content:'';width:0;height:1px;background-color: #3f332a;left:50%;bottom:0;opacity:0;transition:.3s;position: absolute;}
.back-btn a:hover:after{width:100%;left:0;opacity:1;}