@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
*{box-sizing: border-box;padding: 0;margin: 0;font-family:"Pretendard Variable" !important;word-break: keep-all;line-height: 1.3;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
#nt_sidebar_move{display: none;}





:root {
    --font-90:90px;
    --font-60:60px;
    --font-50:50px;
    --font-42:42px;
    --font-40:40px;
    --font-34:34px;
    --font-33:33px;
    --font-32:32px;
    --font-30:30px;
    --font-29:29px;
    --font-28:28px;
    --font-26:26px;
    --font-24:24px;
    --font-20:20px;
    --font-18:18px;
    --font-16:16px;
    --font-14:14px;
    --font-12:12px;
    --main_tit:30px;
    --sub_tit:24px;
    --sub_txt:20px;
    --color1:#130960;
    --color2:#F5791F;
    --max-width1:1320px;
}


@media screen and (max-width:1400px){
    :root {
        --font-90:85px;
        --font-60:55px;
        --font-50:45px;
        --font-42:37px;
        --font-40:35px;
        --font-34:32px;
        --font-33:30px;
        --font-32:30px;
        --font-30:28px;
        --font-29:27px;
        --font-28:26px;
        --font-26:24px;
        --font-24:22px;
        --font-20:19px;
        --main_tit:28px;        
    }
}

@media screen and (max-width:1199px){
    :root {
        --font-90:70px;
        --font-60:40px;
        --font-50:35px;
        --font-42:30px;
        --font-40:28px;
        --font-34:26px;
        --font-33:26px;
        --font-32:25px;
        --font-30:24px;
        --font-29:25px;
        --font-28:24px;
        --font-26:20px;
        --font-24:20px;
        --font-20:18px;
        --main_tit:26px;
        --sub_tit:22px;
        --sub_txt:18px; 
    }
}


@media screen and (max-width:1000px){
    :root {
        --font-90:50px;
        --font-33:24px;
        --font-32:24px;
        --font-29:24px;
        --font-28:22px;
        --font-20:17px;
        --main_tit:24px;
        --sub_tit:20px;
        --sub_txt:16px;
    }
}


@media screen and (max-width:600px){
    :root {
        --font-60:36px;
        --font-50:30px;
        --font-40:24px;
        --font-33:22px;
        --font-30:22px;
        --font-29:22px;
        --font-28:20px;
        --font-24:18px;
        --main_tit:22px;
        --sub_tit:18px;
    }
}

@media screen and (max-width:500px){
    :root {
        --font-30:20px;
        /* --font-24:18px; */
    }
}





/* 공통 css 시작*/
.bg_btn{background:linear-gradient(139deg, var(--color1), var(--color5)) !important;display: flex;justify-content: space-between;align-items: center;padding: 0 40px;height: 55px;transition: 1s;cursor: pointer;}
.bg_btn p{color: #fff;font-size: var(--font-20);}
.bg_btn img{width: 10px;}

@media screen and (max-width:1200px){
    .bg_btn{padding: 0 20px;}
}

/* 게시판 페이징 */
#bo_list_wrap .pagination li{width: auto; min-width: 30px;}
.page-link{border: 0 !important; font-size: var(--font-18); color: #7E7E7E; padding: 0 !important; height: 100%; line-height: 30px; text-align: center;}
.page-link:hover{background: transparent !important;}
.page-link:focus{box-shadow: none !important;}
.page-item:first-child .page-link,
.page-item:last-child .page-link{display: flex; justify-content: center; align-items: center;}
.page-item:first-child .page-link:hover img{content: url('/img/pg_prev_btn_on.svg');}
.page-item:last-child .page-link:hover img{content: url('/img/pg_next_btn_on.svg');}
.page-link img{max-width: 100%;}
.page-item.active .page-link{border: 0 !important; color: var(--color1) !important; font-weight: 600;}
/* 공통 css 끝 */



/* 구글 번역 */
body{top: 0 !important;}
.skiptranslate{display: none !important;}
html[lang="ko"] .logo-en {
  display: none;
}
html[lang="ko"] .logo-ko {
  display: inline;
}
html[lang="en"] .logo-ko {
  display: none;
}
html[lang="en"] .logo-en {
  display: inline;
}

html[lang="en"] #nt_header.scrolled .pc_menu>a img{content: url('/img/logo_enb.png');}

html[lang="ko"] #nt_header #head .pc_menu .two_deps_container .inner{left: 22px;}
html[lang="en"] #nt_header #head .pc_menu .two_deps_container .inner{left: -40px;}

html[lang="en"] .footer__logo{width: 110px;justify-content: start;}
html[lang="en"] .footer__logo img{content: url('/img/logo_en.png');}



/* head 시작 */
html.hidden{overflow: hidden;}
#nt_header{background: unset;width: 100%;position: fixed;top: 0; left: 0; z-index: 10000;transition:.3s ease-in;}
#nt_header.scrolled{background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
#nt_header.scrolled .pc_menu>a img{content: url('/img/logo_b.png');}
#nt_header.scrolled .pc_menu #nt_menu .one_deps_wrap>li>a{color: #000 !important; font-weight: 500;}
#nt_header #head{position: relative;}
#nt_header #head:hover>.inner{border-bottom: 1px solid #C5C5C5;}
#nt_header #head:hover{background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
#nt_header #head .logo_mo{display: none;}
#nt_header #head .menu_btn{width: 30px;height: 20px;position: relative;top: 0;left: 0;cursor: pointer;transition: 0.3s;position: relative;z-index: 999999;display: none;}
#nt_header #head .menu_btn span{left: 50%;transform: translateX(-50%);position: absolute;background: #fff;width: 100%;height: 2px;border-radius: 10px;transition: 0.3s;}
#nt_header #head .menu_btn span:nth-child(1){top: 0%;}
#nt_header #head .menu_btn span:nth-child(2){top: 50%;transform: translate(-50%, -50%);}
#nt_header #head .menu_btn span:nth-child(3){bottom: 0;}
#nt_header #head .menu_btn.atv span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;}
#nt_header #head .menu_btn.atv span:nth-child(2){opacity: 0;}
#nt_header #head .menu_btn.atv span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;}
#nt_header #head .pc_menu{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 40px);height: 100px; max-width:1600px; margin: 0 auto;}
#nt_header #head .pc_menu>a{position: relative;z-index: 999999;}
#nt_header #head .pc_menu>a img.logo-ko{width: 210px;}
#nt_header #head .pc_menu>a img.logo-en{width: 110px;}
#nt_header #head:hover .pc_menu>a img.logo-ko{content: url('/img/logo_b.png');}
#nt_header #head:hover .pc_menu>a img.logo-en{content: url('/img/logo_enb.png');}
#nt_header #head .pc_menu #nt_menu{box-shadow: unset;max-width:1000px;width: 100%;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap{display: flex;justify-content:space-between;align-items: center;gap: 20px;position: relative;z-index: 999999;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap>li{position: relative; width: calc(100% / 5);height: 100%;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap>li>a{padding:0;height: 100%;overflow-wrap: break-word;color: #fff;font-size: var(--font-20);text-align:center;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap>li>a font{text-align: center;word-break: break-word;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap>li:hover>a{color: var(--color1) !important;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap>li:hover::after{content: ''; width: 100%; height: 2px; background: var(--color1);position: absolute;left: 0; bottom: -2px;}
#nt_header #head:hover .pc_menu #nt_menu .one_deps_wrap>li>a{color: #000; font-weight: 600;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap li.on a{}


#nt_header #head .pc_menu .two_deps_container{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1);display: none;}
#nt_header #head .pc_menu .two_deps_container .inner{display:flex;justify-content:space-between;align-items:stretch;gap: 20px;max-width:1000px;margin: 0 auto;position: relative;left: 16px;}
#nt_header #head .pc_menu .two_deps_wrap{width:calc(100% / 5);height: 100%;text-align: center;}
.pc_menu:hover .two_deps_container {
  display: block !important;
}
#nt_header #head:hover .pc_menu .two_deps_wrap{height: fit-content;}
#nt_header #head .pc_menu .two_deps_wrap ul{padding: 20px 0;display:flex; flex-direction: column; gap: 20px;justify-content: start;height: 100%;}
/* #nt_header #head .pc_menu .two_deps_wrap:hover ul{background: #F0F1F2;} */
#nt_header #head .pc_menu .two_deps_wrap ul li{width: 100%;height: auto;}
#nt_header #head:hover .pc_menu .two_deps_wrap ul li a{color: #000;}
#nt_header #head .pc_menu .two_deps_wrap ul li a{width: 100%; font-size: var(--font-20); font-weight: 500;word-break: keep-all; text-align: center; display: block; line-height: 25px; color: #fff;overflow-wrap: break-word;}
#nt_header #head .pc_menu .two_deps_wrap ul li:hover a{color: var(--color1);font-weight: 600;}
#nt_header #head .pc_menu .two_deps_wrap ul li.on a{}
#nt_header #head:hover .pc_menu .two_deps_wrap{pointer-events: unset;opacity: 1;}

#nt_header .pc_menu .languageBox ul{display: flex; justify-content: start; align-items: center; gap: 10px;}
#nt_header .pc_menu .languageBox li a{display: flex; align-items: center; gap: 5px;}
#nt_header .pc_menu .languageBox li a p{font-size: 18px; color: #fff;}
#nt_header .pc_menu .languageBox li a img{max-width: 100%; width: 35px;}
#nt_header #head:hover .pc_menu .languageBox li a p{color: #000;}
#nt_header #head:hover .pc_menu .languageBox li:first-child a img{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}
#nt_header.scrolled .pc_menu .languageBox li a p{color: #000;}
#nt_header.scrolled #head:hover .pc_menu .languageBox li:first-child a img{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1700px){
    #nt_header #head .pc_menu #nt_menu{width: calc(100% - 300px);}
}
@media screen and (max-width:1300px){
    #nt_header.scrolled{background: rgba(0,0,0,0.5); box-shadow: none;}
    #nt_header.scrolled.atv{background: transparent;}

    #nt_header.atv #head .menu_btn span{background: #000;}
    #nt_header #head:hover{height: inherit; background: transparent;box-shadow: none;}
    #nt_header #head .inner{padding: 15px 0; display: flex; justify-content: space-between; align-items: center; width: calc(100% - 40px); margin: 0 auto;}
    #nt_header #head:hover .inner{border-bottom: 0;}
    #nt_header #head .logo_mo{display: block;}
    html[lang="en"] #nt_header #head .logo_mo img{width: 100px;}
    html[lang="ko"] #nt_header #head .logo_mo img{width: 180px;}
    html[lang="en"] #nt_header.atv #head .logo_mo img{content: url('/img/logo_enb.png');}
    html[lang="ko"] #nt_header.atv #head .logo_mo img{content: url('/img/logo_b.png');}
    #nt_header #head .menu_btn{display: block;}
    #nt_header #head .pc_menu{display: none;}
}

@media screen and (max-width:1200px){
    #nt_header #head .pc_menu #nt_menu{width: calc(100% - 250px);}
    #nt_header #head .pc_menu>a img{width: 180px;}
}
/* head 끝 */






/* tail 시작 */


/* Footer */
#nt_footer {background: var(--color1);width: 100%;padding: 60px 0;}
.footer__inner {  display: flex;  flex-direction: column;  max-width: 1320px;  margin: 0 auto;  } 
.footer__logo {display: flex;justify-content: center;align-items: center;width: 213px;} 
.footer__logo img {width: 100%;}
.footer__cont {display: flex;justify-content: space-between;align-items: flex-start;position: relative;} 
.footer__items {display: flex;flex-direction: column;align-items: flex-end;}
.footer__info {color: #C5C5C5;font-size: 12px;} 
.footer__info > p {  margin-bottom: 10px;  font-weight: 600;  text-align: right;  } 
.footer__info .info,
.footer__info .call {  display: flex;  justify-content: flex-end;  margin-bottom: 10px;  } 
.footer__info .info li:not(:last-child),
.footer__info .call li:not(:last-child) {  position: relative;  padding-right: 10px;  margin-right: 10px;  } 
.footer__info .info li:not(:last-child)::after,
.footer__info .call li:not(:last-child)::after {  content: '';  display: block;  width: 1px;  height: 10px;  background: #7E7E7E;  position: absolute;  top: 0;  right: 0;  bottom: 0;  margin: auto;  } 
.footer__info .info li address { margin-bottom: 0; font-style: normal; } 
.footer__sitemap{width: 170px;margin-top: 10px;position: relative;}
.footer__sitemap>p{max-width: 100%;padding: 9px 50px 9px 20px;background: #0B053A;color: #C2C2C2;font-size:var(--font-18);text-align: center;position: relative;top: 0;left: 0;cursor: pointer;}
.footer__sitemap>p img{width: 10px;margin-top: 2px;position: absolute;right: 16px;top: 50%;transform: translateY(-50%) rotate(90deg);}
.footer__sitemap>ul{position: absolute;width: 100%;left: 0;background: #0b053a;text-align: center;display: none;color: #C2C2C2;}
.footer__sitemap>ul li{height: 30px;line-height: 30px; height: 40px; line-height: 40px; font-size: var(--font-14); border-bottom: 1px solid #ffffff0f; cursor: pointer;}
.footer__sitemap>ul li:last-child{border-bottom: unset;}
.footer__sitemap>ul li:hover{font-weight: bold;}
.footer__links {display: flex;justify-content: space-between;margin-top: 42px;padding: 20px 0;border-top: 1px solid #787878;BOX-SIZING: border-box;} 
.footer__links .copy p {  color: #C5C5C5;  font-size: 14px;  } 
.footer__links .links {  display: flex;  } 
.footer__links .links li a {color: #787878;font-size: 14px;} 
.footer__links .links li a.privacy {color: #fff;} 
.footer__links .links li:not(:last-child) a::after {content: '·';margin: 0 4px;color: #787878;} 

#top_btn { position:fixed; bottom:20px; right:20px; width:50px; height:50px; line-height:46px; border:2px solid #333; color:#333; text-align:center; font-size:15px; z-index:90; background:rgba(255,255,255,0.5) } 
#top_btn:hover { border-color:var(--color-main); background:var(--color-main); color:#fff } 

@media all and (max-width: 1399px) { 
    #nt_footer {padding: 40px 0;}
    .footer__inner {  max-width: 100%;  margin: 0 30px;  } 
} 
@media all and (max-width: 860px) { 
    #footer { padding: 30px 0; } 
    .footer__logo {  margin-bottom: 14px;  } 
    .footer__logo img {  max-width: 85%;  } 
    .footer__items {  width: 100%;  } 
    .footer__info > p {margin-bottom: 5px;} 
    .footer__info .info, 
    .footer__info .call {margin-bottom: 5px;} 
} 
@media all and (max-width: 768px) { 
    .footer__inner {  margin: 0 20px;  } 
    .footer__cont { flex-direction: column; } 
    .footer__logo {display: block;} 
    .footer__items {align-items: flex-start;} 
    .footer__info {width: 100%;}
    .footer__info > p {text-align: left;}
    .footer__info .info, 
    .footer__info .call {justify-content: flex-start;margin-bottom: 0;}
    .footer__sitemap {width: 160px;position: absolute;top: 0;right: 0;}
    .footer__sitemap>p {padding: 7px 40px 7px 10px;font-size: 16px;}
    .footer__links {flex-direction: column;margin-top: 22px;padding: 20px 0 0;} 
    .footer__links .copy {  margin-bottom: 10px;  text-align: center;  } 
    .footer__links .links {  justify-content: center;  } 
} 
@media all and (max-width: 640px) { 
    .footer__inner {  margin: 0 15px;  } 
    .footer__logo img {  max-width: 65%;  } 
    .footer__info .info, 
    .footer__info .call { flex-wrap: wrap;  } 
    .footer__info .info li:not(:last-child),
    .footer__info .call li:not(:last-child) {  margin-bottom: 5px;  } 
} 
@media all and (max-width: 480px){
    .footer__sitemap {width: 100%;position: relative;}
    .footer__sitemap>p {padding: 7px 40px 7px 20px;text-align: left;}
    .footer__sitemap>p img {right: 20px;}
}
/* tail 끝 */





/* 이메일무단수집거부 팝업 시작 */
#email_con{display: none;position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000000cf; z-index: 999999; cursor: auto;}
#email_con .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 60px); max-width: 800px; overflow: hidden;border-radius: 50px;overflow: hidden;}
#email_con .wrap .head{display: flex;justify-content: space-between;align-items: center;height: 100px;padding: 0 40px;background: var(--color1);}
#email_con .wrap .head p{color: #fff;font-size: var(--font-30);font-weight: bold;}
#email_con .wrap .head span{color: #fff; font-size: var(--font-40); font-weight: bold; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: right;}
#email_con .wrap .body{background: #fff;padding: 130px 20px;}
#email_con .wrap .body p{text-align: center;font-size: var(--font-24);color: #000;}
#email_con .wrap .body p.pc{}
#email_con .wrap .body p.mo{display: none;}
#email_con .wrap .footer{background: #fff;}
#email_con .wrap .footer p{width: 90%;display: block;margin: 0 auto;font-size: var(--font-20);color: #626262;text-align: center;line-height: 80px;cursor: pointer;box-shadow: 0px 1px 1px -1px #000 inset;}
@media screen and (max-width:1200px){
    #email_con .wrap .body{background: #fff;padding: 50px 20px;}
    #email_con .wrap .footer p{box-shadow:unset;border-top: 1px solid #ddd;}
}
@media screen and (max-width:800px){
    #email_con .wrap{border-radius: 30px;}
    #email_con .wrap .head{height: 80px;}
    #email_con .wrap .body p.pc{display: none;}
    #email_con .wrap .body p.mo{display: block;}
    #email_con .wrap .footer p{line-height: 50px;}
}
@media screen and (max-width:500px){
    #email_con .wrap .head{padding: 0 20px;}
    #email_con .wrap .body{background: #fff;padding: 30px 20px;}
}
/* 이메일무단수집거부 팝업 끝 */





/* 메인 공통css 시작 */
#fp-nav{}
#fp-nav ul{}
#fp-nav ul li{width: 16px !important;height: 16px !important;}
#fp-nav ul li a{border-radius: 50px;}
#fp-nav ul li a span{background: #fff !important;width: 50% !important;height: 50% !important;margin: -4px 0 0 -4px !important;}
#fp-nav ul li a.active{background: rgba(255,255,255,0.3);}
#fp-nav ul li a.active span{}
#fp-nav ul li:last-child{display: none;}

#main .cinner {max-width: 1100px;margin: 0 auto;position: relative;}
#main .section {}
#main .sc-tit {margin-bottom: 80px;color: #fff;font-size: var(--font-30);font-weight: 700;text-align: center;}
#main .btn-more {display: inline-block;padding: 8px 31px;border: 1px solid #fff;border-radius: 32.5px;box-sizing: border-box;color: #fff;transition: .35s;}
#main .btn-more span {position: relative;padding-right: 15px;font-size: 14px;}
#main .btn-more span::after {content: '';display: block;width: 8px;height: 8px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;transition: .35s;}
#main .section:not(.section1) {background-repeat: no-repeat;background-size: cover;background-position: center;}
#main .section2 {background-image: url('../img/img_sec02_bg.png');}
#main .section3 {background-image: url('../img/img_sec03_bg.png');}
#main .section4 {background-image: url('../img/img_sec04_bg.png');}

@media all and (max-width: 1399px){
    #main .cinner {max-width: 100%;padding: 150px 30px;}
}
@media all and (max-width: 1199px){
    .fp-auto-height.fp-section,
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell {height: auto !important;}
    #main .sc-tit {margin-bottom: 40px;}
}
@media all and (max-width: 768px){
    #main .cinner {padding: 100px 20px;}
}
@media all and (max-width: 640px){
    #main .cinner {padding: 80px 15px;}
    #main .btn-more {font-size: 14px;}
}


/* 메인 공통css 끝 */



/* 메인 비주얼 시작 */
#main .section1 {height: 100vh !important;position: relative; overflow: hidden;}
#main .section1 .fp-tableCell{height: 100% !important;}
#main .section1 .main-video {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
#main .section1 .main-video .video-player{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;}
/* #main .section1 .main-video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} */
/* #main .section1 .main-video::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} */
/* #main .section1 .main-video .video-player {min-width: 100%;min-height: 100%;width: 100%;height: auto;object-fit: cover;background-color: #000;background-position: center center;background-size: cover;-webkit-background-size: cover;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;} */
#main .section1 .cinner {}
#main .section1 .main-text {}
#main .section1 .main-text > p {color: #fff;}
#main .section1 .main-text .txt {margin-bottom: 20px;font-size: var(--font-30);font-weight: 500;}
#main .section1 .main-text .tit {font-size: var(--font-40);font-weight: 700;}
#main .section1 .main-text .tit > span {display: block;}
#main .section1 .scroll-box {display: flex;position: absolute;bottom: 78px;right: 40px;z-index: 10;} 
#main .section1 .scroll-box .txt {margin-right: 5px;color: #fff;font-size: 14px;writing-mode: vertical-rl;} 
#main .section1 .scroll-box .scroll-line { display: block; position: relative; left: 0; bottom: 0; opacity: 1; transition: all 1s; } 
#main .section1 .scroll-box .scroll-line::before,
#main .section1 .scroll-box .scroll-line::after {content: '';width: 2px;height: 130px;background: #fff;position: absolute;} 
#main .section1 .scroll-box .scroll-line::before { opacity: .3; } 
#main .section1 .scroll-box .scroll-line::after { animation-name: scroll-down-line; animation-duration: 2.6s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.77, 0, .175, 1); } 
@-webkit-keyframes scroll-down-line { 
    0% { transform-origin: 50% 100%; transform: scaleY(1); } 
    50% { transform-origin: 50% 100%; transform: scaleY(0); } 
    50.0001% { transform-origin: 50% 0; transform: scaleY(0); } 
    to { transform-origin: 50% 0; transform: scaleY(1); } 
 }
@keyframes scroll-down-line { 
    0% { transform-origin: 50% 100%; transform: scaleY(1); } 
    50% { transform-origin: 50% 100%; transform: scaleY(0); } 
    50.0001% { transform-origin: 50% 0; transform: scaleY(0); } 
    to { transform-origin: 50% 0; transform: scaleY(1); } 
}

@media all and (max-width: 1600px){
    #main .section1{height: auto !important;}   
    #main .section1 .main-video{display: flex;}
    #main .section1 .main-video .video-player{position: unset; transform: unset;}
}
@media all and (max-width: 1450px){
    #main .section1 .main-text > p {text-align: center;}
}
@media all and (max-width: 1199px){
    #main .section1 .cinner {display: flex;justify-content: center;align-items: center;height: 100%;}
}
@media all and (max-width: 500px){
    /* #main .section1{height: 700px !important;}    */
}
/* 메인 비주얼 끝 */

/* 메인 제품정보 시작 */
#main .section2 {height: auto !important;}
#main .section2 .cinner {}
#main .section2 .sc-tit {}
#main .section2 .cont-wrap {}
#main .section2 .cont-wrap ul {display: flex;justify-content: space-between;}
#main .section2 .cont-wrap ul li {display: inline-grid;max-width: 310px;width: 24%;transform: perspective(800px) rotateY(0deg);transform-style: preserve-3d;transition: transform .5s;}
#main .section2 .cont-wrap ul li:hover {transform: perspective(800px) rotateY(180deg);}
#main .section2 .cont-wrap ul li > div {grid-area: 1 / 1 / 1 / 1;backface-visibility: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;max-height: 385px;padding: 88px 30px;box-sizing: border-box;border-radius: 15px;}
#main .section2 .cont-wrap ul li .front {background: rgba(0,0,0,.8);}
#main .section2 .cont-wrap ul li .front .icon {display: inline-block;height: 74px;margin-bottom: 25px;}
#main .section2 .cont-wrap ul li .front .icon img {display: block;width: auto;height: 100%;}
#main .section2 .cont-wrap ul li .front .txt {}
#main .section2 .cont-wrap ul li .front .txt > *  {display: block;text-align: center;}
#main .section2 .cont-wrap ul li .front .txt > em {color: #555;font-size: var(--font-16);font-weight: 500;font-style: normal;}
#main .section2 .cont-wrap ul li .front .txt > span {color: #fff;font-size: var(--font-20);font-weight: 600;}
#main .section2 .cont-wrap ul li .back {background: var(--color1);transform: rotateY(180deg);}
#main .section2 .cont-wrap ul li .back > p {color: #fff;}
#main .section2 .cont-wrap ul li .back .tit {margin-bottom: 20px;font-size: var(--font-20);font-weight: 600;}
#main .section2 .cont-wrap ul li .back .txt {margin-bottom: 40px;font-size: var(--font-16);text-align: center;}
#main .section2 .cont-wrap ul li .back .txt > .line-br {display: block;}
#main .section2 .cont-wrap ul li .back .btn-more {font-size: var(--font-16);}
#main .section2 .cont-wrap ul li .back .btn-more:hover,
#main .section2 .cont-wrap ul li .back .btn-more:focus {background: #fff;color: var(--color1);}
#main .section2 .cont-wrap ul li .back .btn-more:hover span::after,
#main .section2 .cont-wrap ul li .back .btn-more:focus span::after {border-color: var(--color1);}

@media all and (max-width: 1199px){
    #main .section2 .cont-wrap ul li > div {padding: 60px 20px;}
    #main .section2 .cont-wrap ul li .front .icon {height: 64px;margin-bottom: 20px;}
}
@media all and (max-width: 1024px){
    #main .section2 .cont-wrap ul {flex-wrap: wrap;margin: -10px;}
    #main .section2 .cont-wrap ul li {max-width: none;width: calc(50% - 20px);margin: 10px;}
    #main .section2 .cont-wrap ul li > div {padding: 30px;}
    #main .section2 .cont-wrap ul li .front .icon {height: 54px;margin-bottom: 10px;}
    #main .section2 .cont-wrap ul li .back .tit {margin-bottom: 15px;}
    #main .section2 .cont-wrap ul li .back .txt {margin-bottom: 30px;}
}
@media all and (max-width: 640px){
    #main .section2 .cont-wrap ul {margin: 0;}
    #main .section2 .cont-wrap ul li {width: 100%;margin: 10px 0;}
    #main .section2 .cont-wrap ul li .back .txt {margin-bottom: 20px;}
    #main .section2 .cont-wrap ul li .back .txt > .line-br {display: inline;}
}
/* 메인 제품정보 끝 */


/* 메인 지속가능경영 시작 */
#main .section3 {}
#main .section3 .cinner {}
#main .section3 .sc-tit {}
#main .section3 .cont-wrap {}
#main .section3 .cont-wrap ul {display: flex;justify-content: space-between;gap: 27px;}
#main .section3 .cont-wrap ul li {width: 50%;max-height: 385px;padding: 90px 30px;box-sizing: border-box;border-radius: 15px;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: center;}
#main .section3 .cont-wrap ul li:nth-child(1) {background-image: url(../img/img_sec03_01.png);}
#main .section3 .cont-wrap ul li:nth-child(2) {background-image: url(../img/img_sec03_02.png);}
#main .section3 .cont-wrap ul li > p {color: #fff;text-align: center;}
#main .section3 .cont-wrap ul li .tit {margin-bottom: 20px;font-size: var(--font-24);font-weight: 600;}
#main .section3 .cont-wrap ul li .txt {margin-bottom: 30px;font-size: var(--font-16);}
#main .section3 .cont-wrap ul li .txt > .line-br {display: block;}
#main .section3 .cont-wrap ul li .btn-more:hover,
#main .section3 .cont-wrap ul li .btn-more:focus {background: #fff;color: #000;}
#main .section3 .cont-wrap ul li .btn-more:hover span::after,
#main .section3 .cont-wrap ul li .btn-more:focus span::after {border-color: #000;}

@media all and (max-width: 768px){
    #main .section3 .cont-wrap ul li .txt > .line-br {display: inline;}
}
@media all and (max-width: 640px){
    #main .section3 .cont-wrap ul {flex-wrap: wrap;}
    #main .section3 .cont-wrap ul li {width: 100%;padding: 40px 30px;}
}
/* 메인 지속가능경영 끝 */

/* 메인 네트워크 시작 */
#main .section4 {}
#main .section4 .cinner {}
#main .section4 .tit-wrap {display: flex;align-items: baseline;margin-bottom: 40px;}
#main .section4 .tit-wrap > .sc-tit {margin-right: 24px;margin-bottom: 0;}
#main .section4 .tit-wrap > p {color: #fff;font-size: var(--font-18);font-weight: 500;}
#main .section4 .cont-wrap {display: flex;justify-content: space-between; gap: 40px;}
#main .section4 .cont-wrap .map {max-width: 368px;width: 100%;/* width: 27.879%; *//* height: 553px; */margin-left: 40px;/* background: url(../img/img_sec04_map.png) center center/cover no-repeat; */position: relative;}
#main .section4 .cont-wrap .map .img {display: block;width: 100%;/* position: relative; *//* overflow: hidden; */}
#main .section4 .cont-wrap .map .img::before {/* content: ''; */display: block;width: 0;padding-top: 150.275%;}
#main .section4 .cont-wrap .map .img img {display: block;width: 100%;/* position: absolute; *//* top: 0; *//* left: 0; *//* width: 100%; *//* height: 100%; */}
#main .section4 .cont-wrap .map .marker {display: block;width: 34px;height: 56px;background: url(../img/img_sec04_marker.png) center center/cover no-repeat;position: absolute;}
#main .section4 .cont-wrap .map .marker.item1 {right: 39px;bottom: 128px;}
#main .section4 .cont-wrap .map .marker.item2 {top: 80px;left: 100px;}
#main .section4 .cont-wrap .map .marker.item3 {right: 15px;bottom: 244px;}
#main .section4 .cont-wrap .list {/* width: 63.41%; */max-width: 837px;width: 64%;}
#main .section4 .cont-wrap .list li {padding: 32px 40px;box-sizing: border-box;border-radius: 16px;background: rgba(19,9,97,.3);transition: .35s;cursor: pointer;}
#main .section4 .cont-wrap .list li:not(:last-child) {margin-bottom: 16px;}
#main .section4 .cont-wrap .list li:hover,
#main .section4 .cont-wrap .list li.active {background: rgba(19,9,97,1);}
#main .section4 .cont-wrap .list li > p {color: #fff;}
#main .section4 .cont-wrap .list li .tit {margin-bottom: 14px;padding-left: 40px;font-size: var(--font-20);font-weight: 600;position: relative;}
#main .section4 .cont-wrap .list li .tit::before {content: '';display: block;width: 30px;height: 30px;background-size: cover;background-repeat: no-repeat;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
#main .section4 .cont-wrap .list li:nth-child(1) .tit::before {background-image: url(../img/img_sec04_icon01.png);}
#main .section4 .cont-wrap .list li:nth-child(2) .tit::before {background-image: url(../img/img_sec04_icon02.png);}
#main .section4 .cont-wrap .list li:nth-child(3) .tit::before {background-image: url(../img/img_sec04_icon03.png);}
#main .section4 .cont-wrap .list li .txt {font-size: var(--font-16);font-weight: 500;}

@media all and (max-width: 1399px){
    #main .section4 .cont-wrap .list {width: 62%;}
}
@media all and (max-width: 1199px){
    #main .section4 .cont-wrap .map {/* width: 40%; */margin-left: 0px;}
    #main .section4 .cont-wrap .list {width: 58%;}
}
@media all and (max-width: 1024px){
    #main .section4 .tit-wrap {flex-direction: column;align-items: center;}
    #main .section4 .tit-wrap > .sc-tit {margin-right: 0;margin-bottom: 5px;}
    #main .section4 .tit-wrap > p {color: #fff;font-size: var(--font-20);font-weight: 500;}
    #main .section4 .cont-wrap {flex-wrap: wrap;justify-content: center;}
    #main .section4 .cont-wrap .map {/* width: 100%; */margin-bottom: 20px;}
    #main .section4 .cont-wrap .list {width: 100%;}
    #main .section4 .cont-wrap .list li {padding: 22px 36px;}
}
@media all and (max-width: 640px){
    #main .section4 .cont-wrap .map {max-width: 280px;}
    #main .section4 .cont-wrap .map .marker.item1 {right: 25px;bottom: 94px;}
    #main .section4 .cont-wrap .map .marker.item2 {top: 47px;left: 71px;}
    #main .section4 .cont-wrap .map .marker.item3 {right: 2px;bottom: 175px;}
    #main .section4 .cont-wrap .list li {padding: 22px 26px;}
    #main .section4 .cont-wrap .list li .tit{margin-bottom: 8px;padding-left: 32px;}
    #main .section4 .cont-wrap .list li .tit::before {width: 22px;height: 22px;}
}
/* 메인 네트워크 끝 */










/* 서브페이지 공통 css 시작 */
.sub_page{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto 200px;}
.sub_page .sub_title{padding: 200px 0 100px;}
.sub_page .sub_title h2{display: block;width: 100%;text-align: center;font-size: var(--font-50); font-weight: 700;}
.sub_page .sub_title p{display: block;width: 100%;text-align: center;font-size: var(--font-34);margin-top: 150px;font-weight:bold;}
.sub_page .sub_title span{display: block;width: 100%;text-align: center;font-size: var(--font-24);margin-top: 10px;}
.sub_page .sub_con{}
#nt_title .title_bg_wrap{background-position: center !important;}

.slide_con_wrap{max-width: unset !important;width: 100% !important;}
.slide_con_wrap .slide_con{width: 100%;max-width: 1920px;margin: 0 auto;display: flex;justify-content: flex-end;position: relative;top: 0;left: 0;}
.slide_con_wrap .slide_con .text{overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: var(--max-width1);}
.slide_con_wrap .slide_con .text .wrap{width: calc(50% - 20px);}
.slide_con_wrap .slide_con .sub_slide{width: 50%}
.slide_con_wrap .slide_con .sub_slide .sub_swiper{}
.slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-wrapper{padding-bottom: 50px;}
.slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-wrapper .swiper-slide{}
.slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-wrapper .swiper-slide .img_wrap{border: 1px solid #ddd;}
.slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-wrapper .swiper-slide .img_wrap img{width: 100%;}
.slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-pagination{width: fit-content;left: 25%;}
.slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-pagination .swiper-pagination-bullet{width: 45px;height: 3px;border-radius: unset;background: var(--color1);}
@media screen and (max-width:1200px){
    .sub_page{margin: 0 auto 150px;}
    .sub_page .sub_title{padding: 100px 0 100px;}
    .sub_page .sub_title p{margin-top: 50px;}

    .slide_con_wrap{max-width: unset !important;width: 100% !important;}
    .slide_con_wrap .slide_con{position: unset;flex-flow: row wrap;justify-content: center;}
    .slide_con_wrap .slide_con .text{ position: unset;width: 100%;padding: 0 20px;transform: unset;text-align: center;}
    .slide_con_wrap .slide_con .text .wrap{width: 100%;}
    .slide_con_wrap .slide_con .sub_slide{width: 100%;margin-top: 50px;}
    .slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-pagination{width: 100%;left: 0;}
    .slide_con_wrap .slide_con .sub_slide .sub_swiper .swiper-pagination .swiper-pagination-bullet{width: 30px;}
}
@media screen and (max-width:768px){
    .sub_page{margin: 0 auto 100px;}
    .sub_page .sub_title{padding: 100px 0 60px;}
    .sub_page .sub_title p{margin-top: 50px;}
}







/* 인사말 */
#greetings{position: relative; margin:0 auto; padding-bottom: 200px; max-width: 100%; width: 100%; overflow-x: hidden;}
#greetings .inner{max-width: var(--max-width1); margin: 0 auto; width:calc(100% - 40px);}
#greetings::before{content:''; position: absolute; right: 0; bottom: 0; width: 818px; height: 418px; background: url('/img/greetings_img03.png') no-repeat; background-size: cover;}
#greetings .img_wrap{display: flex;}
#greetings .img_wrap img{max-width: 100%; width: 50%;}
#greetings .txtBox h3{font-size: var(--font-32); font-weight: 600; color: #000; line-height: 1.4; padding: 80px 0;}
#greetings .txtBox h4{font-size: var(--font-24); font-weight: 600; color: #000; line-height: 1.4; margin-bottom: 40px;}
#greetings .txtBox p{font-size: var(--font-20); font-weight: 400; color: #000; line-height: 1.6; margin-bottom: 25px; word-break: break-all;}
#greetings .txtBox p:last-child{margin-bottom: 0;}
@media all and (max-width:1600px){
    #greetings::before{width: 600px; height:335px;}
}
@media all and (max-width:1400px){
    #greetings .txtBox p br{display: none;}
}
@media all and (max-width:1200px){
    #greetings{padding-bottom: 150px;}
    #greetings .txtBox p br{display: none;}
}
@media all and (max-width:1024px){
    #greetings::before{width: 500px; height:280px;}
    #greetings .txtBox h3 br{display: none;}    
}
@media all and (max-width:768px){
    #greetings{padding-bottom: 100px;}
    #greetings::before{width: 400px; height: 225px;}
    #greetings .txtBox h3{padding: 60px 0; text-align: center;}
    #greetings .txtBox h3 span.mb{display: block;}
    #greetings .txtBox h4{text-align: center; margin-bottom: 20px;}
    #greetings .txtBox h4 span.mb{display: block;}
    #greetings .txtBox p {text-align: center; margin-bottom: 15px;}
}
@media all and (max-width:650px){
    #greetings::before{width: 300px; height: 170px;}
    #greetings .img_wrap{flex-direction: column;}
    #greetings .img_wrap img{width: 100%;}
}





/* 연혁 */
#history{overflow-x: hidden;}
#history .sub_con .btn_wrap{background: #F5F5F5;width: 100%; display: flex; align-items: center; border-radius: 10px; height: 75px; overflow: hidden;margin-bottom: 80px;}
#history .sub_con .btn_wrap li{height: 100%;width:33.333%;display: flex ;align-items: center;justify-content: center;cursor: pointer;border-right: 1px solid #D9D9D9;}
#history .sub_con .btn_wrap li:last-child{border-right: unset;}
#history .sub_con .btn_wrap li p{font-size: var(--font-26);color: #7A7A7A;}
#history .sub_con .btn_wrap li.atv{background: var(--color1);}
#history .sub_con .btn_wrap li.atv p{color: #fff; font-weight: 600;}
#history .sub_con .con_wrap{}
#history .sub_con .con_wrap>li{position: relative;top: 0;left: 0;width: 100%;display:none;}
#history .sub_con .con_wrap>li::before{content: ''; position: absolute; left:553px; top: 0; width: 2px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23130960FF' stroke-width='4' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");}
#history .sub_con .con_wrap>li:nth-child(1){display:block;}
#history .sub_con .con_wrap>li .history{padding: 100px 0;}
#history .sub_con .con_wrap>li .history::before{content: ''; position: absolute; left:553px; bottom: 0; width: 2px; height: calc(100% - 26px); background: var(--color1);}
#history .sub_con .con_wrap>li .history::after{content: ''; position: absolute; left:542px; bottom: 0; width: 24px; height: 2px; background: var(--color1);}
#history .sub_con .con_wrap>li .history .yearbox{display: flex;justify-content: flex-start;align-items: flex-start; padding-bottom: 150px;}
#history .sub_con .con_wrap>li .history .yearbox:last-child{padding-bottom: 0;}
#history .sub_con .con_wrap>li .history .year{font-size:var(--font-50); font-weight:800; color: var(--color1); position: relative;line-height: 1.2; margin-bottom: 40px;}
#history .sub_con .con_wrap>li .history .imgBox{padding-right: 70px;}
#history .sub_con .con_wrap>li .history .imgBox img{max-width: 100%;}
#history .sub_con .con_wrap>li .history .year_text{position: relative; padding-left: 40px; width: calc(100% - 553px);}
#history .sub_con .con_wrap>li .history .year_text::before{content:"";width: 11px;height: 11px;border-radius: 10px;background: #fff; position: absolute;top:27px;left:-5px;z-index: 1;}
#history .sub_con .con_wrap>li .history .year_text::after{content:"";width: 19px;height: 19px;border-radius: 10px;background: var(--color1); position: absolute;top:23px;left:-9px;z-index: 0;}
#history .sub_con .con_wrap>li .history .year_text .text div{display: flex; gap:15px; position: relative; margin-bottom: 30px;}
#history .sub_con .con_wrap>li .history .year_text .text div:last-child{margin-bottom: 0;}
#history .sub_con .con_wrap>li .history .year_text .text div h3{word-break: break-all;font-size: var(--font-24); color: #000; font-weight: 400;text-align: left; line-height: 1.5;}
#history .sub_con .con_wrap>li .history .year_text .text div span{font-size:  var(--font-29); font-weight: 700; color: #000; text-align: left;}
@media screen and (max-width:1400px){
    #history .sub_con .con_wrap>li .history .year_text .text div{flex-direction: column; gap: 10px;}
    #history .sub_con .con_wrap>li .history .year_text .text div h3 span{line-height: 1;}
}
@media screen and (max-width:1200px){
    #history .sub_con .con_wrap>li .history .yearbox>div{width: 50%;}
    #history .sub_con .con_wrap>li .history .imgBox{padding-right: 40px;}
    #history .sub_con .con_wrap>li .history::before{left: 50%;}
    #history .sub_con .con_wrap>li::before{left: 50%;}
    #history .sub_con .con_wrap>li .history::after{left: calc(50% - 10px);}
    #history .sub_con .con_wrap>li .history .year_text::before{top: 17px;}
    #history .sub_con .con_wrap>li .history .year_text::after{top: 13px;}
    #history .sub_con .con_wrap>li .history .year_text .text div{margin-bottom: 20px;}
}
@media screen and (max-width:900px){        
    #history .sub_con .con_wrap>li::before{left: 10px;}
    #history .sub_con .con_wrap>li .history::before{left: 10px;}
    #history .sub_con .con_wrap>li .history::after{left: 0;}
    #history .sub_con .con_wrap>li .history .yearbox{flex-direction: column; padding-left: 40px; gap:60px; padding-bottom: 100px;}
    #history .sub_con .con_wrap>li .history .yearbox>div{width: 100%;}
    #history .sub_con .con_wrap>li .history .yearbox .imgBox{padding-right: 0;}
    #history .sub_con .con_wrap>li .history .year_text{padding-left: 0;}
    #history .sub_con .con_wrap>li .history .year_text::before{left: -34px;}
    #history .sub_con .con_wrap>li .history .year_text::after{left: -38px;}   
}
@media screen and (max-width:800px){
    #history .sub_con .btn_wrap{margin-bottom: 60px;}
}
@media screen and (max-width:650px){
    #history .sub_con .btn_wrap{flex-flow: row wrap; height: fit-content;}
    #history .sub_con .btn_wrap li{width: 100%;height: 50px; border: unset;}
    #history .sub_con .con_wrap>li .history{padding: 60px 0;}
    #history .sub_con .con_wrap>li .history .yearbox{gap: 40px; padding-bottom: 60px; padding-left: 30px;}
    #history .sub_con .con_wrap>li .history .year{margin-bottom: 30px;}
    #history .sub_con .con_wrap>li .history .year_text::before{left: -24px; top: 13px;}
    #history .sub_con .con_wrap>li .history .year_text::after{left: -28px; top: 9px;}
    #history .sub_con .con_wrap>li .history .year_text .text div{margin-bottom: 25px; gap: 5px;}
}






/* 조직도 */
#organization .img_wrap img{max-width: 100%; width: 100%;}
/* #organization .popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.8);}
#organization .popup-Box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#organization .popup-content {margin: auto;display: block;max-width: 100%; max-height: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
#organization .popup .close {position: absolute;top: 20px;right: 35px;color: #000;font-size: 40px;font-weight: bold;cursor: pointer;}
@media all and (max-width:1200px){
    #organization .popup-Box{width: 90%;}
} */




/* 오시는길 */
#location{overflow-x: hidden;}
#location .sub_con .btn_wrap{background: #F5F5F5;width: 100%; display: flex; align-items: center; border-radius: 10px; height: 75px; overflow: hidden;margin-bottom: 80px;}
#location .sub_con .btn_wrap li{height: 100%;width:33.333%;display: flex ;align-items: center;justify-content: center;cursor: pointer;border-right: 1px solid #D9D9D9;}
#location .sub_con .btn_wrap li:last-child{border-right: unset;}
#location .sub_con .btn_wrap li p{font-size: var(--font-26);color: #7A7A7A;}
#location .sub_con .btn_wrap li.atv{background: var(--color1);}
#location .sub_con .btn_wrap li.atv p{color: #fff; font-weight: 600;}
#location .sub_con .con_wrap{}
#location .sub_con .con_wrap li{position: relative;top: 0;left: 0;width: 100%;display:none;justify-content: space-between;align-items: flex-start;}
#location .sub_con .con_wrap li:nth-child(1){display:block;}
#location .sub_con .con_wrap li .text{margin-top: 50px; padding-top: 50px; border-top: 1px solid #C4C4C4;}
#location .sub_con .con_wrap li .text b{font-size: var(--font-34);margin-bottom: 40px;display: block;}
#location .sub_con .con_wrap li .text div{display: flex;align-items: flex-start;margin-bottom: 20px; gap: 50px;}
#location .sub_con .con_wrap li .text div:last-child{margin-bottom: 0px;}
#location .sub_con .con_wrap li .text div p{font-size: var(--font-30);font-weight: bold; display: flex; gap: 15px; align-items: center;}
#location .sub_con .con_wrap li .text div span{display: block;font-size: var(--font-30);}
#location .sub_con .con_wrap li iframe{width: 100%;height: 500px;}
@media screen and (max-width:800px){
    #location .sub_con .btn_wrap{flex-flow: row wrap;height: fit-content;border-radius: 10px; margin-bottom: 60px;}
    #location .sub_con .btn_wrap li{height: 50px;border: unset;}
    #location .sub_con .con_wrap li .text div{gap: 25px;}
    #location .sub_con .con_wrap li .text div p{gap: 10px;}
}
@media screen and (max-width:500px){
    #location .sub_con .con_wrap li .text div{flex-direction: column; gap: 10px; margin-bottom: 30px;}
    #location .sub_con .con_wrap li iframe{height: 350px;}
}
@media screen and (max-width:400px){
    #location .sub_con .btn_wrap li{width: 100%}
}







/* CI */
#CI .sub_con li{list-style: none; margin-bottom: 80px;}
#CI .sub_con li:last-child{margin-bottom: 0;}
#CI .sub_con li .titBox {margin-bottom: 40px;}
#CI .sub_con li .titBox h3{font-size: var(--font-30); font-weight: 600; color: #000; padding-left: 20px; border-left: 5px solid var(--color2); margin-bottom: 40px;}
#CI .sub_con li .titBox p{font-size: var(--font-24); font-weight: 400; color: #000; line-height: 1.4;}
#CI .sub_con li:nth-child(3) .titBox,
#CI .sub_con li:nth-child(4) .titBox{margin-bottom: 0;}
#CI .sub_con li .imgBox img{max-width: 100%;}
#CI .sub_con li .ci_down {text-align: right; display: block; margin-top: 40px;}
#CI .sub_con li .ci_down a{text-align:center;color: #fff; font-size: var(--font-20); width: 150px; height: 45px; background: var(--color1); border-radius: 10px; display: inline-block; transition: all .1s ease-in;}
#CI .sub_con li .ci_down a p{display: flex; justify-content: center; align-items: center; gap: 10px; height: 100%;}
#CI .sub_con li .ci_down:hover a,
#CI .sub_con li .ci_down:active a{background: var(--color2);}
#CI .sub_con li .ci_color{display: flex; color: #fff;}
#CI .sub_con li .ci_color>div:nth-child(1),
#CI .sub_con li .ci_color>div:nth-child(2){width:calc(65% / 2); height: 300px; padding: 25px 40px; display: flex; flex-direction: column; justify-content: space-between;}
#CI .sub_con li .ci_color>div:nth-child(3),
#CI .sub_con li .ci_color>div:nth-child(4){width: calc(35% / 2);}
#CI .sub_con li .ci_color>div:nth-child(1){background: var(--color2);}
#CI .sub_con li .ci_color>div:nth-child(2){background: var(--color1);}
#CI .sub_con li .ci_color>div:nth-child(3){background: #000;}
#CI .sub_con li .ci_color>div:nth-child(4){background: #999;}
#CI .sub_con li .ci_color>div h4{font-family: 'SUITE-Regular' !important; font-weight: bold; font-size: var(--font-24); letter-spacing: 1px;}
#CI .sub_con li .ci_color>div div p{font-size: var(--font-14); margin-bottom: 5px;}
#CI .sub_con li .ci_color>div div p:last-child{margin-bottom: 0;}
#CI .sub_con li .ci_color>div div p span{width: 110px; display: inline-block;}
#CI .sub_con li:last-child .imgBox{display: flex; flex-wrap: wrap; gap: 20px;}
#CI .sub_con li:last-child .imgBox div{width: calc(50% - 10px);}
@media all and (max-width:1024px){
    #CI .sub_con li .ci_color{flex-wrap: wrap;}
    #CI .sub_con li .ci_color>div{width: 50% !important; height: 200px;}
}
@media all and (max-width:768px){
    #CI .sub_con li{margin-bottom: 60px;}
    #CI .sub_con li .titBox,
    #CI .sub_con li .titBox h3{margin-bottom: 20px;}
    #CI .sub_con li:last-child .imgBox{gap: 10px;}
    #CI .sub_con li:last-child .imgBox div{width: calc(50% - 5px);}
    #CI .sub_con li .ci_color>div{width: 100% !important; height: 150px;}
    #CI .sub_con li .ci_color>div:nth-child(1), #CI .sub_con li .ci_color>div:nth-child(2){padding: 25px; height: 200px;}
}
@media all and (max-width:500px){
    #CI .sub_con li{margin-bottom:50px;}
    #CI .sub_con li .ci_color>div{height: 100px;}
}






/* 관계사소개 */
#relative .sub_con{display: flex; flex-wrap: wrap; row-gap: 80px;}
#relative .sub_con li{list-style: none; width: 50%;}
#relative .sub_con li:nth-child(odd){border-right: 1px solid #C4C4C4; padding-right: 100px;}
#relative .sub_con li:nth-child(even){padding-left: 100px;}
#relative .sub_con li .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
#relative .sub_con li .tit img{max-width: 100%;}
#relative .sub_con li .tit .logoBox h3{margin-top: 10px; font-size: var(--font-30); font-weight: 600; color: #000;}
#relative .sub_con li .txt p{font-size: var(--font-20); font-weight: 400; color: #000; line-height: 1.4;}
#relative .sub_con li .txt div{margin-top: 20px;}
#relative .sub_con li .txt div h4{font-size: var(--font-20); font-weight: 400; color: #000; display: flex;}
#relative .sub_con li .txt div h4:first-child{margin-bottom: 3px;}
#relative .sub_con li .txt div h4 span{color: var(--color1); font-weight: 700; width: 70px;}
#relative .sub_con li .viewbtn{margin-top: 80px; display: inline-block; width: 155px; height: 45px; background: #fff; border: 1px solid var(--color1); border-radius: 50px;}
#relative .sub_con li .viewbtn a{display: flex; align-items: center; justify-content: center; gap: 15px; height: 100%; font-size: var(--font-16); color: var(--color1);}
#relative .sub_con li .viewbtn img{transition: all .1s ease-in;}
#relative .sub_con li .viewbtn:hover img{transform: translateX(5px);}
@media all and (max-width:1400px){
    #relative .sub_con li:nth-child(odd){padding-right: 50px;}
    #relative .sub_con li:nth-child(even){padding-left: 50px;}
}
@media all and (max-width:1200px){
    #relative .sub_con li .txt div h4{flex-direction: column;}
    #relative .sub_con li .txt div h4:first-child{margin-bottom: 10px;}
    #relative .sub_con li .viewbtn{margin-top: 60px;}
}
@media all and (max-width:1024px){
    #relative .sub_con li:nth-child(odd){padding-right: 30px;}
    #relative .sub_con li:nth-child(even){padding-left: 30px;}
}
@media all and (max-width:800px){
    #relative .sub_con{flex-direction: column; gap: 60px;}
    #relative .sub_con li{width: 100%; border-bottom: 1px solid #C4C4C4; padding-bottom: 60px;}
    #relative .sub_con li:nth-child(odd){border-right: 0; padding-right: 0;}
    #relative .sub_con li:nth-child(even){padding-left: 0;}
}
@media all and (max-width:400px){
    #relative .sub_con li .tit{flex-direction: column-reverse; align-items: start; gap: 20px; margin-bottom: 10px;}
    #relative .sub_con li .tit .logoBox{display: flex; align-items: center; gap: 10px;}
    #relative .sub_con li .tit .logoBox h3{margin-top: 0;}
    #relative .sub_con li .viewbtn{margin-top: 40px;}
}






/* 기업공시 */
@media all and (max-width:800px){
    #disclosure .sub_con{overflow-x: auto;}
}









/* 제품정보 */
#product_wrap{overflow-x: hidden;}
#product_wrap li{list-style: none;}
#product_wrap .sub_con .btn_wrap{background: #F5F5F5;width: 100%; display: flex; align-items: center; border-radius: 10px; height: 75px; overflow: hidden;margin-bottom: 80px;}
#product_wrap .sub_con .btn_wrap li{height: 100%;cursor: pointer;border-right: 1px solid #D9D9D9;flex: 1;}
#product_wrap .sub_con .btn_wrap li:last-child{border-right: unset;}
#product_wrap .sub_con .btn_wrap li a{font-size: var(--font-26);color: #7A7A7A; display: flex ;align-items: center;justify-content: center; text-align: center; width: 100%; height: 100%;}
#product_wrap .sub_con .btn_wrap li.atv{background: var(--color1);}
#product_wrap .sub_con .btn_wrap li.atv a{color: #fff; font-weight: 600;}
#product_wrap .sub_con .con_wrap{}
#product_wrap .sub_con .con_wrap>li{position: relative;top: 0;left: 0;width: 100%;display:none;}
#product_wrap .sub_con .con_wrap>li:nth-child(1){display:block;}
#product_wrap .pd_title .main_tit{font-size: var(--main_tit); font-weight: 600; color: #000; line-height: 1; padding-left: 20px; position: relative;margin-bottom: 40px;}
#product_wrap .pd_title .main_tit::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 90%; background: var(--color2);}
#product_wrap .pd_title .sub_tit{font-size: var(--sub_tit); font-weight: 500; color: #000; line-height: 1.4; word-break: break-all;}
#product_wrap .pd_title p{}
#product_wrap .pd_title p{font-size: var(--sub_tit); font-weight: 500; color: #000; line-height: 1; list-style: none; position: relative; display: flex;}
#product_wrap .pd_title p::before{content: '·'; margin-right:15px; font-weight: 900;}
#product_wrap .pd_title p span{display: block; padding-left: 20px; padding-top: 10px;}
#product_wrap .pdBox .titBox p{font-size: var(--sub_tit); font-weight: 500; color: #000; line-height: 1; list-style: none; position: relative;display: flex;}
#product_wrap .pdBox .titBox p::before{content: '·'; margin-right:15px; font-weight: 900;}
#product_wrap .pdBox .table_mo{display: none; font-size: 16px; color: #000; font-weight: 600; margin-bottom: 10px; animation: horizontal 1s ease-in-out infinite;}
#product_wrap .pdBox .tbBox.type1 table{border-bottom: 1px solid var(--color1); width: 100%;}
#product_wrap .pdBox .tbBox.type1 table thead th{width: calc(100% / 5); height: 100px; background: var(--color1); text-align: center; color: #fff; font-size: var(--font-26); font-weight: 500;}
#product_wrap .pdBox .tbBox.type1 table tbody td{height: 70px; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; text-align: center; color: #000; font-size: var(--font-24); font-weight: 500;}
#product_wrap .pdBox .tbBox.type1 table tbody td:last-child{border-right: 0;}
#product_wrap .pdBox .tbBox.type1 table tbody tr:last-child td{border-bottom: 0;}
#product_wrap .pdBox .tbBox.type2 table{border-top: 1px solid var(--color1); border-bottom: 1px solid var(--color1); width: 100%;}
#product_wrap .pdBox .tbBox.type2 table tbody td{height: auto; padding: 20px 0; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; text-align: center; color: #000; font-size: var(--font-24); font-weight: 500;}
#product_wrap .pdBox .tbBox.type2 table tbody td:first-child{background: #F4F3F8; width: 250px;}
#product_wrap .pdBox .tbBox.type2 table tbody td:last-child{border-right: 0; padding-left: 130px; text-align: left;}
#product_wrap .pdBox .tbBox.type2 table tbody td:last-child p{line-height: 1.4; display: flex;}
#product_wrap .pdBox .tbBox.type2 table tbody td:last-child p::before{content: '·'; margin-right:10px; font-weight: 900;}
#product_wrap .pdBox .tbBox.type2 table tbody tr:last-child td{border-bottom: 0;}
#product_wrap .pdBox{margin-bottom: 80px;}
#product_wrap .pdBox.flex{display: flex;}
#product_wrap .pdBox.column{flex-direction: column;}
#product_wrap .pdBox.between{justify-content: space-between;}
#product_wrap .pdBox.alignc{align-items: center;}
#product_wrap .pdBox.aligns{align-items: start;}
#product_wrap .pdBox:last-child{margin-bottom: 0;}
#product_wrap .pdBox .flex{display: flex;}
#product_wrap .pdBox .column{flex-direction: column;}
#product_wrap .pdBox .center{justify-content: center;}
#product_wrap .pdBox .between{justify-content: space-between;}
#product_wrap .pdBox .end{justify-content:flex-end;}
#product_wrap .pdBox .alignc{align-items: center;}
#product_wrap .pdBox .aligns{align-items: start;}
#product_wrap .pdBox .aligne{align-items: end;}
#product_wrap .pdBox .wrap{flex-wrap: wrap;}
#product_wrap .pdBox .pd_title .downbtn{margin-top: 40px;}
#product_wrap .pdBox .pd_title .downbtn a{gap:5px;text-align:center;color: #fff; font-size: var(--font-20); height: 45px; padding: 0 15px; background: var(--color1); border-radius: 10px; transition: all .1s ease-in;}
#product_wrap .pdBox .pd_title .downbtn a:hover,
#product_wrap .pdBox .pd_title .downbtn a:active{background: var(--color2);}
@media screen and (max-width:1400px){
    #product_wrap .pd_title li span{display: inline;padding-left: 0;}
    #product_wrap .pdBox .tbBox.type2 table tbody td:last-child{padding-left: 100px;}
}
@media screen and (max-width:1200px){
    #product_wrap .pd_title .main_tit{margin-bottom: 30px;}
    #product_wrap .pdBox .tbBox.type2 table tbody td:first-child{width: 150px;}
    #product_wrap .pdBox .tbBox.type2 table tbody td:last-child{padding-left: 50px;}
}
@media screen and (max-width:1000px){
    #product_wrap .pdBox .tbBox.type2 table tbody td:last-child{padding-left: 30px;}
}
@media screen and (max-width:800px){
    #product_wrap .pdBox{margin-bottom: 60px;}
    #product_wrap .pd_title .main_tit{margin-bottom: 20px !important;}
    #product_wrap .pd_title p{line-height: 1.3;}
    #product_wrap .pd_title p::before{margin-right: 10px;}
    #product_wrap .pdBox .titBox p{line-height: 1.3;}
    #product_wrap .pdBox .titBox p::before{margin-right: 10px;}
    #product_wrap .sub_con .btn_wrap{margin-bottom: 60px;flex-flow:column wrap; height: fit-content !important;}
    #product_wrap .sub_con .btn_wrap li{width: 100%;height: 50px; border-right: unset; flex: auto; border-bottom: 1px solid #d9d9d9;}
    #product_wrap .sub_con .btn_wrap li:last-child{border-bottom: 0;}
    #product_wrap .sub_con .btn_wrap li a br{display: none;}
    #product_wrap .pdBox .table_mo{display: block;}
    #product_wrap .pdBox .tbBox.type1{overflow-x: auto;}
    #product_wrap .pdBox .tbBox.type1 table{min-width: 800px;}
    #product_wrap .pdBox .tbBox.type1 table thead th{width: auto; min-width: 100px; height: 70px;}
    #product_wrap .pdBox .tbBox.type1 table tbody td{height: 50px;}
    #product_wrap .pdBox .tbBox.type2 {overflow-x: auto;}
    #product_wrap .pdBox .tbBox.type2 table{min-width: 800px;}
    #product_wrap .pdBox .tbBox.type2 table tbody td{padding: 15px 0;}
    #product_wrap .pdBox .tbBox.type2 table tbody td:last-child p br{display: none;}    
}
@media screen and (max-width:440px){
    #product_wrap .pd_title p span{display: block; padding-left: 20px; padding-top: 3px;}
}
@keyframes horizontal{
    0% {
        transform: translateX(0%);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0%);
    }
}



/* 제품정보 - 내면에폭시분체도장관 - 개요 */
.pd_epoxy .pdBox .pd_img{width: 50%;}
.pd_epoxy .pdBox .pd_img img{max-width: 100%;}
.pd_epoxy_01 .pdBox:nth-child(1){gap: 40px;}
.pd_epoxy_01 .pd_title{width: 50%;}
.pd_epoxy_01 .pd_title .main_tit{font-size: var(--font-30) !important;}
.pd_epoxy_01 .pdBox .titBox{margin-bottom: 40px;}
.pd_epoxy_01 .pdBox .titBox h3{font-size: var(--main_tit); font-weight: 600; color: #000;line-height: 1;margin-bottom: 35px;}
.pd_epoxy_01 .pdBox:nth-child(2) .titBox p:last-child{margin-top: 10px;}
.pd_epoxy_01 .pdBox:nth-child(3) .titBox p:last-child{margin-top: 10px;}
.pd_epoxy_01 .pdBox .imgBox{display: flex; width: 100%;}
.pd_epoxy_01 .pdBox .imgBox h4{width:165px;font-size: var(--font-26);font-weight: 500;color: #fff;background: var(--color1);display: flex; align-items: center; justify-content: center;}
.pd_epoxy_01 .pdBox .imgBox div{width:calc(100% - 165px);border: 1px solid #E9E9E9; display: flex; justify-content: center; align-items: start; gap: 80px; padding: 35px;}
.pd_epoxy_01 .pdBox:last-child .imgBox div{align-items: center;}
.pd_epoxy_01 .pdBox:last-child .imgBox div img{max-width: 100%;}
.pd_epoxy_01 .pdBox .imgBox div li{text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; width: 25%; min-height: 100%;}
.pd_epoxy_01 .pdBox .imgBox div li::before{content: url('/img/product_arrow.png'); position: absolute; top: 50%; right: -50px; transform: translateY(-50%); }
.pd_epoxy_01 .pdBox .imgBox div li:last-child::before{display: none;}
.pd_epoxy_01 .pdBox .imgBox div li h5{font-size: var(--sub_tit); font-weight: 600; color: var(--color1);margin-bottom: 40px;}
.pd_epoxy_01 .pdBox .imgBox div li p{font-size: var(--sub_txt); font-weight: 500; color: #7A7A7A; margin-top: 30px; line-height: 1.5;}
.pd_epoxy_01 .pdBox .imgBox div li img{max-width: 100%;}
.pd_epoxy_01 .pdBox:last-child .imgBox{margin-bottom: 20px;}
.pd_epoxy_01 .pdBox:last-child .imgBox:last-child{margin-bottom: 0;}
@media all and (max-width:1400px){
    .pd_epoxy_01 .pd_title .sub_tit br{display: none;}
}
@media all and (max-width:1024px){
    .pd_epoxy_01 .pdBox:nth-child(1){flex-direction: column;}
    .pd_epoxy_01 .pd_title{width: 100%;}
    .pd_epoxy_01 .pd_title .sub_tit br{display: block;}
    .pd_epoxy_01 .pdBox .pd_img{width: 100%;}
}
@media all and (max-width:800px){
    .pd_epoxy_01 .pdBox .imgBox div li{width: 33%;}
    .pd_epoxy_01 .pdBox .titBox h3{margin-bottom: 20px;}
    .pd_epoxy_01 .pdBox .imgBox{flex-direction: column;}
    .pd_epoxy_01 .pdBox .imgBox h4{width: 100%; padding: 15px 0;}
    .pd_epoxy_01 .pdBox .imgBox h4 br{display: none;}
    .pd_epoxy_01 .pdBox .imgBox div{width:100%;}    
}
@media all and (max-width:650px){
    .pd_epoxy_01 .pdBox .imgBox div{flex-direction: column;padding: 30px 20px;}
    .pd_epoxy_01 .pdBox .imgBox div li{width: 100%;}
    .pd_epoxy_01 .pdBox .imgBox div li::before{top: inherit;right: inherit; bottom: -60px; left: 50%; transform: translateX(-50%) rotate(90deg);}
    .pd_epoxy_01 .pdBox .imgBox div li h5{margin-bottom: 20px;}
    .pd_epoxy_01 .pdBox .imgBox div li p{margin-top: 20px;}
}
@media all and (max-width:500px){
    .pd_epoxy_01 .pd_title .sub_tit br{display: none;}
}




/* 제품정보 - 내면에폭시분체도장관 - 경제성 */
.pd_epoxy_02 .pdBox .pd_img{width: 100% !important;}
.pd_epoxy_02 .pd_title_wrap{margin-top: 80px; gap: 40px;}
.pd_epoxy_02 .pd_title_wrap>div{width: 32.5%;}
.pd_epoxy_02 .pd_title_wrap>div:first-child{width: 35%;}
.pd_epoxy_02 .pd_title:first-child p:last-child{margin-top: 10px;}
.pd_epoxy_02 .pd_title:nth-child(2) p:last-child{line-height: 1.3 !important;}
@media all and (max-width:1400px){
    .pd_epoxy_02 .pd_title .main_tit{margin-bottom:15px !important;}
    .pd_epoxy_02 .pd_title_wrap{flex-direction: column;}
    .pd_epoxy_02 .pd_title_wrap>div{width: 100% !important;}    
}
@media all and (max-width:800px){
    .pd_epoxy_02 .pd_title_wrap{margin-top: 60px;}
}
@media all and (max-width:500px){
    .pd_epoxy_02 .pd_title_wrap{margin-top: 60px;}
}



/* 제품정보 - 내면에폭시분체도장관 - 도막성능/수질위생성 */
.pd_epoxy_03 .pdBox:nth-child(1){margin-bottom: 40px !important;}
.pd_epoxy_03 .pdBox:nth-child(1),
.pd_epoxy_03 .pdBox:nth-child(2){gap: 40px;}
.pd_epoxy_03 .pdBox .titBox{width: 50%;}
.pd_epoxy_03 .pdBox .titBox h3{font-size: var(--main_tit); font-weight: 600; color: #000;line-height: 1;margin-bottom: 30px;}
.pd_epoxy_03 .pdBox:nth-child(1) p:last-child,
.pd_epoxy_03 .pdBox:nth-child(2) p:last-child{margin-top: 10px;}
.pd_epoxy_03 .pdBox:nth-child(3) .tbBox table th{height: 70px !important;}
.pd_epoxy_03 .pdBox:last-child .pd_title{margin-bottom:40px;} 
.pd_epoxy_03 .pdBox:last-child .pd_title li{line-height: 1 !important;}
.pd_epoxy_03 .pdBox:last-child .imgWrap{gap: 30px;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox {flex: 1;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox h4{font-size: var(--font-26); font-weight: 500; color: #fff; background: var(--color1);padding: 20px;text-align: center;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.img{border: 1px solid #E9E9E9; padding: 50px 20px; justify-content: center; gap: 40px;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.img li{list-style: none; text-align: center;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.img li p{font-size: var(--font-18); color: #000; font-weight: 500; margin-top: 10px;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.img li img{max-width: 100%;}
.pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.txtBox{border-top: 0; border: 1px solid #E9E9E9; background: rgba(137, 132, 176, 0.1); font-size: var(--font-24);font-weight: 500; color: #000; text-align: center; padding: 20px;}
@media all and (max-width:1200px){    
    .pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.img li p span.mb{display: block;}
}
@media all and (max-width:1024px){
    .pd_epoxy_03 .pdBox:nth-child(1){margin-bottom: 60px !important;}
    .pd_epoxy_03 .pdBox:nth-child(1),
    .pd_epoxy_03 .pdBox:nth-child(2){flex-direction: column;} 
    .pd_epoxy_03 .pdBox .titBox,
    .pd_epoxy_03 .pdBox .pd_img{width: 100%;}
    .pd_epoxy_03 .pdBox:last-child .imgWrap{flex-direction: column; gap: 20px;}
    .pd_epoxy_03 .pdBox:last-child .pd_title li{line-height: 1.2 !important;}
}
@media all and (max-width:800px){
    .pd_epoxy_03 .pdBox .titBox h3{margin-bottom: 20px;}
}
@media all and (max-width:500px){
    .pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.img{flex-direction: column; align-items: center; padding: 40px 20px;}
    .pd_epoxy_03 .pdBox:last-child .imgWrap .imgBox div.txtBox br{display: none;}
}











/* 제품정보 - 덕타일주철관 - 제품개요 */
.pd_ductile .sub_con .btn_wrap{height: 95px !important;}
.pd_ductile_01{max-width: 100%; width: 100%; margin: 0;}
.pd_ductile_01 .inner{max-width: var(--max-width1); margin:0 auto; width: calc(100% - 40px);}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_title{margin-bottom: 40px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_title p:last-child{margin-top: 10px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div li{position: relative;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div li p{font-size: var(--font-24); font-weight: 500; color: #fff;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1){margin-bottom: 20px; gap: 5px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li::before{content: ''; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); z-index: 10; width: 45px; height: 45px; background: url('/img/product_ductile_img0106.png');}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li:last-child::before{display: none;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li p{position: absolute; bottom: 0; left: 0; background:rgba(19,9,97,0.8); width: 100%; text-align: center; padding: 10px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li img{max-width: 100%;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) {gap: 5px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(2){margin-left: -30px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(3){margin-left: -30px;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li img{max-width: 100%;}
.pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li p{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
.pd_ductile_01 .section02{margin: 200px 0; padding: 200px 0;}
.pd_ductile_01 .section02 .pdBox{max-width: var(--max-width1); margin: 0 auto; width: calc(100% - 40px);}
.pd_ductile_01 .section02 .pdBox .listBox{margin-top: 40px;}
.pd_ductile_01 .section02 .pdBox li{display: flex; align-items: center; gap: 30px; background: #fff; margin-bottom: 20px; padding: 20px 80px; border-radius: 13px;}
.pd_ductile_01 .section02 .pdBox li:last-child{margin-bottom: 0;}
.pd_ductile_01 .section02 .pdBox li h3{font-size: var(--font-24); font-weight: 600; color: #000; margin-bottom: 20px; line-height: 1;}
.pd_ductile_01 .section02 .pdBox li p{font-size: var(--sub_txt); font-weight: 400; color: #7a7a7a;}
.pd_ductile_01 .section03 .pdBox .listBox {gap: 36px;}
.pd_ductile_01 .section03 .pdBox .listBox li{width: calc(50% - 18px); background: #F5F5F5; padding: 35px 25px; border-radius: 10px; text-align: center;}
.pd_ductile_01 .section03 .pdBox .listBox li p:first-child{font-size: var(--font-30); font-weight: 600; color: #fff; background: var(--color1); border-radius: 50px; width: 40px; height: 40px; line-height: 40px; margin: 0 auto;}
.pd_ductile_01 .section03 .pdBox .listBox li p:nth-child(2){font-size: var(--font-24); font-weight: 400; color: #000; line-height: 1.4; margin-top: 20px; min-height: 130px;}
.pd_ductile_01 .section04{margin-top: 200px; padding: 200px 0;}
.pd_ductile_01 .section04 .pdBox{max-width: var(--max-width1); margin: 0 auto; width: calc(100% - 40px);}
.pd_ductile_01 .section04 .pdBox .imgBox{gap: 60px;}
.pd_ductile_01 .section04 .pdBox .imgBox li{position: relative;}
.pd_ductile_01 .section04 .pdBox .imgBox li::before{content: ''; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); width: 19px; height: 33px; background: url('/img/product_ductile_img0119.png') no-repeat;}
.pd_ductile_01 .section04 .pdBox .imgBox li:last-child::before{display: none;}
.pd_ductile_01 .section04 .pdBox .imgBox li img{max-width: 100%;}
@media all and (max-width:1200px){
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1){flex-wrap: wrap; gap: 25px; justify-content: center !important;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li{width:calc(30% - 5px);}    
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li:nth-child(3)::before{display: none;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li img{width: 100%;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li::before{width: 40px; height: 40px; background-size: cover; right: -30px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2){gap: 10px;}
    .pd_ductile_01 .section02{margin: 100px 0; padding:  100px 0;}
    .pd_ductile_01 .section02 .pdBox li{padding: 20px 50px;}
    .pd_ductile_01 .section02 .pdBox li h3{margin-bottom: 15px;}
    .pd_ductile_01 .section02 .pdBox li p br{display: none;}
    .pd_ductile_01 .section03 .pdBox .listBox{gap: 20px;}
    .pd_ductile_01 .section03 .pdBox .listBox li p:nth-child(2) br{display: none;}
    .pd_ductile_01 .section04{margin-top: 100px; padding: 100px 0;}
}
@media all and (max-width:1000px){
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(2){margin-left: -25px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(3){margin-left: -25px;}
    .pd_ductile_01 .section04 .pdBox .imgBox{gap: 40px;}
    .pd_ductile_01 .section04 .pdBox .imgBox li::before{right: -30px;}
}

@media all and (max-width:800px){
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1){gap: 15px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li{width: calc(50% - 8px);}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li::before{right: -25px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li:nth-child(2)::before{display: none;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li:nth-child(3)::before{display: block;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li:nth-child(4)::before{display: none;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2){flex-direction: column;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(2){margin-left: 0px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(3){margin-left: 0px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(1) img{content: url('/img/product_ductile_img0107_mo.png');}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(2) img{content: url('/img/product_ductile_img0108_mo.png');}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(2) li:nth-child(3) img{content: url('/img/product_ductile_img0109_mo.png');}
    .pd_ductile_01 .section02 .pdBox li{padding: 20px 30px; gap: 20px;}
    .pd_ductile_01 .section03 .pdBox .listBox{gap: 10px;}
    .pd_ductile_01 .section03 .pdBox .listBox li{width: 100%;}
    .pd_ductile_01 .section03 .pdBox .listBox li p:nth-child(2){min-height: auto;}
    .pd_ductile_01 .section03 .pdBox .listBox li p:first-child{width: 35px; height: 35px; line-height: 35px;}
    .pd_ductile_01 .section04 .pdBox .imgBox{flex-direction: column; align-items: center;}
    .pd_ductile_01 .section04 .pdBox .imgBox li::before{top:inherit; bottom: -35px; right: inherit; left: 50%; transform: translateX(-50%) rotate(90deg);}
}
@media all and (max-width:600px){
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li::before{width: 35px; height: 35px;}
    .pd_ductile_01 .section02 .pdBox li{flex-direction: column; padding: 30px 20px; gap: 30px;}
    .pd_ductile_01 .section02 .pdBox li img{width: 60px;}
    .pd_ductile_01 .section02 .pdBox li div{text-align: center;}
}
@media all and (max-width:500px){
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1){gap: 10px;}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li{width: calc(50% - 5px);}
    .pd_ductile_01 .section01 .pdBox:nth-child(1) .pd_img div:nth-child(1) li::before{width: 30px; height: 30px; right: -20px;}
}






/* 제품정보 - 덕타일주철관 - 라이닝 */
.pd_ductile_02 .inner{max-width: var(--max-width1); margin:0 auto; width: calc(100% - 40px);}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img{gap: 20px;}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img li{gap: 5px; flex: 1;}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img li div:first-child{margin-bottom: 30px;}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img li div:first-child p{position: relative; z-index: 2; margin-top: -4px; font-size: var(--font-26); font-weight: 500; color: #fff; background:var(--color1); width: 100%; text-align: center; padding: 10px;}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img li div:first-child img{max-width: 100%;}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img li div.titBox p:first-child{font-weight: 600 !important;}
.pd_ductile_02 .pdBox:nth-child(1) .pd_img li div.titBox p:last-child{margin-top: 10px !important; line-height: 1.3 !important;}
.pd_ductile_02 .pdBox:nth-child(even){gap: 70px; margin-bottom: 40px !important;}
.pd_ductile_02 .pdBox:nth-child(even)>div{width: 50%;}
.pd_ductile_02 .pdBox:nth-child(even) .pd_title .sub_tit{font-weight: 400 !important;}
.pd_ductile_02 .pdBox:nth-child(even) .pd_title div:last-child{margin-top: 40px;}
.pd_ductile_02 .pdBox:nth-child(even) .pd_title div p{font-weight: 400 !important; line-height: 1.4 !important;}
.pd_ductile_02 .pdBox:nth-child(even) .pd_img img{max-width: 100%;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox{padding: 40px 60px; background: #EEF6FF; gap: 100px; border-radius: 5px;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li{flex: 1; aspect-ratio: 1 / 1 auto; border-radius: 50%; background: #fff; text-align: center; position: relative; gap: 20px;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li::before{content:''; position: absolute; top: 50%; right: -65px; transform: translateY(-50%); width: 30px; height: 56px; background: url('/img/product_ductile_img0207.png') no-repeat; }
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li:last-child::before{display: none;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li h5{font-size: var(--sub_tit); font-weight: 600; color: #fff; background: var(--color1); width: 50%; height: 35px; line-height: 35px; border-radius: 50px;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li p{font-size: var(--sub_tit); font-weight: 600; color: #000; min-height: 65px;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li p span{font-weight: 400 !important;}
.pd_ductile_02 .pdBox:nth-child(3) .imgBox li img{max-width: 100%;}
@media all and (max-width:1200px){
    .pd_ductile_02 .pdBox:nth-child(1) .pd_img{gap: 10px;}
    .pd_ductile_02 .pdBox:nth-child(1) .pd_img li div:first-child{margin-bottom: 20px;}
    .pd_ductile_02 .pdBox:nth-child(even) .pd_title div:last-child{margin-top: 30px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox{gap: 60px; padding: 40px 20px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li::before{right: -45px; width: 25px; height:47px; background-size: cover !important;}
    .pd_ductile_02 .pdBox:nth-child(even) .pd_title .sub_tit span.mb{display: block;}
}
@media all and (max-width:1000px){
    .pd_ductile_02 .pdBox:nth-child(even){flex-direction: column; align-items : start !important; gap: 40px;}
    .pd_ductile_02 .pdBox:nth-child(even)>div{width: 100%;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox{gap: 40px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li::before{right: -35px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li{gap: 10px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li h5{height: 30px; line-height: 30px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li img{width: 150px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li p{min-height: 50px;}
}

@media all and (max-width:800px){
    .pd_ductile_02 .pdBox:nth-child(1) .pd_img{flex-direction: column; gap: 40px;}
    .pd_ductile_02 .pdBox:nth-child(1) .pd_img li div:first-child img{width: 100%;}
    .pd_ductile_02 .pdBox:nth-child(even) .pd_title div:last-child{margin-top: 20px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox{flex-direction: column; align-items: center; padding: 40px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li{width: 350px; gap: 20px;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li::before{top: inherit; right: inherit; left: 50%; bottom: -45px; transform: translateX(-50%) rotate(90deg);}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li p{min-height: auto;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li img{width: auto;}
}
@media all and (max-width:600px){
    .pd_ductile_02 .pdBox:nth-child(1) .pd_img li div:first-child p{padding: 5px;}
    .pd_ductile_02 .pdBox:nth-child(even) .pd_title .sub_tit span.mb{display: none;}
    .pd_ductile_02 .pdBox:nth-child(3) .imgBox li{width: 300px;}
}




/* 제품정보 - 덕타일주철관 - 일반조인트 */
.pd_ductile_03 .pdBox{}
.pd_ductile_03 .pdBox>div{width: 50%;}
.pd_ductile_03 .pdBox:first-child .pd_title{padding-right: 80px;}
.pd_ductile_03 .pdBox:nth-child(2) .pd_title{padding-left: 80px;}
.pd_ductile_03 .pdBox .pd_title div p{line-height: 1.4 !important;}
.pd_ductile_03 .pdBox .pd_title .downbtn a{ width: 170px;}
.pd_ductile_03 .pdBox .pd_img img{max-width: 100%;}
.pd_ductile_03 .pdBox:nth-child(3)>div{width:100%;}
.pd_ductile_03 .pdBox .tbBox.type1 table thead th{width: inherit !important; height: 70px !important;}
.pd_ductile_03 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 25px 80px;}
.pd_ductile_03 .pdBox .tbBox.type1 table tbody td{padding: 20px;}
.pd_ductile_03 .pdBox .tbBox.type1 table tbody td p{margin-bottom: 10px;}
.pd_ductile_03 .pdBox .tbBox.type1 table tbody td p:last-child{margin-bottom: 0;}
.pd_ductile_03 .pdBox .tbBox.type1 table tbody td li p{display: flex; text-align: left; position: relative;}
.pd_ductile_03 .pdBox .tbBox.type1 table tbody td li p::before{content: '·'; margin-right: 15px; font-weight: 900;}
@media all and (max-width:1400px){
    .pd_ductile_03 .pdBox:first-child .pd_title{padding-right: 50px;}
    .pd_ductile_03 .pdBox:nth-child(2) .pd_title{padding-left: 50px;}
    .pd_ductile_03 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px 60px;}    
}
@media all and (max-width:1200px){
    .pd_ductile_03 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px 40px;}
}
@media all and (max-width:1000px){
    .pd_ductile_03 .pdBox{flex-direction: column; align-items: start !important; gap: 40px;}
    .pd_ductile_03 .pdBox:nth-child(2){flex-direction: column-reverse;}
    .pd_ductile_03 .pdBox>div{width: 100%;}
    .pd_ductile_03 .pdBox:first-child .pd_title{padding-right: 0px;}
    .pd_ductile_03 .pdBox:nth-child(2) .pd_title{padding-left: 0px;}
    .pd_ductile_03 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px 25px;}
}
@media all and (max-width:1000px){
    .pd_ductile_03 .pdBox .tbBox.type1 table tbody td{padding: 20px 0;}
    .pd_ductile_03 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px;}
}




/* 제품정보 - 덕타일주철관 - 이탈방지조인트 */
.pd_ductile_04 .pdBox{gap: 40px;}
.pd_ductile_04 .pdBox .pd_title div p{line-height: 1.4 !important;}
.pd_ductile_04 .pdBox .pd_img img{max-width: 100%;}
.pd_ductile_04 .pdBox:nth-child(2) .pd_img div{gap: 20px;}
.pd_ductile_04 .pdBox:nth-child(2) .pd_img div.mo{display: none !important;}
.pd_ductile_04 .pdBox:nth-child(2) .pd_img div:first-child{margin-bottom:20px;}
.pd_ductile_04 .pdBox:nth-child(3) .tbBox.type1 table thead th{width: inherit !important;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table thead th{width: inherit !important; height: 70px !important;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody tr:nth-child(3) td{padding: 25px 30px;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody tr:nth-child(3) td:first-child{padding:20px 10px;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody td{padding: 20px 15px;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody td p{margin-bottom: 10px;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody td p:last-child{margin-bottom: 0;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody td li p{display: flex; text-align: left; position: relative;}
.pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody td li p::before{content: '·'; margin-right: 15px; font-weight: 900;}
@media all and (max-width:1200px){
    .pd_ductile_04 .pdBox:nth-child(2) .pd_img div{gap: 10px;}
    .pd_ductile_04 .pdBox:nth-child(2) .pd_img div:first-child{margin-bottom: 10px;}
    .pd_ductile_04 .pdBox:nth-child(4) .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px}
}
@media all and (max-width:1000px){
    .pd_ductile_04 .pdBox{flex-direction: column; align-items: start !important;}
    .pd_ductile_04 .pdBox>div{width: 100%;}       
    .pd_ductile_04 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px 25px;}
    .pd_ductile_04 .pdBox .table_mo{display: block !important; animation: horizontal 1s ease-in-out infinite;}
    .pd_ductile_04 .pdBox .tbBox.type1{overflow-x:auto;}
    .pd_ductile_04 .pdBox .tbBox.type1 table{min-width: 1000px !important;}
}
@media all and (max-width:800px){
    .pd_ductile_04 .pdBox:nth-child(2) .pd_img div.pc{display: none !important;}
    .pd_ductile_04 .pdBox:nth-child(2) .pd_img div.mo{display:flex !important; flex-wrap: wrap;}    
    .pd_ductile_04 .pdBox:nth-child(2) .pd_img div.mo li{width:calc(50% - 5px);}
    .pd_ductile_04 .pdBox:nth-child(2) .pd_img div.mo li:last-child{width: 100%;}
    .pd_ductile_04 .pdBox .tbBox.type1 table tbody td{padding: 20px 0;}
    .pd_ductile_04 .pdBox .tbBox.type1 table tbody tr:nth-child(3) td{padding: 20px;}
}



/* 제품정보 - 덕타일주철관 - 직관 */
.pd_ductile_05 .pdBox:nth-child(1) .pd_img li{margin-bottom: 40px;}
.pd_ductile_05 .pdBox:nth-child(1) .pd_img li:last-child{margin-bottom: 0;}
.pd_ductile_05 .pdBox:nth-child(1) .pd_img li p{margin-bottom: 30px; font-size: var(--sub_tit); font-weight: 500; color: #000; line-height: 1; list-style: none; position: relative; display: flex;}
.pd_ductile_05 .pdBox:nth-child(1) .pd_img li p::before{content: '·'; margin-right:15px; font-weight: 900;}
.pd_ductile_05 .pdBox:nth-child(1) .pd_img li img{max-width: 100%; border: 1px solid #C5C5C5; border-radius: 10px;}
.pd_ductile_05 .pdBox:nth-child(2){width: 100%;}
.pd_ductile_05 .pdBox:nth-child(2) ul.tabs{margin: 0px;padding: 0px;list-style: none;gap: 5px; margin-bottom: 40px;}
.pd_ductile_05 .pdBox:nth-child(2) ul.tabs li{width: calc(100% / 7); height: 50px;line-height: 50px;color: #7A7A7A;background:#D9D9D9;border-radius:50px;box-sizing: border-box;cursor: pointer;text-align: center;font-size: var(--font-20);font-weight: 400;}
.pd_ductile_05 .pdBox:nth-child(2) ul.tabs li.current{box-sizing: border-box;background: var(--color1);font-weight: 600;color: #fff;}
.pd_ductile_05 .pdBox:nth-child(2) .tab-content{display: none;}
.pd_ductile_05 .pdBox:nth-child(2) .tab-content.current{display: inherit;}
.pd_ductile_05 .pdBox:nth-child(2) .tab-content img{max-width: 100%;}
.pd_ductile_05 .pdBox:nth-child(3) .pd_img{gap: 20px;}
.pd_ductile_05 .pdBox:nth-child(3) .pd_img li img{max-width: 100%;}
.pd_ductile_05 .pdBox:nth-child(3) .pd_img .viewmore{margin-bottom: 12px;}
.pd_ductile_05 .pdBox:nth-child(3) .pd_img .viewmore a{font-size: var(--font-16); color: var(--color1); gap: 15px;}
.pd_ductile_05 .pdBox:nth-child(3) .pd_img p{font-size: var(--font-24); font-weight: 500; color: #000; text-align: center;margin-top: 20px;}
@media all and (max-width:1000px){
    .pd_ductile_05 .pdBox:nth-child(1) .pd_img li p{margin-bottom: 20px;}
}
@media all and (max-width:800px){
    .pd_ductile_05 .pdBox:nth-child(1) .pd_img li{margin-bottom: 20px;}
    .pd_ductile_05 .pdBox:nth-child(1) .pd_img li p{margin-bottom: 10px;}
    .pd_ductile_05 .pdBox:nth-child(2) ul.tabs{flex-wrap: wrap;}
    .pd_ductile_05 .pdBox:nth-child(2) ul.tabs li{width:calc(33% - 3px);}
    .pd_ductile_05 .pdBox:nth-child(3) .pd_img{flex-direction: column; gap: 40px;}
    .pd_ductile_05 .pdBox:nth-child(3) .pd_img li{width: 100%;}
    .pd_ductile_05 .pdBox:nth-child(3) .pd_img li>img{width: 100%;}
}
@media all and (max-width:600px){
    .pd_ductile_05 .pdBox:nth-child(2) ul.tabs li{width:calc(50% - 3px);}
}





/* 제품정보 - 덕타일주철관 - 이형관 */
.pd_ductile_06 .pdBox .pd_title {padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #C4C4C4;}
.pd_ductile_06 .pdBox .pd_title .downbtn{margin-top: 0 !important;}
.pd_ductile_06 .pdBox .pd_title .downbtn a{width: 240px;}
.pd_ductile_06 .pdBox ul.tabs{margin: 0px;padding: 0px;list-style: none;gap:10px; margin-bottom: 80px;flex-wrap: wrap;}
.pd_ductile_06 .pdBox ul.tabs li{width: calc(100% / 5 - 10px); color: #7A7A7A;border-radius:10px;box-sizing: border-box;cursor: pointer;position: relative; overflow: hidden;}
.pd_ductile_06 .pdBox ul.tabs li.current{box-sizing: border-box;font-weight: 600;color: #fff;}
.pd_ductile_06 .pdBox ul.tabs li .hoverBox{display: none; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pd_ductile_06 .pdBox ul.tabs li .hoverBox p{font-size: var(--font-26); font-weight: 600; color: #fff;width: 100%; text-align: center;}
.pd_ductile_06 .pdBox ul.tabs li .hoverBox a{width: 165px; height: 40px; line-height: 40px;color: #fff; background: transparent; border: 1px solid #fff; border-radius: 50px; gap: 15px;}
.pd_ductile_06 .pdBox ul.tabs li:hover .hoverBox{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 45px;}
.pd_ductile_06 .pdBox ul.tabs li>img{max-width: 100%; width: 100%;}
.pd_ductile_06 .pdBox .tab-content{display: none;}
.pd_ductile_06 .pdBox .tab-content.current{display: inherit;}
.pd_ductile_06 .pdBox .tab-content .titBox h3{font-size: var(--font-40); font-weight: 600; color: #000; padding-bottom: 50px; text-align: center;}
.pd_ductile_06 .pdBox .tab-content img{max-width: 100%;}
@media all and (max-width:1400px){
    .pd_ductile_06 .pd_title .sub_tit{gap: 40px;}
    .pd_ductile_06 .pd_title .sub_tit br{display: none;}
}
@media all and (max-width:1200px){
    .pd_ductile_06 .pdBox ul.tabs li:hover .hoverBox{gap: 20px;}
    .pd_ductile_06 .pdBox ul.tabs li .hoverBox a{width: 135px;}
    .pd_ductile_06 .pdBox .pd_title{padding-bottom: 60px;}
    .pd_ductile_06 .pdBox .pd_title .downbtn{justify-content: start !important;}
}
@media all and (max-width:1000px){
    .pd_ductile_06 .pdBox .pd_title{margin-bottom: 60px;}
    .pd_ductile_06 .pd_title .sub_tit{flex-direction: column;}
    .pd_ductile_06 .pdBox ul.tabs li{width: calc(100% / 3 - 10px);}
    .pd_ductile_06 .pdBox ul.tabs li:hover .hoverBox{gap: 20px;}
}
@media all and (max-width:800px){
    .pd_ductile_06 .pdBox ul.tabs li{width: calc(100% / 2 - 5px);}
}



/* 제품정보 - 덕타일주철관 - 부속품 */
.pd_ductile_07 .pdBox .pd_title {padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #C4C4C4;}
.pd_ductile_07 .pdBox .pd_title .downbtn{margin-top: 0 !important;}
.pd_ductile_07 .pdBox .pd_title .downbtn a{width: 240px;}
.pd_ductile_07 .pdBox ul.tabs{margin: 0px;padding: 0px;list-style: none;gap:20px; align-items: stretch !important; padding-bottom: 80px; margin-bottom: 80px;flex-wrap: wrap; border-bottom: 1px solid #C4C4C4;}
.pd_ductile_07 .pdBox ul.tabs li{width: calc(100% / 4 - 20px); flex: 1 1 auto; border: 1px solid #C5C5C5; color: #7A7A7A;border-radius:10px;box-sizing: border-box;cursor: pointer;position: relative; overflow: hidden;}
.pd_ductile_07 .pdBox ul.tabs li.current{box-sizing: border-box;font-weight: 600;color: #fff;}
.pd_ductile_07 .pdBox ul.tabs li:last-child{border: 0; background: var(--color1);}
.pd_ductile_07 .pdBox ul.tabs li .downbtn{height: 100%;}
.pd_ductile_07 .pdBox ul.tabs li .downbtn a{font-size: var(--font-26); font-weight: 600; color: #fff; text-align: center; gap:15px;height: 100%;}
.pd_ductile_07 .pdBox ul.tabs li .hoverBox{display: none; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pd_ductile_07 .pdBox ul.tabs li .hoverBox p{font-size: var(--font-26); font-weight: 600; color: #fff;width: 100%; text-align: center;}
.pd_ductile_07 .pdBox ul.tabs li .hoverBox a{width: 165px; height: 40px; line-height: 40px;color: #fff; background: transparent; border: 1px solid #fff; border-radius: 50px; gap: 15px;}
.pd_ductile_07 .pdBox ul.tabs li:hover .hoverBox{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25px;}
.pd_ductile_07 .pdBox ul.tabs li>img{max-width: 100%; width: 100%;}
.pd_ductile_07 .pdBox .tab-content{display: none;}
.pd_ductile_07 .pdBox .tab-content.current{display: inherit;}
.pd_ductile_07 .pdBox .tab-content .titBox h3{font-size: var(--font-40); font-weight: 600; color: #000; padding-bottom: 50px; text-align: center;}
.pd_ductile_07 .pdBox .tab-content img{max-width: 100%;}
@media all and (max-width:1400px){
    .pd_ductile_07 .pd_title .sub_tit{gap: 40px;}
    .pd_ductile_07 .pd_title .sub_tit br{display: none;}
}
@media all and (max-width:1200px){
    .pd_ductile_07 .pdBox ul.tabs li:hover .hoverBox{gap: 20px;}
    .pd_ductile_07 .pdBox ul.tabs li .hoverBox a{width: 135px;}
}
@media all and (max-width:1000px){
    .pd_ductile_07 .pdBox .pd_title{}
    .pd_ductile_07 .pd_title .sub_tit{flex-direction: column;}
    .pd_ductile_07 .pdBox ul.tabs{gap: 10px; margin-bottom: 60px; padding-bottom: 60px;}
    .pd_ductile_07 .pdBox ul.tabs li{width: calc(100% / 3 - 10px);}
    .pd_ductile_07 .pdBox ul.tabs li:hover .hoverBox{gap:15px;}
}
@media all and (max-width:800px){
    .pd_ductile_07 .pdBox ul.tabs li{width: calc(100% / 2 - 5px); padding:20px 10px;}
    .pd_ductile_07 .pdBox ul.tabs li:last-child .downbtn img{width: 20px;}
    .pd_ductile_07 .pdBox ul.tabs li .hoverBox p{font-size: 18px;}
}





/* 제품정보 - 강관말뚝 */
.pd_pipepiles .inner{max-width: var(--max-width1); margin:0 auto; width: calc(100% - 40px);}
.pd_pipepiles .pdBox:nth-child(1) .pd_img{gap: 20px;}
.pd_pipepiles .pdBox:nth-child(1) .pd_img li{flex: 1;}
.pd_pipepiles .pdBox:nth-child(1) .pd_img li div:first-child p{position: relative; z-index: 2; margin-top: -4px; font-size: var(--font-26); font-weight: 500; color: #fff; background:var(--color1); width: 100%; text-align: center; padding: 10px;}
.pd_pipepiles .pdBox:nth-child(1) .pd_img li div:first-child img{max-width: 100%; width: 100%;}
.pd_pipepiles .pdBox:nth-child(1) .pd_img li div.titBox p:first-child{font-weight: 600 !important;}
.pd_pipepiles .pdBox:nth-child(1) .pd_img li div.titBox p:last-child{margin-top: 10px !important; line-height: 1.3 !important;}
.pd_pipepiles .pdBox .pd_title {margin-bottom: 40px;}
.pd_pipepiles .pdBox .pd_title .downbtn{margin-top: 0 !important;}
.pd_pipepiles .pdBox .pd_title .downbtn a{width: 240px;}
.pd_pipepiles .pdBox:nth-child(2) li{display: flex; align-items: start; gap: 30px; background: #fff; margin-bottom: 20px; padding: 20px 80px; border-radius: 13px; border: 1px solid #d9d9d9;}
.pd_pipepiles .pdBox:nth-child(2) li:last-child{margin-bottom: 0;}
.pd_pipepiles .pdBox:nth-child(2) li h3{font-size: var(--font-24); font-weight: 600; color: #000; margin-bottom: 20px; line-height: 1;}
.pd_pipepiles .pdBox:nth-child(2) li p{font-size: var(--sub_txt); font-weight: 400; color: #7a7a7a;}
@media all and (max-width:1400px){
    .pd_pipepiles .pd_title .sub_tit{flex-direction: column; align-items: start !important; gap: 40px;}
    .pd_pipepiles .pd_title .sub_tit br{display: none;}
    .pd_pipepiles .pdBox:nth-child(2) li{padding: 20px 50px;}
    .pd_pipepiles .pdBox:nth-child(2) li h3{margin-bottom: 15px;}
    .pd_pipepiles .pdBox:nth-child(2) li div p br{display: none;}
}
@media all and (max-width:1200px){
    .pd_pipepiles .pdBox:nth-child(1) .pd_img{gap: 10px;}
}
@media all and (max-width:800px){
    .pd_pipepiles .pdBox:nth-child(1) .pd_img{flex-direction: column; gap: 40px;}
    .pd_pipepiles .pdBox:nth-child(1) .pd_img li{width: 100%;}
    .pd_pipepiles .pdBox:nth-child(1) .pd_img li div:first-child img{width: 100%;}
    .pd_pipepiles .pdBox:nth-child(2) li{padding: 20px 30px; gap: 20px;}
}
@media all and (max-width:600px){
    .pd_pipepiles .pdBox:nth-child(1) .pd_img li div:first-child p{padding: 5px;}
    .pd_pipepiles .pdBox:nth-child(2) li{flex-direction: column; padding: 30px 20px; gap: 30px; align-items: center;}
    .pd_pipepiles .pdBox:nth-child(2) li img{width: 60px;}
    .pd_pipepiles .pdBox:nth-child(2) li div{text-align: center;}
}



/* 제품정보 - 커플링 */
.pd_coupling .pdBox .pd_title .downbtn a{ width: 170px;}
.pd_coupling .pdBox:first-child>div{width: 50%;}
.pd_coupling .pdBox:first-child .pd_img img{max-width: 100%;}
.pd_coupling .pdBox:first-child .pd_title{padding-right: 80px;}
.pd_coupling .pdBox:nth-child(3) .pd_title{padding-left: 80px;}
.pd_coupling .pdBox:nth-child(3) .pd_title p{line-height: 1.4 !important;}
.pd_coupling .pdBox:nth-child(3) .pd_title p:first-child{margin-bottom: 40px;}
.pd_coupling .pdBox:nth-child(3)>div{width: 50%;}
.pd_coupling .pdBox:nth-child(3) .pd_img img{max-width: 100%;}
.pd_coupling .pdBox:nth-child(4) .pd_img img{max-width: 100%;}
.pd_coupling .pdBox:nth-child(5) .pd_img{gap: 45px;}
.pd_coupling .pdBox:nth-child(5) .pd_img img{max-width: 100%; width: 100%;}
.pd_coupling .pdBox .tbBox.type1 {margin-top: 40px;}
.pd_coupling .pdBox .tbBox.type1 table thead th{width: calc(100% / 10) !important;}
.pd_coupling .pdBox .tbBox.type1 table tbody td{padding: 10px;}
@media all and (max-width:1400px){
    .pd_coupling .pdBox:first-child .pd_title{padding-right: 50px;}
    .pd_coupling .pdBox:nth-child(3) .pd_title{padding-left: 50px;}  
}
@media all and (max-width:1200px){
    .pd_coupling .pdBox:nth-child(5) .pd_img{gap: 20px; margin-bottom: 10px;}
    .pd_coupling .pdBox .table_mo{display: block !important;}
    .pd_coupling .pdBox .tbBox.type1{overflow-x: auto !important; margin-top: 0;}
    .pd_coupling .pdBox .tbBox.type1 table{min-width: 1200px;}
}
@media all and (max-width:1000px){
    .pd_coupling .pdBox{flex-direction: column; align-items: start !important; gap: 40px;}
    .pd_coupling .pdBox:nth-child(3){flex-direction: column-reverse;}
    .pd_coupling .pdBox:first-child>div{width: 100%;}
    .pd_coupling .pdBox:first-child .pd_title .sub_tit br{display: none;}
    .pd_coupling .pdBox:first-child .pd_title{padding-right: 0px;}
    .pd_coupling .pdBox:nth-child(3)>div{width: 100%;}
    .pd_coupling .pdBox:nth-child(3) .pd_title{padding-left: 0px;}

}
@media all and (max-width:800px){
    .pd_coupling .pdBox:nth-child(3) .pd_title p:first-child{margin-bottom: 20px;}
}
@media all and (max-width:600px){
    .pd_coupling .pdBox:nth-child(5) .pd_img{flex-direction: column;}
}




/* 제품정보 -PE슬리브 */
.pd_pe .pdBox:first-child>div{width: 50%;}
.pd_pe .pdBox:first-child .pd_img img{max-width: 100%;}
.pd_pe .pdBox:first-child .pd_title{padding-right: 80px;}
.pd_pe .pdBox:first-child .pd_title p{line-height: 1.4 !important;}
.pd_pe .pdBox:nth-child(2) .pd_title{padding-left: 80px;}
.pd_pe .pdBox:nth-child(2) .pd_title p{line-height: 1.4 !important;}
.pd_pe .pdBox:nth-child(2) .pd_title p:first-child{margin-bottom: 40px;}
.pd_pe .pdBox:nth-child(2)>div{width: 50%;}
.pd_pe .pdBox:nth-child(2) .pd_img img{max-width: 100%;}
.pd_pe .pdBox .tbBox.type1 {margin-top: 40px;}
.pd_pe .pdBox:nth-child(3) .pd_title .main_tit{margin-bottom: 30px !important;}
.pd_pe .pdBox:nth-child(3) .tbBox.type1 table thead th{width: calc(100% / 6) !important; height: 70px !important;}
.pd_pe .pdBox:nth-child(4) .tbBox.type1 table thead th{width: calc(100% / 4) !important; height: 70px !important;}
.pd_pe .pdBox:nth-child(4) .tbBox.type1 table tbody td{height: 100px !important;}
.pd_pe .pdBox:nth-child(4) .pd_title p{line-height: 1.4 !important;}
.pd_pe .pdBox:nth-child(4) .pd_title .main_tit{margin-bottom: 30px !important;}
.pd_pe .pdBox .tbBox.type1 table tbody td{padding: 10px;}
@media all and (max-width:1400px){
    .pd_pe .pdBox:first-child .pd_title{padding-right: 50px;}
    .pd_pe .pdBox:nth-child(2) .pd_title{padding-left: 50px;}  
}
@media all and (max-width:1200px){
    .pd_pe .pdBox:first-child .pd_title p:first-child br{display: none;}
}
@media all and (max-width:1000px){
    .pd_pe .pdBox{flex-direction: column; align-items: start !important; gap: 40px;}      
    .pd_pe .pdBox:first-child>div{width: 100%;}
    .pd_pe .pdBox:first-child .pd_title{padding-right: 0px;}
    .pd_pe .pdBox:first-child .pd_title p:first-child br{display: block;}
    .pd_pe .pdBox:nth-child(2){flex-direction: column-reverse;}  
    .pd_pe .pdBox:nth-child(2)>div{width: 100%;}
    .pd_pe .pdBox:nth-child(2) .pd_title{padding-left: 0px;}       
}
@media all and (max-width:800px){    
    .pd_pe .pdBox .tbBox.type1{margin-top: 0;}
    .pd_pe .pdBox:nth-child(2) .pd_title p:first-child{margin-bottom: 5px;}
    .pd_pe .pdBox:nth-child(3) .pd_title{margin-bottom: 20px;}
    .pd_pe .pdBox:nth-child(4) .pd_title{margin-bottom: 20px;}
}
@media all and (max-width:600px){
    .pd_pe .pdBox:first-child .pd_title p:first-child br{display: none;}
}






/* 기술/시공 */
#technology_wrap .pdBox{margin-bottom: 80px;}
#technology_wrap li{list-style: none;}
#technology_wrap .pdBox.flex{display: flex;}
#technology_wrap .pdBox.column{flex-direction: column;}
#technology_wrap .pdBox.between{justify-content: space-between;}
#technology_wrap .pdBox.alignc{align-items: center;}
#technology_wrap .pdBox.aligns{align-items: start;}
#technology_wrap .pdBox:last-child{margin-bottom: 0;}
#technology_wrap .pdBox .flex{display: flex;}
#technology_wrap .pdBox .column{flex-direction: column;}
#technology_wrap .pdBox .center{justify-content: center;}
#technology_wrap .pdBox .between{justify-content: space-between;}
#technology_wrap .pdBox .end{justify-content:flex-end;}
#technology_wrap .pdBox .alignc{align-items: center;}
#technology_wrap .pdBox .aligns{align-items: start;}
#technology_wrap .pdBox .aligne{align-items: end;}
#technology_wrap .pdBox .wrap{flex-wrap: wrap;}
@media screen and (max-width:800px){
    #technology_wrap .pdBox{margin-bottom: 60px;}
}



/* 기술/시공 - 덕타일주철관 */
.tn_ductile{}
.tn_ductile .pdBox .pd_img{gap:60px;}
.tn_ductile .pdBox .pd_img li{flex: 1; position: relative;}
.tn_ductile .pdBox .pd_img li::before{content: ''; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); width: 17px; height: 31px; background: url('/img/technology_ductile_img12.svg') no-repeat; background-size: cover;}
.tn_ductile .pdBox .pd_img li:nth-child(3)::before{display: none;}
.tn_ductile .pdBox .pd_img li .titBox{position: absolute; left: 25px; top: 20px;}
.tn_ductile .pdBox .pd_img li .titBox p{font-size: var(--font-24); font-weight: 500; color: #fff; background:var(--color2); width: 100%; text-align: center; padding:0 10px;}
.tn_ductile .pdBox .pd_img li div:nth-child(2) p{font-size: var(--font-30); font-weight: 500; color: #000; text-align: center; width: 100%; text-align: center;padding-top: 20px;}
.tn_ductile .pdBox .pd_img li div:nth-child(2) img{max-width: 100%; width: 100%;}
.tn_ductile .pdBox:nth-child(4) .pd_img>div{position: relative;}
.tn_ductile .pdBox:nth-child(4) .pd_img>div::before{content: '';position: absolute; left: 50%; top: -60px; transform: translateX(-50%) rotate(90deg); width: 17px; height: 31px; background: url('/img/technology_ductile_img12.svg') no-repeat; background-size: cover;}
.tn_ductile .pdBox:nth-child(4) .pd_img>div p{font-size: var(--font-30); font-weight: 500; color: #000; text-align: center; width: 100%; text-align: center;padding-top: 20px}
.tn_ductile .pdBox:nth-child(4) .pd_img>div img{max-width: 100%; width: 100%;}
.tn_ductile .pdBox:last-child{padding-top: 80px; margin-top: 80px; border-top: 1px solid #D9D9D9;}
.tn_ductile .pdBox:last-child img{width: 100%; max-width: 100%;}
@media all and (max-width:1000px){
    .tn_ductile .pdBox .pd_img{gap: 40px;}
    .tn_ductile .pdBox .pd_img li::before{right: -30px;}
    .tn_ductile .pdBox .pd_img li .titBox{left: 15px; top:15px;}
}
@media all and (max-width:800px){
    .tn_ductile .pdBox:last-child{margin-bottom: 0 !important;}
    .tn_ductile .pdBox .pd_img{flex-direction: column; gap:60px;}
    .tn_ductile .pdBox .pd_img li{width: 100%;}
    .tn_ductile .pdBox .pd_img li::before{right: inherit; left: 50%; transform: translateX(-50%) rotate(90deg); top: inherit; bottom: -45px;} 
    .tn_ductile .pdBox .pd_img li:nth-child(3)::before{display: block;}
    .tn_ductile .pdBox:nth-child(4) .pd_img>div::before{display: none;}
    .tn_ductile .pdBox .pd_img li img{width: 100%;}
    .tn_ductile .pdBox:last-child{margin-top: 60px; padding-top: 60px;}
}
@media all and (max-width:600px){
    .tn_ductile .pdBox .pd_img li .titBox{left: 10px; top:10px;}
    .tn_ductile .pdBox .pd_img li div:first-child p{padding: 3px 10px;}
    .tn_ductile .pdBox .pd_img li div:nth-child(2) p{padding-top: 15px;}
}




/* 기술/시공 - 강관말뚝 */
.tn_pipepiles{}
.tn_pipepiles .pdBox .pd_img{gap: 20px;}
.tn_pipepiles .pdBox .pd_img li{flex: 1;}
.tn_pipepiles .pdBox .pd_img li div:first-child p{position: relative; z-index: 2; margin-top: -4px; font-size: var(--font-26); font-weight: 500; color: #fff; background:var(--color1); width: 100%; text-align: center; padding: 10px;}
.tn_pipepiles .pdBox .pd_img li div:first-child img{max-width: 100%; width: 100%;}
.tn_pipepiles .pdBox .pd_img li div.titBox p:first-child{font-weight: 600 !important;}
.tn_pipepiles .pdBox .pd_img li div.titBox p:last-child{margin-top: 10px !important; line-height: 1.3 !important;}
@media all and (max-width:1200px){
    .tn_pipepiles .pdBox .pd_img{gap: 10px;}
}
@media all and (max-width:800px){
    .tn_pipepiles .pdBox{margin-bottom: 40px !important;}
    .tn_pipepiles .pdBox:last-child{margin-bottom: 0 !;}
    .tn_pipepiles .pdBox .pd_img{flex-direction: column; gap: 40px;}
    .tn_pipepiles .pdBox .pd_img li{width: 100%;}
    .tn_pipepiles .pdBox .pd_img li img{width: 100%;}
}

































/* 지속가능경영 */
#esg .sub_title{position: relative;top: 0;left: 0;z-index: 1;overflow: hidden;}
#esg .sub_con{}
#esg .sub_con>b{font-size: var(--font-34);display: block;text-align: center;margin-bottom: 60px;}
#esg .sub_con .mom{width: 45%;height: auto;aspect-ratio: auto 1 / 1;position: relative;margin: 0 auto;}
#esg .sub_con .mom .circle1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 2px 10px #00000038 inset; border-radius: 300px;}
#esg .sub_con .mom .circle2{position: absolute;top: 50%;left: 50%;width:85%;height:85%;transform: translate(-50%, -50%);border: 1px solid #C2C2C2;border-radius: 300px;}
#esg .sub_con .mom .circle3{position: absolute;top: 50%;left: 50%;width:60%;height:60%;transform: translate(-50%, -50%);box-shadow: 0px 3px 10px #00000026;border-radius: 200px;}
#esg .sub_con .mom .circle3 .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
#esg .sub_con .mom .circle3 .text b{font-size: var(--font-42);display: block;line-height: 45px; margin-bottom: 20px;}
#esg .sub_con .mom .circle3 .text p{font-size: var(--font-20);}
#esg .sub_con .mom .son{position: absolute;width: 100%;height: 100%;}
#esg .sub_con .mom .son li{width: 100%; position: absolute; display: flex; align-items: center; justify-content: space-between;}
#esg .sub_con .mom .son li:nth-child(2){top:5%;left: 75%;}
#esg .sub_con .mom .son li:nth-child(1){top:5%;right: 75%;}
#esg .sub_con .mom .son li:nth-child(4){bottom:5%;left: 75%;}
#esg .sub_con .mom .son li:nth-child(3){bottom:5%;right: 75%;}
#esg .sub_con .mom .son li:nth-child(1) .img_wrap{background:#1D2088;border-radius: 100px;}
#esg .sub_con .mom .son li:nth-child(2) .img_wrap{background:#2EA7E0;border-radius: 100px;}
#esg .sub_con .mom .son li:nth-child(3) .img_wrap{background: #2455AA;border-radius: 100px;}
#esg .sub_con .mom .son li:nth-child(4) .img_wrap{background: #2878C2;border-radius: 100px;}
#esg .sub_con .mom .son li:nth-child(2n - 1){flex-flow: row-reverse;}
#esg .sub_con .mom .son li:nth-child(2n - 1) .text{text-align: right;}
#esg .sub_con .mom .son li .img_wrap{width: 30%;height: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;}
#esg .sub_con .mom .son li .img_wrap img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#esg .sub_con .mom .son li .text{width:70%;padding: 0 20px;}
#esg .sub_con .mom .son li .text b{font-size: var(--font-30);display: block;margin-bottom: 15px;}
#esg .sub_con .mom .son li .text p{font-size: var(--font-20); line-height: 1.4;}
#esg .sub_con .mom .son li .text p.mo{display: none;}

@media screen and (max-width:1600px){
    #esg .sub_title::before,
    #esg .sub_title::after{width: 69px;height: 59px;}
    #esg .sub_con .mom{width: 40%;}
}
@media screen and (max-width:1400px){
    #esg .sub_title::before,
    #esg .sub_title::after{width: 49px;height: 39px;bottom: 150px;}
}
@media screen and (max-width:1300px){
    #esg .sub_con .mom .son li .text p.pc{display: none;}
    #esg .sub_con .mom .son li .text p.mo{display: block;}
}
@media screen and (max-width:1200px){
    #esg .sub_title::before,
    #esg .sub_title::after{bottom: 80px;}
    #esg .sub_con .mom{position: unset;width: 100%;height: fit-content;aspect-ratio: unset;}
    #esg .sub_con .mom .circle1,
    #esg .sub_con .mom .circle2,
    #esg .sub_con .mom .circle3{display: none;}
    #esg .sub_con>b{position: relative;top: 0;left: 0;}
    #esg .sub_con>b::after{content: "▼";position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);font-size: var(--font-20);}
    #esg .sub_title{padding: 100px 0 50px;}
    #esg .sub_con .mom .son{position: unset;width: 100%;}
    #esg .sub_con .mom .son li{position: unset;width: 100%;padding: 20px 0;border-bottom: 1px dashed #ddd;}
    #esg .sub_con .mom .son li:last-child{border-bottom: unset;}
    #esg .sub_con .mom .son li .img_wrap{width: 150px;}
    #esg .sub_con .mom .son li .text{width: calc(100% - 150px);}
}
@media screen and (max-width:1000px){
    #esg .sub_title::before,
    #esg .sub_title::after{display: none;}
}
@media screen and (max-width:800px){
    #esg .sub_con .mom .son li .img_wrap{width: 120px;}
    #esg .sub_con .mom .son li .text{width: calc(100% - 120px);}
    #esg .sub_con .mom .son li .img_wrap img{height: 45%;}
}
@media screen and (max-width:600px){
    #esg .sub_con>b{margin-bottom: 10px;}
    #esg .sub_con .mom .son li{flex-flow: row wrap !important;padding: 40px 0;}
    #esg .sub_con .mom .son li .img_wrap{width: 100px;margin: 0 auto 20px;}
    #esg .sub_con .mom .son li .text{width: 100%;text-align: center !important}
}





/* 윤리경영 */
#etical .sub_title{position: relative;top: 0;left: 0;z-index: 1;overflow: hidden;}
#etical .sub_title>p{font-weight: 600; font-size: var(--font-33); line-height: 1.4;}
#etical .sub_title p::before{content: "";position: absolute;right: 80px;top: -30px;background-image: url(/../../img/quotation_icon.png);background-repeat: no-repeat;background-size: contain;width: 89px;height: 79px;background-position: center;transform: rotate(180deg);z-index: -1;}
#etical .sub_title p::after{content: ""; position: absolute; left: 80px;top: -30px; background-image: url(/../../img/quotation_icon.png); background-repeat: no-repeat; background-size: contain; width: 89px;height: 79px; background-position: center;z-index: -1; }
#etical .sub_title>span{color: #7A7A7A; font-size: var(--font-20); font-weight: 400;margin-top: 40px;}
#etical .sub_title>span span.mb{margin-top: 0;}
.sub_page .sub_title span.mo_tit{display: none;}
#etical .sub_con{}
#etical .sub_con .imgBox{position: relative; display: flex; gap: 40px;}
#etical .sub_con .imgBox .pc_img{position: relative; width: 50%;}
#etical .sub_con .imgBox .pc_img img{max-width: 100%;}
#etical .sub_con .imgBox .txtBox{display: flex; flex-direction: column; justify-content: space-between;}
#etical .sub_con .imgBox .txtBox li {list-style: none; flex: 1; display: flex; align-items: center;}
#etical .sub_con .imgBox .txtBox li .iconBox img{display: none;}
#etical .sub_con .imgBox .txtBox li .tit h3{font-size: var(--font-30); font-weight: 600; color: #000; margin-bottom: 20px;}
#etical .sub_con .imgBox .txtBox li .tit p{font-size: var(--font-20); font-weight: 400; color: #000;}


@media screen and (max-width:1600px){
    #etical .sub_title p::before,
    #etical .sub_title p::after{width: 69px;height: 59px;}
}
@media screen and (max-width:1400px){
    #etical .sub_title p::before{right: 100px;}
    #etical .sub_title p::after{left: 100px;}
}
@media screen and (max-width:1300px){
    #etical .sub_title p::before,
    #etical .sub_title p::after{width: 59px;height: 49px;}
    #etical .sub_title p::before{right: 80px;}
    #etical .sub_title p::after{left: 80px;}
}
@media screen and (max-width:1100px){
    #etical .sub_title p::before,
    #etical .sub_title p::after{display: none;}
}
@media screen and (max-width:1024px){   
    #etical .sub_con .imgBox{gap: 0; display: block;}
    #etical .sub_con .imgBox .pc_img{display: none;}
    #etical .sub_con .imgBox .txtBox{width: 100%; gap: 60px;}
    #etical .sub_con .imgBox .txtBox li{gap: 40px;}
    #etical .sub_con .imgBox .txtBox li .iconBox{width:100px; height: auto; aspect-ratio: auto 1 / 1; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
    #etical .sub_con .imgBox .txtBox li .iconBox img{display: block; width: 60%;}
    #etical .sub_con .imgBox .txtBox li:nth-child(1) .iconBox{background:#2EA7E0;}    
    #etical .sub_con .imgBox .txtBox li:nth-child(2) .iconBox{background:#2878C2;}    
    #etical .sub_con .imgBox .txtBox li:nth-child(3) .iconBox{background:#2455AA;}    
    #etical .sub_con .imgBox .txtBox li:nth-child(4) .iconBox{background:#1D2088;}    
}
@media screen and (max-width:800px){
    #etical .sub_title>p br{display: none;}
    #etical .sub_title>span.pc_tit br{display: none;}
    #etical .sub_title>span span.mb{display: block; margin-top: 0;}
    #etical .sub_con .imgBox .txtBox{gap: 40px;}      
    #etical .sub_con .imgBox .txtBox li{gap: 25px;}
    #etical .sub_con .imgBox .txtBox li .tit h3{margin-bottom: 15px;}
}
@media screen and (max-width:600px){   
    #etical .sub_title>p{word-break: break-all;}    
    #etical .sub_con .imgBox .txtBox li{flex-direction: column; align-items: center; padding-bottom: 40px; border-bottom: 1px dashed #d9d9d9; gap: 20px;}
    #etical .sub_con .imgBox .txtBox li:last-child{border-bottom: 0;}
    #etical .sub_con .imgBox .txtBox li .tit{text-align: center;}
    #etical .sub_con .imgBox .txtBox li .tit p {line-height: 1.4;}
    #etical .sub_con .imgBox .txtBox li .tit p span.mb{display: block;}
}
@media screen and (max-width:500px){
    .sub_page .sub_title span.pc_tit{display: none;}
    .sub_page .sub_title span.mo_tit{display: block; line-height: 1.4;}
    #etical .sub_con .imgBox .txtBox li{flex-direction: column; align-items: center; padding-bottom: 40px; border-bottom: 1px dashed #d9d9d9; gap: 20px;}
    #etical .sub_con .imgBox .txtBox li:last-child{border-bottom: 0;}
    #etical .sub_con .imgBox .txtBox li .tit{text-align: center;}
    #etical .sub_con .imgBox .txtBox li .tit p {line-height: 1.4;}
    #etical .sub_con .imgBox .txtBox li .tit p span.mb{display: block;}
}




/* 처리결과 */
#inquiry_result{position: relative;}
#inquiry_result .sub_title span{font-size: var(--font-20); font-weight: 400; color: #7A7A7A; margin-top: 20px;}
#inquiry_result form{background: #F5F5F5; width: 100%; border-radius: 10px; padding: 100px;}
#inquiry_result form .formBox{max-width: 760px; margin: 0 auto;}
#inquiry_result form .formBox li{display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px;}
#inquiry_result form .formBox li label{font-size: var(--font-20); font-weight: 500; color: #000; margin-bottom: 0;}
#inquiry_result form .formBox li input{height: 50px; line-height: 50px; background: #fff; border: 1px solid #e9e9e9; border-radius: 5px; padding: 0 15px;font-size: var(--font-20); color: #000; font-weight: 500;} 
#inquiry_result form .formBox li input:focus{border: 1px solid var(--color1);}
#inquiry_result form .formBox li input::placeholder{color: #9f9f9f; font-weight: 400;}
#inquiry_result form .formBox p{font-size: var(--font-16); font-weight: 500; color: #7a7a7a;word-break: break-all;}
#inquiry_result form .formBox .inquiry_btn{margin-top:80px;}
#inquiry_result form .formBox .inquiry_btn button{width: 100%; height: 70px; border-radius: 5px; background: #130961 !important; font-size: var(--font-28); font-weight: 600; color: #fff;}

#result_page{background: #fff;}
#result_page .result_Box{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;background: #F5F5F5; width: 100%; border-radius: 10px; padding: 100px;}
#result_page .result_Box h2{font-size: var(--font-30); font-weight: 600; color: #000; margin-bottom: 40px;}
#result_page .result_Box p{font-size: var(--font-20); font-weight: 600; color: var(--color2); text-align: center; margin-bottom: 15px;}
#result_page .result_Box p:last-child{margin-bottom:0;}
#result_page .result_Box p span{display: block; font-weight: 500;color: #000; padding-bottom: 5px;}
#result_page .result_Box>.popup_close{position: absolute;top: 0;right: 0;height:auto;width: 40px;aspect-ratio: auto 1 / 1;cursor: pointer;}
#result_page .result_Box>.popup_close::after{width: 2px;height:50%;content:"";display: block;background: #000;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
#result_page .result_Box>.popup_close::before{width: 2px;height:50%;content:"";display: block;background: #000;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
@media all and (max-width:1200px){
    #inquiry_result form{padding: 60px;} 
    #result_page .result_Box{padding: 60px;}
}
@media all and (max-width:1024px){
    #inquiry_result form .formBox{max-width: 100%;}
    #inquiry_result form .formBox li{margin-bottom: 10px;}
}
@media all and (max-width:768px){
    #inquiry_result form{padding: 40px;} 
    #inquiry_result form .formBox li input{height: 45px; line-height: 45px;}
    #inquiry_result form .formBox .inquiry_btn{margin-top:40px;}
    #inquiry_result form .formBox .inquiry_btn button{height: 60px;}
    #result_page .result_Box{padding: 40px;}
}
@media all and (max-width:600px){
    #inquiry_result form{padding: 40px 20px;} 
    #result_page .result_Box{padding: 40px 20px;}
}
@media all and (max-width:440px){ 
    #inquiry_result form .formBox p{font-size: 14px;}
    #inquiry_result form .formBox .inquiry_btn{margin-top:30px;}
    #inquiry_result form .formBox .inquiry_btn button{height:50px;}
}






/* salesnetwork */
#salesnetwork .sub_con{background: url('/img/salesnetwork_img01.png') no-repeat 30% 0; padding: 50px 0;}
#salesnetwork .map{display: flex; justify-content: space-between; align-items: center; gap: 60px;}
#salesnetwork .map li{list-style: none; text-align: left; margin-bottom: 100px; background: #fff; border-radius: 10px;}
#salesnetwork .map li:last-child{margin-bottom: 0;}
#salesnetwork .map li .main_tit{font-size: var(--main_tit); font-weight: 600; color: #000; margin-bottom: 30px;}
#salesnetwork .map li>p{font-size: var(--sub_tit); font-weight: 500; color: #000; display: flex; margin-bottom: 10px;}
#salesnetwork .map li>p:last-child{margin-bottom: 0;}
#salesnetwork .map li>p span{color: var(--color1); width: 100px; font-weight: 600;} 
@media all and (max-width:1400px){
    #salesnetwork .map li{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); padding:20px;}
    #salesnetwork .map li .main_tit{margin-bottom: 20px;}
}
@media all and (max-width:800px){
    #salesnetwork .sub_con{background-position: center; background-size: 100%; padding: 0;}
    #salesnetwork .map{flex-direction: column;}
    #salesnetwork .map>div{width: 100%;}
    #salesnetwork .map li{margin-bottom: 60px;}
    #salesnetwork .map li>p{flex-direction: column; gap: 5px;}
}
@media all and (max-width:600px){  
    #salesnetwork .sub_con{background: none;}
    #salesnetwork .map{gap: 40px;}
    #salesnetwork .map li{margin-bottom: 40px;}    
}
@media all and (max-width:500px){  
    #salesnetwork .map{gap: 40px;}    
}



/* 개인정보처리방침 시작 */
#privacy{padding-top: 200px;}
#privacy>b{font-size: var(--font-24);}
#privacy>p{font-size: var(--font-20);margin: 20px 0 50px;}
#privacy>p.list_style{position: relative;top: 0;left: 0;padding-left: 20px;}
#privacy>p.list_style::after{content: "";position: absolute; width: 5px;height: 5px;border-radius: 5px;background: #000;top: 11px;left: 8px;}
#privacy>ul{}
#privacy>ul li{margin-bottom: 50px;}
#privacy>ul li b{font-size: var(--font-20);margin-bottom: 10px;display: block;}
#privacy>ul li p{font-size: var(--font-18);margin-bottom: 20px;}
#privacy>ul li p.list_style{position: relative;top: 0;left: 0;padding-left: 20px;display: flex;align-items: flex-start;margin-bottom: 0;}
#privacy>ul li p.list_style::after{content: "";position: absolute; width: 5px;height: 5px;border-radius: 5px;background: #000;top: 11px;left: 8px;}
#privacy>ul li p.list_style span{margin-right: 5px;}
#privacy>ul li p.bold{font-weight: bold;}
@media screen and (max-width:800px){
    #privacy>ul li p.list_style{flex-flow: row wrap;margin-bottom: 10px;}
    #privacy>ul li p.list_style span{margin-right: 0;width: 100%;}
}

@media screen and (max-width:1200px){
    #privacy{padding-top: 150px;}
}
/* 끝 시작 */