/* common */
#sPage h2{ font-weight:700; }
#sPage h2 span{ font-family: 'Exo', sans-serif; }
.sv{ height:510px; position:relative; }
.sv .svTit{ color:#fff; position:absolute; width:100%; top:50%; transform:translateY(-50%); text-align:center; }
.sv h2{ margin-bottom:40px; font-size:4.2rem; letter-spacing:-0.04em; }
.sv .location li{ display:inline-block; font-size:16px; font-weight:300; }
.sv .location li:before{ content:''; display:inline-block; width:6px; height:10px; background:url(/img/sub/arrow.png) no-repeat 0 0 /cover; margin:0 20px; }
.sv .location li:first-child:before{ display:none; }
.sv .location li:first-child img{ vertical-align:-1px; margin-right:5px; }

/*.sv .location li:first-child:before{ content:''; display:inline-block; width:15px; height:15px; background:url(/img/sub/home.png) no-repeat 0 0 /cover; vertical-align:-2px; margin-right:10px; }
*/.sPage01 .sv{ background:url(/img/sub/sv01.jpg) no-repeat right center /cover; }
.sPage02 .sv{ background:url(/img/sub/sv02.jpg) no-repeat right center /cover; }
.sPage03 .sv{ background:url(/img/sub/sv03.jpg) no-repeat right center /cover; }
.sPage04 .sv{ background:url(/img/sub/sv04.jpg) no-repeat right center /cover; }
.sPage05 .sv{ background:url(/img/sub/sv01.jpg) no-repeat right center /cover; }
.sb{ padding-top:100px; }
.sb h3{ text-align:center; font-size:3.6rem; margin-bottom:80px; color:#333; letter-spacing:-0.04em; font-weight:700; }
.sb h3 span{ font-family: 'Exo', sans-serif; }

#lnb{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; }
#lnb .depth2{ background:#eee; }
#lnb .depth2 li{ float:left; text-align:center; }
#lnb .depth2 li a{ display:block; line-height:65px; background:#eee; font-size:16px; font-weight:300; color:#999; }
#lnb .depth2 li.on a{ background:#fff; color:#333; }

.sinner{ width:1200px; margin:0 auto; }


/************************************************************************************************
회사소개
*************************************************************************************************/
/* 인사말 */
.greeting .sbCon{ padding-bottom:200px; }
.greeting .grt{ text-align:center; }
.greeting .grt_bg{ /*height:500px; background:url(/img/sub/greeting_bg.jpg) no-repeat left top;*/ }
.greeting .grt_bg img{ width:100%; }
.greeting .ceotxt{ position:relative; background:#fff; width:90%; margin:0 auto; padding:80px 5% 0;  box-sizing:border-box; margin-top:-15%;}
.greeting .ceotxt .slogan{ font-family: 'Exo', sans-serif; font-weight:600; color:#30a572; font-size:4.8rem; margin-bottom:40px; }
.greeting .ceotxt .s_slogan{ font-size:2.4rem; line-height:1.125; color:#666; letter-spacing:-0.04em; margin-bottom:80px; position:relative; }
.greeting .ceotxt .s_slogan:before,
.greeting .ceotxt .s_slogan:after{ content:''; display:block; width:21px; height:17px; background:no-repeat 0 0 /cover; position:absolute; }
.greeting .ceotxt .s_slogan:before{ background-image:url(/img/sub/quotes1.png); left:250px; top:-8px; }
.greeting .ceotxt .s_slogan:after{ background-image:url(/img/sub/quotes2.png); right:250px; bottom:-8px; }
.greeting .ceotxt > div p{ font-size:1.8rem; font-weight:300; color:#666; line-height:1.666; margin-bottom:40px; }
.greeting .ceotxt > div p:last-child{ margin-bottom:0; }
.greeting .ceotxt > div:after{ content:''; display:block; width:1px; height:65px; background:#ccc; margin:25px auto; }
.greeting .ceotxt .sign{ font-size:1.8rem;  }
.greeting .ceotxt .sign .ceo{ font-size:2.6rem; color:#333; padding-left:10px; letter-spacing:0.1em; }

/* 회사연혁 */
.history .hisTxt{ background:#f7f7f7; padding:70px 20px; box-sizing:border-box; text-align:center; margin-bottom:100px; }
.history .hisTxt p{ font-size:1.8rem; font-weight:300; color:#666; letter-spacing:-0.04em; line-height:1.6; }
.history .hisTxt p span{ font-size:2.2rem; }
.history .hisTxt p span strong{ font-weight:700; color:#333; }
.history .hisList dl{ width:50%; box-sizing:border-box; }
.history .hisList{ position:relative; }
.history .hisList ul:before{ content:''; display:block; width:1px; height:calc(100% - 176px); background:#30a572; position:absolute; left:50%; top:10px; }
.history .hisList li{ margin-bottom:80px; }
.history .hisList li:after{ content:''; display:block; clear:both; }
.history .hisList li:nth-child(odd) dl{ float:left; padding-right:60px; }
.history .hisList li:nth-child(even) dl{ float:right; padding-left:60px; }
.history .hisList li:nth-child(odd) dl dt,
.history .hisList li:nth-child(odd) dl dd{ text-align:right; }
.history .hisList dl dt{ font-size:3.6rem; font-family: 'Exo', sans-serif; font-weight:700; color:#30a572; margin-bottom:30px; position:relative; }
.history .hisList dl dt:before{ content:''; display:block; width:37px; height:37px; background:url(/img/sub/history_dt.png) no-repeat 0 0; position:absolute; }
.history .hisList li:nth-child(odd) dl dt:before{ right:-79px; }
.history .hisList li:nth-child(even) dl dt:before{ left:-78px; }
.history .hisList li dl dd:after { content:''; display:block; clear:both; }
.history .hisList li:nth-child(odd) dl dd > *{ float:right; }
.history .hisList li:nth-child(even) dl dd > *{ float:left; }
.history .hisList li dl dd{ margin-bottom:20px }
.history .hisList li dl dd i{ color:#75c6a3; font-weight:700; font-family: 'Exo', sans-serif; font-style:normal; font-size:2rem; position:relative; top:4px; }
.history .hisList li dl dd i:after{ content:''; display:block; width:4px; height:4px; background:#75c6a3; position:absolute; top:6px; }
.history .hisList li:nth-child(odd) dl dd i{ margin-left:20px; padding-right:10px; }
.history .hisList li:nth-child(odd) dl dd i:after{ right:0; }
.history .hisList li:nth-child(even) dl dd i{ margin-right:20px; padding-left:10px; }
.history .hisList li:nth-child(even) dl dd i:after{ left:0; }
.history .hisList li dl dd span{ font-weight:500; color:#333; font-size:1.8rem; line-height:1.5; }
.history .hisList li dl dd span em{ font-weight:300; font-size:1.4rem; color:#999; }


/* 조직도 */
.org .sbCon{ padding-bottom:240px; }


/* 오시는길 */
.location .sbCon{ padding-bottom:200px; }
.location .mapbox{ margin-bottom:40px; }
.location .map-info > p{ float:left; }
.location .map-info > p > *{  display:inline-block; vertical-align:middle; }
.location .map-info > p span{ font-weight:300; font-size:1.8rem; color:#666; margin-left:15px; line-height:1.5; }
.location .map-info > p:nth-child(1){ margin-right:8%; }


/************************************************************************************************
제품소개
*************************************************************************************************/
/* psb */
.psb{ padding-bottom:180px; }
.psb .sb h3{ display:none; }
.psb .psb_top{ padding-bottom:70px; }
.psb .psb_top > div{ float:left; width:50%; }
.psb .psb_top .slide_area{ background:#fdfdfd; border:1px solid #e5e5e5; box-sizing:border-box; padding:50px 20px; }
.psb .psb_top .psb_slide .slick-slide img { margin:0 auto; }
.psb .psb_top .psb_slide .slick-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:19px; height:35px; background:no-repeat 0 0 /cover; text-indent:-9999px; z-index:50; }
.psb .psb_top .psb_slide .slick-prev{ display:none; left:0; background-image:url(/img/sub/psb_slide_prev.png); }
.psb .psb_top .psb_slide .slick-next{ right:0; background-image:url(/img/sub/psb_slide_next.png); }
.psb .psb_top .item_info{ padding:30px 70px 0; box-sizing:border-box; }
.psb .psb_top .item_info h3{ display:block; text-align:left; margin-bottom:30px; }
.psb .psb_top .item_info .tit p,
.psb .psb_top .item_info > ul li,
.psb .psb_detail dl dd{ font-size:1.8rem; font-weight:300; color:#666; letter-spacing:-0.04em; line-height:1.7; }
.psb .psb_top .item_info > ul{ margin-top:50px; }
.psb .psb_top .item_info > ul li{ position:relative; padding-left:12px; box-sizing:border-box; margin-bottom:5px; }
.psb .psb_top .item_info > ul li:before{ content:''; display:block; width:4px; height:4px; background:#30a572; position:absolute; left:0; top:14px; }
.psb .psb_detail{ padding-top:80px; background:url(/img/sub/psb_line.png) no-repeat left top; }
.psb .psb_detail dl{ background:url(/img/sub/psb_list_bg.png) no-repeat left top; padding:25px; box-sizing:border-box; }
.psb .psb_detail dl:nth-child(1){ margin-bottom:80px; }
.psb .psb_detail dl dt{ font-size:2.8rem; font-weight:700; color:#333; letter-spacing:-0.04em; margin-bottom:40px; position:relative; }
.psb .psb_detail dl dt:after{ content:attr(data-en); display:inline-block; vertical-align:5px; font-weight:400; font-size:1.6rem; color:#30a571; font-family: 'Exo', sans-serif; letter-spacing:0.2em; padding-left:15px; box-sizing:border-box; margin-left:15px; background:url(/img/sub/dt_line.png) no-repeat left center; }
.psb .psb_detail dl dd div{ margin-bottom:50px; }
.psb .psb_detail dl dd div:last-child{ margin-bottom:70px; }
.psb .psb_detail dl dd div h4{ font-size:2.2rem; color:#333; letter-spacing:-0.04em; line-height:1.36; padding-left:65px; box-sizing:border-box; position:relative; margin-bottom:35px; }
.psb .psb_detail dl dd div h4:before{ content:''; display:block; width:50px; height:50px; background:no-repeat 0 0 /cover; position:absolute; left:0; top:50%; margin-top:-25px; }
.psb .psb_detail dl dd div:nth-child(1) h4:before{ background-image:url(/img/sub/psb_d_icon01.png); }
.psb .psb_detail dl dd div:nth-child(2) h4:before{ background-image:url(/img/sub/psb_d_icon02.png); }
.psb .psb_detail dl dd div:nth-child(3) h4:before{ background-image:url(/img/sub/psb_d_icon03.png); }
.psb .psb_detail dl dd div:nth-child(4) h4:before{ background-image:url(/img/sub/psb_d_icon04.png); }
.psb .psb_detail dl dd div p{ position:relative; padding-left:10px; box-sizing:border-box; }
.psb .psb_detail dl dd div p:before{ content:''; display:block; width:4px; height:4px; background:#333; position:absolute; left:0; top:13px; }
.psb .bom_img > div{ float:left; width:calc(50% - 30px); margin:0 15px; }
.psb .bom_img > div:first-child{ margin-left:0; }
.psb .bom_img > div:last-child{ margin-right:0; }
.psb .bom_img > div .img img{ width:100%; }
.psb .bom_img > div .txt{ text-align:center; margin-top:20px; font-size:1.8rem; font-weight:300; color:#666; letter-spacing:-0.04em; }

/* 제품리스트 */
.prd{ padding-bottom:180px; }
.prd .prd_list .list .item{ padding-bottom:55px; border-bottom:1px solid #e5e5e5; margin-bottom:60px; }
.prd .prd_list .list .item:last-child{ border-bottom:0; margin-bottom:70px; padding-bottom:0; }
.prd .prd_list .list .item > * { float:left; }
.prd .prd_list .list .item .img{ width:525px; }
.prd .prd_list .list .item .img img{ width:100%; }
.prd .prd_list .list .item .info{ width:calc(100% - 525px); padding:30px 0 0 50px; box-sizing:border-box; position:relative; }
.prd .prd_list .list .item .info dl dt{ font-size:3rem; font-weight:700; color:#333; letter-spacing:-0.04em; padding-bottom:25px; border-bottom:1px solid #e5e5e5; }
.prd .prd_list .list .item .info dl dd{ margin-top:30px; }
.prd .prd_list .list .item .info dl dd ul li{ position:relative; padding-left:12px; box-sizing:border-box; font-size:16px; font-weight:300; color:#666; letter-spacing:-0.04em; line-height:2; }
.prd .prd_list .list .item .info dl dd ul li:before{ content:''; display:block; width:4px; height:4px; background:#30a572; position:absolute; left:0; top:15px; }
.prd .prd_list .list .item .info .btn{ width:180px; position:absolute; right:0; top:0; }
.prd .prd_list .list .item .info .btn a{ display:block; line-height:54px; background:#333; font-size:18px; font-weight:700; letter-spacing:-0.04em; text-align:center; color:#fff; transition:background .3s; }
.prd .prd_list .list .item .info .btn a:hover{ background:#30a572; }
.prd .prd_list.prd_list_n2 {  }
.prd .prd_list.prd_list_n2 .list:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.prd .prd_list.prd_list_n2 .list { display:flex; flex-wrap:wrap; gap:100px 75px; }
.prd .prd_list.prd_list_n2 .list > li { width:calc((100% - 75px) / 2); padding-bottom:0; border-bottom:none; }
.prd .prd_list.prd_list_n2 .list .item .img{ width:100%; }
.prd .prd_list.prd_list_n2 .list > li img { width:100%; }
.prd .prd_list.prd_list_n2 .list .item .info{ width:100%; padding:42px 0 0 0; }
.prd .prd_list.prd_list_n2 .list .item .info dl dt { padding:0 0 35px 0; }
.prd .prd_list.prd_list_n2 .info dl dd { display:none; }
.prd .prd_list.prd_list_n2 .list .item .info .btn{ top:37px; }

.prd .prd_list.view .list .item{ padding-bottom:70px; border-bottom:none; margin-bottom:0; text-align:left; }
.prd .prd_list.view .list .item .img{ width:610px; }
.prd .prd_list.view .list .item .info{ width:calc(100% - 610px); padding:20px 0 0 70px; }
.prd .prd_list.view .list .item .info dl dt{ border-bottom:none; padding-bottom:0; }
.prd .prd_list.view .list .item .info dl dt p{ font-size:1.8rem; font-weight:300; color:#666; line-height:1.66; margin-top:30px; }
.prd .prd_list.view .list .item .info dl dd{ margin-top:50px; }
.prd .prd_list.view .list .item .info .btn{ width:270px; position:static; margin-top:50px; }
.prd .prd_list.view .detail{ padding-top:50px; background:url(/img/sub/psb_line.png) no-repeat left top; text-align:center; font-size:16px; }
.prd .prd_list.view .detail img{ max-width:100%; margin:0 auto; }


/************************************************************************************************
시공현황
*************************************************************************************************/
.gall_list{ padding-bottom:180px; }
.gall_list .gall_tab{ margin-bottom:60px; }
.gall_list .gall_tab ul li{ float:left; display:table; width:33.3%; text-align:center; border:1px solid #e5e5e5; box-sizing:border-box; border-right:none; }
.gall_list .gall_tab ul li:last-child{ border-right:1px solid #e5e5e5; }
.gall_list .gall_tab ul li a{ display:table-cell; vertical-align:middle; width:100%; height:90px; font-weight:300; font-size:1.8rem; color:#999; }
.gall_list .gall_tab ul li a span{ position:relative; box-sizing:border-box; }
.gall_list .gall_tab ul li:nth-child(1) a span{ padding-left:50px; }
.gall_list .gall_tab ul li:nth-child(3) a span{ padding-left:75px; }
.gall_list .gall_tab ul li:nth-child(2) a span{ padding-left:77px; }
.gall_list .gall_tab ul li:nth-child(4) a span{ padding-left:83px; }
.gall_list .gall_tab ul li a span:before{ content:''; display:block; position:absolute; left:0; }
.gall_list .gall_tab ul li.on a span{ color:#30a572; font-weight:700; }
.gall_list .gall_tab ul li:nth-child(1) a span:before{ width:31px; height:31px; background:url(/img/sub/tab_icon01.png) no-repeat 0 0 /cover; top:0; }
.gall_list .gall_tab ul li:nth-child(1).on a span:before{ background-image:url(/img/sub/tab_icon01_on.png); }
.gall_list .gall_tab ul li:nth-child(3) a span:before{ width:57px; height:38px; background:url(/img/sub/tab_icon02.png) no-repeat 0 0 /cover; top:-5px;}
.gall_list .gall_tab ul li:nth-child(3).on a span:before{ background-image:url(/img/sub/tab_icon02_on.png); }
.gall_list .gall_tab ul li:nth-child(2) a span:before{ width:57px; height:26px; background:url(/img/sub/tab_icon03.png) no-repeat 0 0 /cover; top:2px; }
.gall_list .gall_tab ul li:nth-child(2).on a span:before{ background-image:url(/img/sub/tab_icon03_on.png); }
.gall_list .gall_tab ul li:nth-child(4) a span:before{ width:62px; height:45px; background:url(/img/sub/tab_icon04.png) no-repeat 0 0 /cover; top:-4px; }
.gall_list .gall_tab ul li:nth-child(4).on a span:before{ background-image:url(/img/sub/tab_icon04_on.png); }
.gall_list .order{ text-align:right; margin-bottom:40px; }
.gall_list .order select{ border:1px solid #e5e5e5; width:110px; height:40px; box-sizing:border-box; padding-left:20px; outline:none; font-size:14px; color:#999; font-weight:300; }
.gall_list .list ul li{ float:left; width:calc(25% - 15px); margin:0 10px 20px; background:no-repeat center /cover; }
.gall_list .list ul li:first-child,
.gall_list .list ul li:nth-child(4n+1){ margin-left:0; }
.gall_list .list ul li:nth-child(4n){ margin-right:0; }
.gall_list .list ul li a{ display:block; position:relative; overflow:hidden; width:100%; height:100%; }
.gall_list .list ul li a .img{ width:100%; }
.gall_list .list ul li a .img img{ width:100%; }
.gall_list .list ul li a .ov{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.55); transition:opacity .3s; }
.gall_list .list ul li:hover a .ov{ opacity:1; }
.gall_list .list ul li a .ov .item_name{ position:absolute; top:50%; width:100%; transform:translateY(-50%); color:#fff; text-align:center; font-size:1.8rem; font-weight:300; }
.gall_list .list ul li a .ov em{ position:absolute; bottom:0; right:0; }
.gall_list .board_bottom{ margin-top:80px; }
.sch_box{ text-align:center; }
.sch_box select,
.sch_box input[type="text"]{ height:40px; box-sizing:border-box; border:1px solid #e5e5e5; font-size:14px; color:#999; font-weight:300; padding-left:20px; }
.sch_box select{ width:90px; }
.sch_box input[ type="text" ]{width:200px;margin:0 8px; }
.sch_box input[ type="submit" ]{ background:#333; color:#fff; font-size:14px; font-weight:300; height:40px; width:80px; border:none; outline:none; cursor:pointer; }
.pager{ text-align:center; margin-top:40px; }
.pager ul{ display:inline-block; }
.pager ul li{ float:left; width:38px; margin:0 8px; }
.pager ul li a{ display:block; height:38px; line-height:38px; font-size:16px; font-weight:300; color:#666; border:1px solid #e5e5e5; box-sizing:border-box; }
.pager ul li.on a:not(.arrow){ background:#333; border-color:#333; color:#fff; }
.pager ul li a.arrow{ background:no-repeat center; }
.pager ul li a.prev{ background-image:url(/img/common/pager_arrow_prev.png); }
.pager ul li a.next{ background-image:url(/img/common/pager_arrow_next.png); }


/**/
.sPage04 .sb{ padding-bottom:180px; }
.sPage05 .sv .location li:last-child,
.sPage05 .sb > h3{ display:none; }
.sPage05 .sb h3{ font-size:16px; text-align:left; margin-bottom:10px; }