@charset "utf-8";

#offset {position:fixed; left:50%; top:50%; display:inline; background-color:#000; color:#fff; font-weight:600; padding:1%; transform:translate(-50%, -50%); z-index:99999;}

.dp-flex {display:flex;}
.dp-flex-middle {display:flex; align-items:center;}
.dp-flex-center {display:flex; justify-content:center;}
.bbs_message {display:flex; align-items:center; justify-content:center; height:180px; font-size:2.0rem; color:#616161; font-weight:400;}
.bbs_message i {font-size:4.0rem; color:#444; margin-right:4px;}

.is_pc {}
.is_mobile {display:none;}

/* Firefox */
@-moz-document url-prefix() {
}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/* Container */
#container {width:100%; height:auto; position:relative; padding:100px 0 60px; box-sizing:border-box;}

#container .sub_visual {height:150px; position:relative;}

#container .sub_visual h1.public-title {display:inline-block; font-size:5.2rem; color:#111; text-align:center; position:absolute; top:40px; left:50%; transform:translateX(-50%);}
#container .sub_visual h1.public-title::before {display:block; width:40px; height:1px; background:#b2b2b2; margin:0 auto 8px; content:'';}

#container .contents {min-height:500px; border-top:1px solid #d2d2d2; padding-top:40px;}

/*컨텐츠 공용*/
#container .contents h2.public-subject {font-size:3.8rem; font-weight:600; color:#111; letter-spacing:-2px;}
#container .contents h3.preface {font-size:2.0rem; font-weight:400; color:#313131; line-height:2.8rem;}

#container .location_depth {text-align:center; margin:10px auto 30px;}
#container .location_depth ol {display:flex; justify-content:center; align-items:center;}
#container .location_depth ol li {margin:0 12px; height:32px; line-height:32px; border-radius:16px;}
#container .location_depth ol li.current {background:#111; padding:0 20px;}
#container .location_depth ol li a {font-size:1.5rem; color:#313131; font-weight:400;}
#container .location_depth ol li.current a {font-size:1.3rem; color:#fff; font-weight:500;}

#container .item_category {}
#container .item_category h3 {font-size:2.0rem; font-weight:500; color:#212121; text-align:center;}
#container .item_category h3 i {font-size:1.8rem; margin:-4px 2px 0 0;}
#container .item_category ol {margin-top:20px; padding:0 20px; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
#container .item_category ol.items li {width:calc(100% / 6);}
#container .item_category ol.place li {width:calc(100% / 4);}
#container .item_category ol li {height:36px; line-height:36px; border:1px solid #d2d2d2; border-left:none; text-align:center;}
#container .item_category ol li.active {background:#111;}
#container .item_category ol li:first-child {border-left:1px solid #d2d2d2;}
#container .item_category ol li a {display:block; font-size:1.2rem; font-weight:400; color:#313131;}
#container .item_category ol li.active a {color:#f1f1f1;}

#container .bbs_content {margin-top:80px;}
#container #bbs_container .bbs_select_form,
#container #bbs_container #search_filter {display:none;}

/* 텝 컨텐츠 */
#container #tab_area {}
#container #tab_area .tab_nav {font-size:0; border-bottom:1px solid #ddd;}
#container #tab_area .tab_nav li {display:inline-block; height:50px; text-align:center; border:1px solid #ddd; border-bottom:none;}
#container #tab_area .tab_nav li a:before {content:""; position:absolute; left:0; top:0px; width:100%; height:2px;}
#container #tab_area .tab_nav li a.active:before {background:#111;}
#container #tab_area .tab_nav li a.active {border-bottom:1px solid #fff;}
#container #tab_area .tab_nav li a {position:relative; display:block; background:#f8f8f8; font-size:1.6rem; color:#515151; font-weight:500; padding:0 8vh; line-height:50px; text-decoration:none;}
#container #tab_area .tab_nav li a:hover {background:#fff; color:#1b1b1b;}
#container #tab_area .tab_nav li a.active {background:#fff; color:#1b1b1b; font-weight:600;}
#container #tab_area .tab_content {width:100%; padding:80px 20px 60px; height:auto; box-sizing:border-box;}

#container.company #tab_area .tab_content h2.slogan {
    margin:20px 0 0 !important; font-size:6.6rem; font-weight:900; text-align:center; letter-spacing:-4px; word-spacing:-2px; line-height:7.8rem; text-transform:uppercase;
    background:url(../images/sub/text_bg01.jpg) no-repeat; background-size:200% auto;
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-fill-color:transparent; animation:textShine 20s ease-in-out infinite alternate;
}
@keyframes textShine {
    0% {
        background-position:0% 50%;
    }
    100% {
        background-position:100% 50%;
    }
}

#container.company #tab_area #tab01 h2 {margin-top:160px;}
#container.company #tab_area #tab01 dl.text_box {margin-top:80px; display:grid; grid-template-columns:40% 55%; gap:5%;}
#container.company #tab_area #tab01 dl.text_box dt h4 {margin-top:40px; font-size:1.84rem; line-height:2.8rem; color:#111; font-weight:400; word-wrap:break-word; word-break:break-all;}
#container.company #tab_area #tab01 dl.text_box dt h4:first-child {margin-top:0px;}
#container.company #tab_area #tab01 dl.text_box dd {background:url(../images/sub/p010101-bg02.jpg) no-repeat center center; background-size:120%;}

#container.company #tab_area #tab01 h3 {margin-top:190px; font-size:4.0rem; font-weight:600; color:#111; letter-spacing:-1px;}
#container.company #tab_area #tab01 .table {margin-top:70px; display:grid; grid-template-columns:repeat(4, 1fr); gap:40px;}
#container.company #tab_area #tab01 .table dl {}
#container.company #tab_area #tab01 .table dl dt {font-size:2.2rem; font-weight:500; color:#010101; border-bottom:4px solid #d2d2d2; padding:0 8px 25px;}
#container.company #tab_area #tab01 .table dl dt i.dot {display:inline-block; width:6px; height:6px; background:#010101; border-radius:50%; margin-right:3.8px; margin-top:-4px;}
#container.company #tab_area #tab01 .table dl dd {font-size:1.8rem; font-weight:400; color:#414141; padding-top:25px; padding:25px 8px 0;}

#container.company #tab_area #tab02 ul.history {display:grid; grid-template-columns:35% 65%; gap:50px; position:relative;}
#container.company #tab_area #tab02 ul.history li:nth-child(1) {
    background:url(../images/sub/p010102-bg.jpg) no-repeat; background-position:left top; background-size:1440px; box-sizing:border-box;
}
#container.company #tab_area #tab02 ul.history li:nth-child(2) {}
#container.company #tab_area #tab02 ul.history dl {padding:60px 0 60px 60px; display:flex; flex-wrap:nowrap; align-items:center; position:relative; border-left:1px solid #d2d2d2;}
#container.company #tab_area #tab02 ul.history dl dt {font-size:3.2rem; font-weight:600; color:#111; padding-right:40px;}
#container.company #tab_area #tab02 ul.history dl dt::before {display:block; content:''; width:12px; height:12px; background:#b2b2b2; border-radius:50%; position:absolute; top:50%; left:-7px; margin-top:-4px;}
#container.company #tab_area #tab02 ul.history dl dd {font-size:1.8rem; font-weight:400; line-height:2.6rem;}
#container.company #tab_area #tab02 ul.history dl dd b {display:inline-block; font-weight:500; margin:-5px 6px 0 0;}

/*layout2*/
#container .layout2 #tab_area {display:grid; grid-template-columns:230px 1fr;}
#container .layout2 #tab_area aside {}
#container .layout2 #tab_area aside h2 {}
#container .layout2 #tab_area aside .sub_nav {margin-top:18px; border-top:2px solid #111; border-bottom:none;}
#container .layout2 #tab_area aside .sub_nav li {display:block; background:#fff; border:1px solid #ddd; border-top:none; position:relative;}
#container .layout2 #tab_area aside .sub_nav li a {display:block; height:44px; font-size:1.4rem; color:#515151; font-weight:500; line-height:44px; padding:0 0 0 25px;}
#container .layout2 #tab_area aside .sub_nav li a i {position:absolute; right:15px; top:15px; transform:rotate(90deg); font-size:1.8rem;}
#container .layout2 #tab_area aside .sub_nav li:hover a {color:#111; font-weight:600;}
#container .layout2 #tab_area aside .sub_nav li.active a {background:#111; color:#fff; font-weight:600;}
#container .layout2 #tab_area aside .sub_nav li.active a i {transform:rotate(180deg);}

#container .layout2 #tab_area aside .sub_nav li ul.sub_depth {display:none;}
#container .layout2 #tab_area aside .sub_nav li.active ul.sub_depth {display:block;}
#container .layout2 #tab_area aside .sub_nav li.active ul.sub_depth li {border:none; border-top:1px solid #d2d2d2;}
#container .layout2 #tab_area aside .sub_nav li.active ul.sub_depth li a {height:40px; line-height:40px; background:#f8f8f8; color:#515151; font-weight:500;}
#container .layout2 #tab_area aside .sub_nav li.active ul.sub_depth li.active a {color:#111; font-weight:600;}

#container .layout2 #tab_area aside button {
    display:block; width:100%; height:46px; margin-top:40px; background:#184f52; color:#fff;
    -webkit-transition:background-color .2s ease-in, color .2s ease-in,
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}
#container .layout2 #tab_area aside button:hover {
    background:#fff; outline:1px solid #d2d2d2; color:#111;
    -webkit-transition:background-color .2s ease-in, color .2s ease-in,
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}
#container #tab_area aside button i {margin-top:-4px; display:inline-block;}
#container .layout2 #tab_area .bbs_list-content {margin-top:70px;}

