/* common */
input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}
/* select icon */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select.png) no-repeat 90% 50%;
}



.header.sub::after{display:none;}
.header.sub::after{display:none;}
.header.sub .lang{border-left: none;}
.header.sub .lang::before,
.header.sub .lang::after{display:none; }
.pt{padding-top:120px;}
.pad{padding: 120px 0 130px;}
.s_wrap{overflow: hidden;}

.web{}
.br{display:none; }
.mob02,
.mob{display:none !important; }

/* -------- page -------- */
.page.page_cus{padding-bottom:0;}
.page.page_cus ul{}
.page.page_cus ul li{}
.page.page_cus ul li a{border-radius:50%; border:none; width: 35px; height: 35px; box-sizing:border-box; line-height:18px;}
.page.page_cus ul li a img{margin: 6px 0;} 
.page.page_cus ul li:hover a,
.page.page_cus ul li.on a{color: #fff; background: #02b738;}


/* s_tit */
.s_tit{text-align: center;}
.s_tit .icon{margin-bottom:24px;}
.s_tit h2{font-weight:bold; font-size:50px; letter-spacing:-0.015em; color: #222; margin-bottom:32px;}
.s_tit03 p,
.s_tit p{font-weight:300; font-size:17px; color: #444; line-height:1.7em}
.s_tit02{text-align: center; margin-bottom:90px;}
.s_tit02 h3{font-weight:bold; font-size:38px; letter-spacing:-0.015em; color: #222;}
.s_tit03{text-align: center; margin-bottom:60px;}
.s_tit03 h2{font-weight:bold; font-size:45px; letter-spacing:-0.015em; color: #222;}
.s_tit .bb {font-weight:500; font-size:17px; color: #444;}
/* sv */
.sub{}
.sub .sv{position:relative; width: 100%; height: 600px;}
.sub .sv.sv01{background:url(/img/sub/sv01.jpg) 50% 50% no-repeat; background-size:cover}
.sub .sv.sv02{background:url(/img/sub/sv02.jpg) 50% 50% no-repeat; background-size:cover}
.sub .sv.sv03{background:url(/img/sub/sv03.jpg) 50% 50% no-repeat; background-size:cover}
.sub .sv.sv04{background:url(/img/sub/sv04.jpg) 50% 50% no-repeat; background-size:cover}
.sub .sv.sv05{background:url(/img/sub/sv05.jpg) 50% 50% no-repeat; background-size:cover}
.sub .txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.sub .txt h2{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:50px; letter-spacing:-0.015em; color: #fff;}
.sub .txt ul{text-align: center; margin-top:34px;}
.sub .txt ul li{position:relative; display:inline-block; vertical-align: top; font-weight:300; font-size:15px; color: #999; margin-right: 24px;}
.sub .txt ul li::after{content:""; position:absolute; top: 8px; right: -14px; width: 2px; height: 2px; background: #666666;}
.sub .txt ul li:last-of-type{margin-right: 0;}
.sub .txt ul li:last-of-type::after{display:none; }
.sub .txt ul li i{}
.sub .lnb{border-bottom: 1px solid #e5e5e5;;}
.sub .lnb .w1400 > ul{ font-size:0; text-align: center;}
.sub .lnb:not(.lnb01) .w1400 > ul > li{display:inline-block; vertical-align: top; max-width:270px;}
.sub .lnb .w1400 > ul > li a{position:relative; display:inline-block; width: 100%;font-size:16px; letter-spacing:-0.015em; font-size:16px; color: #555; line-height:64px; text-align: center; transition:0.4s}
.sub .lnb .w1400 > ul > li a::after{content:""; width: 7px; height: 7px; background: #00c73c; position:absolute; bottom: 16px; left: 50%; transform:translateX(-50%); border-radius:50%; opacity: 0; transition:0.4s}
.sub .lnb .w1400 > ul > li i{display:none; }
.sub .lnb .w1400 > ul li a:hover,
.sub .lnb .w1400 > ul li.on a{font-weight:500; color: #00c73c;}
.sub .lnb .w1400 > ul li a:hover::after,
.sub .lnb .w1400 > ul li.on a::after{bottom: -4px; opacity: 1;}

/* 3depth */
.sub .lnb.lnb01 .w1400 > ul{font-size:0;}
.sub .lnb.lnb01 .w1400 > ul > li{display:none; }
.sub .lnb.lnb01 .w1400 > ul > li.show{display:block; }
.sub .lnb.lnb01 .w1400 > ul > li > a{display:none; }
.sub .lnb.lnb01 .w1400 > ul > li > ul{display:inline-block; width: 100%;}
.sub .lnb.lnb01 .w1400 > ul > li > ul > li{display:inline-block; width: 50%; vertical-align: top;}
.sub .lnb.lnb01 .w1400 > ul > li > ul > li a{ font-family: 'Ubuntu', sans-serif; }
.sub .lnb.lnb01 .w1400 > ul > li > ul > li > ul > li{display:inline-block; vertical-align: top; width: 33.3%;}
.sub .lnb.lnb01 .w1400 > ul > li > ul > li > ul > li font{display:none; }


/* -------- PP FOAM SHEET EXTRUSION LINE -------- */
.product{}
.product .sec01{margin-top:58px; padding-bottom:120px; font-size:0;}
.product .sec01 .w1400{max-width:1200px;}
ul.img_bg{text-align: center;}
ul.img_bg li{position:relative; display:inline-block; width: 20%; max-width:215px; vertical-align: top; margin-right: 21px; padding-bottom:20%;}
ul.img_bg li:last-of-type{margin-right: 0;}
ul.img_bg li::after{content:""; position:absolute; top: 50%; right: -14px; background: #afe6bf; width: 5px; height: 5px; border-radius:50%}
ul.img_bg li:last-of-type::after{display:none; }
ul.img_bg li img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: -1;}
ul.img_bg li .po{position:absolute; top: 62px; width: 100%; left: 50%; transform:translateX(-50%); }
ul.img_bg li .po span{display:inline-block; vertical-align: top; font-family: 'Ubuntu', sans-serif; font-weight: bold; font-size:16px; color: #009c3d; margin-bottom:24px;}
ul.img_bg li .po span.mb{margin-bottom:14px;}
ul.img_bg li .po span.mb0{margin-bottom:0;}
ul.img_bg li .po p{font-weight:500; width: 82%; max-width:185px; margin: 0 auto; font-size:16px; letter-spacing:-0.015em; color: #222; line-height:1.4em}

.product .sec02{background: #f5f5f5;}
.product .sec02 figure{text-align: center; margin-bottom:75px;}
.product .sec02 .table_box{border-top: 2px solid #02b738; margin-bottom:60px;}
.product .sec02 .table_box:last-of-type{margin-bottom:0;}
.product .sec02 .table_box table{background: #fff;}
.product .sec02 .table_box table tbody{}
.product .sec02 .table_box table tbody tr{}
.product .sec02 .table_box table tbody tr:nth-of-type(2n){border-bottom: 2px solid #02b738; }
.product .sec02 .table_box table tbody tr th{position:relative; font-family: 'Ubuntu', sans-serif; font-weight:400; font-size:15px; letter-spacing:-0.015em; color: #777; border-bottom: 1px solid #e5e5e5; padding:20px 0 20px 30px; text-align: left;}
.product .sec02 .table_box table tbody tr td{position:relative; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.015em; color: #333; border-bottom: 1px solid #e5e5e5; padding:40px 0 40px 30px}
.product .sec02 .table_box table tbody tr td:first-of-type,
.product .sec02 .table_box table tbody tr th:first-of-type{padding-left: 37px;}
.product .sec02 .table_box table tbody tr td::after,
.product .sec02 .table_box table tbody tr th::after{content:""; position:absolute; top: 50%; right: 0; transform:translateY(-50%); width: 1px; height: 12px; background: #e5e5e5;}
.product .sec02 .table_box table tbody tr th:last-of-type::after,
.product .sec02 .table_box table tbody tr td:last-of-type::after{display:none; }

.product .sec03{}
.product .sec03 .ctn{position:relative; font-size:0;}
.product .sec03 .ctn .po_img{position:absolute; top: 65.5%; left: 50%; transform:translate(-50%,-50%);}
.product .sec03 .ctn .po_img::before{content:""; position:absolute; top: 50%; right: -70px; transform:translateY(-50%); background:url(/img/sub/icon_pp_bg02.png) 50% 50% no-repeat; background-size:cover; width: 55px; height: 3px;}
.product .sec03 .ctn .po_img::after{content:""; position:absolute; top: 50%; left: -70px; transform:translateY(-50%); background:url(/img/sub/icon_pp_bg02.png) 50% 50% no-repeat; background-size:cover; width: 55px; height: 3px;}
.product .sec03 .ctn .po_txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.product .sec03 .ctn .po_txt h4{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:30px; letter-spacing:-0.015em; text-align: center; color: #222; line-height:1.4em}
.product .sec03 .ctn .box{display:inline-block; vertical-align: top; width: 36%; margin-right: 28%; text-align: right;}
.product .sec03 .ctn .box:last-of-type{text-align: left; margin-right: 0;}
.product .sec03 .ctn .list .txt{position:relative; display:inline-block; margin-bottom:35px; margin-right: 80px;}
.product .sec03 .ctn .list:last-of-type .txt{margin-right: 0; margin-bottom:55px;}
.product .sec03 .ctn .list .txt p{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:60px; letter-spacing:-0.015em; color: #222; opacity: 0.1;}
.product .sec03 .ctn .list .txt h4{ position:absolute; bottom: 0; left: 50%; font-weight:500; font-size:19px; letter-spacing:-0.015em; color: #009c3d; transform:translateX(-50%);} 
.product .sec03 .ctn .list .list_box ul{display:inline-block; width: 50%; vertical-align: middle;}
.product .sec03 .ctn .list .list_box ul:last-of-type li{margin-right: 0;}
.product .sec03 .ctn .list .list_box ul li{position:relative; font-weight:300; font-size:16px; letter-spacing:-0.015em; color: #444; padding-right: 90px; margin-right: 35px; margin-bottom:50px; line-height:1.4em}
.product .sec03 .ctn .list .list_box ul li:last-of-type{margin-bottom:0;}
.product .sec03 .ctn .list .list_box ul li img{position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
.product .sec03 .ctn .list:last-of-type .list_box ul li{padding-left: 90px; padding-right: 0; margin-right: 0;}
.product .sec03 .ctn .list:last-of-type .list_box ul li img{right: auto; left: 0;}

.product .sec04{background: #f5f5f5;}
.product .sec04 .flex_box{}
.product .sec04 .ctn{display:flex;}
.product .sec04 .ctn .center{display:flex; align-items: center; width: 50%; background: #fff; box-sizing:border-box; padding: 0 90px;}
.product .sec04 .ctn figure{width: 50%;}
.product .sec04 .ctn .txt p{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:14px; letter-spacing:-0.015em; color: #aaa; margin-bottom:12px;}
.product .sec04 .ctn .txt h4{font-weight:bold; font-size:30px; letter-spacing:-0.015em; color: #009d3f; margin-bottom:20px;}
.product .sec04 .ctn .txt ul{font-size:0;}
.product .sec04 .ctn .txt ul li{position:relative; font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:15px; letter-spacing:-0.015em; color: #444; padding-left: 11px; margin-bottom:20px;}
.product .sec04 .ctn .txt ul li:last-of-type{margin-bottom:0;}
.product .sec04 .ctn .txt ul li::after{content:""; position:absolute; top:9px; left: 0; width: 3px; height: 3px; background: #ccc;}
.product .sec04 .ctn .txt ul.w50 li{display:inline-block; vertical-align: top; width: 50%; box-sizing:border-box;}
.product .sec03 .ctn .list.mod .txt{margin-bottom:35px;}
.product .sec03 .ctn .list.mod .list_box ul{width: 54%;}
.product .sec03 .ctn .list.mod .list_box ul.w46{width: 46%;}
.product .sec03 .ctn .list.mod .list_box ul.w46 li:first-of-type{margin-bottom:60px;}
.product .sec03 .ctn .list.mod .list_box ul li{word-break:keep-all; margin-bottom:40px;}
.product .sec03 .ctn .list.mod .list_box ul li:last-of-type{margin-bottom:0;}
.product .sec03 .ctn .po_img.mod{top: 69.5%;}
.product .sec03 .ctn .list .list_box ul.mb li:first-of-type{margin-bottom:60px;}

.product .sec03 .ctn .list.mod.mb55 .txt{margin-bottom:55px;}


.product .sec03 .ctn.p40{padding-top: 40px;}
.product .sec03 .ctn.p40 .list.p39{position:relative; top: 30px;}
.product .sec03 .ctn.p40 .list.p11{position:relative; top: 19px;}
.product .sec03 .ctn .box.list.p89{position:relative; top: 89px;}

.product .sec04 .contact_box {width: 200px; height: 60px; background: #02b738; box-sizing:border-box; outline:none; border:none; text-align: center; margin: 60px auto 0;}
.product .sec04 .contact_box  .submit {color: #fff; font-weight:bold; font-size:18px; letter-spacing:-0.015em; line-height:60px;}

/* -------- xps -------- */	
.product.xps_foam .sec02 .table_box table tbody tr td,
.product.xps_foam .sec02 .table_box table tbody tr th{padding:18px 0 18px 37px}
.product.xps_foam .sec02 .table_box table tbody tr td::after{display:block; }
.product.xps_foam .sec02 .table_box table tbody tr td.br::after{display:none; }
.product.xps_foam .sec04 .ctn .txt ul li{font-family: 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif; word-break:keep-all}
.product.xps_foam .sec02 p{padding:0px 0px 15px 0px; font-weight:600; font-size:24px; letter-spacing:-0.015em; color: #333; }
/* -------- pe -------- */	
.product .sec03 .ctn .box.p76{position:relative; top: 76px;}
.product .sec03 .ctn .box.p36{position:relative; top: 36px;}
/* -------- auxiliary -------- */
.auxiliary{}
.auxiliary .sec02{}
.auxiliary .sec02 .ctn{font-size:0;}
.auxiliary .sec02 .ctn .table_box{width: 48%; display:inline-block; vertical-align: top; margin-right: 4%;}
.auxiliary .sec02 .ctn .table_box:last-of-type{margin-right: 0}
.auxiliary .sec02 .ctn .table_box td{text-align: center; padding: 14px 0;}
.auxiliary .sec02 .contact_box {width: 200px; height: 60px; background: #02b738; box-sizing:border-box; outline:none; border:none; text-align: center; margin: 10px auto 0;}
.auxiliary .sec02 .contact_box  .submit {color: #fff; font-weight:bold; font-size:18px; letter-spacing:-0.015em; line-height:60px;}
/* -------- 기업정보 -------- */
.greeting{}
.greeting .tab{text-align: center; font-size:0;}
.greeting .tab li{display:inline-block; width: 150px; height: 55px; vertical-align: top; border:1px solid #e5e5e5; border-radius:5px; line-height:55px; font-size:16px; letter-spacing:-0.015em; color: #555; margin-right: 5px; transition:0.2s; cursor: pointer;}
.greetion .tab li:last-of-type{margin-right: 0}
.greeting .tab li:hover,
.greeting .tab li.on{color: #fff; font-weight:500; background: #02b738; border:1px solid #02b738;}
.greeting .cont_wrap{margin-top:75px;}
.greeting .scon04,
.greeting .scon02,
.greeting .scon01{padding-bottom:200px;}
.greeting .scon01{position:relative; font-size:0;}
.greeting .scon01::before{content:""; width: 1341px; height: 749px; position:absolute; bottom: -200px; right: 0; background:url(/img/sub/greeting_bg01.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.greeting .scon01 .img_box{display:inline-block; vertical-align: middle; width: 630px; position:relative; overflow: hidden; padding-bottom: 56.429%; border-radius:20px; opacity: 0;}
.greeting .scon01 img{display:inline-block; vertical-align: top; position:absolute; top: 50%; left: 50%; max-width: inherit; height: 100%; transform:translate(-50%,-50%);}
.greeting .scon01 .box{display:inline-block; vertical-align: middle; width: calc(100% - 630px); padding-left: 100px; box-sizing:border-box; opacity: 0;}
.greeting .scon01 .box h3{font-weight:bold; font-size:32px; letter-spacing:-0.015em; color: #151515; line-height:1.4em; word-break:keep-all}
.greeting .scon01 .box h4{font-weight:500; font-size:21px; color: #333; letter-spacing:-0.015em; line-height:1.5em; margin: 30px 0;word-break:keep-all}
.greeting .scon01 .box p{font-weight:300; font-size:17px; color: #444; letter-spacing:-0.015em; line-height:1.6em; margin-bottom:20px; word-break:keep-all}
.greeting .scon01 .box p:last-of-type{margin-bottom:0;}

.greeting .scon02{font-size:0;}
.greeting .scon02 .w1400 > ul > li{position:relative; padding-bottom:70px;}
.greeting .scon02 .w1400 > ul > li:last-of-type{padding-bottom:0px;}
.greeting .scon02 .w1400 > ul > li::after{content:""; position:absolute; top: 0; left: 50%; transform:translateX(-50%); background: #e5e5e5; width: 1px; height: 0; transition:1s linear}
.greeting .scon02 .w1400 > ul > li:first-of-type::after{top: 100px; }
.greeting .scon02 .w1400 > ul > li .year{display:inline-block; width: 50%; font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:60px; letter-spacing:-0.015em; color: #02b738; font-style: italic; text-align: right; padding-right: 46px; box-sizing:border-box; margin-bottom:14px; opacity: 0;}
.greeting .scon02 .w1400 > ul > li > ul > li .tit{display:inline-block; width: 50%; vertical-align: top; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.015em; color: #bbb; text-align: right; padding-right: 46px; box-sizing:border-box; margin-bottom:0; opacity: 0;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul{display:inline-block; width: 50%; vertical-align: top; text-align: left;  padding-left: 46px; box-sizing:border-box; margin-top:6px;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li{position:relative; font-weight:300; font-size:16px; letter-spacing:-0.015em; color: #555; padding-left: 64px; padding-bottom:25px;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li:last-of-type{padding-bottom:0;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li .p_year{position:absolute; top: -4px; left: 0; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:21px; letter-spacing:-0.015em; color: #222; opacity: 0;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li::before{content:""; position:absolute; width: 4px; height: 4px; top: 2px; left: -52px; background: #02b738; border:4px solid #fff; border-radius:50%; z-index: 2; opacity: 0;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li::after{content:""; position:absolute; width: 12px; height: 12px; top: 2px; left: -52px; background: #fff; border-radius:50%; z-index: 1; opacity: 0;}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li > ul > li{margin-bottom:14px; opacity: 0 ; word-break:keep-all}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li > ul > li:last-of-type{margin-bottom:0;}
.greeting .scon03{}
.greeting .scon03 .sec{padding: 100px 0; font-size:0;}
.greeting .scon03 .sec.bg{background: #f5f5f5;}
.greeting .scon03 .sec:first-of-type{padding-top: 0;}
.greeting .scon03 .sec h3{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:26px; letter-spacing:-0.015em; color: #333; margin-bottom:20px; opacity: 0;}
.greeting .scon03 .sec h3.t{font-size:38px; text-align: center; color: #222; margin-bottom:52px;}
.greeting .scon03 .sec01 .box{display:inline-block; vertical-align: top; width: 48.5%; margin-right: 3%;}
.greeting .scon03 .sec01 .box:last-of-type{margin-right: 0;}
.greeting .scon03 .sec01 .box figure{opacity: 0;}
.greeting .scon03 .sec01 .box p{font-weight:300; font-size:17px; letter-spacing:-0.015em; color: #444; line-height:1.5em; margin-top:23px; opacity: 0;}
.greeting .scon03 .sec02 .ctn{background: #fff; box-sizing:border-box; border:1px solid #ddd; border-radius:20px; padding: 64px 0 40px;}
.greeting .scon03 .sec03 .ctn .box,
.greeting .scon03 .sec02 .ctn .box{position:relative; display:inline-block; vertical-align: top; width: 50%; text-align: center; opacity: 0;}
.greeting .scon03 .sec02 .ctn .box::after{content:""; position:absolute; top: 50%; right: 0; transform:translateY(-50%); width: 1px; height:180px; background: #e5e5e5;}
.greeting .scon03 .sec02 .ctn .box:last-of-type::after{display:none}
.greeting .scon03 .sec02 .ctn .box p{font-weight:300; font-size:15px; letter-spacing:-0.015em; color: #666; margin-top:20px;}
.greeting .scon03 .sec03 .ctn{background: #fff; box-sizing:border-box; border:1px solid #ddd; border-radius:20px 20px 0 0; padding: 64px 0}
.greeting .scon03 .sec03 .ctn:last-of-type{border-radius:0 0 20px 20px; background: #000; border:1px solid #000; }
.greeting .scon03 .sec04{}
.greeting .scon03 .sec04 .box{display:inline-block; width: 48.5%; vertical-align: top; margin-right: 3%;}
.greeting .scon03 .sec04 .box:last-of-type{margin-right: 0;}
.greeting .scon03 .sec04 .box .item{position:relative; display:inline-block; width: 48%; margin-right: 4%; vertical-align: top; border-radius:20px; box-sizing:border-box; padding: 40px 34px 30px; opacity: 0; z-index: 2;}
.greeting .scon03 .sec04 .box .item:last-of-type{margin-right: 0;}
.greeting .scon03 .sec04 .box .item.bg01{background: #00479d;}
.greeting .scon03 .sec04 .box .item.bg02{background: rgb(237,106,4); background: linear-gradient(120deg, rgba(237,106,4,1) 0%, rgba(252,218,0,1) 100%);}
.greeting .scon03 .sec04 .box .item.bg03{background: #fabe00;}
.greeting .scon03 .sec04 .box .item.bg04{background: #ea5504;}
.greeting .scon03 .sec04 .box .item h4{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:21px; letter-spacing:-0.015em; color: #fff; margin-bottom:34px;}
.greeting .scon03 .sec04 .box .item ul{}
.greeting .scon03 .sec04 .box .item ul li{font-family: 'Ubuntu', sans-serif; font-size:16px; letter-spacing:-0.015em; color: #fff; margin-bottom:6px;}
.greeting .scon03 .sec04 .box .item ul li:last-of-type{margin-bottom:0;}
.greeting .scon03 .sec05 h3 sup{font-size:14px; position:relative; left: -5px; top: -3px;}
.greeting .scon03 .sec05 .ctn{background: #fff; box-sizing:border-box; border:1px solid #ddd; border-radius:20px; padding: 64px 0; margin-bottom:90px;}
.greeting .scon03 .sec05 .ctn:last-of-type{margin-bottom:0;}
.greeting .scon03 .sec05 .ctn .box{position:relative; display:inline-block; vertical-align: middle; width: 50%; text-align: center; opacity: 0;}
.greeting .scon03 .sec05 .ctn .box{}
.greeting .scon03 .sec05 .ctn .box .txt{text-align: left;}
.greeting .scon03 .sec05 .ctn .box::after{content:""; position:absolute; top: 50%; right: 0; transform:translateY(-50%); width: 1px; height:180px; background: #e5e5e5;}
.greeting .scon03 .sec05 .ctn:last-of-type .box::after,
.greeting .scon03 .sec05 .ctn .box:last-of-type::after{display:none}
.greeting .scon03 .sec05 .ctn .box p{font-weight:300; font-size:18px; letter-spacing:-0.015em; color: #444; margin-top: 18px; line-height: 1.6em;}
.greeting .scon03 .sec05 .ctn .box p.mt{margin-top: 0;}
.greeting .scon03 .sec05 .ctn .box ul{display:inline-block; text-align: left; margin-top: 18px;}
.greeting .scon03 .sec05 .ctn .box ul li{font-size:20px; letter-spacing:-0.015em; color: #666; margin-bottom:10px;}
.greeting .scon03 .sec05 .ctn .box ul li:last-of-type{margin-bottom:0;}
.greeting .scon03 .sec05 .ctn .box ul li span{font-weight:bold; font-size:20px; letter-spacing:-0.015em;}
.greeting .scon03 .sec05 .ctn .box h4{font-weight:bold; font-size:50px; letter-spacing:-0.015em; color: #009c3c;}
.greeting .scon03 .sec05 .ctn .box h4 sup{font-size:24px; position:relative; left: -10px; top: -5px;}
.greeting .scon03 .sec05 .ctn .box h5{font-weight:bold; font-size:19px; letter-spacing:-0.015em; color: #333;}
.greeting .scon03 .sec05 .ctn .box p.ub{font-size:18px; letter-spacing:-0.015em; color: #444;}

.greeting .scon04{position:relative; text-align: center; font-size:0;}
.greeting .scon04::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1048px; background:url(/img/sub/client_bg02.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.greeting .scon04 h3{font-family: 'Ubuntu', sans-serif; font-size:38px; font-weight:bold; text-align: center; letter-spacing:-0.015em; color: #333; opacity: 0;}
.greeting .scon04 .img_txt{display:inline-block; width: 100%; vertical-align: top; text-align: center; margin-top:60px; opacity: 0;}
.greeting .scon04 .img_txt li{position:relative; display:inline-block; width: 50%; max-width:292px; vertical-align: top; margin-right: -11px;}
.greeting .scon04 .img_txt li:last-of-type{margin-left:-11px;}
.greeting .scon04 .img_txt li .box{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} 
.greeting .scon04 .img_txt li .box p{font-family: 'Ubuntu', sans-serif; font-size:18px; letter-spacing:-0.015em; color: #555;}
.greeting .scon04 .img_txt li .box .num{font-family: 'Ubuntu', sans-serif; font-size:45px; font-weight:bold; letter-spacing:-0.015em; color: #02b738; margin: 13px 0 8px;}
.greeting .scon04 figure{margin:60px 0; opacity: 0;}
.greeting .scon04 figure img{width: 100%;}
.greeting .scon04 .list_box{text-align: left; border:1px solid #ddd; background: #fff; border-radius:20px; box-sizing:border-box; padding: 50px;}
.greeting .scon04 .list_box > ul{}
.greeting .scon04 .list_box > ul > li{border-bottom: 1px solid #ddd; padding-top:30px;}
.greeting .scon04 .list_box > ul > li:first-of-type{padding-top:0;}
.greeting .scon04 .list_box > ul > li:last-of-type{border-bottom: none;}
.greeting .scon04 .list_box > ul > li > span{display:inline-block; width: 210px; vertical-align: top; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:21px; color: #02b738; letter-spacing:-0.015em; opacity: 0;}
.greeting .scon04 .list_box > ul > li > ul{display:inline-block; width: calc(100% - 210px); vertical-align: top; }
.greeting .scon04 .list_box > ul > li > ul > li{display:inline-block; width: 16.66666666666667%; vertical-align: top; font-family: 'Ubuntu', sans-serif; font-size:18px; letter-spacing:-0.015em; color: #666; margin-bottom:30px; line-height:1.1em; opacity: 0;}
.greeting .scon04 .list_box > ul > li > ul > li.w30{width: calc(100% - 16.66666666666667%);}
/* ani */
.greeting .scon01 .img_box.on{animation:fade 1.5s both}
.greeting .scon01 .box.on{animation:fadeUp 1.5s both}

.greeting .scon02 .w1400 > ul > li.on::after{height: 100%;}
.greeting .scon02 .w1400 > ul > li.on:first-of-type::after{height: calc(100% - 100px)}
.greeting .scon02 .w1400 > ul > li.on:last-of-type::after{height: calc(100% + 130px)}
.greeting .scon02 .w1400 > ul > li.on .year{animation:fade 1.5s both}
.greeting .scon02 .w1400 > ul > li.on  > ul > li .tit{animation:hoverRight 1s both}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li.on::after{animation:ping 1.5s both}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li.on::before{animation:fade 1.5s both}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li.on .p_year{animation:fade 1.5s both}
.greeting .scon02 .w1400 > ul > li > ul > li > ul > li.on > ul > li{animation:fadeRight 1s both}

.greeting .scon03 .sec h3.on,
.greeting .scon03 .sec .box.on h3{animation:fadeUp 1s 0.2s both}
.greeting .scon03 .sec01 .box.on figure{animation:fadeUp 1.2s 0.2s both}
.greeting .scon03 .sec01 .box.on p{animation:fadeUp 1.4s 0.2s both}
.greeting .scon03 .sec05 .box.on,
.greeting .scon03 .sec03 .box.on,
.greeting .scon03 .sec02 .box.on{animation:hoverRight 1.4s 0.2s both}
.greeting .scon03 .sec05 .box.on:last-of-type,
.greeting .scon03 .sec03 .box.on:last-of-type,
.greeting .scon03 .sec02 .box.on:last-of-type{animation:fadeRight 1.4s 0.2s both}
.greeting .scon03 .sec04 h3.on{animation:fade 0.8s both}
.greeting .scon03 .sec04 .box .item.on{animation:fade 1s 0.2s both}
.greeting .scon03 .sec04 .box .item.on:last-of-type{animation:fade 1s 0.3s both}
.greeting .scon03 .sec04 .box:last-of-type .item.on{animation:fade 1s 0.4s both}
.greeting .scon03 .sec04 .box:last-of-type .item.on:last-of-type{animation:fade 1s 0.5s both}

.greeting .scon04 figure.on,
.greeting .scon04 .img_txt.on,
.greeting .scon04 h3.on{animation:fadeUp 1.4s 0.2s both}
.greeting .scon04 .list_box > ul > li.on span{animation:fade 1s 0.1s both}
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(19),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(13),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(7),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(1){animation:fade 1s 0.2s both}
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(20),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(14),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(8),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(2){animation:fade 1s 0.3s both}
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(15),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(9),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(3){animation:fade 1s 0.4s both}
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(16),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(10),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(4){animation:fade 1s 0.5s both}
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(17),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(11),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(5){animation:fade 1s 0.6s both}
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(18),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(12),
.greeting .scon04 .list_box > ul > li.on > ul > li:nth-of-type(6){animation:fade 1s 0.7s both}

.greeting .scon05{font-size:0;}
.greeting .scon05 .sec{padding: 100px 0;}
.greeting .scon05 .sec.bg{background: #f9f9f9;}
.greeting .scon05 .sec01{padding-top:0;}
.greeting .scon05 .tbox{text-align: center; margin-bottom:46px;}
.greeting .scon05 .tbox h3{font-weight:bold; font-size:38px; letter-spacing:-0.015em; color: #333; opacity: 0;}
.greeting .scon05 .tbox p{font-weight:300; font-size:17px; letter-spacing:-0.015em; color: #444; line-height:1.6em; margin-top:24px; opacity: 0;}
.greeting .scon05 .sec01 ul.img_bg{max-width:923px; margin: 0 auto;}
.greeting .scon05 .sec01 ul.img_bg li{width: 25%; padding-bottom:26%; opacity: 0;}
.greeting .scon05 .sec01 ul.img_bg li .po{top: 45%; transform:translate(-50%,-50%);}
.greeting .scon05 .sec02{}
.greeting .scon05 .sec02 .ctn{max-width:1024px; margin: 0 auto; background: #cff3da; padding: 30px 12px; box-sizing:border-box; border-radius:160px; text-align: center; opacity: 0;}
.greeting .scon05 .sec02 .ctn .item{display:inline-block; vertical-align: top; width: 25%; position:relative; overflow: hidden; padding-bottom:25%; margin: 0 -8px;}
.greeting .scon05 .sec02 .ctn .item::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; width: 100%; box-sizing:border-box; height: 100%; border:1px solid #7ed799; border-radius:50%; z-index: 2;}
.greeting .scon05 .sec02 .ctn .item::after{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; width: 100%; box-sizing:border-box;  height: 100%; background: #fff; border-radius:50%; z-index: 1;}
.greeting .scon05 .sec02 .ctn .item h4{position:absolute; top: 50%; left: 50%; font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:23px; letter-spacing:-0.015em; color: #333;  transform:translate(-50%,-50%); z-index: 3;}
.greeting .scon05 .sec03{}
.greeting .scon05 .sec03 .ctn{position:relative; max-width:1140px; margin: 0 auto; box-sizing:border-box; padding-left: 30px;}
.greeting .scon05 .sec03 .ctn::before{content:""; position:absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%; box-sizing:border-box; border-radius:8px; height: 15px; background: #e5f8eb; z-index: -1;}
.greeting .scon05 .sec03 .ctn .item{display:inline-block; vertical-align: top; width: 24%; margin-top: 64px; opacity: 0;}
.greeting .scon05 .sec03 .ctn .item h4{position:relative; display:inline-block; vertical-align: top; font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:18px; color: #333; line-height:1.4em; vertical-align: top; text-align: center;}
.greeting .scon05 .sec03 .ctn .item h4::after{content:""; position:absolute; bottom: -52px; left: 50%; transform:translateX(-50%); background: #fff; width: 10px; height: 10px; border:10px solid #aaa; border-radius:50%}
.greeting .scon05 .sec03 .ctn .item:nth-of-type(3) h4::after{border-color:#00c73c}
.greeting .scon05 .sec03 .ctn .item ul{text-align: left; margin-top:80px;}
.greeting .scon05 .sec03 .ctn .item ul li{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:16px; letter-spacing:-0.015em; color: #333; margin-bottom:8px;}
.greeting .scon05 .sec03 .ctn .item ul li:last-of-type{margin-bottom:0;}
.greeting .scon05 .sec03 .ctn .box_item{display:inline-block; width: 28%; vertical-align: top; background: #e5f8eb; box-sizing:border-box; padding: 20px; border-radius:10px; opacity: 0;}
.greeting .scon05 .sec03 .ctn .box_item ul{}
.greeting .scon05 .sec03 .ctn .box_item ul li{font-weight: 500; font-size:17px; color: #333; letter-spacing:-0.015em; width: 100%; height: 60px; line-height:60px; border:1px solid #76d492; background: #fff; margin-bottom:5px; border-radius:5px; font-family: 'Ubuntu', sans-serif; text-align: center;}
.greeting .scon05 .sec03 .ctn .box_item ul li:last-of-type{margin-bottom:0;}
.greeting .scon05 .sec03 .box_cont{margin-top:50px; border-top: 1px solid #e5e5e5;}
.greeting .scon05 .sec03 .box_cont .item{display:flex; border-bottom: 1px solid #e5e5e5;}
.greeting .scon05 .sec03 .box_cont .item .box{display:flex; align-items:center; width: 100%; box-sizing:border-box; border:1px solid #e5e5e5; vertical-align: top; border-top: none; border-bottom: none; opacity: 0;}
.greeting .scon05 .sec03 .box_cont .item .box.bg{background: #f9f9f9}
.greeting .scon05 .sec03 .box_cont .item .box:last-of-type{border-left: none;}
.greeting .scon05 .sec03 .box_cont .item .box .txt{padding-left: 100px;}
.greeting .scon05 .sec03 .box_cont .item .box .txt p{font-weight:300; font-size:17px; color: #444; letter-spacing:-0.015em; word-break:keep-all}
.greeting .scon05 .sec03 .box_cont .item .box .txt p.num{font-family: 'Ubuntu', sans-serif; font-weight: bold; font-size:14px;	letter-spacing:-0.015em; color: #aaa;}
.greeting .scon05 .sec03 .box_cont .item .box .txt h4{font-weight: bold; font-size:30px; letter-spacing:-0.015em; color: #009d3f; margin: 20px 0;}

.greeting .scon05 .tbox.on h3{animation:fadeUp 1s 0.1s both}
.greeting .scon05 .tbox.on p{animation:fadeUp 1s 0.2s both}
.greeting .scon05 .sec01 ul.img_bg.on li{animation:fade 1.1s 0.1s both}
.greeting .scon05 .sec01 ul.img_bg.on li:nth-of-type(2){animation:fade 1.1s 0.2s both}
.greeting .scon05 .sec01 ul.img_bg.on li:nth-of-type(3){animation:fade 1.1s 0.3s both}
.greeting .scon05 .sec01 ul.img_bg.on li:nth-of-type(4){animation:fade 1.1s 0.4s both}
.greeting .scon05 .sec02 .ctn.on{animation:fadeUp 1s 0.2s both}
.greeting .scon05 .sec03 .ctn.on .item:nth-of-type(1){animation:fade 1.4s 0.1s both}
.greeting .scon05 .sec03 .ctn.on .item:nth-of-type(2){animation:fade 1.4s 0.2s both}
.greeting .scon05 .sec03 .ctn.on .item:nth-of-type(3){animation:fade 1.4s 0.3s both}
.greeting .scon05 .sec03 .ctn.on .box_item{animation:fadeRight 1.4s 0.4s both}
.greeting .scon05 .sec03 .box_cont .item.on .box{animation:fadeRight 1.4s 0.4s both}
.greeting .scon05 .sec03 .box_cont .item.on .bg{animation:hoverRight 1.4s 0.4s both}
.greeting .scon05 .sec03 .box_cont .item02.on .box{animation:hoverRight 1.4s 0.4s both}
.greeting .scon05 .sec03 .box_cont .item02.on .bg{animation:fadeRight 1.4s 0.4s both}

/* -------- 핵심가치 -------- */	
.core_value{}
.core_value .s_tit03 p{font-weight:300; font-size:17px; color: #444; letter-spacing:-0.015em; line-height:1.7em; margin-top:26px;}
.core_value .cont_wrap{}
.core_value .cont_wrap .ctn{position:relative; background: #e5f8eb; max-width:1000px; margin: 0 auto; border-radius:190px; box-sizing:border-box; padding: 40px; text-align: center; margin-bottom:90px;}
.core_value .cont_wrap .ctn::after{content:"";position:absolute; bottom: -107px; left: 50%; transform:translateX(-50%); background:url(/img/sub/icon_core_values04.png) 50% 50% no-repeat; background-size:cover; width: 350px; height: 187px;}
.core_value .cont_wrap .ctn .item{display:inline-block; vertical-align: top; width: 33.3%; position:relative; overflow: hidden; padding-bottom:33.3%; margin: 0 -8px;;}
.core_value .cont_wrap .ctn .item::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; width: 100%; box-sizing:border-box; height: 100%; border:1px solid #7ed799; border-radius:50%; z-index: 2; max-height: 306px}
.core_value .cont_wrap .ctn .item::after{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; width: 100%; box-sizing:border-box;  height: 100%; background: #fff; border-radius:50%; z-index: 1;}
.core_value .cont_wrap .ctn .item .txt{position:absolute; width: 100%; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 3;}
.core_value .cont_wrap .ctn .item .txt figure{}
.core_value .cont_wrap .ctn .item .txt p{font-family: 'Ubuntu', sans-serif; font-size:16px; color: #666; letter-spacing:-0.015em;}
.core_value .cont_wrap .ctn .item .txt h4{font-weight:bold; font-size:20px; letter-spacing:-0.015em; color: #333; margin: 28px 0 12px;}
.core_value .cont_wrap .ctn_p{position:relative; text-align: center; font-size:26px; color: #222; letter-spacing:-0.015em; z-index: 2; line-height:1.4em;}
.core_value .cont_wrap .ctn_p span{font-weight:bold;}

/* -------- 사업분야 -------- */
.biz_areas{font-size:0;}
.biz_areas .cont_wrap{}
.biz_areas .cont_wrap .areas:first-of-type{padding-bottom:80px; margin-bottom:80px; border-bottom: 1px solid #e5e5e5;}
.biz_areas .cont_wrap .areas .areas_tit{display:inline-block; width: 350px; vertical-align: top;}
.biz_areas .cont_wrap .areas .areas_tit h3{font-weight:bold; font-size:26px; letter-spacing:-0.015em; color: #333; margin-top:16px;}
.biz_areas .cont_wrap .areas .areas_tit p{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:21px; letter-spacing:-0.015em; color: #02b738;}
.biz_areas .cont_wrap .areas ul{display:inline-block; width: calc(100% - 350px); vertical-align: top;}
.biz_areas .cont_wrap .areas ul li{position:relative; display:inline-block; width: 22.5%; margin-right: 3.33%; vertical-align: top; border:10px solid #e1f5e7; background: #fff; border-radius:30px; padding: 44px 0; margin-bottom:30px; text-align: center; box-sizing:border-box;  transition:0.4s}
.biz_areas .cont_wrap .areas ul li:hover{border:10px solid #00c73c}
.biz_areas .cont_wrap .areas ul li:nth-of-type(4n){margin-right: 0;}
.biz_areas .cont_wrap .areas ul li:last-of-type{margin-right: 0;}
.biz_areas .cont_wrap .areas ul li:nth-of-type(n + 5){margin-bottom:0;}
.biz_areas .cont_wrap .areas ul li figure{}
.biz_areas .cont_wrap .areas ul li p{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.015em; color: #333; line-height:1.5em; margin: 14px 0 44px;}

.biz_areas .cont_wrap .areas ul li.no p{margin-bottom:59px;}
.biz_areas .cont_wrap .areas ul li p.more{font-family: 'Ubuntu', sans-serif; font-size:14px; letter-spacing:-0.015em; color: #777; margin: 0;}
.biz_areas .cont_wrap .areas ul li p.more i{display:inline-block; vertical-align: top; position:relative; margin-left: 4px;}
.biz_areas .cont_wrap .areas ul li p.more i::before{content:""; position:absolute; top: 0; left: 7px; width: 18px; height: 18px; background: #e5e5e5; border-radius:50%}
.biz_areas .cont_wrap .areas ul li p.more i img{position:relative; margin-top:7px;}
.biz_areas .cont_wrap .areas ul li a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}

/* -------- 사업장소개 -------- */
.biz_intro{}
.biz_intro .cont_wrap{}
.biz_intro .cont_wrap .item{position:relative; margin-bottom:160px;}
.biz_intro .cont_wrap .item:last-of-type{margin-bottom:80px;}
.biz_intro .cont_wrap .item::before{content:""; position:absolute; bottom: -80px; left: 0;width: 100%; height: 300px; background: #f5f5f5; z-index: -1;}
.biz_intro .cont_wrap .item .w1400{display:flex; align-items:center; flex-wrap:wrap}
.biz_intro .cont_wrap .item .slide_wrap{position:relative; width: 50%;}
.biz_intro .cont_wrap .item .slide_wrap .slide_ctn{}
.biz_intro .cont_wrap .item .slide_wrap .slide_ctn figure{position:relative; padding-bottom:58.8%; overflow: hidden; border-radius:20px; }
.biz_intro .cont_wrap .item .slide_wrap .slide_ctn figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.biz_intro .cont_wrap .item .slide_wrap .slide_ui{}
.biz_intro .cont_wrap .item .slide_wrap .slide_ui .slide_btn{}
.biz_intro .cont_wrap .item .slide_wrap .slide_ui .slide_btn div{position:absolute; top: 50%; left: 14px; transform:translateY(-50%); cursor: pointer;}
.biz_intro .cont_wrap .item .slide_wrap .slide_ui .slide_btn .next{left: auto; right: 14px;}
.biz_intro .cont_wrap .item .slide_wrap .slide_ui .slide_btn div i{font-weight:300; font-size:30px; color: #fff;}
.biz_intro .cont_wrap .item .txt_ctn{width: 50%; box-sizing:border-box; padding-left: 80px;}
.biz_intro .cont_wrap .item .txt_ctn p{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:16px; letter-spacing:-0.015em; color: #02b738;}
.biz_intro .cont_wrap .item .txt_ctn h3{font-weight:bold; font-size:30px; letter-spacing:-0.015em; color: #222; margin-top:24px;}
.biz_intro .cont_wrap .item .txt_ctn ul{margin-top:74px;}
.biz_intro .cont_wrap .item .txt_ctn ul li{position:relative; padding-left: 28px; font-size:16px; color: #555; margin-bottom:20px;}
.biz_intro .cont_wrap .item .txt_ctn ul li:last-of-type{margin-bottom:0;}
.biz_intro .cont_wrap .item .txt_ctn ul li i{position:absolute; left: 0;font-size:18px; color: #aaa;}

/* -------- R&D -------- */
.rd{font-size:0;}
.rd .cont_wrap{}
.rd .cont_wrap figure{}
.rd .cont_wrap .t_box{margin-top:54px;}
.rd .cont_wrap .t_box dl{}
.rd .cont_wrap .t_box dl dt{display:inline-block; width: 540px; vertical-align: top; font-weight:bold; font-size:24px; letter-spacing:-0.015em; color: #222; line-height:1.5em;}
.rd .cont_wrap .t_box dl dt em{color: #02b738;}
.rd .cont_wrap .t_box dl dd{display:inline-block; width: calc(100% - 564px); vertical-align: top;}
.rd .cont_wrap .t_box dl dd p{font-weight:300; font-size:17px; letter-spacing:-0.015em; color: #555; line-height:1.7em; margin-bottom:20px;}
.rd .cont_wrap .t_box dl dd p:first-of-type{color: #333; font-weight:500;}
.rd .cont_wrap .t_box dl dd p:last-of-type{margin-bottom:0;}
/* -------- 홍보영상 -------- */	
.media{}
.media .cont_wrap{font-size:0;}
.media .cont_wrap .item{position:relative; display:inline-block; width: 31.3%; margin-right: 3%; vertical-align: top; margin-bottom:40px; cursor: pointer;}
.media .cont_wrap .item:nth-of-type(3n),
.media .cont_wrap .item:last-of-type{margin-right: 0;}
.media .cont_wrap .item .img{position: relative; overflow: hidden; border-radius:10px; padding-bottom: 56.5%;}
.media .cont_wrap .item .img img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.media .cont_wrap .item p{font-weight:500; font-size:20px; letter-spacing:-0.02em; color: #222; margin-top:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.media .cont_wrap .item a{position:absolute; top: 0; right: 0; bottom: 0;left: 0;}
/* -------- 카달로그 -------- */	
.catalog{}
.catalog .cont_wrap{font-size:0;}
.catalog .cont_wrap .item{position:relative; display:inline-block; vertical-align: top;  width: 19%; margin-right: 1.25%; margin-bottom:40px;}
.catalog .cont_wrap .item:nth-of-type(5n),
.catalog .cont_wrap .item:last-of-type{margin-right: 0;}
.catalog .cont_wrap .item .img{overflow: hidden; padding-bottom:141%; position:relative; border:1px solid #e5e5e5; border-radius:10px; box-sizing:border-box;}
.catalog .cont_wrap .item .img img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.catalog .cont_wrap .item p{position:relative; font-weight:500; font-size:18px; letter-spacing:-0.015em; color: #777; margin-top:20px; padding-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.catalog .cont_wrap .item p i{position:absolute; right: 0;}
.catalog .cont_wrap .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.catalog .cont_wrap .item:hover p{color: #02b738;}

/* -------- 인재상 -------- */	
.talent{}
.talent .s_tit03 p{margin-top:28px;}
.talent .cont_wrap{font-size:0;}
.talent .cont_wrap .item{position:relative; display:inline-block; width: 24%; vertical-align: top; margin-right:1.333%; border-radius:25px; overflow: hidden;} 
.talent .cont_wrap .item:nth-of-type(2n){margin-top:28px;}
.talent .cont_wrap .item:last-of-type{margin-right: 0;}
.talent .cont_wrap .item figure{position:relative; overflow: hidden; padding-bottom:135%;}
.talent .cont_wrap .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.talent .cont_wrap .item .txt{position:absolute; top: 76px; left: 46px;}
.talent .cont_wrap .item .txt h3{font-weight:bold; font-size:28px; letter-spacing:-0.015em; color: #222;}
.talent .cont_wrap .item .txt p{font-size:16px;	letter-spacing:-0.015em; color: #000; margin-top:10px; opacity: 0.6;}

/* -------- 직무소개 -------- */
.job_intro{}
.job_intro .cont_wrap{font-size:0;}
.job_intro .cont_wrap .sec{padding: 100px 0;}
.job_intro .cont_wrap .sec01{padding-top:0;}
.job_intro .cont_wrap .sec.bg{background: #f5f5f5;}
.job_intro .cont_wrap dl{}
.job_intro .cont_wrap dl dt{display:inline-block; width: 280px; vertical-align: top; text-align: left;}
.job_intro .cont_wrap dl dt p{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:16px; letter-spacing:-0.015em; color: #02b738;}
.job_intro .cont_wrap dl dt .t_tit{font-family: 'Noto Sans KR', sans-serif; font-size:30px; color: #222; margin-top:24px;}
.job_intro .cont_wrap dl dd{display:inline-block; width: calc(100% - 280px); vertical-align: top; border-top: 2px solid #02b738; background: #fff;}
.job_intro .cont_wrap dl dd tr th{font-weight:500; font-size:17px; letter-spacing:-0.015em; color: #333; border-bottom: 1px solid #ccc; border-right: 1px solid #e5e5e5; padding: 16px 10px;}
.job_intro .cont_wrap dl dd tr td{font-size:16px; letter-spacing:-0.015em; color: #333; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 16px 20px; line-height:1.5em; word-break:keep-all}
.job_intro .cont_wrap dl dd tr td ul li{position:relative; padding-left: 10px; box-sizing:border-box; font-weight:300; font-size:16px; letter-spacing:-0.015em; color: #555; text-align: left; margin-bottom:6px; line-height:1.5em; word-break:keep-all}
.job_intro .cont_wrap dl dd tr td ul li::after{content:""; position:absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #00c73c; border-radius:50%}
.job_intro .cont_wrap dl dd tr td ul li:last-of-type{margin-bottom:0;}
.job_intro .cont_wrap dl dd tr td:last-of-type,
.job_intro .cont_wrap dl dd tr th:last-of-type{border-right: none;}

/* -------- 견적문의 -------- */
.quote{}
.quote .cont_wrap{font-size:0;}
.quote .cont_wrap .input_ctn{display:inline-block; width: calc(50% - 20px); vertical-align: top; margin-right: 40px;}
.quote .cont_wrap .input_ctn:last-of-type{margin-right: 0;}
.quote .cont_wrap .input_ctn.w100{width: 100%; margin-right: 0; margin-bottom:60px;}
.quote .cont_wrap .input_ctn .input_tit{border-bottom: 2px solid #02b738; margin-bottom:20px;}
.quote .cont_wrap .input_ctn .input_tit h3{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:24px; letter-spacing:-0.015em; color: #333; margin-bottom:16px;}
.quote .cont_wrap .input_ctn .box{display:inline-block; width: calc(50% - 20px); margin-right: 40px; vertical-align: top; }
.quote .cont_wrap .input_ctn .box:last-of-type{margin-right: 0;}
.quote .cont_wrap .input_ctn dt{display:inline-block; width: 230px; vertical-align: middle; font-family: 'Ubuntu', sans-serif; font-size:16px; color: #333; margin-bottom:10px;}
.quote .cont_wrap .input_ctn dt.important span{position:relative; }
.quote .cont_wrap .input_ctn dt.important span::after{content:""; position:absolute; top: 2px; right: -7px; width: 4px; height: 4px; background: #02b738; border-radius:50%}
.quote .cont_wrap .input_ctn dd{display:inline-block; width: calc(100% - 230px); vertical-align: middle;  margin-bottom:10px;}
.quote .cont_wrap .input_ctn dd:last-of-type,
.quote .cont_wrap .input_ctn dt:last-of-type{margin-bottom:0;}
.quote .cont_wrap .input_ctn.dt285 dt{width: 285px;}
.quote .cont_wrap .input_ctn.dt285 dd{width: calc(100% - 285px);}

.quote .cont_wrap .input_ctn dd input{width: 100%; border:1px solid #ddd; box-sizing:border-box; height: 50px; outline:none; font-size:16px; color: #333; padding: 0 14px;}
.quote .cont_wrap .input_ctn dd input::placeholder{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:15px; color: #999;}
.quote .cont_wrap .input_ctn dd.mail{}
.quote .cont_wrap .input_ctn dd.mail input{width: calc(33.3% - 16px);}
.quote .cont_wrap .input_ctn dd.mail span{display:inline-block; width: 32px; vertical-align: middle; font-size:15px; color: #555; text-align: center;}
.quote .cont_wrap .input_ctn dd.mail select{width: calc(33.3% - 5px); margin-left: 5px; height: 50px; background-color: none; outline:none; border:1px solid #ddd; padding: 0 14px; font-weight:300; font-size:15px; color: #aaa; font-family: 'Ubuntu', sans-serif;}
.quote .cont_wrap .input_ctn dd.size{}
.quote .cont_wrap .input_ctn dd.size input{width: calc(50% - 5px); margin-right: 10px;}
.quote .cont_wrap .input_ctn dd.size input:last-of-type{margin-right: 0;}
.quote .cont_wrap .input_ctn dd.cap{position:relative; }
.quote .cont_wrap .input_ctn dd.cap .img{position:relative; display:inline-block; vertical-align:middle; width: 150px; height: 50px; background:#ccc;}
.quote .cont_wrap .input_ctn dd.cap .img img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} 
.quote .cont_wrap .input_ctn dd.cap input{width: calc(100% - 150px); height: 50px;}
.quote .cont_wrap .input_ctn dd.cap button{position:absolute; top: 0; right: 0; width: 50px; height: 50px; outline:none; border:none; cursor: pointer; background: none;}
.quote .cont_wrap .input_ctn dd.cap button i{font-size:20px; color: #333;}

.quote .cont_wrap .input_ctn.pri{}
.quote .cont_wrap .input_ctn.pri .chkBox{display:inline-block; vertical-align: top; margin-top:10px;}
.quote .cont_wrap .input_ctn.pri .chkBox input{display:none; }
.quote .cont_wrap .input_ctn.pri .chkBox label{cursor: pointer;}
.quote .cont_wrap .input_ctn.pri .chkBox label span{position:relative; top: 3px; display:inline-block; vertical-align: top; width: 16px; height: 16px; box-sizing:border-box; border:1px solid #ddd; line-height:1.3em}
.quote .cont_wrap .input_ctn.pri .chkBox label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.quote .cont_wrap .input_ctn.pri .chkBox label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-weight:300; font-size:15px; letter-spacing:-0.015em; color: #333; padding-left: 5px; box-sizing:border-box; ;line-height:1.4em}
.quote .cont_wrap .input_ctn.pri .chkBox input[id="chk"]:checked + label span{}
.quote .cont_wrap .input_ctn.pri .chkBox input[id="chk"]:checked + label span i{color: #02b738;}
.quote .cont_wrap .input_ctn.pri .policy{height: 250px; font-weight:300; font-size:13px; color: #999; line-height:1.8em; border:1px solid #ddd; box-sizing:border-box; padding: 20px 25px; overflow-y: scroll; margin: 15px 0 54px;}
.quote .cont_wrap .input_ctn.pri .policy em{color: #666;}
.quote .cont_wrap .input_ctn.pri .submit{width: 100%; height: 60px; background: #02b738; box-sizing:border-box; outline:none; border:none; color: #fff; font-weight:bold; font-size:18px; letter-spacing:-0.015em; cursor: pointer;}
.quote .cont_wrap .input_ctn dd textarea{width: 100%; resize:none; box-sizing:border-box; border:1px solid #ddd; padding: 10px; outline:none}


/* 220111 인사제도 */
.personnel{}
.personnel figure{text-align: center;}
.personnel .web{margin-top: 50px; text-align: center;}
.personnel .mob{display:none; width: 100%;}
.personnel .cont_wrap{}
.personnel .cont_wrap .sec dl{}
.personnel .cont_wrap .sec dd{border-top: none;}
.personnel .cont_wrap .sec dl dd.bt{border-top: 2px solid #02b738;}
.personnel .cont_wrap .sec dl dd tr td:last-of-type{text-align: left;}
.personnel .cont_wrap .sec .item{position:relative; display:inline-block; width: calc(25% - 21px); vertical-align: top; margin-right: 28px; border-radius:50%; background: #e5f8eb; padding-bottom:calc(25% - 21px)}
.personnel .cont_wrap .sec .item::before{content:""; position:absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; box-sizing:border-box; border:1px solid #76d492; border-radius:50%; transform:scale(0.85);}
.personnel .cont_wrap .sec .item::after{content:url(/img/sub/icon_personnel01.jpg); position:absolute; top: 50%; right: -29px; transform:translateY(-50%);}
.personnel .cont_wrap .sec .item:last-of-type{margin-right: 0;}
.personnel .cont_wrap .sec .item:last-of-type::after{display:none; }
.personnel .cont_wrap .sec .item .txt{position:absolute; width: 83%; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align: center;}
.personnel .cont_wrap .sec .item .txt p{font-size:15px; letter-spacing:-0.015em; color: #555; margin-bottom:8px;}
.personnel .cont_wrap .sec .item .txt p.step{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:13px; letter-spacing:-0.015em; color: #02b738; margin-bottom:0;}
.personnel .cont_wrap .sec .item .txt p:last-of-type{margin-bottom:0;}
.personnel .cont_wrap .sec .item .txt h4{font-weight:500; font-size:18px; letter-spacing:-0.015em; margin: 12px 0; word-break:keep-all; color: #333;}


@media screen and (max-width:1240px){
	.personnel .cont_wrap .sec .item .txt h4{font-size:14px; margin: 6px 0;}
	.personnel .cont_wrap .sec .item .txt p{font-size:12px;}
}


@media screen and (max-width:820px){
	.personnel .cont_wrap .sec .item{width: calc(50% - 14px); padding-bottom:calc(50% - 14px); margin-bottom:20px;}
	.personnel .cont_wrap .sec .item:nth-of-type(2n){margin-right: 0;}
	.personnel .cont_wrap .sec .item:nth-of-type(2n)::after{display:none; }
	.personnel .cont_wrap .sec .item:nth-of-type(n + 3){margin-bottom:0;}
	.personnel .cont_wrap .sec .item .txt h4{font-size:21px; margin: 12px 0;}
	.personnel .cont_wrap .sec .item .txt p{font-size:17px;}
}

@media screen and (max-width:620px){
	.personnel .cont_wrap .sec .item .txt h4{font-size:14px; margin: 6px 0;}
	.personnel .cont_wrap .sec .item .txt p{font-size:12px;}
}



@keyframes up{
	0%{transform:translateY(130px)}
	100%{transform:translateY(0);}
}

@keyframes fadeUp{
	0%{transform:translateY(130px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fade{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes fadeRight{
	0%{transform:translateX(130px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes zoom{
	0%{transform:scale(1.5)}
	100%{transform:scale(1)}
}

@keyframes scrollUpDown{
	0%{transform:translateY(-20px);}
	100%{transform:translateY(0);}
}

@keyframes hoverRight{
	0%{opacity: 0; transform:translateX(-130px);}
	100%{opacity: 1;  transform:translateX(0px);}
}

@keyframes width{
	0%{width: 100%;}
	100%{width: 0;}
}

@keyframes height{
	0%{height: 100%;}
	100%{height: 0;}
}

@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
	background: #fff;
	z-index: 3;
  }
  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
	background: #02b738;
	opacity: 0
	 z-index: 3;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
	 z-index: 1;
  }
}


@media screen and (max-width:1400px){
	.sub .sv{height: 400px;}
	.product .sec02 .table_box table tbody tr td:first-of-type,
	.product .sec02 .table_box table tbody tr th:first-of-type,
	.product .sec02 .table_box table tbody tr th,
	.product .sec02 .table_box table tbody tr td{text-align: center; padding-left: 0;}
	.product .sec02 .table_box table tbody tr td{font-size:17px;}

	.product .sec03 .ctn .po_img{ position:relative; top:auto; left: auto; transform:translate(0); text-align: center; margin-bottom:40px;}
	.product .sec03 .ctn .box{width: 48%; margin-right: 4%; text-align: left;}
	.product .sec03 .ctn .box:last-of-type{margin-right: 0;}
	.product .sec03 .ctn .list:last-of-type .list_box ul li{padding-left: 0;}
	.product .sec03 .ctn .list .txt{width: 100%; text-align: center; margin-right: 0;}
	.product .sec03 .ctn .list.mod.mb55 .txt{margin-bottom:35px;}
	.product .sec03 .ctn .list.mod .list_box ul.w46,
	.product .sec03 .ctn .list.mod .list_box ul,
	.product .sec03 .ctn .list .list_box ul{width: 100%;}
	.product .sec03 .ctn .list.mod .list_box ul.w46 li:first-of-type,
	.product .sec03 .ctn .list .list_box ul li{display:inline-block; vertical-align: top; width: 48%; margin-right: 4%; box-sizing:border-box; padding-left: 0; padding-right: 0; margin-right: 0; word-break:keep-all; margin-bottom:20px;}
	.product .sec03 .ctn .list .list_box ul li br{display:none; }
	.product .sec03 .ctn .list .list_box ul li:last-of-type{margin-right: 0;}
	.product .sec03 .ctn .list .list_box ul li span{display:inline-block; width: calc(100% - 67px); vertical-align: middle; padding-left: 14px; box-sizing:border-box;}
	.product .sec03 .ctn .list .list_box ul li img{display:inline-block; vertical-align:middle; position:static; width: 67px; right: auto; left: 0; transform:translateY(0);}
	.product .sec03 .ctn .po_img::after{left: calc(50% - 181px);}
	.product .sec03 .ctn .po_img::before{right: auto; left: calc(50% + 125px);}

	.product .sec03 .ctn .list.mod .list_box ul li{margin-bottom:20px;}
	.product .sec03 .ctn.p40{padding-top:0;}
	.product .sec03 .ctn.p40 .box{margin-bottom:20px;}
	.product .sec03 .ctn.p40 .list.p11,
	.product .sec03 .ctn.p40 .list.p39{position:static; }
	.product .sec03 .ctn .list.p39 .list_box ul li,
	.product .sec03 .ctn .list.p39 .list_box ul{width: 100%;}
	.product .sec03 .ctn .box.ps{position:static !important; }

	.greeting .scon01 .box{padding-left: 40px;}
	.greeting .scon01 .box p br{display:none; }

	.greeting .scon03 .sec01 .box p{word-break:keep-all}
	.greeting .scon03 .sec01 .box p br{display:none; }

	.greeting .scon05 .sec03 .box_cont .item .box .txt{padding-left: 40px;}
	
	.biz_areas .cont_wrap .areas ul li{width: 31.33%; margin-right: 3%;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(4n){margin-right: 3%;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(3n){margin-right: 0;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(n + 5){margin-bottom:30px;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(n + 7){margin-bottom:0px;}

	.biz_intro .cont_wrap .item::before{height: 21vw;}



}

@media screen and (max-width:1240px){
	.pt{padding-top:80px;}
	.pad{padding: 80px 0 100px;}
	.s_tit03 h2,
	.s_tit h2{font-size:40px;}
	.s_tit03 p,
	.s_tit p{font-size:16px; word-break:keep-all}
	.s_tit02{margin-bottom:60px;}
	.s_tit02 h3{font-size:32px;}

	.sub .sv{margin-top:80px; height: 330px;}
	.sub .txt{width: 100%; box-sizing:border-box; padding: 0 16px; text-align: center;}
	.sub .txt h2{font-size:38px;}
	.sub .txt ul{margin-top:20px;}

	.sub .lnb{display:none; }
	
	.product .sec01{padding-bottom:100px;}
	.product .s_tit{padding: 0 16px; box-sizing:border-box;}
	.product .sec01 ul li{width: 31.3%; max-width:none; margin-right: 3%; padding-bottom:32%;}
	.product .sec01 ul li:nth-of-type(3n){margin-right: 0;}
	.product .sec01 ul li:nth-of-type(3n)::after{display:none; }
	.product .sec01 .w1400{max-width:800px}
	
	.product.xps_foam .sec01 .w1400{max-width:1000px; font-size:0;zoom:0.75}
	.product.xps_foam .sec01 ul li{ width: 23%; margin-right: 2.666%; padding-bottom:25%;}
	.product.xps_foam .sec01 ul li:nth-of-type(4n){margin-right: 0;}
	.product.xps_foam .sec01 ul li:nth-of-type(3n)::after{display: block; }
	
	.product .sec02 .table_box table tbody tr td{font-size:15px;}

	.product .sec04 .ctn .center{padding: 0 30px;}
	
	.greeting .scon04,
	.greeting .scon02,
	.greeting .scon01{padding-bottom:80px;}
	.greeting .scon01 .img_box{width: 400px;}
	.greeting .scon01 .box{width: calc(100% - 400px);}
	
	.greeting .scon05 .sec{padding: 80px 0;}
	.greeting .scon05 .sec01{padding-top:0;}
	.greeting .scon05 .tbox h3{font-size:30px;}
	.greeting .scon05 .tbox p{font-size:16px;}

	.greeting .scon05 .sec03 .box_cont .item .box .txt{padding: 0 16px;}

	.core_value .cont_wrap .ctn_p{font-size:22px;}

	.biz_areas .cont_wrap .areas ul li p{font-size:16px;}

	.job_intro .cont_wrap .sec{padding: 80px 0;}

	.talent .cont_wrap .item .txt{top: 30px; left: 30px;} 
	
	.quote .cont_wrap .input_ctn{width: 100%; margin-right: 0; margin-bottom:60px;}
	
	.rd .cont_wrap .t_box dl dt{width: 100%;}
	.rd .cont_wrap .t_box dl dd{width: 100%; margin-top: 40px;}
	.rd .cont_wrap .t_box dl dd > br{display:none; }


}

@media screen and (max-width:1020px){
	.web{display:none !important; }
	.mob{display:inline-block !important; }
	.pt{padding-top:60px;}
	.pad{padding: 60px 0 60px;}
	.s_tit .icon{margin-bottom:12px;}
	.s_tit h2{font-size:34px; margin-bottom:24px;}
	.s_tit02{font-size:40px;}
	.s_tit02 h3{font-size:28px;}
	.s_tit03 h2{font-size:34px;}
	
	.product .sec01{padding-bottom:60px;}

	.product .sec02 .table_box{overflow-x: scroll;}
	.product .sec02 .table_box table{width: 1000px;}
	.product.xps_foam  .sec02 .table_box table tbody tr td,
	.product.xps_foam  .sec02 .table_box table tbody tr th,
	.product .sec02 .table_box table tbody tr td{padding: 20px 0;}

	.product .sec03 .ctn .box{width: 100%; margin-right: 0; margin-bottom:40px;}
	.product .sec03 .ctn .box:last-of-type{margin-bottom:0px;}
	.product .sec03 .ctn .list:last-of-type .txt{margin-bottom:30px;}

	.product .sec04 .ctn{flex-wrap:wrap; max-width:700px; margin: 0 auto; margin-bottom:30px;}
	.product .sec04 .ctn figure{width: 100%; order:-1}
	.product .sec04 .ctn .center{width: 100%; padding: 30px;}
	.product .sec04 .ctn .txt h4{font-size:26px;}

	.product.auxiliary .sec02 .table_box{overflow-x: visible;}
	.product.auxiliary .sec02 .table_box table{width: 100%;}
	
	
	.greeting .scon04,
	.greeting .scon02,
	.greeting .scon01{padding-bottom:80px;}
	.greeting .scon01::before{bottom: -500px;}
	.greeting .cont_wrap{margin-top:40px;}
	.greeting .scon01 .img_box{width: 100%; padding-bottom:57%;}
	.greeting .scon01 .box{width: 100%; padding-left: 0; margin-top: 40px;}
	.greeting .scon01 .box h3{font-size:30px;}
	.greeting .scon01 .box h4{font-size:20px;}

	.greeting .scon02 .w1400 > ul > li .year{font-size:46px;}

	.greeting .scon03 .sec{padding: 80px 0;}
	.greeting .scon03 .sec:first-of-type{padding-top:0;}
	.greeting .scon03 .sec04 .box{width: 100%; margin-right: 0; margin-bottom:30px;}
	.greeting .scon03 .sec04 .box:last-of-type{margin-bottom:0;}

	.greeting .scon04 h3{font-size:28px;}

	.greeting .scon04 .list_box > ul > li > ul > li{width: 25%;}

	.greeting .scon05 .sec{padding: 60px 0;}
	.greeting .scon05 .sec01{padding-top:0;}
	.greeting .scon05 .sec01 ul.img_bg{max-width:501px;	}
	.greeting .scon05 .sec01 ul.img_bg li{width: 50%; margin-right: 40px; margin-bottom:40px; padding-bottom:48%;}
	.greeting .scon05 .sec01 ul.img_bg li:nth-of-type(2n){margin-right: 0;}
	.greeting .scon05 .sec01 ul.img_bg li:nth-of-type(n + 3){margin-bottom:0;}
	.greeting .scon05 .sec01 ul.img_bg li:nth-of-type(2n)::after{display:none; }
	.greeting .scon05 .sec01 ul.img_bg li::after{right: -22px;}
	.greeting .scon05 .tbox p{word-break:keep-all}
	.greeting .scon05 .tbox p br{display:none; }

	.core_value .cont_wrap .ctn_p{word-break:keep-all;}
	.core_value .cont_wrap .ctn_p br{display:none; }
	.core_value .cont_wrap .ctn{padding: 20px;}
	.core_value .cont_wrap .ctn .item .txt figure{transform:scale(0.7);}
	.core_value .cont_wrap .ctn .item .txt h4{margin: 6px 0 10px;}

	.biz_areas .cont_wrap .areas .areas_tit{width: 100%; margin-bottom:26px;}
	.biz_areas .cont_wrap .areas ul{width: 100%;}
	.biz_areas .cont_wrap .areas ul li p{font-size:18px;}
	
	.biz_intro .cont_wrap .item::before{height: 260px;}
	.biz_intro .cont_wrap .item .slide_wrap{width: 100%; max-width:740px;}
	.biz_intro .cont_wrap .item .txt_ctn{width: 100%; padding-left: 0; order:-1; margin-bottom:30px;}
	.biz_intro .cont_wrap .item .txt_ctn ul{margin-top:20px;}
	.biz_intro .cont_wrap .item .txt_ctn h3{margin-top:12px;}

	.media .cont_wrap .item{width: 48%; margin-right: 4%;}
	.media .cont_wrap .item:nth-of-type(3n){margin-right: 4%;}
	.media .cont_wrap .item:nth-of-type(2n){margin-right: 0;}

	.catalog .cont_wrap .item{width: 31.33%; margin-right: 3%;}
	.catalog .cont_wrap .item:nth-of-type(5n){margin-right: 3%;}
	.catalog .cont_wrap .item:nth-of-type(3n){margin-right: 0;}
		
	.job_intro .cont_wrap .sec{padding: 60px 0;}
	.job_intro .cont_wrap dl dt{width: 100%; margin-bottom:24px;}
	.job_intro .cont_wrap dl dt .t_tit{margin-top:12px;}
	.job_intro .cont_wrap dl dd{width: 100%;}

	.talent .cont_wrap .item .txt h3{font-size:22px;}
	
	.quote .cont_wrap .input_ctn.w100,
	.quote .cont_wrap .input_ctn{margin-bottom:40px;}
	.quote .cont_wrap .input_ctn .box{width: 100%; margin-right: 0; margin-bottom:10px;}
	.quote .cont_wrap .input_ctn .box:last-of-type{margin-bottom:0;}

	.rd .cont_wrap .t_box dl dt > br{display:none; }
}

@media screen and (max-width:820px){
	.product.xps_foam .sec01 .w1400{zoom:1; max-width:500px;}
	.product.xps_foam .sec01 ul li{width: 48%; max-width:none; margin-right: 4%; padding-bottom:53%; margin-bottom:20px;}
	.product.xps_foam .sec01 ul li:last-of-type{margin-bottom:0px;}
	.product.xps_foam .sec01 ul li:nth-of-type(2n){margin-right: 0;}
	.product.xps_foam .sec01 ul li:nth-of-type(2n)::after{display:none; }
	.product.xps_foam .sec01 ul li:nth-of-type(3n){margin-right: 4%;}
	.product.xps_foam .sec01 ul li:nth-of-type(3n)::after{display:block; }
	.product.xps_foam .sec01 ul li::after{right: -13px;}

	.product.auxiliary .sec01 .w1400{zoom:0.75}
	.product.auxiliary .sec02 .table_box{width: 100%; margin-bottom:40px;}
	.product.auxiliary .sec02 .table_box:last-of-type{margin-bottom:0;}
	
	.s_tit03 p > br,
	.s_tit p > br{display:none; }
	
	.greeting .tab{padding: 0 16px; display:flex}
	.greeting .tab li{display:flex; align-items:center; justify-content:center; width: 19%; margin-right: 1.25%; padding: 14px 0; line-height:1.3em; box-sizing:border-box; font-size:14px;}
	.greeting .tab li:last-of-type{margin-right: 0;}
	.greeting .scon02 .w1400 > ul > li{padding-bottom:0; margin-bottom:60px;}
	.greeting .scon02 .w1400 > ul > li::after{left: 0; top: 120px;}
	.greeting .scon02 .w1400 > ul > li:first-of-type::after{top: 120px;}
	.greeting .scon02 .w1400 > ul > li .year{width: 100%; padding-right: 0; text-align: left;}

	.greeting .scon02 .w1400 > ul > li.on:last-of-type::after{height: 100%}
	.greeting .scon02 .w1400 > ul > li.on::after,
	.greeting .scon02 .w1400 > ul > li.on:first-of-type::after{height: calc(100% - 80px)}
	.greeting .scon02 .w1400 > ul > li > ul{}
	.greeting .scon02 .w1400 > ul > li > ul > li .tit{width: 100%; font-size:17px; word-break:keep-all; text-align: left; padding-right: 0; margin-bottom:20px;}
	.greeting .scon02 .w1400 > ul > li > ul > li > ul{width: 100%; padding-left: 20px;} 
	.greeting .scon02 .w1400 > ul > li > ul > li > ul > li::after,
	.greeting .scon02 .w1400 > ul > li > ul > li > ul > li::before{left: -26px;}
	
	.greeting .scon03 .sec{padding: 60px 0;}
	.greeting .scon03 .sec01 .box{width: 100%; margin-right: 0; margin-bottom:30px;}
	.greeting .scon03 .sec01 .box:last-of-type{margin-bottom:0;}
	.greeting .scon03 .sec01 .box p{font-size:16px;}

	.greeting .scon03 .sec05 .ctn .box,
	.greeting .scon03 .sec03 .ctn .box, 
	.greeting .scon03 .sec02 .ctn .box{width: 100%; margin-bottom:20px;}
	.greeting .scon03 .sec05 .ctn .box:last-of-type,
	.greeting .scon03 .sec03 .ctn .box:last-of-type, 
	.greeting .scon03 .sec02 .ctn .box:last-of-type{margin-bottom:0;}
	.greeting .scon03 .sec03 .ctn .box figure, .greeting .scon03 .sec02 .ctn .box figure{padding: 0 26px;}
	.greeting .scon03 .sec02 .ctn .box::after{display:none; }

	.greeting .scon03 .sec05 .ctn{padding: 30px 0; margin-bottom:30px;}
	.greeting .scon03 .sec05 .ctn .box{margin-bottom:40px;}
	.greeting .scon03 .sec05 .ctn:last-of-type .box{margin-bottom:0;}
	.greeting .scon03 .sec05 .ctn .box .txt{text-align: center; padding: 0 16px;}

	.greeting .scon04 .list_box > ul > li > ul > li{width: 33.3%;}
	
	.greeting .scon05 .sec02 .ctn{border-radius:15%}
	.greeting .scon05 .sec02 .ctn .item{width: 50%; margin: -8px; padding-bottom:49.9%;}
	.greeting .scon05 .sec02 .ctn .item h4{font-size:20px;}

	.greeting .scon05 .sec03 .ctn{display:flex; flex-wrap:wrap; padding-left: 0;}
	.greeting .scon05 .sec03 .ctn .box_item{width: 100%; order:-1}
	.greeting .scon05 .sec03 .ctn .item{width: 33.3%; text-align: center; margin-top:30px;}
	.greeting .scon05 .sec03 .ctn .item h4{width: 100%;}
	.greeting .scon05 .sec03 .ctn .item ul{display:inline-block; }
	.greeting .scon05 .sec03 .ctn::before{top: 74.5%;}

	.greeting .scon05 .sec03 .box_cont .item{flex-wrap:wrap; }
	.greeting .scon05 .sec03 .box_cont .item .box.bg{order:-1; width: 100%; padding: 50px 0; border-bottom: 1px solid #e5e5e5;}
	.greeting .scon05 .sec03 .box_cont .item .box:last-of-type{border-left: 1px solid #e5e5e5;}
	
	.core_value .cont_wrap .ctn{ max-width:380px; padding: 40px; margin-bottom:50px;}
	.core_value .cont_wrap .ctn::after{transform:translateX(-50%) scale(0.6);}
	.core_value .cont_wrap .ctn .item{width: 100%; padding-bottom:100%; margin: -8px; max-width:300px; max-height: 300px;}
	.core_value .cont_wrap .ctn .item::before{max-height: 300px;}
	
	.biz_areas .cont_wrap .areas .areas_tit h3{margin-top:10px;}
	.biz_areas .cont_wrap .areas:first-of-type{padding-bottom:50px; margin-bottom:40px;}
	.biz_areas .cont_wrap .areas ul li{width: 48%; margin-right: 4%;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(4n){margin-right: 4%;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(3n){margin-right: 4%;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(2n){margin-right: 0;}

	.biz_intro .cont_wrap .item{margin-bottom:110px;}
	.biz_intro .cont_wrap .item:last-of-type{margin-bottom:60px;}
	.biz_intro .cont_wrap .item::before{bottom: -60px;}
	
	.media .cont_wrap .item{margin-bottom:24px;}
	.media .cont_wrap .item p{font-size:18px; margin-top:12px;}

	.catalog .cont_wrap .item{width: 48%; margin-right: 4%; margin-bottom:24px;}
	.catalog .cont_wrap .item:nth-of-type(5n){margin-right: 4%;}
	.catalog .cont_wrap .item:nth-of-type(3n){margin-right: 4%;}
	.catalog .cont_wrap .item:nth-of-type(2n){margin-right: 0;}
	.catalog .cont_wrap .item p{font-size:17px; margin-top:12px;}
	
	.talent .cont_wrap .item{width: 48%; margin-right: 4%; margin-bottom:20px;}
	.talent .cont_wrap .item:nth-of-type(2n){margin-right: 0; margin-top: 0;}
	.talent .cont_wrap .item .txt h3{font-size:28px;}

	.product .sec01 .w1400{zoom:1; max-width:500px;}
	.product .sec01 ul li{width: 48%; max-width:none; margin-right: 4%; padding-bottom:53%; margin-bottom:20px;}
	.product .sec01 ul li:last-of-type{margin-bottom:0px;}
	.product .sec01 ul li:nth-of-type(2n){margin-right: 0;}
	.product .sec01 ul li:nth-of-type(2n)::after{display:none; }
	.product .sec01 ul li:nth-of-type(3n){margin-right: 4%;}
	.product .sec01 ul li:nth-of-type(3n)::after{display:block; }
	.product .sec01 ul li::after{right: -13px;}

	.product .sec04 .ctn .txt h4{font-size:22px;}

	.product.auxiliary .sec01 .w1400{zoom:1}
	.product.auxiliary .sec01 ul li:last-of-type::after{display:none; }
		
}

@media screen and (max-width:620px){
	.br{display:block !important; }

	.s_tit03,
	.s_tit02{margin-bottom:40px;}

	.greeting .scon01 .box h4 br{display:none; }

	.greeting .scon03 .sec04 .box .item{padding: 20px 20px 14px;}
	
	.greeting .scon04 .list_box{padding:30px 20px;}
	.greeting .scon04 .list_box > ul > li > span{width: 100%; font-size:18px; margin-bottom:20px;}
	.greeting .scon04 .list_box > ul > li > ul{width: 100%;}
	
	.greeting .scon05 .sec01 ul.img_bg{width: 100%; max-width:none}
	.greeting .scon05 .sec01 ul.img_bg li{margin-right: 4%; width: 48%;}
	.greeting .scon05 .sec01 ul.img_bg li::after{right: -12px;}

	.greeting .scon05 .sec03 .box_cont .item .box .txt h4{font-size:24px; margin: 12px 0;}
	
	.greeting .scon03 .sec05 .ctn .box h4{font-size:40px;}
	.greeting .scon03 .sec05 .ctn .box ul li{font-size:17px;}
	.greeting .scon03 .sec05 .ctn .box p.ub{font-size:16px;}
	.greeting .scon03 .sec05 .ctn .box h5{font-size:17px;}
	.greeting .scon03 .sec05 .ctn .box p{font-size:16px;}
	.greeting .scon03 .sec05 .ctn .box p br{display:none; }

	.job_intro .cont_wrap dl dd tr td{padding: 16px 0; font-size:14px;}
	.job_intro .cont_wrap dl dd tr td > br{display:none; }
	.job_intro .cont_wrap dl dd tr td ul{padding-left: 10px;}
	.job_intro .cont_wrap dl dd tr td ul li{font-size:14px;}
	
	.talent .cont_wrap .item .txt h3{font-size:22px;}

	.quote .cont_wrap .input_ctn.dt285 dt,
	.quote .cont_wrap .input_ctn dt{width: 100%;}
	.quote .cont_wrap .input_ctn.dt285 dt:last-of-type,
	.quote .cont_wrap .input_ctn dt:last-of-type{margin-bottom:10px;}
	.quote .cont_wrap .input_ctn.dt285 dd,
	.quote .cont_wrap .input_ctn dd{width: 100%;}
}

@media screen and (max-width:495px){
	.product .sec01 ul li::after{right: -11px;}
	
	.biz_areas .cont_wrap .areas .areas_tit h3{font-size:23px;}
	.biz_areas .cont_wrap .areas ul li:nth-of-type(n + 5),
	.biz_areas .cont_wrap .areas ul li{margin-bottom:16px;}
	.biz_areas .cont_wrap .areas ul li p{font-size:16px;}


}