@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 */
.introduce .head {padding-bottom:56px; border-bottom:1px solid #ddd; text-align:center;}
.introduce .head h3 {display:inline-block; padding:0 50px; font-size:35px; font-weight:500; color:#242424; line-height:1.2em; position:relative;} 
.introduce .head h3 strong {font-family:'Montserrat';}
.introduce .head h3:before {content:''; width:31px; height:20px; position:absolute; top:0; left:0; background:url('../images/sub/introduce-head-l.png') 0 0 no-repeat; opacity:0.1; background-size:cover;}
.introduce .head h3:after {content:''; width:31px; height:20px; position:absolute; top:0; right:0; background:url('../images/sub/introduce-head-r.png') 0 0 no-repeat; opacity:0.1; background-size:cover;}
.introduce .wrap {background:#f5f5f5;}
.introduce .cnt {text-align:center; padding:60px 0;}
.introduce .cnt .tit {margin-bottom:56px;}
.introduce .cnt .tit h4 {font-size:26px; font-weight:500; color:#242424; line-height:1.2em; position:relative; padding-top:36px; margin-bottom:24px;}
.introduce .cnt .tit h4 strong {font-size:28px; font-weight:900;}
.introduce .cnt .tit h4:before {content:''; width:20px; height:20px; position:absolute; top:0; left:50%; margin-left:-10px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover;}
.introduce .cnt .tit p {font-size:18px; color:#454545; line-height:1.6em; font-weight:500;}
.introduce .cnt .col {display:flex; justify-content:center; margin-bottom:36px; align-items:center;}
.introduce .cnt .row {padding:0 30px;}
.introduce .cnt .circle {width:260px; height:260px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.introduce .cnt .circle01 {background:#2698d9;}
.introduce .cnt .circle02 {background:#33779e;}
.introduce .cnt .circle03 {background:#3b6075;}
.introduce .cnt .circle p {font-size:40px; font-weight:500; line-height:1.2em; margin-bottom:12px;}
.introduce .cnt .circle span {font-size: 20px; line-height:1.4em; font-family:'Montserrat';}
.introduce .cnt .txt p {font-size:16px; line-height:1.6em; color:#454545;}
/* sub01_02 */
.vision {padding:0 100px;}
.vision .cnt01 {margin-bottom:70px;}
.vision .cnt01 .img-box {padding:50px 0; text-align:center;}
.vision .cnt01 .txt-box {padding:26px 20px; background:#f5f5f5; border-radius:10px;}
.vision .cnt01 .txt-box p {font-size:16px; color:#454545; text-align:center; line-height:1.6em;}
.vision .cnt02 .tit {margin-bottom:46px; text-align:center;}
.vision .cnt02 .tit h3 {font-size:26px; color:#242424; line-height:1.2em; margin-bottom:20px; padding-top:36px; position:relative;}
.vision .cnt02 .tit h3:before {content:''; width:20px; height:20px; position:absolute; top:0; left:50%; margin-left:-10px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover;}
/* sub01_03 */
.greeting .head {position:relative; margin-bottom:70px;}
.greeting .head .box {width:350px; height:auto; padding:30px; color:#fff; background:rgba(71,85,94,0.8); position:absolute; bottom:-35px; right:20px}
.greeting .head .box:after {content:''; width:100px; height:75px; background:url('../images/sub/greeting-logo.png') 0 0 no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-38px; right:30px; opacity:0.3;}
.greeting .head .box h4 {font-size:20px; font-weight:600; line-height:1.4em; font-family:'Montserrat'; margin-bottom:30px;}
.greeting .head .box p {font-size:16px; line-height:1.6em;}
.greeting .head .box p span {font-weight:500;}
.greeting .head .box p strong {font-weight:600; font-family:'Montserrat';}
.greeting .txt-box {padding:0 30px;}
.greeting .txt-box p {font-size:16px; color:#454545; line-height:1.6em; margin-bottom:24px;}
.greeting .txt-box p.tt {font-size:18px;}
.greeting .txt-box p.name {font-size:16px; font-weight:700; color:#242424; text-align:right;}
.greeting .txt-box p.name strong {font-size:30px; line-height:1.2em;}
/* sub02_01 */
.aluminum .cnt {height:880px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.aluminum .cnt01 {background-image:url('../images/sub/aluminum01-bg.jpg');}
.aluminum .cnt01 .col {display:flex; color:#fff; text-align:center; align-items:center; justify-content:center; flex-direction:column; height:100%;}
.aluminum .cnt01 .col .tt {font-size:30px; font-weight:700; line-height:1.2em; margin-bottom:36px;}
.aluminum .cnt01 .col h3 {font-size:72px; line-height:1.1em; margin-bottom:56px;}
.aluminum .cnt01 .col h3 span {font-size:20px; line-height:1.5em;}
.aluminum .cnt01 .col p {font-size:20px; line-height:1.6em; font-weight:500;}
.aluminum .cnt02 {background-image:url('../images/sub/aluminum02-bg.jpg');}
.aluminum .cnt02 .box {display:flex; color:#fff; text-align:center; align-items:center; justify-content:center; flex-direction:column; height:100%;}
.aluminum .cnt02 .tit {margin-bottom:60px;}
.aluminum .cnt02 .tit .tt {font-size:35px; line-height:1.3em;}
.aluminum .cnt02 .tit h3 {font-size:50px; line-height:1.1em;}
.aluminum .cnt02 .tit h3 span {font-weight:400; font-size:30px;}
.aluminum .cnt02 .tit p {font-size:30px; line-height:1.4em;}
.aluminum .cnt02 .col {display:flex; margin:0 -15px 30px;}
.aluminum .cnt02 .row {padding:0 15px;}
.aluminum .cnt02 .row .inner {width:375px; padding:36px 30px; height:100%;}
.aluminum .cnt02 .row .inner1 {background:rgba(71,165,221,0.8);}
.aluminum .cnt02 .row .inner2 {background:rgba(71,85,94,0.8);}
.aluminum .cnt02 .row .inner p {font-size:20px; font-weight:700; line-height:1.5em; margin-bottom:26px; padding-bottom:26px; border-bottom:1px solid #fff;}
.aluminum .cnt02 .row .inner span {font-size:18px; font-weight:500; line-height:1.6em; display:block; margin-bottom:12px;}
.aluminum .cnt02 .row .inner h4 {font-size:28px; line-height:1.1em;}
.aluminum .cnt02 .txt p {font-size:23px; line-height:1.5em; text-align:center;}
.aluminum .cnt03 {padding:125px 0; position:relative;}
.aluminum .cnt03 .icon {position:absolute; right:100px; top:50%; transform:translateY(-50%); opacity:0.05; z-index:-1;}
.aluminum .cnt03 .icon img {animation: rotate_image 20s linear infinite; transform-origin: 50% 50%;}
@keyframes rotate_image{100% { transform: rotate(360deg);}}
.aluminum .cnt03 .col {display:flex; align-items: center;}
.aluminum .cnt03 .col>div {width:50%;}
.aluminum .cnt03 .txt-box {padding-left:100px; max-width:600px;}
.aluminum .cnt03 .txt-box h3 {font-size:40px; line-height:1.1em; color:#242424; margin-bottom:40px; padding-bottom:46px; position:relative;}
.aluminum .cnt03 .txt-box h3:after {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover; position:absolute; bottom:0; left:0;}
.aluminum .cnt03 .txt-box p {font-size:18px; color:#454545; line-height:1.6em; margin-bottom:26px; }
.aluminum .cnt03 .txt-box p strong {font-weight:500; color:#418dba;}
.aluminum .cnt04 {background-image:url('../images/sub/aluminum04-bg.jpg'); padding:150px 0; color:#fff;}
.aluminum .cnt04 .tit {margin-bottom:80px; text-align:center;}
.aluminum .cnt04 .tit h3 {font-size:40px; line-height:1.1em; padding-top:36px; position:relative; margin-bottom:24px;}
.aluminum .cnt04 .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit-icon-w.png') 0 0 no-repeat; background-size:cover; position:absolute;	top:0; left:50%; margin-left:-10px;}
.aluminum .cnt04 .tit p {font-size:18px; line-height:1.4em;}
.aluminum .cnt04 .items {margin:0 -30px;}
.aluminum .cnt04 .item {padding:0 30px; text-align:center;}
.aluminum .cnt04 .item .icon {margin-bottom:30px;}
.aluminum .cnt04 .item .icon img {display:inline-block;}
.aluminum .cnt04 .item h4 {font-size:20px; line-height:1.4em; margin-bottom:20px;}
.aluminum .cnt04 .item p {font-size:16px; line-height:1.6em;}
.aluminum .cnt04 .item p strong {font-size:18px; font-weight:500;}
.aluminum .cnt04 .slick-arrow {width:36px; height:71px; position:absolute; top:50%; margin-top:-36px; background-color:transparent; background-repeat:no-repeat; background-size:cover; cursor:pointer; font-size:0; border:0; z-index:11;}
.aluminum .cnt04 .slick-prev {background-image:url('../images/sub/aluminum04-prev.png'); left:-70px;}
.aluminum .cnt04 .slick-next {background-image:url('../images/sub/aluminum04-next.png'); right:-70px;}
.aluminum .cnt05 {background-color:#fafafa; padding:70px 0;}
.aluminum .cnt05 .tit {margin-bottom:46px;}
.aluminum .cnt05 .tit h3 {font-size:40px; line-height:1.1em; padding-top:36px; position:relative; margin-bottom:24px; text-align:center;}
.aluminum .cnt05 .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover; position:absolute;	top:0; left:50%; margin-left:-10px;}
.aluminum .cnt05 .tab-menu {margin-bottom:40px;}
.aluminum .cnt05 .tab-menu ul {display:flex;}
.aluminum .cnt05 .tab-menu ul li {width:100%;}
.aluminum .cnt05 .tab-menu ul li a {text-align:center; line-height:60px; background:#f0f0f0; font-size:18px; font-weight:500; color:#898989; border-right:1px solid #ddd; display:block; position:relative;}
.aluminum .cnt05 .tab-menu ul li:last-child a {border-right:0;}
.aluminum .cnt05 .tab-menu ul li.active a {z-index:1; background:#47a5dd; color:#fff;}
.aluminum .cnt06 {padding-top:60px;}
.aluminum .cnt06 .tit {margin-bottom:36px; text-align:center;}
.aluminum .cnt06 .tit h3 {font-size:40px; line-height:1.1em; padding-top:36px; position:relative; margin-bottom:24px;}
.aluminum .cnt06 .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover; position:absolute;	top:0; left:50%; margin-left:-10px;}
.aluminum .cnt06 .tit p {font-size:18px; line-height:1.5em; color:#454545;}
.aluminum .cnt06 .table-responsive {margin-bottom:30px;}
.aluminum .cnt06 table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.aluminum .cnt06 table thead th {background:#47a5dd; color:#fff; font-size:18px; font-weight:500; border-right:1px solid #ddd; padding:12px 10px;}
.aluminum .cnt06 table thead th:last-child {border-right:0;}
.aluminum .cnt06 table tbody th {background:#fafafa; font-size:16px; font-weight:500; color:#454545; border-bottom: 1px solid #ddd;}
.aluminum .cnt06 table tbody td {border-left:1px solid #ddd; background:#fff; font-size:16px; font-weight:500; color:#454545; border-bottom:1px solid #ddd; padding:12px 10px;}
.aluminum .cnt06 .txt-box {display:flex; align-items:center;}
.aluminum .cnt06 .txt-box .tt1 {max-width:460px; width:100%;}
.aluminum .cnt06 .txt-box .tt2 {width:1%; flex:1 1 auto;}
.aluminum .cnt06 .txt-box .tt1 h4 {font-size:20px; color:#242424; line-height:1.6em; margin-bottom:10px; position:relative; padding-left:26px;}
.aluminum .cnt06 .txt-box .tt1 h4:before {content:''; width:18px; height:18px; background:url('../images/sub/aluminum06-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-9px; left:0; background-size:cover;}
.aluminum .cnt06 .txt-box p {font-size:16px; color:#454545; line-height:1.8em;}
.aluminum .cnt06 .txt-box .tt1 p {font-weight:500;}
.aluminum .cnt07 {background:#f6fafd;}
.aluminum .cnt07 .box {display:flex; flex-direction:column; justify-content:center; height:100%;}
.aluminum .cnt07 .tit {text-align:center; margin-bottom:76px;}
.aluminum .cnt07 .tit h3 {font-size:40px; color:#242424; line-height:1.1em; position:relative; padding-top:36px;}
.aluminum .cnt07 .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover; position:absolute;	top:0; left:50%; margin-left:-10px;}
.aluminum .cnt07 .items {margin:0 -15px;}
.aluminum .cnt07 .item {padding:0 15px;}
.aluminum .cnt07 .item .img-box {margin-bottom:16px;}
.aluminum .cnt07 .item .txt-box {padding:0 10px; text-align:center;}
.aluminum .cnt07 .item .txt-box h4 {font-size:20px; color:#333333; line-height:1.4em; margin-bottom:12px;}
.aluminum .cnt07 .item .txt-box p {font-size:16px; line-height:1.6em; color:#454545;}
.aluminum .cnt07 .slick-arrow {width:50px; height:50px; position:absolute; top:115px; background-color:transparent; background-repeat:no-repeat; background-size:cover; cursor:pointer; font-size:0; border:0; z-index:11;}
.aluminum .cnt07 .slick-prev {background-image:url('../images/sub/aluminum07-prev.png'); left:-100px;}
.aluminum .cnt07 .slick-next {background-image:url('../images/sub/aluminum07-next.png'); right:-100px;}
/* sub02_02 */
.nylon .head {margin-bottom:36px;}
.nylon .head .tit {font-size:26px; font-weight:600; font-family:'Montserrat'; padding-left:30px; position:relative; line-height:1.3em; margin-bottom:26px;}
.nylon .head .tit:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon-head.png') 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:0; background-size:cover;}
.nylon .head .txt {background:#fafafa; padding:36px 20px; border-radius:10px; text-align:center;}
.nylon .head .txt h4 {font-size:28px; font-weight:500; line-height:1.3em; color:#454545;}
.nylon .head .txt h4 strong {color:#0070c0;}
.nylon .head .txt p {font-size:18px; color:#454545; line-height:1.6em;}
.nylon .cnt .tit {font-size:20px; line-height:1.5em; color:#242424; padding-left:28px; position:relative; margin-bottom:10px;}
.nylon .cnt .tit:before {content:''; width:18px; height:18px; background:url('../images/sub/nylon-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:6px; left:0;}
.nylon .cnt01 {margin-bottom:100px;}
.nylon .cnt01 .box {margin-bottom:30px;}
.nylon .cnt01 ul {padding-left:33px;}
.nylon .cnt01 ul li {font-size:16px; line-height:1.6em; color:#454545; position:relative; padding-left:12px;}
.nylon .cnt01 ul li:before {content:''; width:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:11px; left:0;}
.nylon .cnt01 table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.nylon .cnt01 table thead th {background:#33779e; color:#fff; border-right:1px solid #ddd; font-size:18px; font-weight:500; padding:12px 10px;}
.nylon .cnt01 table thead th.bdb {border-bottom:1px solid #ddd;}
.nylon .cnt01 table thead th.bdn {border-right:0;}
.nylon .cnt01 table tbody th {background:#fafafa; font-size:16px; font-weight:500; color:#454545; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.nylon .cnt01 table tbody td {font-size:16px; color:#454545; padding:12px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.nylon .cnt01 table tbody td span {color:#0070c0;}
.nylon .cnt01 table tbody td.tal {text-align:left;}
.nylon .cnt02 .wrap {background:rgba(0,112,192,0.7); padding:46px 0; text-align:center; position:relative; margin-bottom:60px; color:#fff; font-family:'Montserrat';}
.nylon .cnt02 .wrap .img {position:absolute; top:100px; left:50%; transform:translateX(-50%); opacity:0.3; z-index:-1;} 
.nylon .cnt02 .wrap h3 {font-size:50px; font-weight:800; line-height:1.2em;}
.nylon .cnt02 .wrap p {font-size:35px; line-height:1.3em; margin-bottom:16px;}
.nylon .cnt02 .col {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin:0 -10px 20px;}
.nylon .cnt02 .row {width:600px; padding:0 10px; margin-bottom:20px;}
.nylon .cnt02 .row ul li {font-size:20px; font-weight:500; color:#686868; line-height:1.4em; margin-bottom:20px; position:relative; padding-left:30px;}
.nylon .cnt02 .row ul li span {color:#fc5638;}
.nylon .cnt02 .row ul li:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon02-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:5px; left:0;}
.nylon .cnt02 .row ul li:last-child {margin-bottom:0;}
.nylon .cnt02 table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.nylon .cnt02 table thead th {background:#33779e; color:#fff; border-right:1px solid #fff; font-size:18px; font-weight:500; padding:12px 10px;}
.nylon .cnt02 table thead th.bdb {border-bottom:1px solid #fff;}
.nylon .cnt02 table tbody td {border-bottom:1px solid #fff; border-right:1px solid #fff; padding:36px 10px; font-size:16px; color:#454545;}
.nylon .cnt02 table tbody td:last-child {border-right:0;}
.nylon .cnt02 table tbody tr.bg1 td {background:#d9e5ec;}
.nylon .cnt02 table tbody tr.bg2 td {background:#eaf1f5;}
.nylon .cnt03 .box {margin-bottom:60px;}
.nylon .cnt03 .box h4 {font-size:20px; line-height:1.4em; color:#fff; background:#18455f; text-align:center; padding:12px 0;}
.nylon .cnt03 .box .inner {padding:40px 120px;}
.nylon .cnt03 .box .col {display:flex; margin:0 -30px;}
.nylon .cnt03 .box .row {width:50%; padding:0 30px;}
.nylon .cnt03 .box .col dl {display:flex; margin-bottom:30px; height:80px;}
.nylon .cnt03 .box .col dt {width:60px; text-align:center; font-size:16px; font-weight:500; color:#18455f;}
.nylon .cnt03 .box .col dd {width:1%; flex:1 1 auto;}
.nylon .cnt03 .box .col dd p {font-size:16px; line-height:1.6em; padding-left:10px; position:relative; color:#454545;}
.nylon .cnt03 .box .col dd p:before {content:''; width:5px; height:5px; border-radius:50%; background:#454545; position:absolute; top:12px; left:0;}
.nylon .cnt03 .img-box h4 {margin-bottom:20px;}
.nylon .cnt03 .img-box .img {text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.nylon .cnt03 .img-box .img img {display:inline-block;}
.nylon .cnt03 .img-box p {font-size:16px; line-height:1.6em; color:#333333; margin-top:4px;}
/* sub02_03 */
.toppan .cnt {padding:40px 0;}
.toppan .cnt .col {display:flex; margin:0 -60px 60px;}
.toppan .cnt .row {width:50%; padding:0 60px;}
.toppan .cnt .row .tit {margin-bottom:56px;}
.toppan .cnt .row .tit h3 {font-size:26px; font-weight:600; color:#242424; position:relative; padding-left:30px; margin-bottom:32px; line-height:1.3em; font-family:'Montserrat';}
.toppan .cnt .row .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon-head.png') 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:0; background-size:cover;}
.toppan .cnt .row .tit p {font-size:18px; font-weight:500; line-height:1.5em;}
.toppan .cnt .row .tit p strong {color:#242424;}
.toppan .cnt .row .tit p span {color:#0070c0;}
.toppan .cnt .row .txt {background:#fafafa; padding:46px 40px; border-radius:10px;}
.toppan .cnt .row .txt .tt {margin-bottom:30px;}
.toppan .cnt .row .txt .tt:last-child {margin-bottom:0;}
.toppan .cnt .row .txt h4 {font-size:20px; font-weight:500; color:#242424; line-height:1.5em; padding-left:28px; position:relative;}
.toppan .cnt .row .txt h4:before {content:''; width:18px; height:18px; background:url('../images/sub/nylon-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:6px; left:0; background-size:cover;}
.toppan .cnt .row .txt ul {padding-left:30px;}
.toppan .cnt .row .txt li {font-size:16px; color:#454545; line-height:1.6em; padding-left:12px; position:relative;}
.toppan .cnt .row .txt li:before {content:''; width:5px; height:5px; background:#454545; border-radius:50%; top:10px; left:0; position:absolute;}
.toppan .cnt .box {display:flex; margin:0 -15px;}
.toppan .cnt .box>div {padding:0 15px; width:50%; height:auto; overflow:hidden; position:relative;}
.toppan .cnt .box .inner {background:#33779e; padding:40px 20px; color:#fff;}
.toppan .cnt .box .inner h4 {font-size:23px; line-height:1.3em; font-weight:500; margin-bottom:30px;}
.toppan .cnt .box .inner dl {display:flex; border-bottom:1px solid #fff; font-size:16px; line-height:40px;}
.toppan .cnt .box .inner dt {width:195px; padding-left:10px; font-weight:500;}
.toppan .cnt .box .inner dd {width:1%; flex:1 1 auto;}
/* sub02_04 */
.helpcut .wrap {background-color:rgba(0,112,192,0.7); padding:46px 0; text-align:center; position:relative; margin-bottom:60px; color:#fff; font-family:'Montserrat'; color:#fff;}
.helpcut .wrap01 {background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url('../images/sub/helpcut-wrap-bg.jpg'); background-color:transparent; opacity:0.6;}
.helpcut .wrap .img {position:absolute; top:0; left:50%; transform:translateX(-50%); opacity:0.3; z-index:-1;} 
.helpcut .wrap h3 {font-size:50px; font-weight:800; line-height:1.2em;}
.helpcut .wrap p {font-size:35px; line-height:1.3em; margin-bottom:16px;}
.helpcut .wrap01 .tit {display:flex;}
.helpcut .wrap01 .tit h3 {width:50%;}
.helpcut .wrap h3 span {font-family:'NanumSquare';}
.helpcut .cnt .col {display:flex; align-items:center; margin-bottom:56px;}
.helpcut .cnt .col .img-box {max-width:500px; width:100%;}
.helpcut .cnt .col .txt-box {width:1%; flex:1 1 auto; padding-left:70px;}
.helpcut .cnt .col .txt-box li {font-size:20px; line-height:1.5em; font-weight:500; color:#242424; padding-left:30px; position:relative; margin-bottom:12px;}
.helpcut .cnt .col .txt-box li:last-child {margin-bottom:0;}
.helpcut .cnt .col .txt-box li span {opacity:0.5;}
.helpcut .cnt .col .txt-box li:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon02-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:5px; left:0; background-size:cover;}
.helpcut .cnt .col .txt-box li strong {font-weight:400; font-size:16px; color:#454545; display:block;}
.helpcut .cnt01 {margin-bottom:100px;}
.helpcut .cnt01 .box {margin-bottom:36px;}
.helpcut .cnt01 .box h4 {font-size:20px; font-weight:500; color:#242424; line-height:1.3em; margin-bottom:16px; position:relative; padding-left:28px;}
.helpcut .cnt01 .box h4:before {content:''; width:18px; height:18px; background:url('../images/sub/nylon-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:6px; left:0;}
.helpcut .cnt01 table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.helpcut .cnt01 table thead th {background:#33779e; color:#fff; border-right:1px solid #ddd; font-size:18px; font-weight:500; padding:12px 10px;}
.helpcut .cnt01 table thead th.bdb {border-bottom:1px solid #ddd;}
.helpcut .cnt01 table thead th.bdn {border-right:0;}
.helpcut .cnt01 table tbody th {background:#fafafa; font-size:16px; font-weight:500; color:#454545; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.helpcut .cnt01 table tbody td {font-size:16px; color:#454545; padding:12px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.helpcut .cnt01 table tbody td span {color:#0070c0;}
.helpcut .cnt01 table tbody td.tal {text-align:left;}
.helpcut .cnt01 .imgs {display:flex; margin:0 0 -40px; flex-wrap:wrap; justify-content:space-between; height:100%;}
.helpcut .cnt01 .imgs .img01 {width:676px; margin-bottom:40px;}
.helpcut .cnt01 .imgs .img02 {width:485px;}
.helpcut .cnt02 .box {margin-bottom:60px;}
.helpcut .cnt02 .box h3 {font-size:26px; font-weight:600; line-height:1.2em; position:relative; padding-left:30px; font-family:'Montserrat'; margin-bottom:20px;}
.helpcut .cnt02 .box h3:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon-head.png') 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:0; background-size:cover;}
.helpcut .cnt02 .box .txt {background:#fafafa; padding:36px 20px; border-radius:10px; text-align:center; margin-bottom:40px;}
.helpcut .cnt02 .box h4 {font-size:24px; line-height:1.3em; color:#242424; font-weight:500; margin-bottom:26px;}
.helpcut .cnt02 .box h4 strong {color:#0070c0;}
.helpcut .cnt02 .box p {font-size:16px; line-height:1.6em; color:#454545;}
.helpcut .cnt02 .box .img {text-align:center;}
.helpcut .cnt02 .box img {display:inline-block;}
.helpcut .cnt02 .tit {font-size:20px; font-weight:500; color:#242424; line-height:1.3em; margin-bottom:16px; position:relative; padding-left:28px;}
.helpcut .cnt02 .tit:before {content:''; width:18px; height:18px; background:url('../images/sub/nylon-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:6px; left:0;}
.helpcut .cnt02 table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.helpcut .cnt02 table thead th {background:#33779e; color:#fff; border-right:1px solid #ddd; font-size:18px; font-weight:500; padding:12px 10px;}
.helpcut .cnt02 table thead th.bdb {border-bottom:1px solid #ddd;}
.helpcut .cnt02 table thead th.bdn {border-right:0;}
.helpcut .cnt02 table tbody th {background:#fafafa; font-size:16px; font-weight:500; color:#454545; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.helpcut .cnt02 table tbody td {font-size:16px; color:#454545; padding:12px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.helpcut .cnt02 .tt {text-align:center; margin-top:40px;}
.helpcut .cnt02 .tt p {padding:10px 60px; background:#f7f7f7; color:#242424; font-size:16px; line-height:1.6em; display:inline-block; border-radius:10px;}
/* sub02_05 */
.retort .wrap {margin-bottom:56px; padding:66px 0; background:#40749b; color:#fff; text-align:center;}
.retort .wrap h3 {font-size:50px; font-weight:800; line-height:1.2em; font-family:'Montserrat';}
.retort .cnt .tit h3 {font-size:26px; font-weight:600; line-height:1.2em; position:relative; padding-left:30px; font-family:'Montserrat';}
.retort .cnt .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon-head.png') 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:0; background-size:cover;}
.retort .cnt01 {margin-bottom:100px;}
.retort .cnt01 .col {display:flex; margin:0 -60px; align-items:flex-end;}
.retort .cnt01 .col>div {width:50%; padding:0 60px;}
.retort .cnt01 .txt-box .tit {margin-bottom:56px;}
.retort .cnt01 .txt-box .tit h3 {margin-bottom:30px;}
.retort .cnt01 .txt-box .tit p {font-size:18px; line-height:1.5em; font-weight:500; color:#454545;}
.retort .cnt01 .txt-box .tit p strong {color:#0070c0;}
.retort .cnt01 .txt-box .txt {background:#fafafa; padding:46px 40px; border-radius:10px;}
.retort .cnt01 .txt-box .txt .tt {margin-bottom:30px;}
.retort .cnt01 .txt-box .txt .tt:last-child {margin-bottom:0;}
.retort .cnt01 .txt-box .txt h4 {font-size:20px; line-height:1.5em; color:#242424; font-weight:500; margin-bottom:16px; position:relative; padding-left:28px;}
.retort .cnt01 .txt-box .txt h4:before {content:''; width:18px; height:18px; background:url('../images/sub/nylon-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:6px; left:0; background-size:cover;}
.retort .cnt01 .txt-box .txt ul {padding-left:30px;}
.retort .cnt01 .txt-box .txt li {font-size:16px; color:#454545; position:relative; padding-left:12px; line-height:1.6em;}
.retort .cnt01 .txt-box .txt li:before {content:''; width:5px; height:5px; background:#454545; position:absolute; top:10px; left:0; border-radius:50%;}
.retort .cnt02 .tit {margin-bottom:26px;}
.retort .cnt02 .box {margin-bottom:40px;}
.retort .cnt02 .box h4 {font-size:20px; line-height:1.4em; color:#fff; font-weight:500; padding:12px 48px; background:#184660; position:relative;}
.retort .cnt02 .box h4:before {content:''; width:18px; height:18px; background:url('../images/sub/retort-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:18px; left:20px; background-size:cover;}
.retort .cnt02 .box table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.retort .cnt02 .box table th {font-size:18px; font-weight:500; color:#fff; background:#33779e; border-right:1px solid #ddd; padding:12px 10px;}
.retort .cnt02 .box table th:last-child {border-right:0;}
.retort .cnt02 .box table td {font-size:16px; color:#454545; padding:12px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.retort .cnt02 .box table td:first-child {border-left:0;}
.retort .cnt02 .box table td span {display:block; text-align:left; padding-left:22px; position:relative;}
.retort .cnt02 .box table td span:before {content:''; width:12px; height:11px; background:url('../images/sub/retort-table.png') 0 0 no-repeat; background-size:cover; position:absolute; top:9px; left:0;}
/* sub02_06 */
.laminate .cnt .tit {font-size:26px; font-weight:600; color:#242424; line-height:1.3em; position:relative; padding-left:30px; margin-bottom:26px;}
.laminate .cnt .tit:before {content:''; width:20px; height:20px; background:url('../images/sub/nylon-head.png') 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:0; background-size:cover;}
.laminate .cnt .img-box {margin-bottom:60px;}
.laminate .cnt .box {margin-bottom:60px;}
.laminate .cnt .box h3 {font-size:20px; line-height:1.7em; color:#fff; padding:13px 20px; text-align:center;}
.laminate .cnt01 .box h3 {background:#18455f;}
.laminate .cnt02 .box h3 {background:#093317;}
.laminate .inner {border:1px solid #ddd; border-top:0; padding:30px 20px;}
.laminate .inner h4 {font-size:20px; line-height:1.5em; color:#242424; position:relative; padding-left:28px; margin-bottom:16px;}
.laminate .inner h4:before {content:''; width:18px; height:18px; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-9px; left:0;}
.laminate .cnt01 .inner h4:before {background-image:url('../images/sub/laminate-tit-b.png');}
.laminate .cnt02 .inner h4:before {background-image:url('../images/sub/laminate-tit-g.png');}
.laminate .inner .txt {background:#f6f8f9; padding:20px; border-radius:10px; margin-bottom:26px;}
.laminate .inner .txt ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -30px -30px;}
.laminate .inner .txt ul li {padding:0 30px; margin-bottom:30px;}
.laminate .inner .txt ul li p {font-size:16px; line-height:1.6em; color:#454545; position:relative; padding-left:14px;}
.laminate .inner .txt ul li p:before {content:''; width:3px; height:3px; position:absolute; top:11px; left:0; border-radius:50%;}
.laminate .cnt01 .inner .txt ul li p:before {background:#33779e;}
.laminate .cnt02 .inner .txt ul li p:before {background:#339e63;}
.laminate .col {display:flex; margin:0 -15px;}
.laminate .col .row {padding:0 15px;}
.laminate .col .row01 {width:30%;}
.laminate .col .row02 {width:70%;}
.laminate .col .row03 {width:40%;}
.laminate .col .wrap {display:flex; margin:0 -10px;}
.laminate .col .wrap .table {padding:0 10px; width:100%;}
.laminate .cnt table {width:100%; width:100%; border-spacing:0; border-collapse:collapse;}
.laminate .cnt .row01 table {text-align:center;}
.laminate .cnt table thead th {font-size:18px; font-weight:500; padding:12px 0; line-height:1.6em; color:#fff; border-right:1px solid #ddd}
.laminate .cnt table thead th:last-child {border-right:0;}
.laminate .cnt01 table thead th {background:#33779e;}
.laminate .cnt02 table thead th {background:#339e63;}
.laminate .cnt table tbody th {font-size:16px; color:#454545; font-weight:500; padding:12px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fafafa;}
.laminate .cnt table tbody td {font-size:16px; color:#454545; padding:12px 10px; border-bottom:1px solid #ddd;}
.laminate .row01 table tbody th {padding:18px 10px;}
.laminate .row01 table tbody td {padding:18px 10px;}
.laminate .cnt table tfoot th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f2f2f2; padding:19px 10px;}
.laminate .cnt table tfoot td {border-bottom:1px solid #ddd; padding:19px 10px;}
.laminate .tt {font-size:16px; line-height:1.6em; color:#333333; text-align:center;}
/* sub03_01 */
.recyclable .cnt {padding:70px 0;}
.recyclable .cnt .tit {margin-bottom:60px; text-align:center;}
.recyclable .cnt .tit h3 {font-size:26px; color:#242424; line-height:1.3em; padding-top:36px; position:relative;}
.recyclable .cnt .tit h3:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit-icon.png') 0 0 no-repeat; background-size:cover; position:absolute; top:0; left:50%; margin-left:-10px;}
.recyclable .cnt .tit p {font-size:18px; color:#454545; line-height:1.5em; margin-top:24px;}
.recyclable .cnt .tit p span {font-family:'Montserrat';}
.recyclable .cnt01 .col {display:flex; margin:0 -11px;}
.recyclable .cnt01 .row {width:33.3333333%; padding:0 11px;}
.recyclable .cnt01 .inner {padding:30px 30px 145px; height:100%; color:#fff; border-radius:10px; position:relative;}
.recyclable .cnt01 .inner1 {background:#2698d9;}
.recyclable .cnt01 .inner2 {background:#33779e;}
.recyclable .cnt01 .inner3 {background:#3b6075;}
.recyclable .cnt01 .inner:after {content:''; width:110px; height:110px; background-repeat:no-repeat; background-size:cover; position:absolute; right:30px; bottom:30px;}
.recyclable .cnt01 .inner1:after {background-image:url('../images/sub/recyclable01-01.png');}
.recyclable .cnt01 .inner2:after {background-image:url('../images/sub/recyclable01-02.png');}
.recyclable .cnt01 .inner3:after {background-image:url('../images/sub/recyclable01-03.png');}
.recyclable .cnt01 .inner h4 {font-size:26px; line-height:1.3em; margin-bottom:24px;}
.recyclable .cnt01 .inner p {font-size:16px; line-height:1.6em;}
.recyclable .wrap {background:url('../images/sub/recyclable02-bg.jpg') 0 0 no-repeat; background-size:cover;}
.recyclable .cnt02 .col {display:flex; margin:0 -15px; padding:0 50px;}
.recyclable .cnt02 .row {width:25%; padding:0 15px; text-align:center;}
.recyclable .cnt02 .icon {margin-bottom:24px;}
.recyclable .cnt02 .icon img {display:inline-block;}
.recyclable .cnt02 h4 {font-size:22px; line-height:1.4em; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #454545;}
.recyclable .cnt02 .row01 h4 {color:#228bc6;}
.recyclable .cnt02 .row01 h4 {color:#33779e;}
.recyclable .cnt02 .row01 h4 {color:#3b6075;}
.recyclable .cnt02 .row01 h4 {color:#273d4a;}
.recyclable .cnt02 p {font-size:16px; color:#454545; line-height:1.6em;}
.recyclable .cnt03 .col {display:flex; padding:0 50px; margin:0 -10px;}
.recyclable .cnt03 .row {width:50%; padding:0 10px;}
.recyclable .cnt03 .img-box {margin-bottom:26px;}
.recyclable .cnt03 .txt-box {padding:0 10px;}
.recyclable .cnt03 .txt-box h4 {font-size:23px; line-height:1.3em; color:#34789f; margin-bottom:24px;}
.recyclable .cnt03 .txt-box li {font-size:16px; line-height:1.6em; color:#454545; position:relative; padding-left:16px; margin-bottom:10px;}
.recyclable .cnt03 .txt-box li:before {content:''; width:5px; height:5px; background:#34789f; border-radius:50%; position:absolute; top:11px; left:3px;}
/* sub04_01 */
.recruit .wrap {background:url('../images/sub/recruit-bg.jpg') center center no-repeat; background-size:cover; padding:130px 0; height:880px; display:flex; flex-direction:column; justify-content:space-between; margin-bottom:100px;}
.recruit .wrap .tit h3 {font-size:60px; color:#0b1351; font-family:'Montserrat'; line-height:1em; margin-bottom:24px;}
.recruit .wrap .tit p {font-size:18px; font-weight:700; color:#242424; font-family:'NanumSquare'; line-height:1.5em;}
.recruit .wrap .box {max-width:1430px; padding:0 15px; margin:0 auto; width:100%; text-align:center;}
.recruit .wrap .box .inner {background:#0f396c; padding:56px 100px;}
.recruit .wrap .box h4 {font-size:28px; font-weight:600; color:#4fe7fb; line-height:1.2em; margin-bottom:36px; padding-bottom:36px; position:relative; font-family:'Montserrat';}
.recruit .wrap .box h4:after {content:''; width:100%; height:2px; background:#5ee1f7; position:absolute; bottom:0; left:0; box-shadow:0 0 3px 2px rgba(255,255,255,0.3);}
.recruit .wrap .box p {font-size:18px; color:#ffffff; line-height:1.5em;}
.recruit .cnt .tt {font-size:23px; line-height:1.3em; color:#242424; font-family:'NanumSquare'; font-weight:800; padding-bottom:30px; border-bottom:2px solid #002060;}
.recruit .cnt .box {padding:40px 0;}
.recruit .cnt .box ul {display:flex; margin:0 -10px; flex-wrap:wrap; align-items:center; justify-content:center;}
.recruit .cnt .box ul li {width:20%; padding:0 10px; margin-bottom:40px; text-align:center;}
.recruit .cnt .box ul li .logo img {display:inline-block;}
.recruit .cnt .box ul li .inner {background:#e3fbff; border-radius:10px; display:flex; flex-direction:column; align-items:center; padding:30px 10px;}
.recruit .cnt .box ul li .icon {margin-bottom:12px;}
.recruit .cnt .box ul li h4 {font-size:20px; color:#242424; line-height:1.3em; font-family:'GmarketSans';}
.recruit .cnt .box ul li h4 span {font-weight:500; font-size:18px; line-height:1.5em;}
.recruit .more {text-align:center; margin-top:60px;}
.recruit .more a {display:inline-block; line-height:45px; background:#33779e; font-size:16px; padding:0 60px; border-radius:23px; color:#fff;}