/*제품안내*/
#container.product {}
#container.product .product_list {}
#container.product .product_list a {display:block; height:320px; border:none; box-sizing:border-box; padding:22px; position:relative; overflow:hidden;}

#container.product .product_list a::after {
    position:absolute; display:block; content:''; width:100%; height:100%; top:0; left:0; background-size:cover !important; background-repeat:no-repeat !important; background-position:center !important; transform:scale(1.0); z-index:-1;
    -webkit-transition:transform .2s ease-in;
	-moz-transition:transform .2s ease-in;
	-o-transition:transform .2s ease-in;
	transition:transform .2s ease-in;
}

#container.product .product_list .flooring_list {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
#container.product .product_list .flooring_list > h2 {grid-column: 1 / -1; margin-bottom:-18px;}
#container.product .product_list .flooring_list a:nth-of-type(1)::after {background:url(../images/sub/p0201-01.jpg);}
#container.product .product_list .flooring_list a:nth-of-type(2)::after {background:url(../images/sub/p0201-02.jpg);}
#container.product .product_list .flooring_list a:nth-of-type(3)::after {background:url(../images/sub/p0201-03.jpg);}
#container.product .product_list .flooring_list a:nth-of-type(4)::after {background:url(../images/sub/p0201-04.jpg);}
#container.product .product_list .flooring_list a:nth-of-type(5)::after {background:url(../images/sub/p0201-05.jpg);}
#container.product .product_list .flooring_list a:nth-of-type(6)::after {background:url(../images/sub/p0201-06.jpg);}
#container.product .product_list .flooring_list a:nth-of-type(7)::after {background:url(../images/sub/p0201-07.jpg);}

#container.product .product_list .wall_covering_list {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
#container.product .product_list .wall_covering_list > h2 {grid-column: 1 / -1; margin-bottom:-18px;}
#container.product .product_list .wall_covering_list a:nth-of-type(1)::after {background:url(../images/sub/p0202-01.jpg);}
#container.product .product_list .wall_covering_list a:nth-of-type(2)::after {background:url(../images/sub/p0202-02.jpg);}
#container.product .product_list .wall_covering_list a:nth-of-type(3)::after {background:url(../images/sub/p0202-03.jpg);}

#container.product .product_list .ceiling_material_list {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px;}
#container.product .product_list .ceiling_material_list > h2 {grid-column: 1 / -1; margin-bottom:-18px;}
#container.product .product_list .ceiling_material_list a:nth-of-type(1)::after {background:url(../images/sub/p0203-01.jpg);}
#container.product .product_list .ceiling_material_list a:nth-of-type(2)::after {background:url(../images/sub/p0203-02.jpg);}

#container.product .product_list a:hover::after {
    transform:scale(1.2);
    -webkit-transition:transform .2s ease-in;
	-moz-transition:transform .2s ease-in;
	-o-transition:transform .2s ease-in;
	transition:transform .2s ease-in;
}

#container.product .product_list h2 {font-size:3.4rem; font-weight:500; color:#111; margin:80px 0 0px; padding:0;}

#container.product .product_list a .pd_info {background:rgba(255, 255, 255, 0.65); padding:15px 15px 16px; box-sizing:border-box;}
#container.product .product_list a:hover .pd_info {
    background:rgba(255, 255, 255, 1);
    -webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}
#container.product .product_list a .pd_info h3 {
    font-size:1.9rem; font-weight:500; margin:0; color:#111;
    -webkit-transition:font-weight .2s ease-in;
	-moz-transition:font-weight .2s ease-in;
	-o-transition:font-weight .2s ease-in;
	transition:font-weight .2s ease-in;
}
#container.product .product_list a:hover .pd_info h3 {
    font-weight:500;
    -webkit-transition:font-weight .2s ease-in;
	-moz-transition:font-weight .2s ease-in;
	-o-transition:font-weight .2s ease-in;
	transition:font-weight .2s ease-in;
}
#container.product .product_list a .pd_info h4 {font-size:1.5rem; font-weight:500; color:#212121; margin-bottom:8px; display:none;}
#container.product .product_list a .pd_info p {
    font-size:1.1rem; line-height:1.6rem; font-weight:400; color:#313131; white-space:normal; word-wrap:break-word; overflow-wrap:break-word; margin-top:6px;
    -webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}
#container.product .product_list a span {
    position:absolute; right:25px; bottom:30px; background:rgba(14, 106, 148, 0.8); font-size:1.1rem; color:#fff; font-weight:400; width:100px; height:28px; line-height:26px; text-align:center;
    -webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}
#container.product .product_list a:hover span {
    background:rgb(24, 133, 184, 1);
    -webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}
#container.product .product_list a span i {margin-left:2px;}





/* 임시 이미지 설명---------------------------------------------------------------------------------------------------------------*/
#container .product_detail h2.public-subject {font-size:4.6rem; color:#111; font-weight:500; margin:20px 0 60px; text-align:center; letter-spacing:-1px;}
#container .product_detail dl.product_specs_img {margin-top:50px;}
#container .product_detail dl.product_specs_img.mt30{}
#container .product_detail dl.product_specs_img dt {}
#container .product_detail dl.product_specs_img dt h4 {
    display:inline-block; width:180px; height:44px; line-height:42px; background:linear-gradient(13deg, rgb(26, 41, 34) 50%, rgb(49, 73, 64) 50%); text-align:center; font-size:1.3rem; font-weight:500; color:#fff; margin-bottom:20px;
}
#container .product_detail dl.product_specs_img dd {}
#container .product_detail dl.product_specs_img dd img.conimg {width:100%;}
/* 임시 이미지 설명-------------------------------------------------------------------------------------------------------------------*/





#container .product_detail .product_slide {position:relative;}
#container .product_detail .product_overview {
    position:absolute; top:50px; left:50%; transform:translateX(-50%); width:calc(100% - 100px); background:rgba(255, 255, 255, 0.85); box-sizing:border-box; padding:30px; z-index:1;
}
#container .product_detail .product_overview h2 {font-size:3.0rem; font-weight:600; color:#0a1322; letter-spacing:-1px;}
#container .product_detail .product_overview p {max-width:800px; margin-top:10px; font-size:1.6rem; line-height:2.0rem; font-weight:400; color:#212121;}
#container .product_detail .product_slide ul {width:100%; height:600px; overflow:hidden;}
#container .product_detail .product_slide ul li {width:100%; height:600px; float:left; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;}

#container .product_detail .product_slide ul li.emotion-img1 {background:url(../images/sub/product/emt-img1.jpg);}
#container .product_detail .product_slide ul li.emotion-img2 {background:url(../images/sub/product/emt-img2.jpg);}
#container .product_detail .product_slide ul li.emotion-img3 {background:url(../images/sub/product/emt-img3.jpg);}
#container .product_detail .product_slide ul li.emotion-img4 {background:url(../images/sub/product/emt-img4.jpg);}

#container .product_detail .product_slide ul li.art_sheet-img1 {background:url(../images/sub/product/artst-img1.jpg);}
#container .product_detail .product_slide ul li.art_sheet-img2 {background:url(../images/sub/product/artst-img2.jpg);}
#container .product_detail .product_slide ul li.art_sheet-img3 {background:url(../images/sub/product/artst-img3.jpg);}
#container .product_detail .product_slide ul li.art_sheet-img4 {background:url(../images/sub/product/artst-img4.jpg);}
#container .product_detail .product_slide ul li.art_sheet-img5 {background:url(../images/sub/product/artst-img5.jpg);}
#container .product_detail .product_slide ul li.art_sheet-img6 {background:url(../images/sub/product/artst-img6.jpg);}

#container .product_detail .product_slide ul li.art_title-img1 {background:url(../images/sub/product/arttl-img1.jpg);}
#container .product_detail .product_slide ul li.art_title-img2 {background:url(../images/sub/product/arttl-img2.jpg);}
#container .product_detail .product_slide ul li.art_title-img3 {background:url(../images/sub/product/arttl-img3.jpg);}
#container .product_detail .product_slide ul li.art_title-img4 {background:url(../images/sub/product/arttl-img4.jpg);}

#container .product_detail .product_slide ul li.laminate_flooring-img1 {background:url(../images/sub/product/lmt_fl-img1.jpg);}
#container .product_detail .product_slide ul li.laminate_flooring-img2 {background:url(../images/sub/product/lmt_fl-img2.jpg);}
#container .product_detail .product_slide ul li.laminate_flooring-img3 {background:url(../images/sub/product/lmt_fl-img3.jpg);}

#container .product_detail .product_slide ul li.tarasafe_ultra-img1 {background:url(../images/sub/product/tara_ultra-img1.jpg);}
#container .product_detail .product_slide ul li.tarasafe_ultra-img2 {background:url(../images/sub/product/tara_ultra-img2.jpg);}
#container .product_detail .product_slide ul li.tarasafe_ultra-img3 {background:url(../images/sub/product/tara_ultra-img3.jpg);}

#container .product_detail .product_slide ul li.homogeneous150-img1 {background:url(../images/sub/product/hogeus-img1.jpg);}
#container .product_detail .product_slide ul li.homogeneous150-img2 {background:url(../images/sub/product/hogeus-img2.jpg);}
#container .product_detail .product_slide ul li.homogeneous150-img3 {background:url(../images/sub/product/hogeus-img3.jpg);}

