@charset "utf-8";
/* 공통 */
.sub-ttl { font-size: 30px; font-weight: 700; line-height: 1.2em; letter-spacing: -.03em; color: #333;}
.sub-txt { font-size: 16px; font-weight: 300; line-height: 1.6em; color: #454545; letter-spacing: -.03em;}
.sub-txt span { font-weight: 700;}
.sub-ctr { font-size: 16px; line-height: 1em; font-weight: 400; letter-spacing: -.03em; color: #555; margin-bottom: 40px;}
.sub-category { background: #f1f1f1; padding: 80px 0;}
.sub-category ul { display: flex; height: 350px;}
.sub-category ul>li { width: calc(100%/3); display: flex; align-items: center; justify-content: center;}
.sub-category ul>li>a { display: flex; position: relative; height: 100%; width: 100%; justify-content: center; align-items: center;}
.sub-category ul>li>a img { width: 100%; display: block; object-fit: cover;}

.sub-category ul>li>a:hover>.sub-black { opacity: 0;}
.sub-black { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; opacity: 1; transition: .5s; }
.sub-category-text { color: #fff; font-size: 34px; line-height: 1em; font-weight: 600; letter-spacing: -.03em; position: relative;}
.sub-product { background: url(../images/sub/pd_bg.jpg) center no-repeat; background-size: cover;}
.sub-possible { background: url(../images/sub/possible_bg.jpg) center no-repeat; background-size: cover;}
.sub-company { background: url(../images/sub/company_bg.jpg) center no-repeat; background-size: cover;}
.sub-contact { background: #111;}

.sub-sec1 { padding: 150px 0; background: #f1f1f1; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 100px; position: static; left: 0; top: 0; width: 100%;}
.sub-padding{ padding: 150px 0 120px;}
.sub-padding2 { padding-bottom: 100px;}

.sub2-sec1 { padding: 120px 0 110px; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 100px; width: 100%;}
.sub-ctr2{ color: #fff; margin-bottom: 30px;}
.sub-ttl2 { color: #fff;}
.sub-txt2 { color: #fff; }
.sub2-mg1 { margin-top: 100px;}
.sub-con{ color: #fff; font-size: 16px; font-weight: 400; line-height: 1.556em; letter-spacing: -.03em; margin-top: 12px; display: block;}

/* .pd-cate1 { background: url(../images/sub/pega.jpg);}
.pd-cate2 { background: url(../images/sub/metal.jpg);}
.pd-cate3 { background: url(../images/sub/newcolor.jpg);}
.pd-cate4 { background: url(../images/sub/mendini.jpg);}
.pd-cate5 { background: url(../images/sub/doric.jpg);}
.pd-cate6 { background: url(../images/sub/solid.jpg);}
.pd-cate7 { background: url(../images/sub/glassblock.jpg);}
.pd-cate8 { background: url(../images/sub/opal.jpg);}
.pd-cate9 { background: url(../images/sub/imperial.jpg);} */

/* 카탈로그 */
.cata-sec1 { padding: 180px 0; background: #f1f1f1; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 100px;}   
.cata-mg { margin-top: 70px;}

.cata-sec2 { padding: 40px 0 85px; }
.cata-sec2 .contain { max-width: 900px; display: flex; justify-content: space-between; }
.cata-left { width: 50%; padding-right: 125px;}
.cata-right { width: 50%; padding-left: 125px;}
.cata-imgbox a { display: block; }
.cata-imgbox img { display: block; object-fit: cover; width: 100%;}
.cata-textbox { text-align: center;}
.cata-textbox>h4 { font-size: 30px; line-height: 1.25em; font-weight: 600; color: #454545; letter-spacing: -.03em; margin-top: 15px;}
.cata-textbox>p { font-size: 16px; line-height: 1.6em; font-weight: 300; color: #454545; letter-spacing: -.03em; margin-top: 10px;}

.cata-sec3 { padding: 100px 0; background: #f1f1f1; text-align: center;}
.cata-sec3 .contain { max-width: 900px; }
.cata-sec3-box { display: flex; justify-content: space-between; margin-top: 50px;}

.cata-sec4 { padding: 40px 0 100px; text-align: center;}

/* 회사소개 */
.cp-mg{ margin-top: 70px;}

.cp-sec2 { width: 100%; height: 600px; background: url(../images/sub/sec1_1_bg.jpg);  background-position: center;  background-size: 100% 800px;}
.eltdf-parallax-holder { position: static; background-repeat: no-repeat; background-attachment: fixed; overflow: hidden;}

.cp-sec3 { background: #f1f1f1; text-align: center; padding: 100px 0 80px;}
.cp-sec3-box { margin-top: 300px; }
.cp-box { display: flex; align-items: center;}
.cp-left { width: 50%; padding: 0 100px; text-align: left;}
.cp-left>p { font-size: 16px; line-height: 1.556em; font-weight: 300; color: #454545; letter-spacing: -.03em; margin-bottom: 25px;}
.cp-left>p:last-child { margin-bottom: 0;}
.cp-right { width: 50%;}
.cp-fx { flex-direction: row-reverse;}

.cp-sec4 { width: 100%; height: 500px; display: flex; justify-content: center; align-items: center; background: url(../images/sub/sec1_2_bg.jpg); background-size: cover; text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-position: center;}
.cp-sec4 p { font-size: 16px; font-weight: 500; line-height: 1.556em; color: #fff; letter-spacing: -.03em;}
.cp-sec4 p:last-child { margin-top: 30px;}

/* 제품생산 */
.pdc-sec2{ background: #f1f1f1; text-align: center; padding-bottom: 80px;}
.cp-list { margin-top: 50px;}
.cp-list>li { position: relative; font-size: 16px; font-weight: 300; line-height: 1.2em; margin-bottom: 20px; color: #454545; letter-spacing: -.03em; padding-left: 10px;}
.cp-list>li::before { position: absolute; content: ""; width: 3px; height: 3px; border-radius: 100%; background: #454545; left: 0; top: 7px;}
.cp-list>li:last-child { margin-bottom: 0;}
.pdc-sec3 { width: 100%; height: 500px; display: flex; justify-content: center; align-items: center; background: url(../images/sub/sub1_1_bg.jpg); background-size: cover; text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-position: center;}
.pdc-sec3 p { font-size: 16px; font-weight: 500; line-height: 1.556em; color: #fff; letter-spacing: -.03em;}
.pdc-sec3 a { display: inline-block; width: 250px; height: 45px; line-height: 45px; font-size: 18px; font-weight: 500; color: #333; text-align: center; letter-spacing: -.03em; background: #d2d2d2; transition: .3s; margin-top: 40px; border-radius: 23px;}
.pdc-sec3 a:hover { background: #fff; }

/* 지속가능성 */
.pos-sec3 { width: 100%; height: 500px; display: flex; justify-content: center; align-items: center; background: url(../images/sub/sub1_2_bg.jpg); background-size: cover; text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-position: center;}
.pos-sec3 p { font-size: 16px; font-weight: 500; line-height: 1.556em; color: #fff; letter-spacing: -.03em;}
.pos-sec3 a { display: inline-block; width: 315px; height: 45px; line-height: 45px; font-size: 18px; font-weight: 500; color: #333; text-align: center; letter-spacing: -.03em; background: #d2d2d2; transition: .3s; margin-top: 40px; border-radius: 23px;}
.pos-sec3 a:hover { background: #fff; }

/* 뉴스/이벤트 */
.event-sec1 { display: flex;}

/* 인증내역 */
.certi-mg {margin-top: 20px;}
.certi-sec1 { padding: 40px 0 100px;}
.certi-sec1 .contain { max-width: 1260px; display: flex; justify-content: space-between;}
.certi-left { width: 50%; padding-right: 50px;}
.certi-right { width: 50%; padding-left: 50px;}
.certi-sec1 img { width: 100%; display: block; object-fit: cover; box-shadow: 0px 3px 7px rgba(0,0,0,0.35);}
.certi-sec1 a { display: block;} 

/* 문의하기 */
.contact-sec1 { padding: 80px 0;} 

/* 제품 */
.sub2-mg { margin-top: 100px;}

/* 제품카테고리(공통) */
.sub2-sec2 { padding-bottom: 100px;}
.sub2-sec2 .contain { max-width: 100%; padding-left: 100px; padding-right: 100px; }
.sub2-list { display: flex; justify-content: flex-start; gap: 55px; flex-wrap: wrap;}
.sub2-list>li { width: calc(100%/3 - 37px); height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 450px;}
.sub2-list>li>a { display: block; position: relative; height: 100%;}
.sub2-list>li>a img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute;}
.sub2-list>li>a:hover> .sub2-bg { opacity: 0;}
.sub2-bg { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; opacity: 1; transition: .5s; z-index: 1;}
.sub2-textbox { display: flex; align-items: center; flex-direction: column; justify-content: center; position: relative; height: 100%; z-index: 1;}
.sub2-textbox>h4 { font-size: 34px; font-weight: 600; line-height: 1em; color: #fff; letter-spacing: -.03em;}
.sub2-textbox>p { color: #fff; font-weight: 500; font-size: 20px; margin-top: 10px; text-align: center;}
.sub2-sec3 { padding-bottom: 100px; display: flex; }
.sub2-sec3-left { width: 54%;}
.sub2-sec3-left img { width: 100%; display: block; object-fit: cover;}
.sub2-sec3-right { width: 46%; background: #202020; padding: 95px 80px;}
.sub2-sec3-right>h4 { color: #fff; font-size: 24px; font-weight:500; line-height: 1em; letter-spacing: -.03em;} 
.sub2-sec3-right>h3 { font-size: 36px; font-weight: 600; line-height: 1em; letter-spacing: -.03em; color: #fff; margin-top: 30px;}
.sub2-sec3-right>p { font-size: 16px; font-weight: 300; line-height: 1.556em; letter-spacing: -.03em; color: #fff; margin-top: 15px;}
.sub2-viewbt { text-align: center; font-size: 18px; font-weight: 500; width: 250px; height: 45px; line-height: 45px; background: #a6a6a6; display: inline-block; margin-top: 50px; border-radius: 23px; transition: .3s;}
.sub2-viewbt:hover {background: #fff;}

/* 제품리스트(공통) */
.sub2-list-visual { width: 100%; background-size: cover; padding: 120px 0 190px; margin-top: 100px; text-align: center; background-position: center center; background-repeat: no-repeat; position: relative; height: 510px;}
.sub2-list-visual img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0; z-index: -1;}

/* .pd-list-bg1 { background: url(../images/sub/pega_bg.jpg); }
.pd-list-bg2 { background: url(../images/sub/metal_bg.jpg); }
.pd-list-bg3 { background: url(../images/sub/newcolor_bg.jpg); }
.pd-list-bg4 { background: url(../images/sub/mendini_bg.jpg); }
.pd-list-bg5 { background: url(../images/sub/doric_bg.jpg); }
.pd-list-bg6 { background: url(../images/sub/solid_bg.jpg); }
.pd-list-bg7 { background: url(../images/sub/glassblock_bg.jpg); }
.pd-list-bg8 { background: url(../images/sub/opal_bg.jpg); }
.pd-list-bg9 { background: url(../images/sub/imperial_bg.jpg); } */

.pd-title-opt { margin-top: -25px; position: relative;}
.pd-title-opt .contain{ max-width: 1020px; padding-right: 0; padding-left: 0;}
.pd-title-optlist { display: flex; gap: 30px; justify-content: space-between;}
.pd-title-optlist>li { width: calc(100%/3); background: #fff; font-size: 16px; line-height: 1.6em; letter-spacing: -.03em; font-weight: 500; color: #333; padding: 10px 20px; border: 1px solid #333; position: relative; cursor: pointer; box-sizing: border-box; }
.pd-title-optlist>li::after { content: ""; position: absolute; right: 20px; width: 14px; height: 9px; background: url(../images/sub/down.png) center no-repeat; background-size: cover;top: 18px; }
.pd-opt-subbox { padding: 20px; position: absolute; left: -1px; top: 45px; width: 100%; border: 1px solid #ddd; z-index: 1; background: #fff; display: none;} 
.pd-opt-subbox>div { margin-bottom: 5px;}
.pd-opt-subbox>div:last-child {margin-bottom: 0;}

.visual-mg { margin-top: 15px;}
.sub2-list-product { padding: 100px 0 0;}
.sub2-list-product .contain { max-width: 100%; padding-left: 100px; padding-right: 100px;}
.bista { text-align: center;}
.bista>p { margin-top: 20px; margin-bottom: 60px;}

/* 제품상세페이지(공통) */
.pd-list-inside { display: flex; margin-top: 100px;}
.pd-list-inside-left { width: 50%; background: #f1f1f1; padding: 50px 50px 80px 100px; position: relative;}
.pd-list-inside-right { width: 50%; position: sticky;height: 100%; top: 100px; }
.pd-list-inside-right .thumb {position:relative; padding-bottom:90%; overflow:hidden;}
.pd-list-inside-right .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pd-list-inside-right .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; }
.pd-plus-opt { display: flex; gap: 18px; margin-top: 15px; }
.pd-list-inside-txt { font-size: 16px; font-weight: 500; line-height: 1.2em; color: #555; letter-spacing: -.03em;}
.pd-list-inside-ttlbox { margin-top: 50px;}
.pd-list-inside-ttlbox>h4 { font-size: 20px; font-weight: 600; letter-spacing: -.03em; line-height: 1em; color: #333;}
.pd-list-inside-ttlbox>h3 { font-size: 32px; font-weight: 700; color: #333; letter-spacing: -.03em; line-height: 1.3em; margin-top: 10px;}
.pd-list-inside-textbox { margin-top: 30px; text-align: center; height: 180px; width: 100%; overflow: hidden; position: relative;}
.pd-list-inside-textbox>p { font-size: 16px; line-height: 1.556em; font-weight: 400; letter-spacing: -.03em; color: #454545; margin-bottom: 30px; text-align: left;}
.pd-list-inside-morebt{ border: none; font-size: 16px; font-weight: 700; color: #333; letter-spacing: -.03em; border-bottom: 1px solid #ccc; display: block; width: 100%; padding-bottom: 10px;}
.pd-inside-kind { margin-top: 40px; }
.pd-inside-kind .tit { color: #222; font-weight: 600; line-height: 1em; letter-spacing: -.03em; font-size: 20px;}
.pd-inside-kindlist { display: flex; gap: 36px; margin-top: 15px;}
.pd-inside-kindlist li { width: calc(100%/4); background: #fff;}
.pd-inside-kindlist li .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.pd-inside-kindlist li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pd-inside-kindlist li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
.pd-plus-opt { display: flex; gap: 18px; margin-top: 15px;}
.pd-plus-opt>li { width: calc(100%/3); display: flex; border: 1px solid #ddd; align-items: center; background: #fff;}
.pd-plus-logo { max-width: 51px; max-height: 51px; width: 100%;}
.pd-plus-logo img { width: 100%; display: block; object-fit: cover;}
.pd-plus-text { padding: 0 20px; font-size: 18px; font-weight: 600; line-height: 1.25em; letter-spacing: -.03em; color: #333; background: #fff;}
.pd-inside-mg { margin-top: 50px;}
.pd-inside-download{ margin-top: 30px; display: block; padding-bottom: 7px; text-align: left; font-size: 16px; font-weight: 400; color: #333; letter-spacing: -.03em; border-bottom: 1px solid #ccc; position: relative;}
.pd-inside-download::after { content: ""; position: absolute; right: 0; top: 5px; width: 14px; height: 17px; background: url(../images/sub/download.png) center no-repeat; background-size: cover;}
.pd-inside-tech { display: flex; justify-content: space-between; margin-top: 20px; gap: 20px;}
.pd-inside-tech>li { width: calc(100%/5); text-align: center;}
.pd-inside-tech>li>h4 { font-size: 16px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; color: #333; margin-top: 15px;}   
.pd-inside-tech>li>p { font-size: 16px; font-weight: 300; line-height: 1.5em; color: #555; letter-spacing: -.03em; }
.pd-inside-tech>li>p>sup { font-size: 8px;}
.pd-inside-tech>li> .mg0 { line-height: 1em;}
.pd-inside-techtext { margin-top: 60px;}
.pd-inside-techtext .txt {font-size: 16px; font-weight: 400; line-height: 1.556em; color: #454545; letter-spacing: -.03em;}
.pd-inside-techtext .txt2 { margin-top: 10px;}
.pd-inside-techtext .txt2 span { padding-left: 35px;}
.pd-inside-more-contact { margin-top: 50px; font-size: 24px; line-height: 1em; letter-spacing: -.03em; font-weight: 700; color: #333;}
.pd-inside-more-contact a{ text-decoration: underline; text-underline-position: under;}
.pd-other-bg { background: #333 !important;}


/* 부자재시공방법(공통) */
.ist-mg { margin-top: 30px;}
.sub3-sec1-list { display: flex;}
.sub3-sec1-list>li { width: calc(100%/3); height: 400px;}
.sub3-sec1-list>li>div {height: 100%; width: 100%; position: relative; display: flex;align-items: center; justify-content: center;}
.sub3-sec1-list>li>div:hover >.abbox { background: rgba(0,0,0,.3);}
.sub3-sec1-list .abbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); opacity: 1; transition: .3s;}
.sub3-sec1-list .text { position: relative; text-align: center;}
.sub3-sec1-list>li:first-child { background: url(../images/sub/sub3_1_1.jpg) center no-repeat; background-size: cover;}
.sub3-sec1-list>li:nth-child(2) { background: url(../images/sub/sub3_1_2.jpg) center no-repeat; background-size: cover;}
.sub3-sec1-list>li:last-child { background: url(../images/sub/sub3_1_3.jpg) center no-repeat; background-size: cover;}
.sub3-sec1-list>li h4 { color: #fff; font-size: 30px; line-height: 1.25em; letter-spacing: -.03em; font-weight: 700;}
.sub3-sec1-list>li p { color: #fff; font-size: 22px; font-weight: 400; line-height: 1.5em; margin-top: 10px; letter-spacing: -.03em;}
.text-block { display: block; color: #fff; font-size: 22px;font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; margin-top:3px;}

.sub3-sec2 { background: #f1f1f1; padding: 100px 0;}
.sub3-sec2 .contain { max-width: 1460px; display: flex; justify-content: space-between; }
.sub3-sec2-text { font-size: 30px; font-weight: 700; line-height: 1.25em; letter-spacing: -.03em; color: #333; width: 57%;}
.sub3-sec2-right>h4 { font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #333;}
.sub3-sec2-list { margin-top: 10px; }
.sub3-sec2-list>li { font-size: 20px; font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #333;}
.sub3-sec2-bt{ display: flex; justify-content: center; margin-top: 100px;}
.sub3-sec2-down { font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -.03em; width: 250px; height: 45px; border-radius: 23px; text-align: center; background: #4a4a4a; display: inline-block;line-height: 45px; }

/* 기존시공법 ,DIY 공통레이아웃 */
.sub3-cont { display: flex; padding: 50px 100px 100px; background: #f1f1f1; margin-top: 100px;}
.sub3-cont-right { width: 40%; padding-top: 50px;}
.sub3-cont-left { width: 60%;}
.sub3-cont-left .txt { font-size: 16px; font-weight: 500; letter-spacing: -.03em; line-height: 1.556em; color: #555;}
.sub3-cont-left .tit { font-size: 32px; font-weight: 700; line-height: 1.3em; letter-spacing: -.03em; color: #333; margin-top: 30px;}
.sub3-cont-textbox { margin-top: 50px;}
.sub3-cont-textbox>p { font-size: 16px; font-weight: 400; line-height: 1.556em; letter-spacing: -.03em; color: #454545; margin-bottom: 15px;}
.sub3-cont-textbox>p span { font-weight: 600;}
.sub3-cont-textbox>p:last-child { margin-bottom: 0;}
.down-mg { margin-top: 60px;}

/* DIY(퀵테크) */
.dly-mg { padding: 150px 0 100px;}
.dly-pd { margin-top: 50px;}
.dly-sec1 { padding: 100px 0 75px;}
.dly-sec1 .contain { max-width: 100%; padding-left: 100px; padding-right: 100px; display: flex;} 
.dly-left { width: 51%;}
.dly-left img { width: 100%; display: block; object-fit: cover;}
.dly-right { width: 49%; padding-left: 100px; padding-top: 50px;}
.dly-right>h4 { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.25em; color: #333;}
.dly-right>p { font-size: 18px; line-height: 1.5em; font-weight: 500; color: #454545; letter-spacing: -.03em; margin-top: 20px;}
.dly-tuto { margin-top: 60px; }
.dly-tuto a { display: flex; align-items: center;}
.dly-tuto-logo { width: 59px; height: 59px; background: #4a4a4a; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.dly-tuto a p { font-size: 18px; letter-spacing: -.03em; color: #333; font-weight: 500; padding-left: 15px; }
.dly-text { margin-top: 45px; }
.dly-text>h4 { font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #454545;}
.dly-text>h4 sup { font-size: 12px;}
.dly-text>p { font-size: 18px; line-height: 1.444em; letter-spacing: -.03em; font-weight: 300; color: #454545; margin-top: 5px;}
.dly-accordian { margin-top: 50px;}
.dly-accordian>li { width: 100%; background: #f1f1f1; font-size: 18px; line-height: 1.5em; letter-spacing: -.03em; font-weight: 700; color: #454545; position: relative; margin-bottom: 10px; cursor: pointer; transition: .5s;}
.dly-accordian>li:last-child { margin-bottom: 0;}
.dly-accordian>li:before { content: "+"; font-size: 30px; display: block; color: #454545; font-weight: 300; position: absolute; left: 30px; top:18px; transition: .5s;}
.dly-acc-ttl{ padding-left: 65px; display: block; padding: 20px 0 20px 65px;}
.dly-sub { width: 100%;  background: #fff; display: none;}
.dly-subbox { width: 100%; padding: 20px 0 35px; border-bottom: 1px solid #999;}
.dly-subbox>h4 { font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #454545; margin-top: 15px;}
.dly-subbox>p { font-size: 18px; font-weight: 300; line-height: 1.6em; color: #454545; letter-spacing: -.03em; margin-top: 5px;}
.dly-accordian>li:hover { background: #242424; color: #fff;}
.dly-accordian>li:hover::before { color: #fff; content: "-";}
.dly-accordian>li.active { background: #242424 !important; color: #fff !important;}
.dly-accordian>li.active:before { content: "-"; color: #fff;}
.dly-sub>p { font-size: 18px; font-weight: 400; line-height: 1.6em; color: #454545; letter-spacing: -.03em; margin-top: 10px;}
.dly-sub>p:last-child { margin-top: 0 !important;}
.dly-mgg{ padding-top: 10px !important;}

/* DIY(비트라럭) */
.bit-mg { margin-top: 70px;}
.bit-tuto { margin-top: 100px;}

/* DIY(이지글래스) */
.easy-text { font-size: 20px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; color: #333; margin-bottom: 20px;}

/* 부자재공통 */
.ssd-mg { padding: 150px 0 100px;}
.ssd-sec1 { padding-bottom: 50px;}
.ssd-box { display: flex; padding: 50px 0; }
.ssd-left { width: 43%;}
.ssd-left>img { width: 100%; display: block; object-fit: cover;}
.ssd-right { width: 57%; padding-left: 150px; padding-top: 50px;}
.ssd-right>h4 { font-size: 30px; line-height: 1.3em; font-weight: 700; letter-spacing: -.03em; color: #333;}
.ssd-right>p { font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #454545; margin-top: 20px;}
.ssd-rightbox { margin-top: 30px;}
.ssd-rightbox>h4 { font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #454545; margin-top: 10px;}
.ssd-rightbox>p { line-height: 1.6em; font-weight: 400; letter-spacing: -.03em; color: #454545; font-size: 18px;}
.ssd-list { display: flex; gap: 30px; margin-top: 40px; flex-wrap: wrap;}
.ssd-list>li { width: calc(100%/3 - 20px);}
.ssd-list>li>img { width: 100%; display: block; object-fit: cover;}
.ssd-list>li>h4 { font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #454545; margin-top: 15px;}
.ssd-list>li>p { font-size: 18px; font-weight: 300; line-height: 1.6em; letter-spacing: -.05em; color: #454545; margin-top: 5px;}
.ssd-textlist { margin-top: 20px;}
.ssd-textlist>li { font-size: 18px; line-height: 1.8em; font-weight: 500; color: #454545; letter-spacing: -.03em; margin-bottom: 3px;}  
.ssd-stbox { margin-top: 15px;}
.ssd-stbox>h4 { font-size: 18px; font-weight: 500; line-height: 1.8em; letter-spacing: -.03em; color: #454545;}
.ssd-stbox>p { font-size: 18px; font-weight: 500; line-height: 1.8em; letter-spacing: -.03em; color: #454545;}
.ssd-pt { padding-top: 0;}
.ssd-sec1-text>p { font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #454545; margin-top: 20px; }

/* 프로젝트인스피레이션 (공통) */
.isp-sec1 { padding: 120px 0; background: #111; margin-bottom: 40px;}
.isp-mg { margin-top: 15px;}
.isp-mg2 { margin-top: 30px;}
.isp-sec2 { width: 100%; background: url(../images/sub/inspirate_bg1.jpg) center no-repeat; background-size: cover; margin-bottom: 40px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 90px 0;}
.isp-sec3 { width: 100%; background: url(../images/sub/inspirate_bg2.jpg) center no-repeat; background-size: cover; margin-bottom: 40px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 100px 0;}
.isp-ttl { font-size: 30px; color: #fff; line-height: 1em; letter-spacing: -.03em; font-weight: 700;}
.isp-sub-ttl { font-size: 20px; font-weight: 400; line-height: 1.3em; letter-spacing: -.03em; color: #fff; margin-top: 15px;}
.isp-txt { margin-top: 30px; font-size: 16px; line-height: 1.6em; color: #fff; letter-spacing: -.03em; font-weight: 300;}
.isp-bt { font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #333; width: 250px; height: 45px; background: rgba(255,255,255,0.8); border-radius: 23px; display: inline-block; text-align: center; line-height: 45px; margin-top: 80px; transition: .3s}
.isp-bt:hover { background: #111; color: #fff;}

/* 프로젝트인스피레이션(리스트) */
.isp-sec1_visual { padding: 120px 0 150px; background: #111;}
.isp-list-tab { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 23px 0;}
.isp-list-tab>li { font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1em; color: #333; }
.isp-list-tab>li a { display: block; transition: .3s; padding: 8px 25px; border-radius: 20px;}
.isp-list-tab>li a:hover { border-radius: 20px; background: #111; color: #fff;}
.isp-list-tab .active { background: #111;border-radius: 20px; color: #fff;}

/* 프로젝트인스피레이션(상세페이지) */ 
.isp-inside { margin-top: 100px;}
.isp-inside .contain { max-width: 100%; padding-left: 100px; padding-right: 100px;}
.isp-inside-ttlbox { font-size: 16px; font-weight: 500; line-height: 1.556em; letter-spacing: -.03em; color: #555; padding: 27px 0; background: #f1f1f1; padding-left: 100px;}     
.isp-inside-img { margin-top: -5px;}
.isp-inside-img .thumb {position:relative; padding-bottom:42%; overflow:hidden;}
.isp-inside-img .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.isp-inside-img .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
.isp-inside-ctt { display: flex; max-width: 1400px; width: 100%; margin: 60px auto;}
.isp-inside-tit { width: 55%; font-size: 40px; font-weight: 700; letter-spacing: -.03em; color: #333;}
.isp-inside-txt { width: 45%;}
.isp-inside-txtsub>li { display: flex; margin-bottom: 15px;}
.isp-inside-txtsub>li:last-child { margin-bottom: 0;}
.isp-inside-subtit { font-size: 18px; font-weight: 400; line-height: 1.2em; letter-spacing: -.03em; color: #333; max-width: 220px; width: 100%;}
.isp-inside-subtxt { font-size: 18px; font-weight: 400; line-height: 1.2em; letter-spacing: -.03em; color: #333;}
.isp-fw { font-weight: 700;}
.isp-inside-cttimg { max-width: 100%; padding: 80px 100px 100px;}
.isp-inside-cttimg .thumb {position:relative; padding-bottom:65%; overflow:hidden; margin-bottom: 30px;}
.isp-inside-cttimg .thumb:last-child { margin-bottom: 0;} 
.isp-inside-cttimg .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.isp-inside-cttimg .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
.isp-inside-btbox{ display: flex; justify-content: center; margin-bottom: 100px;}
.isp-inside-bt{ display: inline-block; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.4em; color: #333; background: #f1f1f1; border: 1px solid #ddd; padding: 10px 25px; transition: .3s;}    
.isp-inside-bt:hover { background: #111; border: 1px solid #111; color: #fff;}
.isp-inside-other { padding: 90px 0 80px; background: #111; text-align: center;}
.isp-inside-other>h4 { color: #fff; font-size: 28px; font-weight: 700; line-height: 1.2em; letter-spacing: -.03em; margin-bottom: 40px;}

/* 스마트솔루션(공통) */
.smart-sec1 { width: 100%; height: 1220px; background: url(../images/sub/smart_visual.jpg) center no-repeat; background-size: cover; margin-top: 100px; text-align: center; padding-top: 200px;}
.smart-sec2 { width: 100%; height: 100vh; background: url(../images/sub/smart_bg1.jpg) center no-repeat; background-size: cover; padding-top: 200px; text-align: center;}
.smart-sec3 { width: 100%; height: 100vh; background: url(../images/sub/smart_bg2.jpg) center no-repeat; background-size: cover; padding-top: 200px; text-align: center;}
.smart-tit { font-size: 30px; line-height: 1em; letter-spacing: -.03em; color: #fff; font-weight: 700;margin-bottom: 15px;}
.smart-txt { font-size: 16px; font-weight: 700; letter-spacing: -.03em; line-height: 1.556em; color: #fff; }
.smart-sub { padding-top: 300px;}
.smart-txt2 { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.556em; }
.smart-btbox { display: flex; justify-content: center; margin-top: 100px;}
.smart-btbox a { width: 250px; height: 45px; line-height: 45px; letter-spacing: -.03em; color: #333; font-weight: 500; background: rgba(255,255,255,0.8); border-radius: 23px; text-align: center; font-size: 18px; margin: 0 15px; transition: .3s;}
.smart-btbox a:hover { background: #111; color: #fff;}
.smart-btmg { width: fit-content !important; padding: 0 25px; }

.smart-sub1 { background: #111; padding: 120px 0;}
.smart-sub-ttl{ font-size: 16px; color: #fff; letter-spacing: -.03em; line-height: 1.556em; font-weight: 500; margin-top: 10px;}
.smart-mg{ margin-top: 100px;}

/* 스마트솔루션(스마트한 건축) */
.smart-sub2 { display: flex; padding-bottom: 50px;}
.smart-left { width: 42%; }
.smart-right { width: 58%; background: #fff; position: relative; overflow: hidden;}
.smart-cate{ width: 100%; background: #202020; padding: 80px 0 100px 260px;}
.smart-cate2 { padding: 40px 0 50px 260px;}
.smart-catelist>li { padding-left: 30px; position: relative; margin-bottom: 40px; cursor: pointer;}
.smart-catelist>li:last-child { margin-bottom: 0;}
.smart-cate-tit { font-size: 22px; font-weight: 700; color: #fff; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 10px; }
.smart-catelist .active:before { content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: #fff; top: 11px;}
.smart-cate-txt { font-size: 16px; font-weight: 300; line-height: 1.2em; letter-spacing: -.03em; color: #fff;}

.smart-paginate{ display: flex; align-items: center; justify-content: center; padding: 100px 0; font-size: 80px; font-weight: 300; color: #fff; position: relative;}

.sm-swiper-slide { font-size: 18px; }
.sm-swiper-slide img { width: 100%; display: block; height: 100%; object-fit: cover;}
.sm-swiper-button-next::after ,.sm-swiper-button-prev::after { display: none;}
.sm-swiper-button-next { width: 80px; height: 80px; border-radius: 80px; border: 1px solid #555; background: url(../images/sub/smart_rightbt.png); background-position: center center; background-repeat: no-repeat; right: 50px;}
.sm-swiper-button-prev {  width: 80px; height: 80px; border-radius: 80px; border: 1px solid #555; background: url(../images/sub/smart_leftbt.png); background-position: center center; background-repeat: no-repeat; left: 50px;}
.sm-swiper-button-next2 { width: 80px; height: 80px; border-radius: 80px; border: 1px solid #fff; background: url(../images/sub/smart_rightbt_w.png); background-position: center center; background-repeat: no-repeat; right: 50px;}
.sm-swiper-button-prev2 {  width: 80px; height: 80px; border-radius: 80px; border: 1px solid #fff; background: url(../images/sub/smart_leftbt_w.png); background-position: center center; background-repeat: no-repeat; left: 50px;}

.sm-swiper-text { padding: 80px 260px 80px 30px;  text-align: left; background: #fff; position: relative;}
.sm-swiper-tit { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.4em; color: #333;}
.sm-swiper-txt { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.556em; color: #454545; margin-top: 20px;}
.sm-swiper-link{ margin-top: 30px; display: flex;}
.sm-swiper-link a { width: 250px; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #4d4d4d; border-radius: 23px; margin-right: 30px; display: inline-block;}
.sm-swiper-link a:last-child { margin-right: 0;}
.sm-swiper-img { padding-right: 260px; position: absolute; bottom: 0; }
.sm-swiper-img img { width: 100%; height: 100%; display: block;}
.sm-swiper1 { z-index: 99;}
.swiper-container {width: 100%; height: 100%; position: absolute; overflow: hidden; left: 0; bottom: 0; background: #fff;}
.swiper-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block;}

.smart-paginate .swiper-pagination-fraction { bottom: auto;}

.smart-sub3-list { display: flex; }
.smart-sub3-list>li { width: calc(100%/3); background: #fff;}
.smart-sub3-list>li a { display: block; height: 100%;}
.smart-sub3-imgbox{ width: 100%;}
.smart-sub3-imgbox>img { width: 100%; display: block; object-fit: cover;}
.smart-sub3-textbox { background: #fff; padding: 45px 15px; text-align: center;}
.smart-sub3-textbox>h4 { font-size: 30px; font-weight: 600; line-height: 1em; letter-spacing: -.03em; color: #333;}
.smart-sub3-textbox>p { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #333; margin-top: 10px;}
.smart-sub3-list>li:nth-child(2) .smart-sub3-textbox{ background: #f1f1f1;}
.smart-sub3-list>li:nth-child(2) { background: #f1f1f1;}

.smart-sub4 { padding: 100px 0 130px;}
.smart-sub4 .contain { position: relative;}
.ex-swiper { width: 100%; height: 100%; overflow: hidden; position: relative;}
.ex-swiper-slide {background: #333; display: flex; align-items: center;}
.ex-swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ex-left { width: 50%;}
.ex-right { width: 50%; padding: 0 60px;}
.ex-right>h4 { font-size: 24px; font-weight: 600; line-height: 1.3em; letter-spacing: -.03em; color: #fff;}
.ex-right>p { font-size: 16px; color: #fff; line-height: 1.6em; letter-spacing: -.03em; font-weight: 200; margin-top: 20px;}
.ex-right>a { text-decoration: underline; text-underline-position: under; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -.03em; display: inline-block; margin-top: 40px;}
.smart-sub4 .contain .swiper-pagination { left: 0; right: 0; bottom: -40px;}
.smart-sub4 .contain .swiper-pagination-bullet { background: #888 ; width: 12px; height: 12px; opacity: 1; margin: 0 8px;}
.smart-sub4 .contain .swiper-pagination-bullet-active { background: #fff;}
.sm-mg10 a { margin-top: 100px;}

.smart-sub5 { padding: 130px 0; width: 100%; background: url(../images/sub/smart_sec4.jpg) center no-repeat; background-size: cover; text-align: center;}
.smart-sub5 h4 { font-size: 30px; font-weight: 600; letter-spacing: -.03em; line-height: 1em; color: #fff;}
.smart-sub5 p { font-size: 16px; font-weight: 600; letter-spacing: -.03em; color: #fff; line-height: 1.6em; margin-top: 40px;}
.smart-sub5 a{ display: inline-block; width: 250px; height: 45px; color: #fff; line-height: 45px; font-size: 18px; font-weight: 400; letter-spacing: -.03em; border-radius: 23px; background: #111; margin-top: 80px;}

.smart-sub6 { margin-top: 60px;}
.sc-swiper { width: 100%; height: 100%; overflow: hidden; position: relative;}
.sc-swiper-slide {background: #333; display: flex; align-items: center;}
.sc-swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* 스마트솔루션 (고성능 및 지속가능성) */
.smart-eff-sec1 { padding: 120px 0; margin-top: 100px; text-align: center;}
.smt-sub-ttl { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.556em; margin-top: 10px; color: #fff;}
.smt-mg { margin-top: 100px;}
.smart-eff-tab { max-width: 120px; width: 100%; height: 100vh; display: flex; padding: 0 30px; background: #202020; position: fixed; right: 0; top: 100px; flex-wrap: wrap; padding: 0px 0 70px;  z-index: 1; align-items: center;}
.smart-eff-tab ul { text-align: center;  width: 100%; margin-top: 0;}
.smart-eff-tab ul li { font-size: 16px; font-weight: 500; letter-spacing: -.03em; line-height: 1.6em; color: #fff; width: 100%; cursor: pointer; margin-bottom: 5px;}
.smart-eff-tab ul li:first-child { padding-bottom: 15px;}
.smart-eff-tab ul li a{ display: block;}
.smart-eff-tab ul li:last-child { margin-bottom: 0;}
.smart-eff-tab ul:last-child { margin-top: 0;}

.smart-eff-sec2 { padding-bottom: 100px;}
.smart-eff-tit { text-align: center;}
.smart-eff-ttl { font-size: 30px; font-weight: 700; margin-top: 25px; letter-spacing: -.03em; line-height: 1em; color: #fff;}
.smart-eff-ctt { font-size: 16px; font-weight: 300; line-height: 1.6em; letter-spacing: -.03em; color: #fff; margin-top: 45px;}
.smart-eff-secbox { display: flex; align-items: center; margin-top: 100px;}
.smart-eff-left { width: 46%;}
.smart-eff-left img { width: 100%; display: block; object-fit: cover;}
.smart-eff-right { width: 54%; padding-left: 60px;}
.smart-eff-acclist>li { position: relative; margin-bottom: 20px; cursor: pointer; }
.smart-acc-ttl { padding-left: 65px; display: block; padding: 15px 0 15px 70px; position: relative; font-size: 24px; font-weight: 600; letter-spacing: -.03em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; transition: .5s;}
.smart-eff-acclist>li:last-child { margin-bottom: 0;}
.smart-eff-acclist .smart-acc-ttl:before { content: "+"; font-size: 40px; display: block; color: #fff; font-weight: 200; position: absolute; left: 30px; top:13px; transition: .5s;}
.smart-eff-acclist .smart-acc-ttl:hover::before { color: #333; content: "-";}
.smart-eff-acclist .smart-acc-ttl.active:before { content: "-"; color: #333;}
.smart-acc-sub { padding: 25px 0 30px; display: none;}
.smart-acc-sub>p { font-size: 16px; color: #fff; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; }
.smart-acc-dn { display: block;}

.smart-eff-acclist .smart-clr1:hover { background: #91d601; color: #333; border-top: 1px solid #91d601; border-bottom: 1px solid #91d601;}
.smart-eff-acclist .smart-clr1.active { background: #91d601 !important; color: #333 !important; border-top: 1px solid #91d601; border-bottom: 1px solid #91d601;}
.smart-eff-acclist .smart-clr2:hover { background: #14b5b0; color: #333; border-top: 1px solid #14b5b0; border-bottom: 1px solid #14b5b0;}
.smart-eff-acclist .smart-clr2.active { background: #14b5b0 !important; color: #333 !important; border-top: 1px solid #14b5b0; border-bottom: 1px solid #14b5b0;}
.smart-eff-acclist .smart-clr3:hover { background: #ffd101; color: #333; border-top: 1px solid #ffd101; border-bottom: 1px solid #ffd101;}
.smart-eff-acclist .smart-clr3.active { background: #ffd101 !important; color: #333 !important; border-top: 1px solid #ffd101; border-bottom: 1px solid #ffd101;}

.smart-eff-sec3 { padding-top: 100px; position: relative;}
.smart-eff-sec3-img{ margin-top: 50px; width: 100%;}
.smart-eff-sec3-img img{  width: 100%; object-fit: cover; display: block;}
.smart-eff-sec3-abbox { padding: 120px 30px 140px 260px; background: #202020; position: absolute; left: 0; top: 35%; max-width: 875px; width: 100%;}
.smart-eff-sec3-abbox>h4 { font-size: 24px; font-weight: 600; line-height: 1.4em; letter-spacing: -.03em; color: #fff;}
.smart-eff-sec3-abbox>p { font-size: 16px; font-weight: 300; line-height: 1.556em; letter-spacing: -.03em; color: #fff; margin-top: 15px;}
.smart-eff-sec3-abbox>a { width: 250px; height: 45px; line-height: 45px; color: #202020; border-radius: 23px; background: #a6a6a6; transition: .3s; font-size: 18px; font-weight: 500; letter-spacing: -.03em; margin-top: 80px; display: inline-block;text-align: center;}
.smart-eff-sec3-abbox>a:hover { background: #fff;}


/* 스마트솔루션 (당신을 위한 인스피레이션) */
.foryou-sec { padding-bottom: 100px; width: 100%; padding-right: 100px; background: #fff;}
.foryou-top { display: flex;}
.foryou-left { width: 55%;}
.foryou-left img { width: 100%; display: block; object-fit: cover;}
.foryou-right { width: 45%; padding: 100px 60px 0 50px;}
.foryou-right>h3 { font-size: 24px; font-weight: 600; line-height: 1.4em; letter-spacing: -.03em; color: #333; margin-top: 90px;}
.foryou-right>h4 { font-size: 20px; font-weight: 600; line-height: 1.6em; letter-spacing: -.03em; color: #333; margin-top: 25px;}
.foryou-right>p { font-size: 16px; font-weight: 300; line-height: 1.6em; letter-spacing: -.03em; color: #333; margin-top: 50px;}
.foryou-right>i { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #333; margin-top: 90px; display: block;}
.foryou-btm { margin-top: 80px; padding-left: 100px; display: flex; gap: 40px;}
.foryou-btm i { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #555; display: block; margin-top: 15px;}
.foryou-pd { padding-top: 100px;}

/* 스마트솔루션 (맞춤제작의 마법) */
.smart-magic-sec1 { padding: 120px 0 80px;}
.magic-sec1 { display: flex; flex-wrap: wrap;}
.magic-sec1>li { width: calc(100%/2); position: relative; text-align: center; display: flex; align-items: center; justify-content: center;height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.magic-sec1>li>h4 { font-size: 40px; font-weight: 600; letter-spacing: -.03em; color: #fff; line-height: 1em;}
.magic-sec1>li a{ position: relative; display: flex; padding: 70px 0; height: 100%; align-items: center; justify-content: center; width: 100%;}
.magic-sec1-ttl { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; text-align: center;}
.magic-sec1>li:first-child { background: #202020;}
.magic-sec1-abbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #111; padding: 70px 0;  transform-style: preserve-3d; transition: transform 0.5s ease; }
.magic-sec1-abbox h4{ color: #fff; font-weight: 700; font-size: 30px; letter-spacing: -.03em; line-height: 1em; margin-top: 40px;}
.magic-sec1-abbox p { color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -.03em; line-height: 1.6em; margin-top: 15px;}
.magic-sec1>li>a:hover> .magic-sec1-abbox {animation: rotateFadeOut 0.5s ease forwards;}
@keyframes rotateFadeOut {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
      opacity: 1;
    }
    100% {
        transform: rotateX(0) rotateY(180deg);
      opacity: 0;
    }
  }

.magic-list1 { background: url(../images/sub/magic1.jpg);}
.magic-list2 { background: url(../images/sub/magic2.jpg);}
.magic-list3 { background: url(../images/sub/magic3.jpg);}
.magic-list4 { background: url(../images/sub/magic4.jpg);}
.magic-list5 { background: url(../images/sub/magic5.jpg);}
.magic-list6 { background: url(../images/sub/magic6.jpg);}
.magic-list7 { background: url(../images/sub/magic7.jpg);}

.magic-sec2 {padding: 100px 0 85px; background: #fff;text-align: center;}
.magic-sec2-list { display: flex; gap: 40px; margin-top: 60px; flex-wrap: wrap;}
.magic-sec2-list>li { width: calc(100%/2 - 20px); margin-bottom: 15px;}
.magic-sec2-list>li a { display: block;} 
.magic-sec2-list>li img { width: 100%; display: block; object-fit: cover;}
.magic-sec2-list>li p { font-size: 24px; letter-spacing: -.03em; line-height: 1.1em; font-weight: 600; color: #333; margin-top: 25px;}

/* 메종에르메스 */
.hermes-mg { margin-top: 30px;}
.hermes-sec1 { padding-right: 100px; width: 100%; padding-bottom: 100px; display: flex;}
.hermes-sec1-left { width: 45%;}
.hermes-sec1-left img { width: 100%; display: block; object-fit: cover;}
.hermes-sec1-right { padding-left: 150px; padding-top: 60px; width: 55%;}
.hermes-sec1-right>p { font-size: 16px; font-weight: 300; line-height: 1.6em; letter-spacing: -.03em; color: #fff;}
.hermes-right-img { padding-top: 120px; }

.hermes-sec2 { width: 100%; position: relative;margin-bottom: 100px;}
.hermes-sec2bg { width: 100%; height: 700px; background: url(../images/sub/hermes3.jpg) center no-repeat; background-size: cover; position: relative; }
.hermes-sec2box { color: #fff; padding: 90px 60px 90px 100px; background: #202020; font-size: 16px; font-weight: 300; line-height: 1.6em; letter-spacing: -.03em; display: inline-block; position: absolute; left: 0; top: 30%; max-width: 900px; width: 100%;}

.hermes-sec3 { text-align: center; }
.hermes-sec3>h4 { color: #fff; letter-spacing: -.03em; line-height: 1.2em; font-weight: 400; font-size: 20px;}
.hermes-sec3>p { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #fff; margin-top: 30px;}
.hermes-sec3box { margin-top: 40px;}

.hermes-sec4 { padding: 100px; }
.hermes-sec4box { display: flex;}
.hermes-sec4-left { width: 54%; padding-right: 100px; padding-top: 100px;}
.hermes-sec4-left>p { color: #fff; font-size: 16px; line-height: 1.6em; letter-spacing: -.03em; font-weight: 300; margin-bottom: 30px;}
.hermes-sec4-left>p:last-child { margin-bottom: 0;}
.hermes-left-img { padding-top: 100px;}
.hermes-sec4-right { width: 46%;}
.hermes-sec4-right img { width: 100%; display: block; object-fit: cover;}
.hermes-sec4-bt { margin: 80px auto 0; text-align: center;}
.hermes-sec4-bt a{ font-size: 18px; font-weight: 400; letter-spacing: -.03em; color: #333; padding: 12px 30px; background: rgba(255,255,255,0.8); border-radius: 23px; text-align: center; transition: .3s; display: inline-block;}
.hermes-sec4-bt a:hover { background: #fff;}
.hermes-wich { text-align: left; margin: 60px auto 0;} 

.hermes-sec5 { padding: 100px 0; text-align: center;}
.hermes-other { margin-top: 60px; display: flex; gap: 40px;}
.hermes-other>li { width: calc(100%/3); text-align: center;}
.hermes-other>li a { display: block; }
.hermes-other>li img { width: 100%; display: block; object-fit: cover;}
.hermes-other>li p { font-size: 20px; color: #fff; font-weight: 600; line-height: 1em; margin-top: 30px; letter-spacing: -.03em;}

.tiverio-sec2 {width: 100%; position: relative; padding-bottom: 60px;}
.tiveriobox { max-width: 1400px; background: url(../images/sub/tiverio3.jpg) center no-repeat; margin: auto; width: 100%; height: 700px; background-size: cover;}

.deusto-sec2 {width: 100%; position: relative; padding-bottom: 60px;}
.deustobox { max-width: 1400px; background: url(../images/sub/deusto3.jpg) center no-repeat; margin: auto; width: 100%; height: 700px; background-size: cover;}
.deusto-mg { padding-top: 200px;}
.deusto-bt { width: 250px; height: 45px; line-height: 45px; padding: 0 !important;}

.iulm-sec2 {width: 100%; position: relative; padding-bottom: 60px;}
.iulmbox { max-width: 1400px; background: url(../images/sub/iulm3.jpg) center no-repeat; margin: auto; width: 100%; height: 700px; background-size: cover;}
.iulm-sec2box { top: 20%;}