#container .product_detail .product_slide ul li.marmorette-img1 {background:url(../images/sub/product/mamoret-img1.jpg);}
#container .product_detail .product_slide ul li.marmorette-img2 {background:url(../images/sub/product/mamoret-img2.jpg);}
#container .product_detail .product_slide ul li.marmorette-img3 {background:url(../images/sub/product/mamoret-img3.jpg);}

#container .product_detail .product_slide ul li.laminate_panel-img1 {background:url(../images/sub/product/lamipanel-img1.jpg);}
#container .product_detail .product_slide ul li.laminate_panel-img2 {background:url(../images/sub/product/lamipanel-img2.jpg);}
#container .product_detail .product_slide ul li.laminate_panel-img3 {background:url(../images/sub/product/lamipanel-img3.jpg);}

#container .product_detail .product_slide ul li.laminate_tile-img1 {background:url(../images/sub/product/lamitl-img1.jpg);}
#container .product_detail .product_slide ul li.laminate_tile-img2 {background:url(../images/sub/product/lamitl-img2.jpg);}
#container .product_detail .product_slide ul li.laminate_tile-img3 {background:url(../images/sub/product/lamitl-img3.jpg);}
#container .product_detail .product_slide ul li.laminate_tile-img4 {background:url(../images/sub/product/lamitl-img4.jpg);}
#container .product_detail .product_slide ul li.laminate_tile-img5 {background:url(../images/sub/product/lamitl-img5.jpg);}

#container .product_detail .product_slide ul li.prime_panel-img1 {background:url(../images/sub/product/prpanel-img1.jpg);}
#container .product_detail .product_slide ul li.prime_panel-img2 {background:url(../images/sub/product/prpanel-img2.jpg);}
#container .product_detail .product_slide ul li.prime_panel-img3 {background:url(../images/sub/product/prpanel-img3.jpg);}
#container .product_detail .product_slide ul li.prime_panel-img4 {background:url(../images/sub/product/prpanel-img4.jpg);}

#container .product_detail .product_slide ul li.natural_gypsum-img1 {background:url(../images/sub/product/natgym-img1.jpg);}
#container .product_detail .product_slide ul li.natural_gypsum-img2 {background:url(../images/sub/product/natgym-img2.jpg);}
#container .product_detail .product_slide ul li.natural_gypsum-img3 {background:url(../images/sub/product/natgym-img3.jpg);}
#container .product_detail .product_slide ul li.natural_gypsum-img4 {background:url(../images/sub/product/natgym-img4.jpg);}

#container .product_detail .product_slide ul li.calcium_silicate-img1 {background:url(../images/sub/product/calslte-img1.jpg);}
#container .product_detail .product_slide ul li.calcium_silicate-img2 {background:url(../images/sub/product/calslte-img2.jpg);}
#container .product_detail .product_slide ul li.calcium_silicate-img3 {background:url(../images/sub/product/calslte-img3.jpg);}
#container .product_detail .product_slide ul li.calcium_silicate-img4 {background:url(../images/sub/product/calslte-img4.jpg);}

#container .product_detail .product_slide button.slick-arrow {
    display:block; width:42px; height:42px; background:#fff; border:2px solid #183b52; position:absolute; top:86px; z-index:2; font-size:0; border-radius:50%; opacity:0.7;
}
#container .product_detail .product_slide button.slick-arrow:hover {opacity:1;}
#container .product_detail .product_slide button.slick-arrow.slick-prev {right:118px;}
#container .product_detail .product_slide button.slick-arrow.slick-prev::after {display:inline-block; content:'\276E'; font-size:1.4rem; text-indent:0px; margin-top:-1px; color:#222;}
#container .product_detail .product_slide button.slick-arrow.slick-next {right:70px;}
#container .product_detail .product_slide button.slick-arrow.slick-next::after {display:inline-block; content:'\276F'; font-size:1.4rem; text-indent:0px; margin-top:-1px; color:#222;}
#container .product_detail .product_slide ul.slick-dots {
    position:absolute; width:100%; height:40px; left:0; bottom:15px; z-index:2; font-size:0; display:flex; justify-content:center; align-items:center;
}
#container .product_detail .product_slide ul.slick-dots li {width:16px; height:16px; margin:0 3px;}
#container .product_detail .product_slide ul.slick-dots li button {
    display:inline-block; width:17px; height:17px; background:#333; border-radius:50%; border:4px solid #fff; outline:1px solid rgba(0, 0, 0, 0.5); font-size:0; text-indent:9999px; opacity:0.7;
}
#container .product_detail .product_slide ul.slick-dots li.slick-active button {outline-color:rgba(18, 130, 221, 0.9); background:#2f84d4;}

#container .product_detail ul.main_Features {margin-top:160px; display:grid; grid-template-columns:repeat(3, 1fr); row-gap:60px; box-sizing:border-box;}
#container .product_detail ul.main_Features::after {display:block; content:''; height:40px;}
#container .product_detail ul.main_Features li {
    height:130px; background-repeat:no-repeat !important; background-position:center top !important; background-size:72px !important; text-align:center;
    display:flex; flex-direction:column; justify-content:flex-end; align-items:center; 
}
#container .product_detail ul.main_Features li h3 {font-size:1.5rem; font-weight:500; color:#000; letter-spacing:-2px;}
#container .product_detail ul.main_Features li p {margin-top:5px; font-size:1.3rem; font-weight:400; color:#313131; box-sizing:border-box;}

#container .product_detail.emotion ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-pollution_control.png);}
#container .product_detail.emotion ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-nonslip.png);}
#container .product_detail.emotion ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-fireproof.png);}
#container .product_detail.emotion ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-maintenance.png);}
#container .product_detail.emotion ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-durability.png);}
#container .product_detail.emotion ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-green.png);}

#container .product_detail.artistic_sheet ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-nonslip.png);}
#container .product_detail.artistic_sheet ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-fireproof.png);}
#container .product_detail.artistic_sheet ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-maintenance.png);}
#container .product_detail.artistic_sheet ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-coating.png);}
#container .product_detail.artistic_sheet ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-walking.png);}
#container .product_detail.artistic_sheet ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-green.png);}

#container .product_detail.artistic_tile ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-nonslip.png);}
#container .product_detail.artistic_tile ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-anti_scratch.png);}
#container .product_detail.artistic_tile ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-uv.png);}
#container .product_detail.artistic_tile ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-pollution_control.png);}
#container .product_detail.artistic_tile ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-air.png);}
#container .product_detail.artistic_tile ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-green.png);}

#container .product_detail.laminate_flooring ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-waterproof.png);}
#container .product_detail.laminate_flooring ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-anti_scratch2.png);}
#container .product_detail.laminate_flooring ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-durability.png);}
#container .product_detail.laminate_flooring ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-maintenance.png);}
#container .product_detail.laminate_flooring ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-air.png);}
#container .product_detail.laminate_flooring ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-design.png);}

#container .product_detail.rarasafe_ultra ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-pollution_control.png);}
#container .product_detail.rarasafe_ultra ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-nonslip.png);}
#container .product_detail.rarasafe_ultra ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-fireproof.png);}
#container .product_detail.rarasafe_ultra ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-embo.png);}
#container .product_detail.rarasafe_ultra ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-air.png);}
#container .product_detail.rarasafe_ultra ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-green.png);}

#container .product_detail.homogeneous ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-nonslip.png);}
#container .product_detail.homogeneous ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-anti_scratch.png);}
#container .product_detail.homogeneous ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-fireproof.png);}
#container .product_detail.homogeneous ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-maintenance.png);}
#container .product_detail.homogeneous ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-design.png);}
#container .product_detail.homogeneous ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-green.png);}

#container .product_detail.linoleum ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-nonslip.png);}
#container .product_detail.linoleum ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-maintenance.png);}
#container .product_detail.linoleum ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-air.png);}
#container .product_detail.linoleum ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-pollution_control.png);}
#container .product_detail.linoleum ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-fireproof.png);}
#container .product_detail.linoleum ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-green.png);}

#container .product_detail.laminate_panel ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-easy&fast.png);}
#container .product_detail.laminate_panel ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-anti_scratch.png);}
#container .product_detail.laminate_panel ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-durability.png);}
#container .product_detail.laminate_panel ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-waterproof.png);}
#container .product_detail.laminate_panel ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-clean.png);}
#container .product_detail.laminate_panel ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-uv.png);}

#container .product_detail.laminate_tile ul.main_Features li:nth-child(1) {background:url(../images/sub/product/icon-easy&fast.png);}
#container .product_detail.laminate_tile ul.main_Features li:nth-child(2) {background:url(../images/sub/product/icon-anti_scratch.png);}
#container .product_detail.laminate_tile ul.main_Features li:nth-child(3) {background:url(../images/sub/product/icon-dollar.png);}
#container .product_detail.laminate_tile ul.main_Features li:nth-child(4) {background:url(../images/sub/product/icon-waterproof.png);}
#container .product_detail.laminate_tile ul.main_Features li:nth-child(5) {background:url(../images/sub/product/icon-clean.png);}
#container .product_detail.laminate_tile ul.main_Features li:nth-child(6) {background:url(../images/sub/product/icon-uv.png);}


#container .product_detail h3.subtitle {margin:80px 0 40px; font-size:2.8rem; font-weight:600; color:#111;}
#container .product_detail h3.subtitle::before {width:80px; height:2px; display:block; content:''; background:#1b3858; margin-bottom:16px;}
#container .product_detail dl.product_specs {width:96%; margin:0 auto; border-top:1px solid #d2d2d2;}
#container .product_detail dl.product_specs dt {padding:25px 0; cursor:pointer;}
#container .product_detail dl.product_specs dt h4 {font-size:1.7rem; font-weight:600; color:#313131; position:relative;}
#container .product_detail dl.product_specs dt h4 i.icon-type {
    display:inline-block; position:absolute; right:10px; top:50%; width:18px; height:1px; background:#212121; transform:translateY(-50%);
    -webkit-transition:transform 0.3s ease;
	-moz-transition:transform 0.3s ease;
	-o-transition:transform 0.3s ease;
    transition:transform 0.3s ease;
}
#container .product_detail dl.product_specs dt h4 i.icon-type::after {
    display:inline-block; content:''; position:absolute; width:18px; height:1px; background:#212121; transform:rotate(90deg);
    -webkit-transition:transform 0.3s ease;
	-moz-transition:transform 0.3s ease;
	-o-transition:transform 0.3s ease;
    transition:transform 0.3s ease;
}
#container .product_detail dl.product_specs dd {
    display:block; height:0; overflow:hidden;
    -webkit-transition:height 0.4s ease;
    -moz-transition:height 0.4s ease;
    -o-transition:height 0.4s ease;
    transition:height 0.4s ease;
}

#container .product_detail dl.product_specs dt:hover h4,
#container .product_detail dl.product_specs.on dt h4 {color:#1d7a34;}
#container .product_detail dl.product_specs.on dt h4 i.icon-type::after {transform:rotate(0deg);}
#container .product_detail dl.product_specs.on dd {display:block; height:auto; min-height:20px;}

#container .product_detail dl.product_specs dd ul.product_features {display:grid; grid-template-columns:repeat(2, 1fr); gap:50px;}
#container .product_detail dl.product_specs dd ul.product_features li:nth-child(1) {height:320px; background-position:center 35% !important; background-repeat:no-repeat !important; box-sizing:border-box; position:relative;}
#container .product_detail dl.product_specs dd ul.product_features li:nth-child(1) span {
    display:inline-block; position:absolute; right:60px; top:42%; transform:translateY(-50%); z-index:2; font-size:1.4rem; color:#414141; line-height:2.5rem; font-weight:400;
}
#container .product_detail dl.product_specs dd ul.product_features li:nth-child(1) h4 {
    display:block; width:100%; position:absolute; left:0; bottom:30px; z-index:2; font-size:1.2rem; line-height:1.8rem; font-weight:500; color:#212121; text-align:center;
}
#container .product_detail dl.product_specs dd ul.product_features li p {
    margin-top:22px; font-size:1.54rem; line-height:2.2rem; letter-spacing:-0.5px; font-weight:400; color:#313131; padding:0 40px 0 10px; position:relative; box-sizing:border-box;
}
#container .product_detail dl.product_specs dd ul.product_features li p::before {display:inline-block; content:'-'; width:10px; position:absolute; left:0; top:0;}
#container .product_detail dl.product_specs dd ul.product_features li p:first-child {margin-top:0px;}

#container .product_detail.emotion dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_emt.jpg);}
#container .product_detail.artistic_sheet dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_artst.jpg);}
#container .product_detail.artistic_tile dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_arttl.jpg);}
#container .product_detail.laminate_flooring dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_lmtflg.jpg);}
#container .product_detail.rarasafe_ultra dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_rasf_utr.jpg);}
#container .product_detail.homogeneous dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_mipolam150.jpg);}
#container .product_detail.linoleum dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_linoum.jpg);}
#container .product_detail.laminate_panel dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_lmtpl.jpg);}
#container .product_detail.laminate_tile dl.product_specs dd ul.product_features li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/3d_lmttl.jpg);}

#container .product_detail dl.product_specs dd table {width:100%; margin-top:10px;}
#container .product_detail dl.product_specs dd table th {font-weight:500; padding-left:20px;}
#container .product_detail dl.product_specs dd table td {font-weight:400;}

#container .product_detail dl.product_specs dd table.t1 th {width:calc(45% - 20px); min-width:}
#container .product_detail dl.product_specs dd table.t1 td {width:55%;}

#container .product_detail dl.product_specs dd table.t2 th {width:calc(45% - 20px);}
#container .product_detail dl.product_specs dd table.t2 td:nth-child(1) {width:25.5%;}
#container .product_detail dl.product_specs dd table.t2 td:nth-child(2) {width:25.5%;}

#container .product_detail dl.product_specs dd table.t3 th {width:calc(34% - 20px);}
#container .product_detail dl.product_specs dd table.t3 td:nth-child(1) {width:22%;}
#container .product_detail dl.product_specs dd table.t3 td:nth-child(2) {width:22%;}
#container .product_detail dl.product_specs dd table.t3 td:nth-child(3) {width:22%;}

#container .product_detail dl.product_specs dd table tr th,
#container .product_detail dl.product_specs dd table tr td {background:#fff; height:52px; font-size:1.4rem; color:#212121; vertical-align:middle;}
#container .product_detail dl.product_specs dd table tr:nth-child(odd) th,
#container .product_detail dl.product_specs dd table tr:nth-child(odd) td {background:#f6f8f6;}

/*제품분류*/
#container .product_detail dl.product_specs dd ul.pd_category {margin-top:10px; display:flex; flex-wrap:wrap; gap:50px; justify-content:center;}
#container .product_detail dl.product_specs dd ul.pd_category li {
     display:flex; /*flex:1 1 20%;*/ width:320px; height:260px; padding:20px 0 20px; margin-bottom:40px; border:1px solid #d2d2d2; box-sizing:border-box; position:relative;
    flex-direction:column; justify-content:flex-end; align-items:center; background-repeat:no-repeat !important; background-position:center !important; background-size:100% !important;
}
#container .product_detail dl.product_specs dd ul.pd_category li:nth-child(1) {background:#f7f7f9 url(../images/sub/product/lamitl_4.2t.jpg);}
#container .product_detail dl.product_specs dd ul.pd_category li:nth-child(2) {background:#f7f7f9 url(../images/sub/product/lamitl_4.5t.jpg);}
#container .product_detail dl.product_specs dd ul.pd_category li:nth-child(3) {background:#f7f7f9 url(../images/sub/product/lamitl_5.0t.jpg);}
#container .product_detail dl.product_specs dd ul.pd_category li h4 {width:100%; position:absolute; top:25px; left:0; font-size:1.4rem; font-weight:500; color:#111; text-align:center;}
#container .product_detail dl.product_specs dd ul.pd_category li p {font-size:1.2rem; font-weight:400; color:#212121; text-align:center;}

/*시험성적서*/
#container .product_detail dl.product_specs dd ul.certification {margin-top:10px; display:flex; flex-wrap:wrap; gap:50px; justify-content:center;}
#container .product_detail dl.product_specs dd ul.certification li {
    display:flex; /*flex:1 1 20%;*/ width:190px; height:254px; margin-bottom:40px; border:1px solid #d2d2d2; box-sizing:border-box;
    flex-direction:column; justify-content:flex-end; align-items:center; background-repeat:no-repeat !important; background-position:center !important; background-size:100% !important;
}
#container .product_detail.emotion dl.product_specs dd ul.certification li:nth-child(1),
#container .product_detail.artistic_sheet dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/antivirus_test_cf.jpg);}
#container .product_detail.emotion dl.product_specs dd ul.certification li:nth-child(2),
#container .product_detail.artistic_sheet dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.emotion dl.product_specs dd ul.certification li:nth-child(3),
#container .product_detail.artistic_sheet dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/environmental_label_cf.jpg);}
#container .product_detail.emotion dl.product_specs dd ul.certification li:nth-child(4),
#container .product_detail.artistic_sheet dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/csr_cf.jpg);}

#container .product_detail.artistic_tile dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/antivirus_test_cf.jpg);}
#container .product_detail.artistic_tile dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.artistic_tile dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/environmental_label2_cf.jpg);}
#container .product_detail.artistic_tile dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/csr_kor_cf.jpg);}

#container .product_detail.laminate_flooring dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/pefc_cf.jpg);}
#container .product_detail.laminate_flooring dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.laminate_flooring dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/environmental_label3_cf.jpg);}
#container .product_detail.laminate_flooring dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/csr_cf.jpg);}

#container .product_detail.rarasafe_ultra dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/antivirus_test_cf.jpg);}
#container .product_detail.rarasafe_ultra dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.rarasafe_ultra dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/environmental_label_cf.jpg);}
#container .product_detail.rarasafe_ultra dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/csr_cf.jpg);}

#container .product_detail.homogeneous dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/antivirus_test_cf.jpg);}
#container .product_detail.homogeneous dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.homogeneous dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/environmental_label_cf.jpg);}
#container .product_detail.homogeneous dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/csr_cf.jpg);}

#container .product_detail.linoleum dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/antivirus_test_cf.jpg);}
#container .product_detail.linoleum dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.linoleum dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/environmental_label_cf.jpg);}
#container .product_detail.linoleum dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/csr_cf.jpg);}

#container .product_detail.laminate_panel dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/pefc_cf.jpg);}
#container .product_detail.laminate_panel dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/dop_cf.jpg);}
#container .product_detail.laminate_panel dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/sintef_eta18_cf.jpg);}
#container .product_detail.laminate_panel dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/eurofins_cf.jpg);}

#container .product_detail.laminate_tile dl.product_specs dd ul.certification li:nth-child(1) {background:url(../images/sub/product/certification/fire_test_cf.jpg);}
#container .product_detail.laminate_tile dl.product_specs dd ul.certification li:nth-child(2) {background:url(../images/sub/product/certification/dop2_cf.jpg);}
#container .product_detail.laminate_tile dl.product_specs dd ul.certification li:nth-child(3) {background:url(../images/sub/product/certification/emission_test_cf.jpg);}
#container .product_detail.laminate_tile dl.product_specs dd ul.certification li:nth-child(4) {background:url(../images/sub/product/certification/eurofins_cf.jpg);}

/*설치 방법*/
#container .product_detail dl.product_specs dd ul.pd_install {width:100%; margin-top:10px; display:grid; justify-items:center !important; box-sizing:border-box;}
#container .product_detail dl.product_specs dd ul.pd_install::after {clear:both; display:block; content:''; width:100%; height:8px;}
#container .product_detail dl.product_specs dd ul.pd_install li {max-width:300px; width:auto; text-align:center !important; margin:0 auto;}
#container .product_detail dl.product_specs dd ul.pd_install li h4 {margin-top:18px; font-size:1.4rem; font-weight:500; color:#111;}
#container .product_detail dl.product_specs dd ul.pd_install li p {margin-top:6px; font-size:1.2rem; font-weight:400; color:#212121;}

#container .product_detail dl.product_specs dd ul.pd_install.grid3 {grid-template-columns:repeat(3, 1fr); gap:50px;}
#container .product_detail dl.product_specs dd ul.pd_install.grid4 {grid-template-columns:repeat(4, 1fr); gap:30px;}
#container .product_detail dl.product_specs dd ul.pd_install.grid5 {grid-template-columns:repeat(5, 1fr); gap:20px;}

#container .product_detail dl.product_specs dd ul.pd_install li img {width:100%; max-width:300px;}

#container .product_detail dl.product_specs dd ul.certification li h4 {font-size:1.4rem; font-weight:500; color:#111; margin-bottom:-40px;}

/*제품 테스트*/
#container .product_detail dl.product_specs dd ul.pd_test {margin-top:10px; display:flex; flex-wrap:wrap; gap:50px; justify-content:center;}
#container .product_detail dl.product_specs dd ul.pd_test li {
    display:flex; /*flex:1 1 20%;*/ width:320px; height:239px; margin-bottom:40px; border:1px solid #d2d2d2; box-sizing:border-box;
    flex-direction:column; justify-content:flex-end; align-items:center; background-repeat:no-repeat !important; background-position:center !important; background-size:100% !important;
}
#container .product_detail dl.product_specs dd ul.pd_test li:nth-child(1) {background:url(../images/sub/product/lmt_fl_test01.jpg);}
#container .product_detail dl.product_specs dd ul.pd_test li:nth-child(2) {background:url(../images/sub/product/lmt_fl_test02.jpg);}
#container .product_detail dl.product_specs dd ul.pd_test li:nth-child(3) {background:url(../images/sub/product/lmt_fl_test03.jpg);}
#container .product_detail dl.product_specs dd ul.pd_test li p {font-size:1.2rem; font-weight:400; color:#111; margin-bottom:-40px;}

/*제품 타입*/
#container .product_detail dl.product_specs dd .pd_type {text-align:center;}
#container .product_detail dl.product_specs dd .pd_type img {width:100%; max-width:566px;}

/*사업분야*/
#container.biz_area .contents h3.preface {margin-top:35px; text-align:center; padding:0 25vh;}
#container.biz_area .svg_graphic {margin-top:150px; text-align:center;}
#container.biz_area .svg_graphic img {width:92%; max-width:1000px; display:inline-block; margin:0 auto;}

/*공사실적*/
#container.project_completion .contents {display:grid; grid-template-columns:repeat(2, 1fr);}
#container.project_completion .contents article {position:relative;}
#container.project_completion .contents article .text_box {
    position:absolute; left:0; top:50%; width:560px; height:640px; background:url(../images/sub/p0103_bg.jpg) no-repeat center; box-sizing:border-box; padding:30px; transform:translateY(-50%);
}
#container.project_completion .contents article .text_box h3 {margin-top:360px; font-size:3.6rem; font-weight:600; color:#fff; letter-spacing:-1px;}
#container.project_completion .contents article .text_box p {margin-top:20px; font-size:1.5rem; line-height:2.2rem; font-weight:400; color:#d8f7f2; word-wrap:break-word; word-break:break-all;}
#container.project_completion .contents aside {}

/*오시는길*/
#container.location .contents {display:grid; grid-template-columns:60% 40%;}
#container.location .contents article {position:relative; padding:0 3%;}
#container.location .contents aside {padding-left:40px; box-sizing:border-box;}
#container.location .contents aside dl.roadmap {margin-top:25px; padding-top:20px; border-top:1px solid #d2d2d2;}
#container.location .contents aside dl.roadmap:first-child {margin-top:0px; padding-top:0px; border-top:none;}
#container.location .contents aside dl.roadmap dt {font-size:1.8rem; font-weight:500; color:#111;}
#container.location .contents aside dl.roadmap dt i {margin:-4px 3px 0 2px; font-size:2.0rem; color:#000;}
#container.location .contents aside dl.roadmap dd {padding-left:3px; margin-top:8px; font-size:1.4rem; line-height:1.8rem; font-weight:400; color:#313131;}
#container.location .contents aside dl.roadmap dd i {margin:-2px -1px 0 5px !important; color:#000;}
#container.location .contents aside dl.roadmap dd.tel {font-size:3.4rem; font-weight:500; margin-top:18px;}

/*이용약관*/
#container.access_terms .contents h1 {font-size:3.6rem; margin-bottom:40px; color:#212121; font-weight:600;}
#container.access_terms .contents h3 {font-size:2.0rem; margin-top:2%; padding:1% 0; color:#313131; font-weight:500;}
#container.access_terms .contents h4 {font-size:1.8rem; line-height:2.6rem; margin:2% 0 1%; padding:1% 0; color:#414141; font-weight:400;}
#container.access_terms .contents p {font-size:1.4rem; line-height:1.6rem; padding:2px 3px; margin-top:5px; color:#515151; font-weight:400;}

/*개인정보보호정책*/
#container.privacy_policy .contents {}
#container.privacy_policy .contents h1 {font-size:3.6rem; margin-bottom:40px; color:#212121; font-weight:600;}
#container.privacy_policy .contents h4 {font-size:1.8rem; line-height:2.6rem; margin:2% 0 1%; padding:1% 0; color:#414141; font-weight:400;}
#container.privacy_policy .contents p {font-size:1.4rem; line-height:1.6rem; padding:2px 3px; margin-top:5px; color:#515151; font-weight:400;}

/*하단 메뉴*/
#container #foot_nav {margin-top:100px; border-top:1px solid #d2d2d2; box-sizing:border-box;}
#container #foot_nav nav {display:block; padding:50px 5% 0; box-sizing:border-box;}
#container #foot_nav ul.depth1 {display:grid; grid-template-columns:repeat(5, 1fr);}
#container #foot_nav ul.depth1 li.main_menu {border-left:1px solid #e4e4e4; padding:10px 0px 10px 30px;}
#container #foot_nav ul.depth1 li.main_menu:first-child {border:none;}
#container #foot_nav ul.depth1 li a {font-size:1.7rem; font-weight:600; color:#1b1b1b;}
#container #foot_nav ul.depth2 {margin-top:18px;}
#container #foot_nav ul.depth2 li {margin-top:6px;}
#container #foot_nav ul.depth2 li a {font-size:1.54rem; font-weight:400; color:#414141;}
#container #foot_nav ul.depth2 li a:hover {border-bottom:1px solid #212121; padding-bottom:1px;}

/* Container End */

@media screen and (max-width:1920px) {
}

@media screen and (max-width:1680px) {
}

@media screen and (max-width:1440px) {

    #container .sub_visual h1.public-title {font-size:5.0rem;}
    #container .sub_visual h1.public-title::before {width:40px; margin:0 auto 8px;}

    /*컨텐츠*/
    #container .contents h2.public-subject {font-size:3.7rem;}

    /*회사소개*/
    #container.company #tab_area .tab_content h2.slogan {}
    #container.company #tab_area #tab01 h2.public-subject {margin-top:140px;}
    #container.company #tab_area #tab01 dl.text_box {margin-top:70px;}
    #container.company #tab_area #tab01 h3 {margin-top:180px;}

    /*주요연혁*/
    #container.company #tab_area #tab02 ul.history {grid-template-columns:50% 50%; gap:50px; height:700px;}
    #container.company #tab_area #tab02 ul.history li:nth-child(1) {background-position:center top; background-size:1440px;}
    #container.company #tab_area #tab02 ul.history dl dt {min-width:120px;}

    /*사업분야*/
    #container.biz_area .contents h3.preface {margin-top:30px; padding:0 15%;}

    /*제품안내 & 시공사례*/
    #container .layout2 #tab_area {grid-template-columns:240px 1fr;}
    #container .layout2 #tab_area .tab_content {padding:0px 0px 50px 65px;}
}

@media screen and (max-width:1280px) {

    #container .sub_visual h1.public-title {font-size:4.8rem;}
    #container .contents h2.public-subject {font-size:3.6rem;}

    /*컨텐츠*/
    #container .contents {}
    #container .contents h3.preface {font-size:1.9rem;}

    /*회사소개*/
    #container.company #tab_area .tab_content h2.slogan {}
    #container.company #tab_area #tab01 dl.text_box {margin-top:60px;}
    #container.company #tab_area #tab01 dl.text_box dt h4 {margin-top:30px; font-size:1.7rem; line-height:2.6rem;}
    #container.company #tab_area #tab01 h3 {margin-top:170px;}

    /*주요연혁*/
    #container.company #tab_area #tab02 ul.history dl {padding:50px 0 50px 50px;}
    #container.company #tab_area #tab02 ul.history dl dt {font-size:3.0rem; min-width:120px; padding-right:30px;}
    #container.company #tab_area #tab02 ul.history dl dd {font-size:1.6rem; line-height:2.4rem;}

    /*사업분야*/
    #container.biz_area .contents h3.preface {margin-top:25px; padding:0 10%;}
    #container.biz_area .svg_graphic {margin-top:140px;}

    /*공사실적*/
    #container.project_completion .contents {grid-template-columns:55% 45%;}

    /*제품안내 & 시공사례*/
    #container .layout2 #tab_area {grid-template-columns:230px 1fr;}
    #container .layout2 #tab_area .tab_content {padding:0px 0px 40px 55px;}
    #container .layout2 #tab_area .tab_content.product_detail dl dt h4 {
        width:170px; height:42px; line-height:40px; background:linear-gradient(12deg, rgb(26, 41, 34) 50%, rgb(49, 73, 64) 50%); font-size:1.25rem; margin-bottom:18px;
    }
}

@media screen and (max-width:1152px) {

    #container .sub_visual h1.public-title {font-size:4.7rem; top:35px;}
    #container .sub_visual h1.public-title::before {width:40px; margin:0 auto 8px;}

    #container .contents h2.public-subject {font-size:3.5rem;}

    /*회사소개*/
    #container.company #tab_area #tab01 h2.public-subject {margin-top:120px;}
    #container.company #tab_area #tab01 dl.text_box {margin-top:50px;}
    #container.company #tab_area #tab01 dl.text_box dt h4 {margin-top:25px; font-size:1.6rem; line-height:2.4rem;}
    #container.company #tab_area #tab01 h3 {margin-top:160px;}

    /*공사실적*/
    #container.project_completion .contents {grid-template-columns:60% 40%;}

    /*제품안내*/
    #container .product_detail h3.subtitle {padding:0 10px;}

    #container .product_detail dl.product_specs dd ul.product_features {grid-template-columns:repeat(1, 1fr); gap:50px;}
    #container .product_detail dl.product_specs dd ul.product_features li p {padding:0 10px;}

    /*제품안내 & 시공사례*/
    #container.product .product_list .flooring_list {grid-template-columns:repeat(2, 1fr); gap:30px;}

    #container .product_detail .product_overview p {max-width:700px;}
}

@media screen and (max-width:1024px) {

    /*서브 비쥬얼*/
    #container h1.public-title {}

    /*컨텐츠*/
    #container .contents {}
    #container .contents h2.public-subject {font-size:3.4rem;}
    #container .contents h3.preface {font-size:1.8rem;}

    /*회사소개*/
    #container #tab_area .tab_content {padding:80px 20px 40px; box-sizing:border-box;}
    #container.company #tab_area .tab_content h2.slogan {font-size:6.4rem; line-height:7.2rem;}
    #container.company #tab_area #tab01 h2.public-subject {margin-top:100px;}
    #container.company #tab_area #tab01 dl.text_box {margin-top:40px; grid-template-columns:repeat(1, 1fr); gap:0;}
    #container.company #tab_area #tab01 dl.text_box dt h4 {margin-top:20px; font-size:1.5rem; line-height:2.2rem;}
    #container.company #tab_area #tab01 dl.text_box dd {height:500px; margin-top:60px;}
    #container.company #tab_area #tab01 h3 {margin-top:150px;}
    #container.company #tab_area #tab01 .table {gap:20px;}
    #container.company #tab_area #tab01 .table dl dt {font-size:1.8rem; padding:0 8px 18px;}
    #container.company #tab_area #tab01 .table dl dd {font-size:1.5rem; padding:18px 8px 0;}

    /*주요연혁*/
    #container.company #tab_area #tab02 ul.history {grid-template-columns:45% 55%;}
    #container.company #tab_area #tab02 ul.history dl {padding:40px 0 40px 40px;}
    #container.company #tab_area #tab02 ul.history dl dt {padding-right:0px;}
    #container.company #tab_area #tab02 ul.history dl dd {font-size:1.4rem; line-height:2.0rem;}

    /*사업분야*/
    #container.biz_area .contents h3.preface {margin-top:20px; padding:0 6%;}
    #container.biz_area .svg_graphic {margin-top:130px;}

    /*오시는길*/
    #container.location .contents {grid-template-columns:repeat(1, 1fr);}
    #container.location .contents article {position:relative; padding:0 3%;}
    #container.location .contents aside {padding:0 3% 0 3%; margin-top:50px;}

    /*공사실적*/
    #container.project_completion .contents {display:block;}
    #container.project_completion .contents article {position:relative; height:150px;}
    #container.project_completion .contents article .text_box {
        position:static; width:100%; height:150px !important; background:none; padding:0; transform:translateY(0%);
    }
    #container.project_completion .contents article .text_box h3 {margin-top:0; font-size:3.6rem; color:#111;}
    #container.project_completion .contents article .text_box p {margin-top:20px; font-size:1.5rem; line-height:2.2rem; color:#313131;}

    /*제품안내*/
    #container .product_detail ul.main_Features {grid-template-columns:repeat(2, 1fr); row-gap:60px;}

    #container .product_detail h3.subtitle {margin:70px 0 30px; font-size:2.6rem;}
    #container .product_detail h3.subtitle::before {width:70px; margin-bottom:14px;}

    #container .product_detail dl.product_specs dt {padding:22px 0;}
    #container .product_detail dl.product_specs dt h4 {font-size:1.6rem;}
    #container .product_detail dl.product_specs dt h4 i.icon-type,
    #container .product_detail dl.product_specs dt h4 i.icon-type::after {width:16px;}

    #container .product_detail dl.product_specs dd ul.product_features li p {margin-top:20px; font-size:1.4rem; line-height:1.7rem;}

    #container .product_detail dl.product_specs dd table tr th,
    #container .product_detail dl.product_specs dd table tr td {height:48px; font-size:1.3rem;}

    #container .product_detail dl.product_specs dd ul.certification li {margin-top:15px; margin-bottom:20px;}
    #container .product_detail dl.product_specs dd ul.certification li h4 {font-size:1.3rem; margin-bottom:-30px;}

    /*제품안내 & 시공사례*/
    #container.product .product_list .flooring_list,
    #container.product .product_list .wall_covering_list,
    #container.product .product_list .ceiling_material_list {grid-template-columns:repeat(2, 1fr);}

    #container .product_detail .product_overview p {max-width:600px;}

    #container #foot_nav {display:none;}
}

@media screen and (max-width:840px) {

    #container .sub_visual h1.public-title {font-size:4.6rem; top:35px;}
    #container .sub_visual h1.public-title::before {width:40px; margin:0 auto 8px;}

    /*컨텐츠*/
    #container .contents h2.public-subject {font-size:3.3rem;}

    /*제품안내 & 시공사례*/
    #container .layout2 #tab_area {grid-template-columns:180px 1fr;}
    #container .layout2 #tab_area .tab_content {padding:0px 0px 20px 35px;}
    #container .layout2 #tab_area aside .sub_nav li a {height:35px; font-size:1.2rem; line-height:35px; padding:0 0 0 15px;}
    #container .layout2 #tab_area aside .sub_nav li.active ul.sub_depth li a {height:30px; line-height:30px;}
    #container .layout2 #tab_area .tab_content.product_detail dl {margin-top:40px;}

    /*제품안내*/
    #container .product_detail h3.subtitle {margin:60px 0 25px; font-size:2.4rem;}
    #container .product_detail h3.subtitle::before {width:65px; margin-bottom:12px;}

    #container .product_detail dl.product_specs dt {padding:20px 0;}
    #container .product_detail dl.product_specs dt h4 {font-size:1.5rem;}
    #container .product_detail dl.product_specs dt h4 i.icon-type,
    #container .product_detail dl.product_specs dt h4 i.icon-type::after {width:14px;}

    #container .product_detail dl.product_specs dd ul.product_features li p {margin-top:16px; font-size:1.3rem; line-height:1.6rem;}

    #container .product_detail dl.product_specs dd table tr th,
    #container .product_detail dl.product_specs dd table tr td {height:46px; font-size:1.25rem;}

    #container .product_detail dl.product_specs dd ul.certification li {margin-top:15px;}
    #container .product_detail dl.product_specs dd ul.certification li h4 {font-size:1.25rem; margin-bottom:-30px;}
}

@media screen and (max-width:768px) {

    /*컨텐츠*/
    #container .contents {padding-top:0px;}
    #container .contents h2.public-subject {font-size:3.2rem; margin-top:60px;}
    #container .contents h3.preface {font-size:1.7rem; line-height:2.4rem;}

    #container .location_depth ol {display:block; justify-content:unset; align-items:unset;}
    #container .location_depth ol li {display:inline-block; margin:5px; height:30px; line-height:30px;}
    #container .location_depth ol li.current {padding:0 16px;}
    #container .location_depth ol li a {font-size:1.4rem;}
    #container .location_depth ol li.current a {font-size:1.3rem;}

    /*회사소개*/
    #container #tab_area .tab_nav li {height:48px;}
    #container #tab_area .tab_nav li a {font-size:1.8rem; padding:0 6vh; line-height:48px;}
    #container #tab_area .tab_nav li a.active {padding:0 8vh;}
    #container #tab_area .tab_content {padding:60px 20px 40px;}

    #container.company #tab_area .tab_content h2.slogan {font-size:5.8rem; line-height:7.0rem;}
    #container.company #tab_area #tab01 h2.public-subject {margin-top:80px;}
    #container.company #tab_area #tab01 dl.text_box dd {height:400px;}
    #container.company #tab_area #tab01 h3 {margin-top:140px; font-size:3.8rem;}
    #container.company #tab_area #tab01 .table {margin-top:60px; grid-template-columns:repeat(2, 1fr); gap:50px;}
    #container.company #tab_area #tab01 .table dl dt {}
    #container.company #tab_area #tab01 .table dl dd {}

    /*주요연혁*/
    #container.company #tab_area #tab02 ul.history {display:block; height:auto !important;}
    #container.company #tab_area #tab02 ul.history li {display:block;}
    #container.company #tab_area #tab02 ul.history li:nth-child(1) {height:400px; background-size:1200px; background-position:center center;}
    #container.company #tab_area #tab02 ul.history li:nth-child(2) {margin:60px 0 0; padding:0; height:auto;}
    #container.company #tab_area #tab02 ul.history li:nth-child(2) dl {padding:20px 0 20px 40px;}

    /*사업분야*/
    #container.biz_area .contents {padding-top:30px;}
    #container.biz_area .contents h3.preface {margin-top:18px; padding:0 3%;}
    #container.biz_area .svg_graphic {margin-top:120px;}

    /*제품안내*/
    #container .product_detail .product_overview {top:40px; width:calc(100% - 80px); padding:25px;}
    #container .product_detail .product_overview p {font-size:1.5rem; line-height:1.9rem;}
    #container .product_detail .product_slide ul,
    #container .product_detail .product_slide ul li {height:500px;}
    #container .product_detail .product_slide button.slick-arrow {width:38px; height:38px; top:65px;}
    #container .product_detail .product_slide button.slick-arrow.slick-prev {right:110px;}
    #container .product_detail .product_slide button.slick-arrow.slick-next {right:65px;}

    #container .product_detail h3.subtitle {margin:55px 0 20px; font-size:2.2rem;}
    #container .product_detail h3.subtitle::before {width:60px; margin-bottom:10px;}

    #container .product_detail dl.product_specs dt {padding:18px 0;}
    #container .product_detail dl.product_specs dt h4 {font-size:1.4rem;}
    #container .product_detail dl.product_specs dt h4 i.icon-type,
    #container .product_detail dl.product_specs dt h4 i.icon-type::after {width:13px;}

    #container .product_detail dl.product_specs dd ul.product_features li p {margin-top:16px; font-size:1.3rem; line-height:1.6rem;}

    #container .product_detail dl.product_specs dd table tr th,
    #container .product_detail dl.product_specs dd table tr td {height:44px; font-size:1.2rem;}

    #container .product_detail dl.product_specs dd ul.certification li {margin-top:15px;}
    #container .product_detail dl.product_specs dd ul.certification li h4 {font-size:1.2rem; margin-bottom:-30px;}

    #container .product_detail dl.product_specs dd ul.pd_install.grid5 {grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; padding-bottom:20px;}
    #container .product_detail dl.product_specs dd ul.pd_install.grid5 li {margin-bottom:10px;}

    /*공사실적*/
    #container.project_completion h1.public-title {}
    #container.project_completion .contents {padding-top:30px;}
    #container.project_completion .contents aside {margin-top:30px;}

    #container .item_category {margin-top:40px;}
    #container .item_category h3 {font-size:2.0rem;}
    #container .item_category h3 i {font-size:1.8rem; margin:-4px 2px 0 0;}
    #container .item_category ol {margin-top:20px; padding:0 20px; display:block; justify-content:unset; align-items:unset; text-align:center;}
    #container .item_category ol.items li {width:calc(100% / 3 - 10px);}
    #container .item_category ol.place li {width:calc(100% / 2 - 10px);}
    #container .item_category ol li {display:inline-block; height:36px; line-height:36px; border:1px solid #d2d2d2; text-align:center;}
    #container .item_category ol li a {font-size:1.2rem;}
    #container .item_category ol li.active a {color:#f1f1f1;}

    /*오시는 길*/
    #container.location .contents {padding-top:30px;}
}

@media screen and (max-width:640px) {

    #container .sub_visual h1.public-title {font-size:4.5rem; top:35px;}
    #container .sub_visual h1.public-title::before {width:40px; margin:0 auto 8px;}

    #container.product_list {padding:20px 0 60px !important;}

    /*컨텐츠*/
    #container .contents h2.public-subject {font-size:3.2rem;}
    #container .contents h3.preface {font-size:1.6rem; line-height:2.3rem;}

    /*회사소개*/
    #container #tab_area .tab_content {padding:40px 20px 20px;}
    #container.company #tab_area .tab_content h2.slogan {font-size:4.6rem; line-height:5.4rem; letter-spacing:-1px;}
    #container.company #tab_area #tab01 h2.public-subject {margin-top:60px;}
    #container.company #tab_area #tab01 dl.text_box dd {height:390px;}
    #container.company #tab_area #tab01 h3 {margin-top:120px; font-size:3.4rem;}
    #container.company #tab_area #tab01 .table {grid-template-columns:repeat(2, 1fr); gap:50px;}
    #container.company #tab_area #tab01 .table dl dt {border-bottom:3px solid #d2d2d2; padding:0 8px 12px;}
    #container.company #tab_area #tab01 .table dl dd {font-size:1.4rem; padding:12px 8px 0;}

    /*주요연혁*/
    #container.company #tab_area #tab02 ul.history {display:block;}
    #container.company #tab_area #tab02 ul.history li:nth-child(1) {height:200px; background-position:center 65%;}
    #container.company #tab_area #tab02 ul.history li:nth-child(2) dl {padding:20px 0 20px 20px; border-top:1px solid #d2d2d2;}
    #container.company #tab_area #tab02 ul.history li:nth-child(2) dl:first-child {border-top:none;}
    #container.company #tab_area #tab02 ul.history li:nth-child(2) dl dt {font-size:2.0rem;}
    #container.company #tab_area #tab02 ul.history li:nth-child(2) dl dd {font-size:1.2rem;}

    /*사업분야*/
    #container.biz_area .contents h3.preface {margin-top:16px !important;}
    #container.biz_area .svg_graphic {margin-top:110px;}

    /*공사실적*/
    #container.project_completion .contents article .text_box h3 {font-size:3.5rem; line-height:3.4rem;}
    #container.project_completion .contents article .text_box p {margin-top:15px; font-size:1.4rem; line-height:2.0rem;}
    #container.project_completion .contents aside {margin-top:10px;}

    #container .item_category ol.items li,
    #container .item_category ol.place li {width:calc(100% / 2 - 10px);}

    /*제품안내 & 시공사례*/
    #container.product .product_list .flooring_list,
    #container.product .product_list .wall_covering_list,
    #container.product .product_list .ceiling_material_list {grid-template-columns:repeat(1, 1fr);}

    #container .layout2 #tab_area .tab_content.product_detail h2 {font-size:4.2rem;}
    #container .layout2 #tab_area .tab_content.product_detail dl {}

    /*제품안내*/
    #container .product_detail .product_overview {top:20px; width:calc(100% - 40px); padding:20px;}
    #container .product_detail .product_overview h2 {font-size:2.8rem;}
    #container .product_detail .product_overview p {font-size:1.4rem; line-height:1.8rem;}
    #container .product_detail .product_slide ul,
    #container .product_detail .product_slide ul li {height:400px;}
    #container .product_detail .product_slide button.slick-arrow {width:34px; height:34px; top:40px;}
    #container .product_detail .product_slide button.slick-arrow.slick-prev {right:80px;}
    #container .product_detail .product_slide button.slick-arrow.slick-next {right:40px;}

    #container .product_detail ul.main_Features {display:block; margin-top:90px;}
    #container .product_detail ul.main_Features::after {clear:both;}
    #container .product_detail ul.main_Features li {float:left; width:calc(100% / 2 - 30px); height:140px; margin:20px 15px;}
    #container .product_detail ul.main_Features li p {padding:0 30px;}

    #container .product_detail dl.product_specs dd ul.pd_install.grid4 {grid-template-columns:repeat(2, 1fr); column-gap:15px; row-gap:220px;}
    #container .product_detail dl.product_specs dd ul.pd_install.grid4 li h4 {margin-top:10px;}
}

@media screen and (max-width:540px) {

    #container .sub_visual {height:120px; position:relative;}
    #container .sub_visual h1.public-title {font-size:4.4rem; top:15px;}
    #container .sub_visual h1.public-title::before {width:40px; margin:0 auto 8px;}

    /*컨텐츠*/
    #container .contents {min-height:460px;}
    #container .contents h2.public-subject {font-size:3.1rem;}
    #container .contents h3.preface {font-size:1.5rem; line-height:2.2rem;}

    /*회사소개*/
    #container #tab_area .tab_nav li {height:42px;}
    #container #tab_area .tab_nav li a {font-size:1.6rem; padding:0 4vh; line-height:42px;}
    #container #tab_area .tab_nav li a.active {padding:0 6vh;}
    #container #tab_area .tab_content {padding:30px 10px 20px;}
    #container.company #tab_area .tab_content h2.slogan {font-size:3.8rem; line-height:4.8rem;}
    #container.company #tab_area #tab01 dl.text_box dd {margin-top:50px; height:320px;}
    #container.company #tab_area #tab01 h3 {margin-top:80px; font-size:3.2rem;}
    #container.company #tab_area #tab01 .table {margin-top:50px; grid-template-columns:repeat(2, 1fr); gap:20px;}
    #container.company #tab_area #tab01 .table dl dt {font-size:1.6rem;}
    #container.company #tab_area #tab01 .table dl dd {font-size:1.3rem;}

    /*사업분야*/
    #container.biz_area .contents h3.preface {margin-top:14px !important;}
    #container.biz_area .svg_graphic {margin-top:75px;}

    /*공사실적*/
    #container.project_completion .contents article .text_box h3 {font-size:3.0rem; line-height:3.2rem;}
    #container.project_completion .contents article .text_box p {margin-top:15px; font-size:1.3rem; line-height:1.9rem;}
    #container.project_completion .contents aside {margin-top:0px;}

    /*제품안내 & 시공사례*/
    #container .layout2 #tab_area .tab_content.product_detail h2 {font-size:4.0rem;}

    /*제품안내*/
    #container .product_detail .product_overview {top:10px; width:calc(100% - 30px); padding:30px;}
    #container .product_detail .product_overview h2 {font-size:2.6rem;}
    #container .product_detail .product_overview p {font-size:1.2rem; line-height:1.6rem;}
    #container .product_detail .product_slide ul,
    #container .product_detail .product_slide ul li {height:350px;}
    #container .product_detail .product_slide button.slick-arrow {top:50%; transform:translateY(-50%); border-radius:0; width:20px; height:80px; background:#111; opacity:0.9;}
    #container .product_detail .product_slide button.slick-arrow.slick-prev {left:0px;}
    #container .product_detail .product_slide button.slick-arrow.slick-prev::after {color:#fff;}
    #container .product_detail .product_slide button.slick-arrow.slick-next {right:0px;}
    #container .product_detail .product_slide button.slick-arrow.slick-next::after {color:#fff;}
    #container .product_detail .product_slide ul.slick-dots {bottom:10px;}
    #container .product_detail .product_slide ul.slick-dots li {width:14px; height:14px;}

    #container .product_detail ul.main_Features li {float:left; width:calc(100% / 2); height:140px; margin:20px 0px;}
    #container .product_detail ul.main_Features li p {padding:0 20px;}

    #container .product_detail.emotion dl.product_specs dd ul.product_features li:first-child {background-size:98%; padding:0 10px;}
    
    #container .product_detail dl.product_specs dd ul.pd_install.grid4 {grid-template-columns:repeat(2, 1fr); column-gap:10px; row-gap:160px;}
    #container .product_detail dl.product_specs dd ul.pd_install.grid4 li h4 {margin-top:10px;}
}

@media screen and (max-width:420px) {

    #container .sub_visual h1.public-title {font-size:3.8rem; top:20px;}
    #container .sub_visual h1.public-title::before {width:40px; margin:0 auto 8px;}

    /*컨텐츠*/
    #container .contents {min-height:360px; padding:0px 10px 20px;}
    #container .contents h2.public-subject {font-size:3.0rem !important; margin-top:40px !important;}
    #container .contents h3.preface {font-size:1.4rem; line-height:2.0rem;}

    #container .location_depth ol li {display:inline-block; width:calc(100% / 3 - 20px); margin:1px 0; height:30px; line-height:30px; border:1px solid #d2d2d2; border-radius:0px;}
    #container .location_depth ol li.current {padding:0;}
    #container .location_depth ol li a {font-size:1.3rem;}
    #container .location_depth ol li.current a {font-size:1.2rem;}
    
    /*회사소개*/
    #container #tab_area .tab_nav li {height:40px;}
    #container #tab_area .tab_nav li a {font-size:1.5rem; padding:0 3vh; line-height:40px;}
    #container #tab_area .tab_nav li a.active {padding:0 4vh;}
    #container #tab_area .tab_content {padding:20px 10px 20px;}
    #container.company #tab_area .tab_content h2.slogan {font-size:3.0rem; line-height:3.8rem;}
    #container.company #tab_area #tab01 dl.text_box dd {margin-top:40px; height:250px;}
    #container.company #tab_area #tab01 h3 {margin-top:50px; font-size:2.8rem;}
    #container.company #tab_area #tab01 .table {margin-top:40px;}
    #container.company #tab_area #tab01 .table dl dt {font-size:1.5rem;}
    #container.company #tab_area #tab01 .table dl dd {font-size:1.2rem;}

    /*사업분야*/
    #container.biz_area .svg_graphic {margin-top:65px;}
    #container.biz_area .contents h3.preface {margin-top:10px !important;}

    /*오시는길*/
    #container.location .contents article,
    #container.location .contents aside {padding:0 20px;}
    #naver_map {height:400px !important;}

    /*공사실적*/
    #container.project_completion .contents article .text_box h3 {font-size:2.6rem; line-height:2.8rem;}
    #container.project_completion .contents article .text_box p {margin-top:12px; font-size:1.2rem; line-height:1.8rem;}
    #container.project_completion .contents aside {margin-top:0px;}

    #container .item_category ol {padding:0;}
    #container .item_category ol.items li,
    #container .item_category ol.place li {width:98%; border-top:none;}
    #container .item_category ol.place li:first-child {border-top:1px solid #d2d2d2;}

    /*제품안내 & 시공사례*/
    #container.product .product_list a {height:240px;}
    #container.product .product_list a .pd_info h3 {font-size:1.6rem;}
    #container.product .product_list a .pd_info h4 {font-size:1.4rem;}
    #container.product .product_list a .pd_info p {font-size:1.05rem; line-height:1.5rem;}

    /*제품안내*/
    #container .product_detail .product_overview {top:10px; width:calc(100% - 30px); padding:16px;}
    #container .product_detail .product_overview h2 {font-size:2.4rem;}
    #container .product_detail .product_overview p {margin-top:5px;}
    #container .product_detail .product_slide ul,
    #container .product_detail .product_slide ul li {height:300px;}
    #container .product_detail .product_slide ul.slick-dots {bottom:5px;}
    #container .product_detail .product_slide ul.slick-dots li {width:10px; height:10px; margin:0 5px;}
    #container .product_detail .product_slide ul.slick-dots li button {border:5px solid #fff;}

    #container .product_detail ul.main_Features {margin-top:80px;}
    #container .product_detail ul.main_Features::after {clear:both; height:30px;}
    #container .product_detail ul.main_Features li {height:130px; background-size:66px !important;}
    #container .product_detail ul.main_Features li h3 {font-size:1.4rem;}
    #container .product_detail ul.main_Features li p {margin-top:4px; font-size:1.2rem;}

    #container .product_detail h3.subtitle {margin:40px 0 20px; font-size:1.6rem;}
    #container .product_detail h3.subtitle::before {width:60px; margin-bottom:10px;}

    #container .product_detail dl.product_specs dt {padding:18px 0;}
    #container .product_detail dl.product_specs dt h4 {font-size:1.4rem;}
    #container .product_detail dl.product_specs dt h4 i.icon-type,
    #container .product_detail dl.product_specs dt h4 i.icon-type::after {width:12px;}

    #container .product_detail dl.product_specs dd ul.product_features li:nth-child(1) {height:320px; background-size:98% !important;}
    #container .product_detail dl.product_specs dd ul.product_features li p {font-size:1.3rem; line-height:1.7rem;}

    #container .product_detail dl.product_specs dd table tr th {padding-left:10px; min-width:100px;}
    #container .product_detail dl.product_specs dd table tr th,
    #container .product_detail dl.product_specs dd table tr td {height:40px; font-size:1.2rem;}

    #container .product_detail dl.product_specs dd table.t2 th,
    #container .product_detail dl.product_specs dd table.t3 th,
    #container .product_detail dl.product_specs dd table.t2 td,
    #container .product_detail dl.product_specs dd table.t3 td {font-size:1.1rem;}

    #container .product_detail dl.product_specs dd ul.certification li {margin-top:20px; font-size:1.2rem;}
    #container .product_detail dl.product_specs dd ul.certification li h4 {margin-bottom:-28px;}

    #container .product_detail dl.product_specs dd ul.pd_install.grid3 {grid-template-columns:repeat(1, 1fr); column-gap:0; row-gap:90px;}
    #container .product_detail dl.product_specs dd ul.pd_install.grid3 li h4 {margin-top:10px;}
    
    #container .product_detail dl.product_specs dd ul.pd_install.grid4 {grid-template-columns:repeat(1, 1fr); column-gap:0; row-gap:240px;}
    #container .product_detail dl.product_specs dd ul.pd_install.grid4 li h4 {margin-top:10px;}

    #container .product_detail dl.product_specs dd ul.pd_install.grid5 {grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:10px; padding-bottom:20px;}
}

@media screen and (max-width:380px) {
    #container.company #tab_area .tab_content h2.slogan {font-size:2.6rem; line-height:3.4rem;}

    #container .contents h2.public-subject {font-size:3.0rem !important;}

    #container .location_depth {margin:-20px auto 0px;}
    #container .location_depth ol li {width:96%; margin:0; height:40px; line-height:40px; border:1px solid #d2d2d2; border-top:none; border-radius:0;}
    #container .location_depth ol li:first-child {border-top:1px solid #d2d2d2;}

    #container .item_category ol.items li,
    #container .item_category ol.place li {width:96%;}

    /*제품안내*/
    #container .product_detail ul.main_Features {margin-top:70px;}
    #container .product_detail ul.main_Features::after {clear:both; height:20px;}
    #container .product_detail ul.main_Features li {height:135px;}
    #container .product_detail ul.main_Features li h3 {font-size:1.3rem;}
    #container .product_detail ul.main_Features li p {margin-top:3px; font-size:1.1rem;}

    #container .product_detail dl.product_specs dd ul.product_features li:nth-child(1) {height:280px;}
}