@charset "utf-8";

/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
 

.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a,a:hover,a:focus {color: inherit;text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{max-width: 100%;border:0; display:block;}
#bo_v img {display: inline-block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;font-family: var(--font-Pretendard);font-size: inherit;}
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;}
.blind {width: 1px;height: 1px;overflow: hidden;position: absolute;top: 50%;left: 50%;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;z-index: -1;}
.line-br {display: block;}
.btn:focus {outline: none;box-shadow: none !important;}

:root {
    --font-Pretendard: "Pretendard Variable", sans-serif;
    --font-Nanumbrush: "Nanum Brush Script";
    --color-blue: #007bbb;
    --color-red: #e71f10;
}
 
html {scroll-behavior: smooth;overflow-x: hidden;}
body {overflow-x:hidden;}
html, body {font-size: 20px;font-family: var(--font-Pretendard) !important;line-height: 1.5;word-break: keep-all;word-wrap: break-word;color:#000;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;} 
@media all and (max-width: 1024px) { 
    html, body { font-size: 18px; } 
}



/* scroll Bar */
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-thumb {background-color: var(--color-blue);}
body::-webkit-scrollbar-track {background-color: #f9f9f9;}


/* 공통 css 시작*/
.cinner {max-width: 1600px;margin: 0 auto;position: relative;}
@media all and (max-width: 1699px){
    .cinner {margin: 0 50px;}
}
@media all and (max-width: 1399px){
    .cinner {margin: 0 30px;}
}
@media all and (max-width: 640px){
    .cinner {margin: 0 20px;}
}
/* 공통 css 끝 */



/* header 시작 */
#header {width: 100%;height: 100px;box-sizing: border-box;transition: .35s;position: fixed;left: 0;top: 0;z-index: 1000;}
#header.hide {display: none;}
#header:hover{background: #fff;}
#header.nav-down{background:#fff;}
#header.nav-up {top: -100px;background:#fff;}
@media all and (max-width:1100px){
    #header.nav-up {top: -80px;}
}
@media all and (max-width:640px){
    #header.nav-up {top: -70px;}
}

.header__nav {height: 100%;}
.header__nav .nav {display: block;height: 100%;}
.header__nav .cinner {display: flex;justify-content: space-between;align-items: center;height: 100%;margin: 0 65px;max-width: 100%;}
.header__nav .header__logo a img {max-width: 100%;}
#main-nav {display: flex;align-items: center;gap: 0 50px;height: 100%;}
.main-nav__depth1 {height: 100%;}
.main-nav__depth1 .mn-ul1 {display: flex;gap: 0 50px;height: 100%;transition: 0.7s;padding:0 20px}
.main-nav__depth1 .mn-ul1.atv,
.main-nav__depth1 .mn-ul1:hover{gap: 0 70px;}
.main-nav__depth1 .mn-li1 {position: relative;}
/* .main-nav__depth1 .mn-li1.on .mn-a1{text-decoration: underline;} */

/* 20250819 네비에 검색창,아이콘 추가 */
.main-nav__depth1 .mn-a1 {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #000;font-size:1.1em;font-weight: 600;text-align: center;transition: .35s;}
.main-nav__depth1 .mn-li1 .mn-a1 .mn-s1 {position: relative;display: inline-block;white-space: nowrap;}
.main-nav__depth1 .mn-li1 .mn-a1 .mn-s1::before {content: "";position: absolute;left: 0;bottom: -5px;height: 3px;width: 100%;background: #333;transform: scaleX(0);transform-origin: left center;transition: transform .28s ease;will-change: transform;}
.main-nav__depth1 .mn-li1:hover .mn-a1 .mn-s1::before,
.main-nav__depth1 .mn-li1.on .mn-a1 .mn-s1::before {transform: scaleX(1);}
.hd_icon_btn {display:flex; gap:10px;    align-items: center;}
.hd_icon_btn .utube_img {background:url(../img/youtube_top.png) center center / cover no-repeat; width:33px; height:33px; }
.hd_icon_btn .link_img {background:url(../img/linkedin_top.png) center center / cover no-repeat; width:33px; height:33px;}
.header__btn .searchbox{position:relative; display:inline-flex; align-items:center;}
.header__btn .searchbox__btn{background:none; border:0; padding:0; cursor:pointer; line-height:0;}
.header__btn .searchbox__btn img{display:block; width:22px; height:22px;filter: brightness(0) invert(0);}
.header__btn .searchbox__form{position:absolute; right:0; top:50%; transform:translateY(-50%);display:flex; align-items:center; gap:8px;width:0; opacity:0; pointer-events:none;padding:6px 8px;background:#fff; border:1px solid #ddd; border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.08);transition:width .25s ease, opacity .2s ease;white-space:nowrap;}
.header__btn .searchbox.is-open .searchbox__form{width:250px; opacity:1; pointer-events:auto;}
.header__btn .searchbox__input{flex:1; min-width:0; border:0; outline:0; font-size:.8em;background:transparent;}
.header__btn .searchbox__submit{border:0; background:#111; color:#fff;  border-radius:50%;; cursor:pointer;width:30px; height:30px; }
.header__btn .searchbox__submit img {filter: brightness(0) invert(1);}

@media(max-width:768px){
    .hd_icon_btn {display:none}
    .header__btn .searchbox__btn img {width:30px; height:30px;}
    .header__btn .searchbox.is-open .searchbox__form {position: fixed;top: 80px;width: 90%;box-sizing: border-box;left: 50%;transform: translateX(-50%);}
}



.main-nav__depth2 {display: none;min-width: 162px;width: 140%;padding-top: 1px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: 100;text-align: center;}
.main-nav__depth2 .mn-ul2 {width: 100%;}
.main-nav__depth2 .mn-a2 {display: block;width: 100%;padding: 16px 20px;box-sizing: border-box;background: var(--color-blue);color: #fff;font-size: 17px;font-weight: 500;transition: .35s;position: relative;}
.main-nav__depth2 .mn-a2:hover {text-decoration: underline;text-underline-offset: 6px;}
.main-nav__depth2 .mn-a2.sub-icon::after {content: '';display: block;width: 7px;height: 7px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-135deg);position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;}
.main-nav__depth3 {display: none;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 100%;z-index: 101;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.main-nav__depth3 .mn-a3 {display: block;width: 160px;padding: 10px 0;color: rgba(255,255,255,.5);font-size: .90em;text-align: center;}
.main-nav__depth3 .mn-a3:hover {color: #fff;}
.header__nav .header__btn{display: flex; align-items: center;gap: 30px;height: 100%;}
.header__nav .header__btn .language{position: relative;height: 100%;}
.header__nav .header__btn .language .language__btn{display: flex;align-items:center;gap:10px;background: transparent;padding:0;cursor: pointer;height: 100%;}
.header__nav .header__btn .language .language__btn img{width:25px;}
.header__nav .header__btn .language .language__btn p{font-size: 18px;font-weight: 500;}
.header__nav .header__btn .language__list{background:rgba(0,0,0,0.15);color: #fff !important;list-style: none;padding: 0;display: none;position: absolute;top: 100%;left: 0;z-index:1000;width: 100%;margin:0;min-width:70px}
.header__nav .header__btn .language__list li{padding:8px 10px; text-align: center;}
.header__nav .header__btn .language__list li a{ text-decoration: none; font-size: 16px;}
.header__nav .header__btn .language__list li a span{color: #fff;}
.header__nav .header__btn .language__list li a:hover span{color: var(--color-blue) !important;}
.header__nav .header__btn .language:hover .language__list{display: block;}
.header__nav .header__btn .language__btn img{transform: rotate(360deg); transition: transform 0.3s;}
.header__nav .header__btn .language:hover .language__btn img{transform: rotate(180deg); transition: transform 0.3s;}
.header__nav .nav__btn a {display: block;width: 24px;aspect-ratio: 1 / 1;background: url(../img/ico-menu.png) center center / cover no-repeat;}




@media all and (max-width:1800px){
    .header__nav .header__btn .language li{padding: 5px 10px !important;}
}
@media all and (max-width: 1499px){
    .header__nav .cinner {margin: 0 50px;}
    /* .header__nav .header__btn{gap: 100px;} */
}
@media all and (max-width: 1399px){
    .header__nav .cinner {margin: 0 30px;}
    .main-nav__depth1 .mn-ul1 {gap: 0 50px;}
    .main-nav__depth1 .mn-ul1.atv,
    .main-nav__depth1 .mn-ul1:hover{gap: 0 70px;}
}
@media all and (max-width: 1199px){
    #main-nav {gap: 0 30px;}
    /* .header__nav .header__btn{gap: 50px;} */
    .main-nav__depth1 .mn-ul1 {gap: 0 30px;}
    .main-nav__depth1 .mn-ul1.atv,
    .main-nav__depth1 .mn-ul1:hover{gap: 0 50px;}
}
@media all and (max-width: 1100px){
    #header {height: 80px;}
    .header__nav .header__logo a img {max-width: 85%;}
    /* .header__nav .header__btn{gap: 30px;} */
    #main-nav {display: none;}
    .header__nav .header__btn .language{display: none;}
    .header__logo{width: calc(100% - 24px);text-align: center;}
    .header__logo a{}
    .header__logo a img{display: inline;}
}
@media all and (max-width: 640px){
    #header{height: 70px;}
    .header__nav .cinner {margin: 0 20px;}
    .header__nav .header__logo a img {max-width: 80%;}  
    .header__nav .header__btn{gap: 20px;}  
}
/* header 끝 */


/* pc head 마우스 hover 시작 */
    .con_style1{position: absolute; top: 99px; left: 0; width: 100%; background: #fff; padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 999;display:none}
    .con_style1 .wrap{width: calc(100% - 40px); max-width: 1530px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; column-gap: 35px;}
    .con_style1 .wrap .left{width: 29%;max-width:430px;}
    .con_style1 .wrap .left b{font-size: 40px; font-weight: 600; display: block; line-height: 40px;}
    .con_style1 .wrap .left span{font-size: 18px; line-height: 25px; display: block;margin-bottom: 40px;margin-top: 30px;}
    .con_style1 .wrap .left .img_wrap{width: 100%;height: auto;aspect-ratio: auto 2.6 / 1;background-repeat: no-repeat; background-position: center; background-size: cover;}
    .dep1_con,
    .dep4_con,
    .dep5_con{padding: 50px 0;}
    .dep1_con .wrap .left .img_wrap{ background-image: url("../img/dep1_bg.png");}
    .dep2_con .wrap .left .img_wrap{ background-image: url("../img/dep2_bg.png");}
    .dep3_con .wrap .left .img_wrap{ background-image: url("../img/dep3_bg.png");}
    .dep4_con .wrap .left .img_wrap{ background-image: url("../img/dep4_bg.png");}
    .dep5_con .wrap .left .img_wrap{ background-image: url("../img/dep5_bg.png");}
    .con_style1 .wrap .right{width: 71%;}
    .con_style1 .wrap .right ul{display: flex; align-items: center; column-gap: 20px; flex-flow: row wrap; row-gap: 20px;}
    .dep5_con .wrap .right ul{align-items:flex-start}
    .con_style1 .wrap .right ul li{width: calc(25% - 15px); border:2px solid #eee; border-radius: 10px;opacity: 0.5;cursor: pointer;transition: 0.5s;}
    .dep1_con .wrap .right ul li{padding: 56px 25px;}
    .dep2_con .wrap .right ul li{padding: 20px 25px;}
    .dep3_con .wrap .right ul li{padding: 20px 25px;width: calc(33.333333% - 14px);}
    .dep4_con .wrap .right ul li{padding: 56px 25px;width: calc(33.333333% - 14px);}
    .dep3_con .wrap .right,
    .dep4_con .wrap .right{padding-right: 17%;}
    .dep2_con .wrap .right ul li.no_li{cursor: context-menu; background-image: url("../img/no_li.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 100%; border: 2px solid #eee !important; opacity: 0.5 !important;}
    .dep2_con .wrap .right ul li.no_li .title{opacity: 0;cursor: context-menu;}
    .dep2_con .wrap .right ul li.no_li p{opacity: 0;cursor: context-menu;}
    .dep2_con .wrap .right ul li.no_li img{opacity: 0;cursor: context-menu;}
    .dep5_con .wrap .right ul li{padding: 56px 25px;}
    .con_style1 .wrap .right ul li .title{display: block;position: relative;top:0;left: 0; border-bottom: 1px solid #aaa; margin-bottom: 10px; padding-bottom: 10px;}
    .con_style1 .wrap .right ul li .title b{font-size:calc(20px + 2px);padding: 0 5px;display: block;margin: 0 auto;width: fit-content;min-width: 80%;text-align: center;}
    .con_style1 .wrap .right ul li .title .img{height: 20px;width: 20px; position: absolute;top:50%;right: 0;transform: translateY(-50%);display: none;}/* 20250527 업체측 화살표 제거 요청 */
    .con_style1 .wrap .right ul li .title .img::before{ content: ""; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.3;background-repeat: no-repeat; background-position: center; background-size: 35%; background-image: url("../img/arrow_right.png");z-index: 2;}
    .con_style1 .wrap .right ul li .title .img::after{content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 50px; border: 1px solid #ddd; background: #eee; z-index: 1;opacity: 0;}
    .con_style1 .wrap .right ul li p{font-size: 16px; text-align: center; line-height: 20px;display: block; min-height: calc(20px * 4);}
    .con_style1 .wrap .right ul li img{width: 60%;margin: 0 auto;}
    .con_style1 .wrap .right ul li:hover{opacity:1;border:2px solid #000;}
    /* .con_style1 .wrap .right ul li:hover .title{border:unset} */
    .con_style1 .wrap .right ul li:hover .title b{background:#000;color:#fff}
    .con_style1 .wrap .right ul li:hover .title .img::after{opacity: 1;}
    @media screen and (max-width:1531px){
        .con_style1 .wrap .right ul li .title b{font-size:20px;}
        .con_style1 .wrap .right ul li p{min-height: calc(20px * 5);}
    }
    @media screen and (max-width:1470px){
        .con_style1 .wrap .left{width: 25%;}
        .con_style1 .wrap .right{width: 75%;}
    }
    @media screen and (max-width:1390px){
        .con_style1 .wrap{flex-flow: column;}
        .dep1_con,
        .dep4_con,
        .dep5_con{padding: 20px 0;}
        .con_style1 .wrap .left,
        .con_style1 .wrap .right{width: 100%;max-width:unset;}
        .con_style1 .wrap .left{padding-right: 50%;position: relative;top:0;left:0;margin-bottom: 40px;}
        .con_style1 .wrap .left .img_wrap{position: absolute; bottom: 0; right: 0; width: auto;height: 110px;}
        .con_style1 .wrap .left span{margin-bottom: 0;}
        .con_style1 .wrap .right ul li{padding: 30px 20px;}
        .con_style1 .wrap .right ul li p{min-height: calc(20px * 4);}
        .dep3_con .wrap .right,
        .dep4_con .wrap .right{padding-right: 0%;}
        .dep3_con .wrap .right ul li,
        .dep4_con .wrap .right ul li{width: calc(25% - 15px);}
    }
    @media screen and (max-width:1100px){
        .dep1_con{display: none !important;}
        .dep2_con{display: none !important;}
        .dep3_con{display: none !important;}
        .dep4_con{display: none !important;}
        .dep5_con{display: none !important;}
    }
/* pc head 마우스 hover 끝 */


/* tail 시작 */
#footer{position: relative;}
.footer__recommend{height: 100vh;background: #f1f1f1;display: flex;align-items: center;}
.footer__recommend .inner{max-width: 1770px; margin-left: auto;display: flex;align-items: center;gap: 60px;}
.footer__recommend .recommend_tit{width: 600px;position: relative;}
.footer__recommend .recommend_tit p{font-size: 1.25em;font-weight: 500;line-height:1.2;margin-bottom:30px;word-break: keep-all;}
.footer__recommend .recommend_tit h3{font-size: 1.80em;font-weight: 600;line-height:1.3;word-break: keep-all;}
.recommend_tit .recommend_arrow{display: flex;justify-content:center;align-items: center;gap:100px;width: 100%;margin-top: 100px;}
.recommend_tit .recommend_arrow .swiper-button-next,
.recommend_tit .recommend_arrow .swiper-button-prev{position: unset;font-size:1.20em;font-weight: 600;color: #000;width: auto;height: auto;display: block;margin-top: 0;}
.recommend_tit .recommend_arrow .swiper-button-next::after,
.recommend_tit .recommend_arrow .swiper-button-prev::after{display: none;}

.recommend_slide {width: calc(100% - 660px); height: 100%;padding-bottom: 50px !important;}
.recommend_slide .swiper-slide {text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: end;}
.recommend_slide .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.recommend_slide .swiper-slide:hover .slide_Box{transform: translateY(50px);}

.recommend_slide .slide_Box{position: relative;overflow: hidden;transition: .3s ease-in;border: 1px solid #000;}
.recommend_slide .slide_Box::before{display:flex;content: 'View More';position: absolute;left: 0;top: 0;z-index: 100;width: 100%;height: 100%;font-size: 1.50em;font-weight: 600;color: #fff;justify-content: center;align-items: center;background: var(--color-blue);opacity: 0;transition:opacity 0.3s;}
.recommend_slide .slide_Box:hover{color: #000;border-radius: 500px;border: 1px solid var(--color-blue);}
.recommend_slide .slide_Box:hover::before{opacity: 0.9;}
.recommend_slide .slide_Box .slide_img{box-sizing: border-box;overflow: hidden;}
.recommend_slide .slide_Box:hover .slide_img{}
.recommend_slide .slide_tit{display: flex;justify-content:center;align-items:end;width: 100%; height: 100%;padding-bottom: 20px;position: absolute;left: 0;bottom: 0;}
.recommend_slide .slide_tit:hover,
.recommend_slide .slide_tit:focus{color: #000;}
.recommend_slide .slide_tit p{font-size: 1.40em;}
.recommend_slide .slide2 .slide_tit p,
.recommend_slide .slide3 .slide_tit p,
.recommend_slide .slide4 .slide_tit p{color: #fff; font-weight: 600;
    text-shadow:
    -3px -3px 0 black,
    -3px -2px 0 black,
    -3px -1px 0 black,
    -3px  0px 0 black,
    -3px  1px 0 black,
    -3px  2px 0 black,
    -3px  3px 0 black,

    -2px -3px 0 black,
    -2px  3px 0 black,
    -1px -3px 0 black,
    -1px  3px 0 black,
    0px -3px 0 black,
    0px  3px 0 black,
    1px -3px 0 black,
    1px  3px 0 black,
    2px -3px 0 black,
    2px  3px 0 black,

    3px -3px 0 black,
    3px -2px 0 black,
    3px -1px 0 black,
    3px  0px 0 black,
    3px  1px 0 black,
    3px  2px 0 black,
    3px  3px 0 black;
}
@media all and (max-width:1800px){
    .footer__recommend .inner{margin-left: 100px;}
}
@media all and (max-width:1600px){
    .footer__recommend{height: 100%;padding: 100px 0;}
    .footer__recommend .inner{margin-left:0;margin:0 auto;flex-direction: column;height: auto;max-width: 100%;}
    .footer__recommend .recommend_tit{width:100%;text-align: center;}
    .recommend_slide{width:130%;left: 50%;transform: translateX(-50%);}
    .recommend_tit .recommend_arrow{margin-top: 40px;}
}
@media all and (max-width:1400px){
    .footer__recommend .recommend_tit p{margin-bottom: 20px;}
}

@media all and (max-width:1200px){
    .recommend_slide{width: 100%;margin-left: 50px !important;}
    .recommend_slide {padding-bottom: 30px !important;}
    .recommend_slide .swiper-slide:hover .slide_Box{transform: translateY(30px);}
}
@media all and (max-width:1024px){
    .recommend_slide .slide_tit{padding-bottom: 15px;}
    .recommend_slide .slide_tit p{font-size: 1.20em;}
    .recommend_slide .slide_Box::before{font-size: 1.30em;}
}
@media all and (max-width:768px){  
    .recommend_slide{margin-left: 0px !important;}
    .footer__recommend .inner{width: 90%;}
    .footer__recommend .recommend_tit h3{font-size: 1.60em;}
    .recommend_slide .slide_tit{padding-bottom: 10px;}
    .recommend_slide .slide_tit p{font-size: 1.10em;}
    .recommend_slide .slide_Box::before{font-size: 1.20em;}
    .recommend_slide {padding-bottom: 20px !important;}
    .recommend_slide .swiper-slide:hover .slide_Box{transform: translateY(20px);}
}
@media all and (max-width:640px){    
    .footer__recommend{padding: 60px 0;}  
    .footer__recommend .recommend_tit p{font-size: 1.10em;margin-bottom: 15px;}
    .footer__recommend .recommend_tit h3{font-size: 1.40em;}
    .recommend_tit .recommend_arrow{margin-top: 30px;}
    .recommend_tit .recommend_arrow .swiper-button-next, 
    .recommend_tit .recommend_arrow .swiper-button-prev{font-size: 1.10em;}
    .footer__recommend .inner{gap: 40px;}    
}
@media all and (max-width:500px){
    .footer__recommend .recommend_tit p{font-size: 1.00em;margin-bottom: 10px;}
    .footer__recommend .recommend_tit h3{font-size: 1.35em;}
    .recommend_tit .recommend_arrow{gap: 50px;}
    .recommend_tit .recommend_arrow .swiper-button-next, 
    .recommend_tit .recommend_arrow .swiper-button-prev{font-size: 1.00em;}
    .recommend_tit .recommend_arrow{margin-top: 20px;}
    .recommend_slide {padding-bottom: 10px !important;}
    .recommend_slide .swiper-slide:hover .slide_Box{transform: translateY(10px);}
}



.footer__bnr{}
.footer__bnr .informBox{height: 350px;position: relative;}
.footer__bnr .viewBox{clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.footer__bnr .imgBox{position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;background-size: cover !important;background: url('/local/en/theme/BS4-Basic/img/ft-bnr_bg.png') center no-repeat;}
.footer__bnr .footer__tit{text-align: center; color: #fff;width: 90%;margin: 0 auto;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.footer__bnr .footer__tit p{font-size:1.20em; font-weight: 400;margin-bottom: 30px;line-height: 1.2;word-break: keep-all;}
.footer__bnr .footer__tit h2{font-size: 1.75em; font-weight: 600;margin-bottom:35px;line-height: 1.3;word-break: keep-all;}
.footer__bnr .footer__tit a{font-size: 14px;font-weight: 600;color:#fff;display:inline-block;width: 130px;height: 40px;line-height: 40px;border: 1px solid #a1a1a1;background: #000;}
@media all and (max-width:1200px){
    .footer__bnr .footer__tit p{font-size:1.10em;}
    .footer__bnr .footer__tit h2{font-size: 1.50em;}
}
@media all and (max-width:1024px){
    .footer__bnr .footer__tit{width:auto; margin: 0 30px;}
}
@media all and (max-width:768px){
    .footer__bnr .imgBox{position: unset;}
    .footer__bnr .footer__tit h2 br{display: none;}
    .footer__bnr .footer__tit h2 span.mo{display: block; padding-bottom: 10px;}
}
@media all and (max-width:640px){
    .footer__bnr .informBox{height: 450px;}
    .footer__bnr .footer__tit{margin: 0 20px;}
    .footer__bnr .footer__tit h2{font-size: 1.30em;margin-bottom: 30px;}
}
@media all and (max-width:500px){
    .footer__bnr .informBox{height: 500px;}
}


.footer__inner{display: flex;flex-direction: column;max-width: 1520px;margin: 0 auto;gap: 30px 0;}
.footer__cont{padding:0;background: #000;height: 600px;}
.footer__cont .cinner{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}

.footer__items {display: flex;justify-content: space-between;align-items:start;height: 50%;gap: 0 40px;}
.footer__items:first-child{padding-top: 60px;}
.footer__items:last-child{align-items: center;height: auto;padding-bottom: 60px;}

.footer__viewmore{padding-top: 50px;}
.footer__viewmore ul{display: flex; gap: 200px;}
.footer__viewmore ul li{text-align: left;display: flex;flex-direction: column;justify-content: end;}
.footer__viewmore ul li h3{font-size: 1.80em; font-weight: 500; color: #fff; margin-bottom: 16px; line-height: 1;word-break: keep-all;}
.footer__viewmore ul li p{font-size: 16px; font-weight: 400; color: #858585; margin-bottom: 25px; word-break: keep-all;}
.footer__viewmore ul li a{font-size: 14px; font-weight: 600; color: #b8b7b7; text-align: center; width: 100px; height: 35px; line-height: 35px; border: 1px solid #737373; display: inline-block;}

.footer__links{display: flex;flex-direction: column;align-items: center;gap: 40px 0;}
.footer__links .footer__sns ul{display: flex;align-items: center;gap: 0 20px;}
.footer__links .footer__sns li{cursor: pointer;}
.footer__links .footer__popup ul {display: flex;justify-content: space-between;align-items: center;gap: 0 20px;}
.footer__links .footer__popup ul li{display: flex;justify-content: center; align-items: center; gap: 10px; width: 165px;height: 45px;border: 1px solid #626262;background: #313131;border-radius: 50px;transition: .3s ease-in;cursor: pointer;}
.footer__links .footer__popup ul li p{font-size: 14px;font-weight: 900; color: #9b9b9b;margin-bottom: 0;}
.footer__links .footer__popup ul li:first-child p{color: #fff;}
.footer__links .footer__popup ul li:hover{background: #fff;}
.footer__links .footer__popup ul li:hover p{color: #000;}

.footer__copy{margin-top: 16px;}
.footer__copy p{color: #707070;font-size: 14px;}

.footer__info {width: calc(100% - 375px);}
.footer__info > p {font-size: 12px;margin-bottom: 10px;font-weight: 600;text-align: right;}
.footer__info ul {display: flex;gap: 0 100px;}
.footer__info ul li {display: flex;flex-direction:column;justify-content: space-between;gap: 0;}
.footer__info ul li .tit {font-size:14px;font-weight: 600;color: #fff;}
.footer__info ul li .txt{font-size: 14px;font-weight: 900;color: #9b9b9b;}
.footer__info ul li .tel{font-size: 1.20em;font-weight: 900;color: #fff;}


@media all and (max-width: 1699px){
    .footer__viewmore ul{gap: 100px;} 
    .footer__info ul{gap:0 60px;}
}
@media all and (max-width: 1599px){
    .footer__items:last-child{gap: 0 60px;}
    .footer__info ul{gap:0 30px;}
}
@media all and (max-width: 1399px){   
    .footer__viewmore ul li h3{font-size: 1.60em;}
    .footer__info ul{flex-wrap: wrap;gap: 40px;}
}
@media all and (max-width: 1299px){
    .footer__viewmore ul{gap: 60px;}
    .footer__items{gap: 0 60px;}
    .footer__items:last-child{align-items: end;}
    .footer__info{width: calc(100% - 340px);}
}
@media all and (max-width: 1200px){
    .footer__cont{height: auto;}
    .footer__cont .cinner{gap: 100px 0;}
    .footer__items:first-child{justify-content:start;flex-direction: column-reverse;gap: 0;}
    .footer__items:last-child{justify-content:start;flex-direction: column;align-items:start;gap: 50px 0;}
    .footer__info{width: 100%;}
    .footer__info ul{gap: 20px 40px;}
    .footer__info ul li{gap: 5px;}
    .footer__links{flex-direction: row;gap: 0 40px;}
}
@media all and (max-width: 640px){
    .footer__cont .cinner{gap: 60px 0;}
    .footer__items:last-child{gap:40px 0;justify-content: center;}
    .footer__tit{text-align: center;width: 100%;}
    .footer__logo img{display: inline;}

    .footer__links{flex-direction: column;gap: 20px 0;}
    .footer__links,
    .footer__links .footer__popup{width: 100%;}
    .footer__links .footer__popup ul{width: 100%;justify-content: center;}
    .footer__links .footer__popup ul li{width: calc(100% / 3);}
    .footer__viewmore{width: 100%;padding-top: 40px;}
    .footer__viewmore ul{flex-direction: column; width: 100%;gap: 40px;}
    .footer__viewmore ul li{align-items: center;}
    .footer__viewmore ul li h3{font-size: 1.33em;}    
    .footer__info .info {flex-direction: column;justify-content: center;align-items: center;}
    .footer__info ul li{width: 100%;text-align: center;}
    .footer__info ul li .tel{font-size: 1.10em;}
}


@media all and (max-width:500px){
    .footer__links .footer__popup ul{flex-wrap: wrap;gap:15px;}
    .footer__links .footer__popup ul li{width: 150px;}
    .footer__viewmore ul li h3{font-size: 1.20em;}
    .footer__viewmore ul li p{text-align: center;}
}
/* tail 끝 */

/* 퀵 메뉴 시작 */
/* #top_btn {display: none;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.8);}
#top_btn:hover {border-color:var(--color-blue);background:var(--color-blue);color:#fff} */
#quick-menu {/* display: none; */position: fixed;top: 50%;right: 0;transform: translateY(-50%);z-index: 99999;}
#quick-menu ul {border-top-left-radius: 20px;overflow: hidden;background: #6FBE45;}
#quick-menu ul > li {}
#quick-menu ul > li > a {display: block;width: 100%;height: 100%;padding: 18px 26px;/* background: #6FBE45; */}
#quick-menu ul > li > a > .ico {max-width: 35px;margin: 0 auto 5px;}
#quick-menu ul > li > a > .txt {color: #fff;font-size: 14px;font-weight: 700;text-align: center;line-height: 1.2;}
#top-btn {position:fixed;right:50px; bottom:50px;z-index:10000;padding: 0;border-radius: 100px;box-shadow: 2px 3px 10px rgba(255,255,255,0.1);}
#top-btn img{}
@media all and (max-width: 1199px){
    #quick-menu ul > li > a {padding: 15px;}
}
@media all and (max-width: 1024px){
    #quick-menu ul {border-top-left-radius: 10px;}
    #quick-menu ul > li > a {padding: 10px;}
    #quick-menu ul > li > a > .ico {max-width: 30px;}
    #quick-menu ul > li > a > .txt {display: none;}
    #top-btn{width: 50px; height: auto; aspect-ratio:  1 / 1; right: 30px; bottom: 30px;}
}
@media all and (max-width: 1024px){
    #top-btn{width: 40px;right: 20px; bottom: 20px;}
}
/* 퀵 메뉴 끝 */




/* 메인페이지 시작 */





/* 서브페이지 공통 css 시작 */
.sub-page {margin:0;}
.sub-page .page-tit {margin-bottom: 140px;}
.sub-page .page-tit .tit {font-size: 3.0em;font-weight: 700;text-align: center;line-height: 1.2;}
.sub-page [class*=cont-box]:not(:last-child) {margin-bottom: 100px;}

@media all and (max-width: 1199px){
    .sub-page .page-tit {margin-bottom: 100px;}
}
@media all and (max-width: 1024px){
    .sub-page .page-tit {margin-bottom: 80px;}
    .sub-page [class*=cont-box]:not(:last-child) {margin-bottom: 80px;}
}
@media all and (max-width: 768px){
    .sub-page .page-tit .tit {font-size: 2.67em;}
}
@media all and (max-width: 640px){
    .sub-page .page-tit {margin-bottom: 60px;}
    .sub-page .page-tit .tit {font-size: 2.67em;}
}
/* 서브페이지 공통 css 끝 */



/* 회사소개 > CEO 인사말 (ceo.php) 시작 */
#ceo {padding-bottom: 120px;}
#ceo .page__contents {position: relative;}
#ceo .page__contents::before {content: 'LEADER LEADER LEADER LEADER LEADER';display: inline-block;height: 112%;color: #f2f2f2;font-size: 10em;font-weight: 700;line-height: 100%;writing-mode: vertical-rl;position: absolute;top: -70px;left: 0;overflow: hidden;white-space: nowrap;}
#ceo .page__contents::after {content: '';display: block;width: 100px;height: 112%;background: linear-gradient(180deg,#fff 20%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(180deg,#fff 20%, rgba(255,255,255,0) 100%);background: -moz-linear-gradient(180deg,#fff 20%, rgba(255,255,255,0) 100%);position: absolute;top: -70px;left: 100px;}
#ceo .cont-box {position: relative;z-index: 1;}
#ceo .cont-box .top-tit {margin-bottom: 60px;font-size: 2.0em;font-weight: 700;text-align: center;line-height: 1.5;}
#ceo .cont-box .ceo-pic {display: flex;justify-content: center;gap: 0 30px;margin-bottom: 120px;}
#ceo .cont-box .ceo-pic > li > .img-cont {margin-bottom: 10px;border-radius: 10px;overflow: hidden;transition: .35s ease-in-out;}
#ceo .cont-box .ceo-pic > li.on > .img-cont {border-radius: 130px;}
#ceo .cont-box .ceo-pic > li > .txt-cont > p {display: flex;justify-content: flex-end;align-items: center;gap: 0 10px;min-height: 81px;padding: 0 30px;font-size: 1.20em;font-weight: 700;text-align: right;}
#ceo .cont-box .ceo-pic > li > .txt-cont > p > span {font-family: var(--font-Nanumbrush);font-size: 2.25em;font-weight: 500;font-style: italic;}
#ceo .cont-box .ceo-pic > li > .txt-cont > p > span.sign {display: inline-block;max-width: 140px;}
#ceo .cont-box .ceo-txt {max-width: 946px;margin: 0 auto;}
#ceo .cont-box .ceo-txt > .tit {margin-bottom: 100px;font-size: 2.0em;font-weight: 700;text-align: center;}
#ceo .cont-box .ceo-txt > .txt:not(:last-child) {margin-bottom: 40px;}
#ceo .cont-box .ceo-txt > .txt > .tb {display: block;margin-bottom: 15px;font-size: 1.50em;font-weight: 700;}
#ceo .cont-box .ceo-txt > .txt > .ts {display: block;font-size: 1.10em;font-weight: 500;line-height: 1.7;}
#ceo .cont-box .ceo-txt > .txt > .ts:not(:last-child) {margin-bottom: 30px;}

@media all and (max-width: 1399px){
    #ceo .page__contents::before,
    #ceo .page__contents::after {opacity: .5;}
}
@media all and (max-width: 1199px){
    #ceo .page__contents::before,
    #ceo .page__contents::after {display: none;}
}
@media all and (max-width: 1024px){
    #ceo .cont-box .ceo-pic {gap: 0 20px;margin-bottom: 80px;}
    #ceo .cont-box .ceo-pic > li.on > .img-cont {border-radius: 80px;}
    #ceo .cont-box .ceo-txt > .tit {margin-bottom: 60px;font-size: 1.78em;}
    #ceo .cont-box .ceo-txt > .txt > .tb {font-size: 1.33em;}
    #ceo .cont-box .ceo-txt > .txt > .ts {font-size: 1.0em;}
    #ceo .cont-box .ceo-txt > .txt > .ts > .line-br {display: inline;}
}
@media all and (max-width: 640px){
    #ceo .cont-box .ceo-pic {flex-direction: column;gap: 30px 0;max-width: 440px;margin: 0 auto 60px;}
    #ceo .cont-box .ceo-pic > li > .txt-cont > p {text-align: center;}
}
/* 회사소개 > CEO 인사말 (ceo.php) 끝 */



/* 회사소개 > 연혁 (history.php) 시작 */
#history {margin-bottom: 200px;}
#history .cont-box .title {margin-bottom: 60px;text-align: center;}
#history .cont-box .title > .tit {margin-bottom: 10px;font-size: 2.0em;font-weight: 700;}
#history .cont-box .title > .txt {font-size: 18px;}
#history .cont-box .tab-nav {display: flex;justify-content: center;align-items: center;max-width: 1130px;width: 100%;height: 70px;margin: 0 auto;border-radius: 35px;background: #eaeaea;}
#history .cont-box .tab-nav.on {position: fixed;top: 30px;left: 0;right: 0;margin: auto;z-index: 10;}
#history .cont-box .tab-nav .btn-tab {padding: 3px 54px;border-radius: 22px;color: #000;font-size: 1.20em;font-weight: 700;}
#history .cont-box .tab-nav .btn-tab.active {background: var(--color-red);color: #fff;}
#history .cont-box .tab-cont .detail {width: 100%;}
#history .cont-box .tab-cont .detail .detail-layout {display: flex;justify-content: center;padding: 100px 0;}
#history .cont-box .tab-cont .detail .detail-layout.col2 {position: relative}
#history .cont-box .tab-cont .detail .detail-layout.col2::before,
#history .cont-box .tab-cont .detail .detail-layout.col2::after {content: '';display: block;background: #000;position: absolute;top: 100px;left: 0;right: 0;margin: auto;z-index: 0;transform: translateX(-50%);transition: 0.8s;}
#history .cont-box .tab-cont .detail .detail-layout.col2::before {width: 1px;height: 100%;}
#history .cont-box .tab-cont .detail .detail-layout.col2::after {width: 3px;height: 0;}
#history .cont-box .tab-cont .detail .detail-layout.col2 > div {width: 50%;}
#history .cont-box .tab-cont .detail .detail-title {display: flex;flex-direction: column;align-items: center;position: relative;}
#history .cont-box .tab-cont .detail .detail-title::before {content: '';display: block;width: 11px;height: 11px;border: 1px solid #000;border-radius: 50%;background: #fff;position: absolute;top: 30px;right: -10px;transform: translateX(-50%);z-index: 1;transition: .2s;}
#history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(1) .detail-title::before {top: 0;}
#history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {content: '';display: block;width: 12px;height: 12px;border: 1px solid #000;border-radius: 50%;background: #fff;position: absolute;bottom: -200px;right: 1px;transform: translateX(50%);z-index: 1;transition: .2s;}
#history .cont-box .tab-cont .detail .detail-title > .tit {width: 100%;margin-bottom: 90px;font-size: 3.0em;font-weight: 700;text-align: center;line-height: 1.0;}
#history .cont-box .tab-cont .detail .detail-title > .img-cont {position: relative;top: 50px;opacity: 0;transition: .35s;}
#history .cont-box .tab-cont .detail .detail-cont {padding: 0 100px;}
#history .cont-box .tab-cont .detail .detail-cont > .tit {margin-bottom: 50px;font-size: 1.80em;font-weight: 500;line-height: 1.3;position: relative;left: 50px;transition: .5s;opacity: 0;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li {font-size: 16px;position: relative;left: 50px;opacity: 0;transition: .35s;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li:not(:last-child) {margin-bottom: 30px;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li > .date {font-weight: 600;}
#history .cont-box .tab-cont .detail .detail-layout.last {flex-direction: column;}
#history .cont-box .tab-cont .detail .detail-layout.last > div {width: 100%;}
#history .cont-box .tab-cont .detail .detail-layout.on.last::before,
#history .cont-box .tab-cont .detail .detail-layout.on.last::after {display: none;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title {padding: 30px 0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .tit {margin-bottom: 0;line-height: 1.0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title::before {display: none;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .txt {width: 100%;margin-bottom: 30px;font-size: 1.20em;font-weight: 500;text-align: center;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont {padding: 0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .tit {text-align: center;left: auto;top: 30px;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts {font-size: 1.20em;text-align: center;position: relative;top: 30px;opacity: 0;transition: .35s;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts > .txt:not(:last-child) {margin-bottom: 20px;}
#history .cont-box .tab-cont .detail .detail-layout.on.col2::after {width: 3px;height: 100%;}
#history .cont-box .tab-cont .detail .detail-layout.on .detail-title > .tit {color: var(--color-blue);}
#history .cont-box .tab-cont .detail .detail-layout.on .detail-title::before,
#history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3).on .detail-title::after {background: #000;}
#history .cont-box .tab-cont .detail .detail-layout.on .detail-title > .img-cont {top: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-cont > .tit.active {left: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li.active {left: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-layout.last::before {display: none;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .tit {position: relative;top: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active > .tit {top: 0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active  > .txts {top: 0;opacity: 1;}

@media all and (max-width: 1199px){
    #history .cont-box .tab-nav.on {max-width: calc(100% - 60px);}
    #history .cont-box .tab-nav .btn-tab {padding: 3px 46px;font-size: 1.10em;}
    #history .cont-box .tab-cont .detail .detail-layout {padding: 70px 0;}
    #history .cont-box .tab-cont .detail .detail-title > .tit {margin-bottom: 50px;font-size: 2.80em;}
    #history .cont-box .tab-cont .detail .detail-cont > .tit {font-size: 1.6em;}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before, 
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {top: 70px;left: calc(30% + 50px);right: auto;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-title {width: 30%;padding: 0;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {width: 70%;padding: 6px 0 0 100px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {bottom: -150px;right: -50px;}
    #history .cont-box .tab-cont .detail .detail-title::before {right: -60px;}
    #history .cont-box .tab-cont .detail .detail-layout.last {flex-direction: row;} 
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title::before {right: auto;left: 33.8%;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .tit {margin-bottom: 20px;text-align: left;left: 50px;top: auto;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts {font-size: 18px;text-align: left;top: auto;left: 50px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active > .tit,
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active > .txts {left: 0;}
}
@media all and (max-width: 1024px){
    #history .cont-box .tab-nav {height: 60px;}
    #history .cont-box .tab-nav .btn-tab {padding: 3px 37px;font-size: 1.0em;}
    #history .cont-box .tab-cont .detail .detail-layout {padding: 50px 0;}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before, 
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {top: 50px;left: calc(30% + 45px);}
    #history .cont-box .tab-cont .detail .detail-title::before {top: 10px;right: -56px;}
    #history .cont-box .tab-cont .detail .detail-title > .tit {margin-bottom: 20px;font-size: 2.50em;}
    #history .cont-box .tab-cont .detail .detail-cont > .tit {margin-bottom: 20px;font-size: 1.44em;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {padding: 6px 0 0 90px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {bottom: -110px;right: -45px;}
}
@media all and (max-width: 768px){
    #history .cont-box .tab-nav {flex-wrap: wrap;gap: 5px 10px;height: auto;padding: 10px 30px;border-radius: 45px;}
    #history .cont-box .tab-nav.on {top: 20px;}
    #history .cont-box .tab-nav .btn-tab {width: calc(50% - 5px);}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before,
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {top: 50px;left: calc(30% + 35px);}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {padding: 0 0 0 70px;}
    #history .cont-box .tab-cont .detail .detail-title::before {right: -46px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {right: -35px;}
    #history .cont-box .tab-cont .detail .detail-cont > ul > li:not(:last-child) {margin-bottom: 20px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts > .txt> .line-br {display: inline;}
}
@media all and (max-width: 640px){
    #history .cont-box .tab-nav.on {max-width: calc(100% - 40px);padding: 10px 20px;border-radius: 20px;}
    #history .cont-box .tab-nav .btn-tab {font-size: 16px;padding: 5px 12px;}
    #history .cont-box .tab-cont .detail .detail-layout {flex-direction: column;padding: 50px 0 50px 30px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before, 
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {left: 0;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-title {width: 100%;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {width: 100%;padding: 0;}
    #history .cont-box .tab-cont .detail .detail-title::before {right: auto;left: -30px;} 
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {display: none;}
    #history .cont-box .tab-cont .detail .detail-title > .tit {font-size: 1.78em;text-align: left;}
    #history .cont-box .tab-cont .detail .detail-title > .img-cont {display: none;}
    #history .cont-box .tab-cont .detail .detail-cont > .tit {font-size: 1.22em;}
    #history .cont-box .tab-cont .detail .detail-layout.last {flex-direction: column;} 
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title::before {display: block;top: 0;left: -30px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .tit {font-size: 1.56em;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .txt {margin-bottom: 20px;font-size: 1.0em;text-align: left;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .tit {margin-bottom: 10px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts {font-size: 16px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts > .txt:not(:last-child) {margin-bottom: 10px;}
}
@media all and (max-width: 480px){
    #history .cont-box .tab-nav .btn-tab {font-size: 14px;}
}
/* 회사소개 > 연혁 (history.php) 끝 */


/* 회사소개 > 사업장 안내 > 오시는 길 (location.php) 시작 */
#location {margin-bottom: 120px;}
#location .cont-box .tit-cont {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding: 0 30px;}
#location .cont-box .tit-cont > .left-box > .tit {margin-bottom: 20px;font-size: 2.10em;font-weight: 700;line-height: 1.2;}
#location .cont-box .tit-cont > .left-box > .txt {font-size: 1.20em;font-weight: 500;}
#location .cont-box .tit-cont > .right-box {display: flex;gap: 0 20px;}
#location .cont-box .tit-cont > .right-box > a {display: block;padding: 10px 22px;border: 1px solid #5a5a5a;border-radius: 25px;box-sizing: border-box;color: #000;font-size: 15px;font-weight: 600;}
#location .cont-box .tit-cont > .right-box > a > span {display: flex;align-items: center;gap: 0 10px;position: relative;}
#location .cont-box .tit-cont > .right-box > a > span::before {content: '';display: block;width: 23px;height: 28px;}
#location .cont-box .tit-cont > .right-box > a.btn-kko > span::before {background: url(../img/sub/img-location_ico01.png) center center / cover no-repeat;}
#location .cont-box .tit-cont > .right-box > a.btn-nv > span::before {background: url(../img/sub/img-location_ico02.png) center center / cover no-repeat;}
#location .cont-box .map-cont > .map {width: 100%;height: 700px;margin-bottom: 40px;}
#location .cont-box .map-cont > .info {display: flex;align-items: flex-start;}
#location .cont-box .map-cont > .info > div {width: 50%;padding: 0 70px;}
#location .cont-box .map-cont > .info > .left-box {display: flex;align-items: center;gap: 0 30px;position: relative;}
#location .cont-box .map-cont > .info > .left-box > .img-cont {max-width: 280px;width: 43%;}
#location .cont-box .map-cont > .info > .left-box > .txt-cont {width: 57%;}
#location .cont-box .map-cont > .info > .left-box > .txt-cont > .title {margin-bottom: 20px;font-size: 1.20em;font-weight: 700;line-height: 1.2}
#location .cont-box .map-cont > .info > .left-box > .txt-cont > ul > li > span {display: inline-block;min-width: 55px;margin-right: 10px;}
#location .cont-box .map-cont > .info > .right-box {position: relative;}
#location .cont-box .map-cont > .info > .right-box::after {content: '';display: block;width: 1px;height: 90%;background: #e5e5e5;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
#location .cont-box .map-cont > .info > .right-box > .title {margin-bottom: 10px;font-size: 1.50em;font-weight: 700;}
#location .cont-box .map-cont > .info > .right-box > ul > li:not(:last-child) {margin-bottom: 40px;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .tit {flex: 0 0 auto;display: inline-block;max-height: 33px;margin-bottom: 15px;padding: 0 13px;border-radius: 17px;background: #e5e5e5;font-size: 18px;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt {font-size: 15px;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt > span {display: inline-block;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt > [class*=n] {width: 22px;height: 22px;margin: 0 2px;border-radius: 50%;color: #fff;font-size: 13px;font-weight: 500;text-align: center;line-height: 24px;position: relative;top: -3px;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt > .n1 {background: #1768b2;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt > .n7 {background: #517503;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt > u {font-weight: 500;text-underline-offset: 7px;}
#location .cont-box .map-cont > .info > .right-box > ul > li > .txt > b {display: block;}

@media all and (max-width: 1650px){
    #location .cont-box .map-cont > .info > .left-box > .txt-cont > .title > br,
    #location .cont-box .map-cont > .info > .right-box > ul > li > .txt > br {display: none;}
}
@media all and (max-width: 1399px){
    #location .cont-box .map-cont > .info > div {padding: 0 40px;}
}
@media all and (max-width: 1199px){
    #location .cont-box .tit-cont > .left-box > .tit {margin-bottom: 0;}
    #location .cont-box .map-cont > .map {height: 600px;}
    #location .cont-box .map-cont > .info {flex-direction: column;}
    #location .cont-box .map-cont > .info > div {width: 100%;padding: 20px;}
    #location .cont-box .map-cont > .info > .right-box::after {width: 100%;height: 1px;bottom: auto;}
    #location .cont-box .map-cont > .info > .right-box > ul > li > .txt > br {display: none;}
}
@media all and (max-width: 1024px){
    #location .cont-box .tit-cont {flex-direction: column;align-items: flex-start;gap: 20px 0;padding: 0;}
    #location .cont-box .tit-cont > .left-box {width: 100%;text-align: center;}
    #location .cont-box .tit-cont > .right-box {width: 100%;justify-content: center;}
    #location .cont-box .map-cont > .map {height: 500px;}
}
@media all and (max-width: 768px){
    #location .cont-box .map-cont > .map {height: 450px;}
    #location .cont-box .map-cont > .info > .right-box > ul > li:not(:last-child) {margin-bottom: 20px;}
    location .cont-box .map-cont > .info > .right-box > ul > li > .txt > br {display: none;}
}
@media all and (max-width: 640px){
    #location .cont-box .tit-cont > .left-box > .tit {font-size: 1.78em;}
    #location .cont-box .tit-cont > .left-box > .txt {font-size: 1.0em;}
    #location .cont-box .tit-cont > .right-box > a {padding: 7px 16px;}
    #location .cont-box .map-cont > .map {height: 400px;}
    #location .cont-box .map-cont > .info > div {padding: 20px 10px;}
    #location .cont-box .map-cont > .info > .left-box {flex-direction: column;align-items: flex-start;gap: 20px 0;}
    #location .cont-box .map-cont > .info > .left-box > .txt-cont {width: 100%;}
    #location .cont-box .map-cont > .info > .right-box > ul > li > .txt > b {display: inline;}

}
@media all and (max-width: 480px){
    #location .cont-box .map-cont > .info > .left-box > .img-cont {margin: 0 auto;}
    #location .cont-box .tit-cont > .left-box > .tit {font-size: 1.56em;}
    #location .cont-box .map-cont > .info > .right-box > ul > li {flex-direction: column;gap: 8px 0;}
    #location .cont-box .map-cont > .info > .right-box > ul > li::before {display: none;}
    #location .cont-box .map-cont > .info > .right-box > ul > li > .tit {text-align: center;}
    #location .cont-box .map-cont > .info > .right-box > ul > li:nth-child(2) > .txt > u {display: block;}
}
/* 회사소개 > 사업장 안내 > 오시는 길 (location.php) 끝 */


/* 회사소개 >PR (PR.php) 시작 */
#PR {margin-bottom: 200px;}
#PR .bd-tabs {display: flex;gap: 0 44px;margin-bottom: 115px;}
#PR .bd-tabs > li > a {color: #898989;font-size: 1.10em;font-weight: 700;transition: .35s;}
#PR .bd-tabs > li > a:hover,
#PR .bd-tabs > li.active > a {color: #000;text-decoration: underline;text-underline-offset: 6px;}
#PR .bd-title {margin-bottom: 80px;}
#PR .bd-title > .tit {margin-bottom: 10px;font-size: 2.10em;font-weight: 700;}
#PR .bd-title > .txt {font-size: 1.20em;font-weight: 700;}
#PR .cont-box .title {margin-bottom: 50px;}
#PR .cont-box .title > p {font-size: 2.10em;font-weight: 700;}
#PR .cont-box  .list-swiper .swiper-wrapper {justify-content: center;}
#PR .cont-box  .list-swiper .swiper-slide {max-width: 64px;border: 0px solid #4F555F;box-sizing: border-box;cursor: pointer;}
#PR .cont-box  .list-swiper .swiper-slide-thumb-active {border-width: 1px;}
#PR #gallery .view-swiper-wrap {margin-bottom: 40px;position: relative;}
#PR #gallery .view-swiper .swiper-slide {transform: scale(.9);transform-origin: bottom left;position: relative;}
#PR #gallery .view-swiper .swiper-slide::after {content: '';display: block;width: 100%;height: 100%;background: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);background: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);background: -moz-linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);position: absolute;top: 0;right: 0;z-index: 10;}
#PR #gallery .view-swiper .swiper-slide-active {border: 1px solid #4F555F;box-sizing: boder-box;transform: scale(1);}
#PR #gallery .view-swiper .swiper-slide-active::after {opacity: 0;}
#PR #gallery .view-swiper-ctrls {display: flex;align-items: center;width: 100%;}
#PR #gallery .view-swiper-ctrls button {width: 55px;height: 55px;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 1;}
#PR #gallery .view-swiper-ctrls button::after {content: '';display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-style: solid;}
#PR #gallery .view-swiper-ctrls .btn-prev {right: calc(100% + 50px);}
#PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 24px 40px 24px 0px;border-color: transparent #000000 transparent transparent;}
#PR #gallery .view-swiper-ctrls .btn-next {left: calc(100% + 50px);}
#PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 24px 0px 24px 40px;border-color: transparent transparent transparent #000000;}


@media all and (max-width: 1800px){
    #PR #gallery .view-swiper-ctrls .btn-prev {right: 100%;}
    #PR #gallery .view-swiper-ctrls .btn-next {left: 100%;}
}
@media all and (max-width: 1399px){
    #PR #gallery .view-swiper-ctrls button {border-radius: 50%;background: #000;}
    #PR #gallery .view-swiper-ctrls .btn-prev {transform: translateX(50%);}
    #PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 14px 20px 14px 0px;border-color: transparent #fff transparent transparent;}
    #PR #gallery .view-swiper-ctrls .btn-next {transform: translateX(-50%)}
    #PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 14px 0px 14px 20px;border-color: transparent transparent transparent #fff;}
}
@media all and (max-width: 1199px){
    #PR #gallery .view-swiper .swiper-slide {transform: scale(.8);}
    #PR #gallery .view-swiper .swiper-slide-active {transform: scale(1);}
}
@media all and (max-width: 1024px){
   #PR .bd-tabs {margin-bottom: 70px;}
   #PR .cont-box .title > p {font-size: 1.78em;}
}
@media all and (max-width: 768px){
    #PR .cont-box .view-swiper-wrap {margin-bottom: 20px;}
    #PR #gallery .view-swiper-ctrls button {width: 45px;height: 45px;}
    #PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 10px 16px 10px 0px;}
    #PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 10px 0px 10px 16px;}
}
@media all and (max-width: 640px){
    #PR .cont-box .title {margin-bottom: 30px;}
    #PR .cont-box .title > p {font-size: 1.56em;}
    #PR #gallery .view-swiper-ctrls button {width: 36px;height: 36px;}
    #PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 7px 12px 7px 0px;}
    #PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 7px 0px 7px 12px;}
}
/* 회사소개 >PR (PR.php) 끝 */


/* Product 공통 시작 */
.product .left-side-menu {position: absolute;top: 50%;left: 3%;transform: translateY(-50%);z-index: 999;}
.product .left-side-menu.fixed {position: fixed;}
.product .left-side-menu ul {}
.product .left-side-menu ul > li:not(:last-child) {margin-bottom: 36px;}
.product .left-side-menu ul > li > a {display: inline-block;padding-bottom: 20px;color: #6f6f6f;font-weight: 600;position: relative;}
.product .left-side-menu ul > li > a::after {content: '';display: block;width: 100%;height: 1px;background: #6f6f6f;position: absolute;left: 0;bottom: 0;}
.product .left-side-menu ul > li > a:hover,
.product .left-side-menu ul > li.active > a {color: #000;font-weight: 700;}
.product .left-side-menu ul > li > a:hover::after,
.product .left-side-menu ul > li.active > a::after {height: 6px;background: #000;}

.product .contents-in{position:relative;}
.product .button-content{top:150px;transform: unset;transition: .3s;}
.product .button-content ul{justify-content: start;}
.product .button-content ul > li {width: 100%;line-height: 1;}
.product .button-content ul > li.current{width: 100%;transition: 1s;}
.product .button-content ul > li > a{display: block;}
.product .button-content ul > li > a::after{content:'';width: 65%;transition:width .3s;}
.product .button-content ul > li.current a{color: #000;font-weight: 700;}
.product .button-content ul > li > a:hover::after, 
.product .button-content ul > li.current a::after{width: 100%;background: #000;height: 6px;}
.product .button-content .inner-wrapper-sticky{width: fit-content !important;}
@media all and (max-width:1399px){
    .product .tabBox{margin-right:0;margin: 0 auto;}
    /* .product .button-content{border-top: 0;border-bottom: 0;} */
    .product .button-content{display: none !important;}
    .product .button-content ul{width: 100%;}
    .product .button-content ul > li{justify-content: center;}
    .product .button-content ul > li > a br{display: none;}
    .product .button-content .inner-wrapper-sticky{top: 100px !important;background: #fff;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;width: 100% !important;}
}
@media all and (max-width:1024px){
    .product .tab-content#battery{padding-top: 200px;}
    .product .tab-content{padding-top: 200px;}    
}
@media all and (max-width:960px){    
    .product .tab-content#battery{padding-top: 150px;}
    .product .tab-content{padding-top:150px;} 
}

.product .title-cont .tit {margin-bottom: 46px;font-size: 3.0em;font-weight: 700;text-align: center;}
.product .title-cont .page-nav {display: flex;justify-content: center;align-items: center;gap: 0 50px;margin-bottom: 30px;padding: 0 10px;box-sizing: border-box;}
.product .title-cont .page-nav .prd-name {min-width: 360px;padding: 0 35px;font-weight: 700;text-align: center;line-height: 1.2;position: relative;}
.product .title-cont .page-nav .prd-name::before,
.product .title-cont .page-nav .prd-name::after {content: '';display: block;width: 22px;height: 54px;position: absolute;top: 0;bottom: 0;margin: auto;}
.product .title-cont .page-nav .prd-name::before {background: url(../img/sub/img-prd_bracket_left.png) center center / cover no-repeat;left: 0;}
.product .title-cont .page-nav .prd-name::after {background: url(../img/sub/img-prd_bracket_right.png) center center / cover no-repeat;right: 0;}
.product .title-cont .page-nav .prd-name .name1 {font-size: 2.40em;}
.product .title-cont .page-nav .prd-name .name2 {font-size: 1.80em;}
.product .title-cont .page-nav > a {width: 40px;aspect-ratio: 1 / 1;border-radius: 50%;background: #000;position: relative;}
.product .title-cont .page-nav > a::before {content: '';display: block;width: 0;height: 0;border-style: solid;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.product .title-cont .page-nav .page-prev::before {border-width: 9px 15px 9px 0px;border-color: transparent #FFFFFF transparent transparent;}
.product .title-cont .page-nav .page-next::before {border-width: 9px 0px 9px 15px;border-color: transparent transparent transparent #FFFFFF;} 
.product .title-cont .prd-txt {margin: 34px 20px 0 20px;font-size: 18px;text-align: center;}

.product .prdSwiper01 {} 
.product .prdSwiper01 .swiper-ctrls {}
.product .prdSwiper01 .swiper-ctrls .data-pgn {width: auto;text-align: center;}
.product .prdSwiper01 .swiper-ctrls .data-pgn .swiper-pagination-bullet {width: auto;height: auto;padding: 0 23px;border: 3px solid #fff;border-radius: 21px;box-sizing: border-box;background: #d3d5d9;color: #fff;font-size: 1.20em;font-weight: 500;opacity: 1;}
.product .prdSwiper01 .swiper-ctrls .data-pgn .swiper-pagination-bullet-active {background: #000;}
.product .prdSwiper01 .swiper-slide img {margin: 0 auto;}

.product .prd-cont:has(.prdSwiper02) {width: 130%;margin-top: 160px;position: relative;left: 50%;transform: translate(-50%);}
.product .prdSwiper02-wrap {position: relative;}
.product .prdSwiper02 {}
.product .prdSwiper02 .swiper-slide {transform: scale(0.85);}
.product .prdSwiper02 .swiper-slide-active {transform: scale(1.0);}
.product .prdSwiper02 .swiper-slide img {margin: 0 auto;}
.product .prdSwiper02-wrap .swiper-ctrls {max-width: 1400px;width: 100%;position: absolute;top: 45%;left: 50%;/* right: 0; */transform: translate(-50%, -50%);z-index: 999;}
.product .prdSwiper02-wrap .swiper-ctrls .cinner {max-width: 1400px;width: 100%;margin: auto;}
.product .prdSwiper02-wrap .swiper-ctrls .data-nav {width: 100%;position: relative;}
/* .product .prdSwiper02-wrap .swiper-ctrls .data-nav > button {width: 70px;aspect-ratio: 1 / 1;border-radius: 50%;background: #000;position: absolute;} */
/* .product .prdSwiper02-wrap .swiper-ctrls .data-nav > button::before {content: '>';display: block;width: 0;height: 0;border-style: solid;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} */
.product .prdSwiper02-wrap .swiper-ctrls .data-nav > button{position: absolute;}
.product .prdSwiper02-wrap .swiper-ctrls .data-nav > button::before {content: '';width:50px;height: auto;aspect-ratio: 1 / 2;background:url('../img/sub/slide_next.png') center no-repeat;background-size: cover !important;display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.product .prdSwiper02-wrap .swiper-ctrls .data-nav .btn-prev {left: 20px;}
.product .prdSwiper02-wrap .swiper-ctrls .data-nav .btn-prev::before {background:url('../img/sub/slide_prev.png')center no-repeat;}
.product .prdSwiper02-wrap .swiper-ctrls .data-nav .btn-next {right: 20px;}
/* .product .prdSwiper02-wrap .swiper-ctrls .data-nav .btn-next::before {border-width: 17px 0px 17px 26px;border-color: transparent transparent transparent #FFFFFF;}  */


.product .text-list {/* max-width: 710px; */}
.product .text-list.mauto {max-width:1000px;margin: 0 auto;}
.product .text-list > li {position: relative;display: flex;}
.product .text-list > li:not(:last-child) {margin-bottom: 10px;}
.product .text-list > li::before {content: '·';display: block;font-weight: 900;padding-right: 15px;}
.product .text-list > li .underline{text-decoration: underline;display: block;font-weight: 600;text-underline-offset: 5px;}

.product .icon-list {display: flex;flex-wrap: wrap;gap: 60px 20px;max-width: 892px;margin: 90px auto 175px;}
.product .icon-list > li {width: calc(20% - 16px);}
.product .icon-list > li > .ico {border: 1px solid #d5d5d5;box-sizing: border-box;border-radius: 10px;}
.product .icon-list > li > .ico img {margin: 0 auto;}
.product .icon-list > li > .txt {margin-top: 10px;font-size: 16px;text-align: center;}



/* .prd-box1 */
.product .prd-box1 {margin-bottom: 70px;padding-top: 150px;background: url(../img/sub/img-product_bg.jpg) center center / cover no-repeat;position: relative;overflow: hidden;}
.product .prd-box1.bg2 {background: url(../img/sub/img-product_bg2.jpg) center center / cover no-repeat;}
.product .prd-box1.bg3 {background: url(../img/sub/img-product_bg3.jpg) center center / cover no-repeat;}
.product .prd-box1 .prd-cont {max-width: 1600px;margin: 0 auto;position: relative;}
.product .prd-box1 .prd-cont .img-cont{margin-top: 100px;}
.product .prd-box1 .prd-cont .img-cont img {margin: 0 auto;}
.product .prd-box1 .prd-cont .img-cap {position: absolute;bottom: 4%;right: 5%;}
.product .prd-box1 .prd-cont .img-cap img {margin: 0 auto;}
.product .prd-box1 .prd-cont .prd-img-list {display: flex;justify-content: center;max-width: 1240px;margin: 90px auto 0;position: relative;gap:40px}
.product .prd-box1 .prd-cont .prd-img-list > li {max-width: 558px;width: 45%;/* position: relative; */}
/* .product .prd-box1 .prd-cont .prd-img-list > li:not(:last-child) .img-cont::after {content: '';display: block;width:1px;height: 100%;background: #000;position: absolute;top: 0;right: -11.5%;margin: auto;transform: translateX(-50%);} */
.product .prd-box1 .prd-cont .prd-img-list > li .img-cont {margin-top: 0;margin-bottom: 40px;border: 1px solid #b1b1b1;box-sizing: border-box;position: relative;}
.product .prd-box1 .prd-cont .prd-img-list > li .img-txt {font-size: 1.50em;font-weight: 700;text-align: center;}
/* .prd-box2 */
.product .prd-box2 {margin-bottom: 160px;}
.product .prd-box2 .txt1 {margin-bottom: 30px;padding: 0 20px;font-size: 2.0em;font-weight: 700;text-align: center;}
.product .prd-box2 .txt2 {margin-bottom: 60px;padding: 0 20px;font-size: 1.40em;font-weight: 500;text-align: center;}
.product .prd-box2 .txt3 {padding: 0 20px;text-align: center;font-size: 1.00em;text-align: center;}
.product .prd-box2 .txt4 {margin-bottom: 60px;padding: 0 20px;text-align: center;font-size: 1.10em;text-align: center;}
/* .prd-box3 */
.product .prd-box3 {margin-bottom: 160px;}
.product .prd-box3 .txt1 {margin-bottom: 30px;font-size: 1.80em;font-weight: 700;text-align: center;}
.product .prd-box3 .txt2 {margin-bottom: 45px;text-align: center;}
.product .prd-box3 .tbl {max-width: 856px;margin: 0 auto;letter-spacing: normal;}
.product .prd-box3 .tbl > ul {border: 14px solid #000;box-sizing: border-box;border-radius: 25px;}
.product .prd-box3 .tbl > ul > li {display: flex;}
.product .prd-box3 .tbl > ul > li:not(:last-child) {border-bottom: 2px solid #000;box-sizing: border-box;}
.product .prd-box3 .tbl > ul > li .tbl-tit {width: 240px;background: #000;position: relative;}
.product .prd-box3 .tbl > ul > li:not(:last-child) .tbl-tit::after {content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;right: 0;bottom: -2px;} 
.product .prd-box3 .tbl > ul > li:not(:last-child) .tbl-tit.no-border::after{display: none;}
.product .prd-box3 .tbl > ul > li:not(:last-child) .tbl-tit:has( + li:has(.w100)) {border-color: #000;}
.product .prd-box3 .tbl > ul > li .tbl-tit span {display: block;padding: 8px 16px;color: #fff;font-size: 14px;font-weight: 700;text-align: center;}
.product .prd-box3 .tbl > ul > li .tbl-cont {width: calc(100% - 240px);}
.product .prd-box3 .tbl > ul > li .tbl-cont.w100 {width: 100%;}
.product .prd-box3 .tbl > ul > li:nth-child(odd) .tbl-cont {background: #eaeaea;}
.product .prd-box3 .tbl > ul > li:nth-child(even) .tbl-cont {background: #f8f8f8;}
.product .prd-box3 .tbl > ul > li .tbl-cont span {display: block;padding: 8px 16px;font-size: 14px;font-weight: 700;}
.product .prd-box3 .tbl > ul > li .tbl-cont.w100 span {text-align: center;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul {}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul > li:not(:last-child) {border-bottom: 1px solid #d7d7d7;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul.type1 > li > span {position: relative;padding: 8px 26px;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul.type1 > li > span::before {content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #000;position: absolute;top: 15px;left: 16px;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul.type1 > li > ul  {border-top: 1px solid #d7d7d7;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul.type1 > li > ul > li:not(:last-child) {border-bottom: 1px solid #d7d7d7;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul.type1 > li > ul > li > span {position: relative;padding: 8px 36px;}
.product .prd-box3 .tbl > ul > li .tbl-cont > ul.type1 > li > ul > li > span::before {content: '';display: block;width: 4px;height: 2px;background: #000;position: absolute;top: 18px;left: 26px;}
.product .prd-box3 .tbl.type2 {}
.product .prd-box3 .tbl.type2 > ul > li .tbl-tit {width: 180px;}
.product .prd-box3 .tbl.type2 > ul > li .tbl-cont {width: calc(100% - 180px);}
.product .prd-box3 .tbl.type2 > ul > li .tbl-tit > span {display: flex;justify-content: center;align-items: center;height: 100%;}
.product .prd-box3 .tbl.type2 > ul > li .tbl-cont > ul > li {display: flex;}
.product .prd-box3 .tbl.type2 > ul > li .tbl-cont > ul > li > .in-tit {width: 34%;padding: 0 28px;border-right: 1px solid #d5d5d5;box-sizing: border-box;text-align: right;}
.product .prd-box3 .tbl.type2 > ul > li .tbl-cont > ul > li > .in-cont {display: flex;justify-content: center;align-items: center;width: 66%;text-align: center;}
.product .prd-box3 .tbl.type2 > ul > li:nth-child(odd) .tbl-cont > ul > li > .in-tit {background: #f8f8f8;}
.product .prd-box3 .tbl.type2 > ul > li:nth-child(odd) .tbl-cont > ul > li > .in-cont {background: #eaeaea;}
.product .prd-box3 .tbl.type2 > ul > li:nth-child(even) .tbl-cont > ul > li > .in-tit {background: #eaeaea;}
.product .prd-box3 .tbl.type2 > ul > li:nth-child(even) .tbl-cont > ul > li > .in-cont {background: #f8f8f8;}

/* .prd-box4 */
.product .prd-box4 {margin: 170px 0;}
.product .prd-box4 .cinner {display: flex;justify-content: flex-end;}
.product .prd-box4 .cinner:has(.tit) {justify-content: space-between;}
.product .prd-box4 .tit {font-size: 18px;font-weight: 600;}
.product .prd-box4 .cont-box {max-width: 1260px;width: 79%;}
.product .prd-box4 .cont-box .content:not(:last-child) {margin-bottom: 90px;}
.product .prd-box4 .cont-box .txt1 {margin-bottom: 20px;font-size: 3.0em;font-weight: 700;line-height: 1.2;}
.product .prd-box4 .cont-box .txt2 {margin-bottom: 60px;}
.product .prd-box4 .cont-box .txt3 {margin-bottom: 40px;font-size: 1.50em;font-weight: 700;}
.product .prd-box4 .cont-box .img-cont {margin-bottom: 70px;border: 1px solid #b9b9b9;box-sizing: border-box;}
.product .prd-box4 .cont-box .img-cont.type2 {margin-top: 160px;border: 0;}
.product .prd-box4 .cont-box .img-cont.type2 > img {width: 100%;}

/* .prd-box5 */
.product .prd-box5 {background: #f1f2f4;padding: 60px 0;}
.product .prd-box5 .tit {margin-bottom: 65px;padding-left: 34px;font-size: 1.80em;font-weight: 700;font-style: italic;position: relative;}
.product .prd-box5 .tit::before {content: '';display: block;width: 9px;height: 9px;border-radius: 50%;background: #000;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}

/* prd-box6 */
.product .prd-box6{width: 100%;height: 100%;}

/* prd-box7 */
.product .prd-box7 .prd-tab{position: relative;padding-bottom: 150px;}
.product .prd-box7 .title-cont{background: url('../img/sub/img-product_bg4.png') no-repeat center / cover;padding: 100px 0;}
.product .prd-box7 .title-cont .tit{margin-bottom: 0;}
.product .prd-box7 .button-content{}
.product .prd-box7 .left-side-menu{top: 150px;transform: unset;transition: .3s;}
.product .prd-box7 .left-side-menu ul{justify-content: start;}
.product .prd-box7 .left-side-menu ul > li {width: 100%;line-height: 1;}
.product .prd-box7 .left-side-menu ul > li.current{width: 100%;transition: 1s;}
.product .prd-box7 .left-side-menu ul > li > a{display: block;/*text-transform: uppercase*/;}
.product .prd-box7 .left-side-menu ul > li > a::after{content:'';width: 60%;transition:width .3s;}
.product .prd-box7 .left-side-menu ul > li.current a{color: #000;font-weight: 700;}
.product .prd-box7 .left-side-menu ul > li > a:hover::after, 
.product .prd-box7 .left-side-menu ul > li.current a::after{width: 100%;background: #000;height: 6px;}
.product .prd-box7 .left-side-menu .inner-wrapper-sticky{width: fit-content !important;}
.product .prd-box7 .tab-content{padding-top: 150px;}
.product .prd-box7 .tab-content.current{}


.product .prd-box7 #robot .tabBox .prd-cont ul.listBox::after,
.product .prd-box7 #robot .tabBox .prd-cont ul.listBox::before,
.product .prd-box7 #robot .tabBox .prd-cont::before{display:none}

.product .prd-box7 .tabBox {max-width: 1000px;margin: 0 auto;width: 90%;text-align: center;}
.product .prd-box7 .tabBox .prd-name {display:inline-block;margin:0 auto;padding: 0 35px;font-weight: 700;text-align: center;line-height: 1.2;position: relative;}
.product .prd-box7 .tabBox .prd-name::before,
.product .prd-box7 .tabBox .prd-name::after {content: '';display: block;width: 22px;height: 54px;position: absolute;top: 0;bottom: 0;margin: auto;}
.product .prd-box7 .tabBox .prd-name::before {background: url(../img/sub/img-prd_bracket_left.png) center center / cover no-repeat;left: 0;}
.product .prd-box7 .tabBox .prd-name::after {background: url(../img/sub/img-prd_bracket_right.png) center center / cover no-repeat;right: 0;}
.product .prd-box7 .tabBox .prd-name .name1 {font-size: 2.40em;/*text-transform: uppercase;*/word-break: keep-all;}
.product .prd-box7 .tabBox .prd-txt{margin-top: 70px;text-align: center}
.product .prd-box7 .tabBox .prd-txt .txt1{font-size: 2.00em;font-weight: 700;word-break:keep-all;line-height: 1.3;}
.product .prd-box7 .tabBox .prd-txt .txt2{font-size: 20px;font-weight: 500;word-break:keep-all;margin-top: 40px;}
.product .prd-box7 .tabBox .prd-cont{margin-top: 40px;position: relative;}
.product .prd-box7 .tabBox .prd-cont::before{content:'';position: absolute;left: 50%;top: 0;z-index: 0;width: 1px;/*height:var(--line-height, 20%);*/height:95%;background: #000;}
.product .prd-box7 .tabBox .prd-cont ul.listBox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;gap:150px;position: relative;padding-top: 150px;}
.product .prd-box7 .tabBox .prd-cont ul.listBox::before{content: '';position: absolute;left:calc(50% - 2px);top: 0;width: 5px;height: 5px;background: #000;border-radius: 50px;}
.product .prd-box7 .tabBox .prd-cont ul.listBox::after{content: '';position: absolute;left:calc(50% - 2px);top:95%;width: 5px;height: 5px;background: #000;border-radius: 50px;}

.product .prd-box7 .tabBox .prd-cont ul.listBox>li{width: calc(100% / 2 - 75px);position: relative;z-index: 1;}
.product .prd-box7 .tabBox .prd-cont ul.listBox>li .img-cont{text-align: center;margin-bottom: 40px;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .img-cont img{display: inline;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .tit-cont{text-align: center;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .tit-cont .txt1{font-size:1.20em;font-weight: 600;margin-bottom: 20px;line-height: 1.3;text-align: center;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .list-cont{text-align: left;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .list-cont .list{position: relative;display: flex;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .list-cont .list:not(:last-child){margin-bottom: 5px;}
.product .prd-box7 .tabBox .prd-cont ul.listBox li .list-cont .list::before{content: '·';font-weight: 900;padding-right: 15px;}
@media all and (max-width:1600px){
    .product .prd-box7 .tabBox{margin-right: 100px;}
}
@media all and (max-width: 1499px){
    .product .prd-box4 .cont-box .txt3 > .line-br {display: inline;}
}
@media all and (max-width:1399px){
    .product .prd-box7 .tabBox{margin-right:0;margin: 0 auto;}
    .product .prd-box7 .left-side-menu{top: 0;border-top: 0;border-bottom: 0;}
    .product .prd-box7 .left-side-menu ul{width: 100%;}
    .product .prd-box7 .left-side-menu ul > li{justify-content: center;}
    .product .prd-box7 .left-side-menu ul > li > a br{display: none;}
    .product .prd-box7 .left-side-menu .inner-wrapper-sticky{top: 0 !important;background: #fff;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;width: 100% !important;}
}
@media all and (max-width:1199px){
    .product .prd-box7 .tabBox .prd-cont ul.listBox li .tit-cont .txt2{font-size: 18px;}
}
@media all and (max-width:1024px){
    .product .prd-box7 .tab-content#battery{padding-top: 200px;}
    .product .prd-box7 .tab-content{padding-top: 200px;}    
    .product .prd-box7 .tabBox .prd-txt{margin-top: 50px;}
    .product .prd-box7 .tabBox .prd-txt .txt1{margin-bottom: 20px;font-size: 1.50em;}
    .product .prd-box7 .tabBox .prd-txt .txt2{font-size: 18px;}
    .product .prd-box7 .tabBox .prd-name .name1 {font-size: 2.00em;}    
    .product .prd-box7 .tabBox .prd-cont ul.listBox{padding-top: 100px;gap: 100px;}
    .product .prd-box7 .tabBox .prd-cont ul.listBox>li .img-cont{margin-bottom: 20px;}
}
@media all and (max-width:960px){    
    .product .prd-box7 .tab-content#battery{padding-top: 150px;}
    .product .prd-box7 .tab-content{padding-top:150px;} 
    .product .prd-box7 .tabBox .prd-cont{margin-top: 0;}
    .product .prd-box7 .tabBox .prd-cont::before{display: none;}
    .product .prd-box7 .tabBox .prd-cont ul.listBox::before{display: none;}
    .product .prd-box7 .tabBox .prd-cont ul.listBox::after{display: none;}
    .product .prd-box7 .tabBox .prd-cont ul.listBox{padding-top: 60px;padding-bottom: 60px;gap: 60px;flex-wrap: nowrap;flex-direction: column;align-items: start;white-space: normal;overflow: hidden;}
    .product .prd-box7 .tabBox .prd-cont ul.listBox>li{min-width: 100%;}
    .product .prd-box7 .tabBox .prd-cont ul.listBox li .tit-cont .txt2{white-space: normal;}
    .product .prd-box7 .tabBox .prd-cont ul li .list-cont{max-width: 440px;margin: 0 auto;}
}
@media all and (max-width:640px){
    .product .prd-box7 .tabBox .prd-txt .txt2 br{display: none;}
}
@media all and (max-width:500px){
    .product .prd-box7 .tabBox .prd-cont ul li .list-cont{max-width: 100%;}
    .product .prd-box7 .tabBox .prd-cont ul li .list-cont .list::before{padding-right: 10px;}
}


/* .prd-flow */
.product .prd-flow {width: 100%;max-width:100%;height: auto;margin-top: 50px;padding: 50px 0;color: #f1f2f4;font-size: 5.0em;font-weight: 700;position: relative;overflow-x: hidden;overflow-y: hidden;}
.product .prd-flow .track {position: absolute;white-space: nowrap;will-change: transform;animation: marquee 40s linear infinite;bottom: -18px;}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}



@media all and (max-width: 1499px){
    .product .prdSwiper02-wrap .swiper-ctrls .cinner {max-width: 1000px;}
}
@media all and (max-width: 1399px){
    .product .left-side-menu {width: 100%;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;background: #fff;top: 0;left: 0;transform: none;}
    .product .left-side-menu ul {display: flex;justify-content: space-evenly;align-items: center;gap: 0 30px;width: 100%;height: 60px;padding: 0 30px;margin: 0 auto;overflow-x: auto;white-space: nowrap;}
    .product .left-side-menu ul > li {display: flex;align-items: center;height: 100%;position: relative;}
    .product .left-side-menu ul > li:not(:last-child) {margin-bottom: 0;}
    .product .left-side-menu ul > li.active::after {content: '';display: block;width: 100%;height: 6px;background: #000;position: absolute;left: 0;right: 0;bottom: 0;}
    .product .left-side-menu ul > li > a {padding-bottom: 0;}
    .product .left-side-menu ul > li > a::after {display: none;}

    .product .prd-box1{padding-top:200px;}  
    .product .prd-box1 .prd-cont .img-cap {bottom: 2%;right: 2%;}

    .product .prd-box4 .cinner {justify-content: center;}

}
@media all and (max-width: 1199px){
    .product .prd-cont:has(.prdSwiper02) {width: 160%;margin-top: 90px;}
    .product .prd-box4 {margin: 120px 0;}
    .product .prd-box4 .cont-box .txt1 {font-size: 2.50em;}
    .product .prd-box4 .cont-box .txt2 {/* margin-bottom: 60px; */}
    .product .prd-box4 .cont-box .img-cont {margin-bottom: 40px;}
    .product .prd-flow {margin-top: 30px;padding: 40px 0;font-size: 4.50em;}
}
@media all and (max-width: 1024px){
    .product .title-cont .tit {margin-bottom: 30px;font-size: 2.67em;}
    .product .title-cont .page-nav .prd-name .name1 {font-size: 2.11em;}

    .product .prdSwiper01 .swiper-ctrls {margin-bottom: 20px;}
    .product .prdSwiper01 .swiper-ctrls .data-pgn .swiper-pagination-bullet {font-size: 1.0em;}

    .product .prdSwiper02-wrap .swiper-ctrls {width: 50%;}
    .product .prdSwiper02-wrap .swiper-ctrls .data-nav > button::before{width: 40px;}

    .product .icon-list {gap: 40px 10px;margin: 90px auto 120px;}
    .product .icon-list > li {width: calc(20% - 8px);}
    
    .product .prd-box1 {padding-top: 150px;}
    .product .prd-box1 .prd-cont .img-cap {position: relative;bottom: auto;right: auto;}
    .product .prd-box1 .prd-cont .prd-img-list > li .img-cont {margin-bottom: 20px;}
    .product .prd-box1 .prd-cont .prd-img-list > li .img-txt {font-size: 1.30em;}

    .product .prd-box3 .tbl.type2 > ul > li .tbl-cont > ul > li > .in-tit {padding: 0 5px;}

    .product .prd-box4 .cinner {flex-direction: column;gap: 20px 0;}
    .product .prd-box4 .cont-box {max-width: none;width: 100%;}
    .product .prd-box4 .cont-box .img-cont.type2 {margin-top: 120px;}
    

    .product .prd-box5 .tit {padding-left: 24px;}
    .product .prd-box5 .tit::before {width: 7px;height: 7px;}
}
@media all and (max-width: 768px){
    .product .title-cont .page-nav .prd-name {padding: 0 25px;}
    .product .title-cont .page-nav .prd-name::before,
    .product .title-cont .page-nav .prd-name::after {width: 16px;height: 39px;}
    .product .title-cont .page-nav .prd-name .name1 {font-size: 1.89em;}
    .product .title-cont .page-nav .prd-name .name2 {font-size: 1.44em;}
    .product .title-cont .page-nav > a {width: 32px;}    
    .product .title-cont .page-nav .page-prev::before {border-width: 7.5px 10px 7.5px 0px;}
    .product .title-cont .page-nav .page-next::before {border-width: 7.5px 0px 7.5px 10px;}

    .product .prd-cont:has(.prdSwiper02) {width: 180%;}

    .product .icon-list {justify-content: center;margin: 90px auto;}
    .product .icon-list > li {width: calc(25% - 8px);}
    
    .product .prd-box2 .txt1 {margin-bottom: 20px;font-size: 1.78em;}
    .product .prd-box2 .txt2 {margin-bottom: 40px;font-size: 1.20em;}
    .product .prd-box2 .txt2 br{display: none;}

    .product .prd-box4 .cont-box .content:not(:last-child) {margin-bottom: 50px;}
    .product .prd-box4 .cont-box .txt1 {margin-bottom: 10px;font-size: 2.22em;}
    .product .prd-box4 .cont-box .txt2 {margin-bottom: 30px;}
    .product .prd-box4 .cont-box .txt3 {margin-bottom: 30px;}
    .product .prd-box4 .cont-box .img-cont.type2 {margin-top: 80px;}
    
    .product .prd-box5 .tit {margin-bottom: 35px;font-size: 1.56em;}

    .product .prd-flow {margin-top: 20px;font-size: 3.80em;}
    .product .prd-flow .track {bottom: -20px;}
}
@media all and (max-width: 640px){
    .product .left-side-menu ul {height: 60px;}
    .product .left-side-menu ul > li > a {/* padding-bottom: 15px; */}
    
    .product .title-cont .tit {margin-bottom: 30px;font-size: 2.33em;}
    .product .title-cont .page-nav {gap: 0 30px;}
    .product .title-cont .page-nav .prd-name {min-width: auto;}
    .product .title-cont .page-nav .prd-name::before,
    .product .title-cont .page-nav .prd-name::after {width: 12px;height: 29px;}
    .product .title-cont .page-nav .prd-name .name1 {font-size: 1.56em;}
    .product .title-cont .page-nav .prd-name .name2 {font-size: 1.22em;}
    .product .title-cont .page-nav > a {width: 28px;}
    .product .title-cont .page-nav .page-prev::before {border-width: 6px 9px 6px 0px;}
    .product .title-cont .page-nav .page-next::before {border-width: 6px 0px 6px 9px;}

    .product .prd-cont:has(.prdSwiper02) {width: 90%;}
    .product .prdSwiper02-wrap .swiper-ctrls {width: 95%;}
    .product .prdSwiper02-wrap .swiper-ctrls .data-nav > button::before {width: 25px;}
    .product .prdSwiper02-wrap .swiper-ctrls .data-nav .btn-prev {left: 0px;}
    .product .prdSwiper02-wrap .swiper-ctrls .data-nav .btn-next {right: 10px;}

    .product .text-list > li::before{padding-right:10px;}

    .product .prd-box1 .prd-cont .prd-img-list {flex-direction: column;gap: 40px 0;}
    .product .prd-box1 .prd-cont .prd-img-list > li {width: 100%;}
    /* .product .prd-box1 .prd-cont .prd-img-list > li:not(:last-child) .img-cont::after {display: none;} */
    
    .product .prd-box2 .txt2 .line-br,
    .product .prd-box3 .txt2 .line-br {display: inline;}
    
    .product .prd-box3 .tbl > ul {border-radius: 15px;}
    .product .prd-box3 .tbl > ul > li {flex-direction: column;}
    .product .prd-box3 .tbl > ul > li .tbl-tit,
    .product .prd-box3 .tbl.type2 > ul > li .tbl-tit {width: 100%;}
    .product .prd-box3 .tbl > ul > li .tbl-cont,
    .product .prd-box3 .tbl.type2 > ul > li .tbl-cont {width: 100%;}
    .product .prd-box3 .tbl > ul > li .tbl-cont span {text-align: center;}
    

    .product .prd-box4 .cont-box .txt1 {font-size: 2.0em;}
    .product .prd-box4 .cont-box .img-cont {margin-bottom: 20px;}
    .product .prd-box4 .cont-box .img-cont.type2 {margin-top: 60px;}
    

    .product .prd-flow {margin-top: 10px;padding: 30px 0;font-size: 3.0em;}
    .product .prd-flow .track {bottom: -20px;}
}
@media all and (max-width:500px){
    .product .prd-box1{padding-top:120px;}
    .product .prd-box2{margin-bottom: 120px;}
    .product .prd-box3{margin-bottom: 120px;}
}

@media all and (max-width: 480px){
    .product .left-side-menu.fixed ul {/* width: 80%; */gap: 0 20px;box-sizing: border-box;overflow-x: auto;white-space: nowrap;}
    
    .product .title-cont .page-nav {gap: 0 15px;}
    .product .title-cont .page-nav .page-prev::before {border-width: 5px 7px 5px 0px;}
    .product .title-cont .page-nav .page-next::before {border-width: 5px 0px 5px 7px;}

    .product .prdSwiper01 .swiper-ctrls .data-pgn .swiper-pagination-bullet {padding: 2px 16px;font-size: 15px;}

    .product .icon-list {gap: 20px 10px;}
    .product .icon-list > li {width: calc(50% - 5px);}

    .product .prd-box2 .txt1 {font-size: 1.56em;}
    .product .prd-box2 .txt2 {font-size: 1.0em;}

    .product .prd-box5 .tit {padding-left: 14px;font-size: 1.44em;}
    .product .prd-box5 .tit::before {width: 5px;height: 5px;}
}
/* Product 공통 끝 */

/* Product > Vacuum System > single Evaporator (thermal_single.php) 시작 */

/* Product > Vacuum System > single Evaporator (thermal_single.php) 끝 */

/* Product > Vacuum System > single Evaporator (thermal_single.php) 시작 */

/* Product > Vacuum System > single Evaporator (thermal_single.php) 끝 */

/* Product > Vacuum System > Double Cluster (double_cluster.php) 시작 */
#double .prd-box1 {background: none;}
/* Product > Vacuum System > Double Cluster (double_cluster.php) 끝 */

/* Product > Glovebox > Single Side 1인용 (single_side01.php) 시작 */

/* Product > Glovebox > Single Side 1인용 (single_side01.php) 끝 */

/* Product > Glovebox > Single Side 1.5인용 (single_side015.php) 시작 */

/* Product > Glovebox > Single Side 1.5인용 (single_side015.php) 끝 */

/* Product > Glovebox > Single Side 2인용 (single_side02.php) 시작 */

/* Product > Glovebox > Single Side 2인용 (single_side02.php) 끝 */

/* Product > Glovebox > Double Side 2인용 (double_side02.php) 시작 */

/* Product > Glovebox > Double Side 2인용 (double_side02.php) 끝 */

/* Product > Glovebox > Double Side 4인용 (double_side04.php) 시작 */

/* Product > Glovebox > Double Side 4인용 (double_side04.php) 끝 */

/* Product > Glovebox > Purification (purif.php) 시작 */
#purif .prd-box1 .prd-cont .img-cont {margin: 180px 0 50px;}

@media all and (max-width: 1399px){
    #purif .prd-box1 .prd-cont .img-cont {margin: 100px 0 50px;}
}
@media all and (max-width: 640px){
    #purif .prd-box1 .prd-cont .img-cont {margin: 70px 0 50px;}
}
/* Product > Glovebox > Purification (purif.php) 끝 */

/* Product > Enclosure (enclosure.php) 시작 */
#enclosure .prd-box5 .txt-cont {display: flex;align-items: center;}
#enclosure .prd-box5 .txt-cont > .txt {width: 100%;padding: 0 40px;text-align: center;}
#enclosure .prd-box5 .txt-cont > .video {flex: 0 0 auto;max-width: 550px;width: 35%;aspect-ratio: 16 / 9;border: 4px solid #000;box-sizing: border-box;border-radius: 20px;overflow: hidden;}
#enclosure .prd-box5 .txt-cont > .video > video {width: 100%;}
@media all and (max-width: 1650px){
    #enclosure .prd-box4 .cont-box .txt2 > .line-br {display: inline;}
}
@media all and (max-width: 1399px){
    #enclosure .prd-box5 .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 768px){
    #enclosure .prd-box5 .txt-cont {flex-direction: column-reverse;gap: 30px;margin-top: 30px;}
    #enclosure .prd-box5 .txt-cont > .txt {padding: 0;}
    #enclosure .prd-box5 .txt-cont > .video {width: 100%;}
}
/* Product > Enclosure (enclosure.php) 끝 */

/* Product > BIO / Medical (bio.php) 시작 */
@media all and (max-width: 1399px){
    #bio .prd-box4 .cont-box .content .txt2 > .line-br {display: inline;}
}
@media all and (max-width: 1199px){
    #bio .prd-box4 .cont-box .content .text-list  li .line-br {display: inline;}
}
/* Product > BIO / Medical (bio.php) 끝 */

/* Product > Customized > solarcell (customized.php) 시작 */
.product .prd-box7 #solarcell .tabBox .prd-cont::before{height: 100%;}
.product .prd-box7 #solarcell .tabBox .prd-cont ul{padding-bottom: 150px;}
.product .prd-box7 #solarcell .tabBox .prd-cont ul::after{top: 100%;}
@media all and (max-width:1024px){
    .product .prd-box7 #solarcell .tabBox .prd-cont ul{padding-bottom: 100px;}
}
@media all and (max-width:960px){
    .product .prd-box7 #solarcell .tabBox .prd-cont ul{padding-bottom: 60px;}
}
/* Product > Customized > solarcell (customized.php) 끝 */

/* Product > Customized > robot (customized.php) 시작 */
.product .prd-box7 #robot .tabBox .prd-cont.beforenone{margin-top: 100px;}
.product .prd-box7 #robot .tabBox .prd-cont.beforenone::before{display: none;}
.product .prd-box7 #robot .tabBox .prd-cont .img-cont{text-align: center;margin-bottom: 100px;width: 100%;}
.product .prd-box7 #robot .tabBox .prd-cont .img-cont img{display: inline;}
.product .prd-box7 #robot .tabBox .prd-cont .txt-cont .txt1{font-size: 1.70em;font-weight: 600;margin-bottom: 40px;}
.product .prd-box7 #robot .tabBox .prd-cont .txt-cont .txt2{font-size:1.10em;line-height: 1.3;}
@media all and (max-width:1024px){
    .product .prd-box7 #robot .tabBox .prd-cont .txt-cont .txt1{font-size: 1.30em;margin-bottom: 20px;}
    .product .prd-box7 #robot .tabBox .prd-cont .txt-cont .txt2{font-size: 18px;}
}
@media all and (max-width:960px){
    .product .prd-box7 #robot .tabBox .prd-cont.beforenone{margin-top: 60px;}
    .product .prd-box7 #robot .tabBox .prd-cont .img-cont{margin-bottom: 60px;}  
}
@media all and (max-width:500px){
    .product .prd-box7 #robot .name1 span.mo{display: block;}
}
/* Product > Customized > robot (customized.php) 끝 */


/* Product > Customized > nuclear (customized.php) 시작 */
.product .prd-box7 #nuclear .tabBox .prd-cont::before{height: 85%;}
.product .prd-box7 #nuclear .tabBox .prd-cont ul::after{top: 85%;}
@media all and (max-width:1024px){
    .product .prd-box7 #nuclear .tabBox .prd-cont ul{padding-bottom: 0;}
}
    
/* Product > Customized > nuclear (customized.php) 끝 */


/* Product > optional_items (customized.php) 시작 */
#optional_items .prd-box7 .left-side-menu ul{}
#optional_items .prd-box7 .left-side-menu ul > li > a::after{width: 75%;}
#optional_items .prd-box7 .left-side-menu ul > li > a:hover::after, 
#optional_items .prd-box7 .left-side-menu ul > li.current a::after{width: 100%;}
#optional_items .prd-box7 .tabBox{margin:0 auto;max-width: 1000px;}
#optional_items .prd-box7 .tabBox .prd-cont{margin-top: 100px;}
#optional_items .prd-box7 .tabBox .prd-cont::before{display: none;}
#optional_items .prd-box7 .tabBox .prd-cont .img-cont{width: 100%;height: 500px;padding: 0 30px;text-align: center;border: 1px solid #cacaca;display: flex;justify-content: center;align-items: center;}
#optional_items .prd-box7 .tabBox .prd-cont .tit-cont{margin: 100px 0;text-align: left;color: #000;}
#optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt1{font-size: 2.75em;font-weight: 600;}
#optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt2{font-size: 1.80em;font-weight: 600;}
#optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt3{font-size: 1.10em;font-weight: 400;word-break: keep-all;text-align: center;}
#optional_items .prd-box7 .tabBox .prd-cont .ico-cont{display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap:20px;}
#optional_items .prd-box7 .tabBox .prd-cont .ico-cont:not(:last-child){margin-bottom:20px;}
#optional_items .prd-box7 .tabBox .prd-cont .ico-cont li{list-style: none;display: flex;flex-direction: column;justify-content:start;align-items: center;gap: 10px;width: calc(100% / 5 - 16px);}
#optional_items .prd-box7 .tabBox .prd-cont .ico-cont li .imgBox{border: 1px solid #cacaca;border-radius: 15px;width:180px;min-height: 110px;line-height: 110px;box-sizing:border-box;text-align: center;}
#optional_items .prd-box7 .tabBox .prd-cont .ico-cont li .imgBox img{display: inline;}
#optional_items .prd-box7 .tabBox .prd-cont .ico-cont li .txt1{font-size: 16px;line-height: 1.3;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont{margin-top:100px;text-align: left;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont .subject .txt1{font-size: 1.80em;font-weight: 600;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont .subject .txt2{font-size: 1.10em;font-weight: 400;word-break: keep-all;margin-top: 20px;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li{position: relative;line-height: 1.2;margin-bottom: 20px;font-size: 1.00em;font-weight: 400;display: flex;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li::before{content: '·';font-weight: 900;padding-right: 15px;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li p{line-height: 1.4;}
#optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li p:not(:last-child){margin-bottom: 20px;}
#optional_items .prd-box7 .tabBox .prd-cont .ot-cont{margin-top:100px;display: flex;align-items:center;gap: 60px;}
#optional_items .prd-box7 .tabBox .prd-cont .ot-cont .imgBox{min-width:180px;min-height: 100px;padding:10px 20px;border: 1px solid #cacaca;border-radius: 15px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
#optional_items .prd-box7 .tabBox .prd-cont .ot-cont ul{text-align: left;}
#optional_items .prd-box7 .tabBox .prd-cont .ot-cont ul li{position: relative;line-height: 1.2;margin-bottom: 10px;display: flex;}
#optional_items .prd-box7 .tabBox .prd-cont .ot-cont ul li::before{content: '·';font-weight: 900;padding-right: 15px;}
#optional_items .prd-box7 .tabBox .prd-cont .ot-cont ul li p{font-size: 1.00em;font-weight: 400;color: #000;}

#optional_items .prd-box7 #refrigerator .tabBox .prd-cont .tit-cont .txt3 {text-align: center;}
@media all and (max-width:1700px){
    #optional_items .prd-box7 .tabBox{max-width: 1040px;}
}
@media all and (max-width:1399px){
    #optional_items .prd-box7 .left-side-menu ul{width: 100%;}
    #optional_items .prd-box7 .tabBox{max-width: 1000px;margin-right: 0;margin: 0 auto;}
    #optional_items .prd-box7 .tabBox .prd-cont .ico-cont li{width: auto;}
}
@media all and (max-width:1200px){
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt1{font-size: 2.25em;}
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt2{font-size: 1.50em;}    
    #optional_items .prd-box7 .tabBox .prd-cont .ico-cont li .imgBox img{width: 70px;}
}

@media all and (max-width:1024px){
    #optional_items .prd-box7 .tabBox .prd-txt{margin-top: 40px;}
    #optional_items .prd-box7 .tabBox .prd-cont{margin-top: 70px;}
    #optional_items .prd-box7 .tabBox .prd-cont .img-cont{height: 500px;}
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont{margin: 60px 0;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont{margin-top: 60px;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont .subject .txt2{margin-top: 10px;}
    #optional_items .prd-box7 .tabBox .prd-cont .ot-cont{margin-top: 60px;}
}
@media all and (max-width:960px){
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt3 br{display: none;}
    #optional_items .prd-box7 .tabBox .prd-cont .img-cont{height:auto;padding: 30px;}
}
@media all and (max-width:768px){
    #optional_items .prd-box7 .tabBox .prd-cont{margin-top: 60px;}   
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt1{font-size: 1.5em;}
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt2{font-size: 1.15em;}
    #optional_items .prd-box7 .tabBox .prd-cont .tit-cont .txt3{font-size: 1.00em;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont .subject .txt1{font-size: 1.25em;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont .subject .txt2{font-size: 18px;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li{margin-bottom: 15px;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li::before{padding-right: 10px;}  
    #optional_items .prd-box7 .tabBox .prd-cont .ot-cont{gap: 40px;}
}
@media all and (max-width:500px){
    #optional_items .prd-box7 .tabBox .prd-txt .txt1{font-size: 1.30em;}
    #optional_items .prd-box7 .tabBox .prd-cont .txt-cont ul li{margin-bottom: 10px;}
    #optional_items .prd-box7 .tabBox .prd-cont .ico-cont li{width: calc(100% / 2 - 10px);}
    #optional_items .prd-box7 .tabBox .prd-cont .ico-cont li .imgBox{width: 100%;}
    #optional_items .prd-box7 .tabBox .prd-cont .ot-cont{flex-direction: column;gap: 30px;align-items: start;}
    #optional_items .prd-box7 .tabBox .prd-cont .ot-cont .imgBox{min-width: 100%;padding: 20px;}
}
@media all and (max-width:400px){
    #optional_items .prd-box7 .tabBox .prd-txt .txt1 br{display: none;}
}
/* Product > optional_items (customized.php) 끝 */


/* Application >  Battery  > 배터리용 글로브박스 > 배터리 소재개발 (battery0101.php) 시작 */
#battery0101 .title-cont .page-nav .prd-name::before, 
#battery0101 .title-cont .page-nav .prd-name::after {display: none;}
#battery0101 .title-cont .page-nav .prd-name .name1 {margin-bottom: 10px;}
#battery0101 .prd-box4 .text-list {margin-top: 130px;}
@media all and (max-width: 1024px){
    #battery0101 .prd-box4 .text-list {margin-top: 80px;} 
}
@media all and (max-width: 768px){
    #battery0101 .prd-box4 .text-list {margin-top: 50px;} 
}
@media all and (max-width: 640px){
    #battery0101 .prd-box4 .text-list {margin-top: 40px;} 
}
@media all and (max-width:480px){
    .product .text-list > li > span{flex-direction: column;}
    .product .text-list > li > span b{padding-left: 15px;}
}

/* Application >  Battery  > 배터리용 글로브박스 > 배터리 소재개발 (battery0101.php) 끝 */

/* Application >  Battery  > 배터리용 글로브박스 > 황화물 배터리 (battery0102.php) 시작 */
#battery0102 .title-cont .page-nav .prd-name::before, 
#battery0102 .title-cont .page-nav .prd-name::after {display: none;}
#battery0102 .title-cont .page-nav .prd-name .name1 {margin-bottom: 10px;}
#battery0102 .prd-box4 .text-list {margin-top: 130px;}
@media all and (max-width: 1024px){
    #battery0102 .prd-box4 .text-list {margin-top: 80px;} 
}
@media all and (max-width: 768px){
    #battery0102 .prd-box4 .text-list {margin-top: 50px;} 
}
@media all and (max-width: 640px){
    #battery0102 .prd-box4 .text-list {margin-top: 40px;} 
}
/* Application >  Battery  > 배터리용 글로브박스 > 황화물 배터리 (battery0102.php) 끝 */

/* Application >  Battery  > 배터리용 글로브박스 > 리튬 이온 배터리 (battery0103.php) 시작 */
#battery0103 .title-cont .page-nav .prd-name::before, 
#battery0103 .title-cont .page-nav .prd-name::after {display: none;}
#battery0103 .title-cont .page-nav .prd-name .name1 {margin-bottom: 10px;}
#battery0103 .prd-box4 .text-list {margin-top: 130px;}
#battery0103 .prd-box4 .text-list > li::before {content: '-';position: relative;top: -2px;}

@media all and (max-width: 1250px){
    #battery0103 .prd-box4 .text-list > li .line-br {display: inline;}
}
@media all and (max-width: 1024px){
    #battery0103 .prd-box4 .text-list {margin-top: 80px;} 
}
@media all and (max-width: 768px){
    #battery0103 .prd-box4 .text-list {margin-top: 50px;} 
}
@media all and (max-width: 640px){
    #battery0103 .prd-box4 .text-list {margin-top: 40px;} 
}
/* Application >  Battery  > 배터리용 글로브박스 > 리튬 이온 배터리 (battery0103.php) 끝 */


/* Application >  Battery  > 배터리용 글로브박스 > RTR Coating Process Solution (battery0104.php) 시작 */
#battery0104 .title-cont .page-nav .prd-name::before, 
#battery0104 .title-cont .page-nav .prd-name::after {display: none;}
#battery0104 .title-cont .page-nav .prd-name .name1 {margin-bottom: 10px;}
#battery0104 .prd-box4 .cont-list > ul > li {display: flex;gap: 0 50px;}
#battery0104 .prd-box4 .cont-list > ul > li:not(:last-child) {margin-bottom: 100px;}
#battery0104 .prd-box4 .cont-list > ul > li > .tit {width: 50%;padding-left: 35px;font-size: 3.0em;line-height: 1.2;position: relative;}
#battery0104 .prd-box4 .cont-list > ul > li > .tit::before {content: '';display: block;width: 9px;height: 9px;border-radius: 50%;background: #000;position: absolute;top: 34px;left: 0;}
#battery0104 .prd-box4 .cont-list > ul > li > ul {width: 50%;margin-top: 18px;}
#battery0104 .prd-box4 .cont-list > ul > li > ul > li:not(:last-child) {margin-bottom: 6px;}
#battery0104 .prd-box4 .cont-list > ul > li > ul > li span {display: flex;gap: 0 15px;position: relative;}
#battery0104 .prd-box4 .cont-list > ul > li > ul > li span::before {flex: 0 0 auto;content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #000;position: relative;top: 14px;}
@media all and (max-width: 1199px){
    #battery0104 .prd-box4 .cont-list > ul > li > .tit {font-size: 2.50em;}
    #battery0104 .prd-box4 .cont-list > ul > li > .tit::before {top: 27px;}
}
@media all and (max-width: 1024px){
    #battery0104 .prd-box4 .cont-list > ul > li:not(:last-child) {margin-bottom: 60px;}
    #battery0104 .prd-box4 .cont-list > ul > li > ul {width: 60%;margin-top: 10px;}
    #battery0104 .prd-box4 .cont-list > ul > li > .tit {width: 40%;padding-left: 25px;font-size: 2.22em;}
    #battery0104 .prd-box4 .cont-list > ul > li > .tit::before {width: 6px;height: 6px;top: 20px;}
}
@media all and (max-width: 640px){
    #battery0104 .prd-box4 .cont-list > ul > li {flex-direction: column;}
    #battery0104 .prd-box4 .cont-list > ul > li:not(:last-child) {margin-bottom: 40px;}
    #battery0104 .prd-box4 .cont-list > ul > li > .tit {width: 100%;font-size: 2.0em;}
    #battery0104 .prd-box4 .cont-list > ul > li > ul {width: 100%;padding-left: 20px;}
}
/* Application >  Battery  > 배터리용 글로브박스 > RTR Coating Process Solution (battery0104.php) 끝 */


/* Application >  Battery  > 전고체 배터리용 증착시스템 > Hybrid 증착시스템(battery0201.php) 시작 */
#battery0201 .prd-box4 .cinner{flex-direction: column;align-items: end;}
#battery0201 .prd-box4 .cont-box .txt2{font-size: 2.50em;margin-bottom: 10px;line-height: 1.2;}
#battery0201 .prd-box4 .cont-box .img-cont.type2{margin-top: 60px;}
#battery0201 .prd-box4 .cont-box:nth-child(2) .text-list:not(:last-child){margin-bottom: 40px;}
@media all and (max-width:1399px){
    #battery0201 .prd-box4 .cont-box .txt2{font-size: 2.00em;}
}
@media all and (max-width:1299px){
    #battery0201 .prd-box4 .cont-box .txt2{font-size: 1.50em;}
}
/* Application >  Battery  > 전고체 배터리용 증착시스템 > Hybrid 증착시스템(battery0201.php) 끝 */


/* Application >  Battery  > 전고체 배터리용 증착시스템 > In-line Multi Vacuum Chamber(battery0202.php) 시작 */
#battery0202 .prd-box4 .cont-box .txt2{font-size: 2.00em;margin-bottom: 50px;line-height: 1.2;}
#battery0202 .prd-box4 .cont-box:nth-child(2) .text-list:not(:last-child){margin-bottom: 40px;}
#battery0202 .text-list > li::before{display: none;}
@media all and (max-width:1299px){
    #battery0202 .prd-box4 .cont-box .txt2{font-size: 1.40em;}
}
@media all and (max-width:1024px){
    #battery0202 .prd-box4 .cont-box .txt1{margin-bottom: 10px;}
    #battery0202 .prd-box4 .cont-box .txt2{margin-bottom: 25px;}
}
/* Application >  Battery  > 전고체 배터리용 증착시스템 > In-line Multi Vacuum Chamber(battery0202.php) 끝 */


/* Application > AEROSPACE (aerospace.php) 시작 */
#aerospace{}
#aerospace .prd-box4 .cont-box .content:nth-child(2) .text-list{margin-bottom: 60px;}
#aerospace .prd-box4 .cont-box .txt1{margin-bottom: 20px;}
#aerospace .text-list ul {padding-left: 25px;}
#aerospace .text-list ul li{margin-bottom: 8px;}
#aerospace .text-list ul li .underline{text-decoration: underline;font-weight: 600;text-underline-offset: 5px;}
#aerospace .prd-box4 .cont-box .img-cont {text-align: center;}
#aerospace .prd-box4 .cont-box .img-cont img{display: inline;}
@media all and (max-width:1024px){
    #aerospace .text-list ul {padding-left: 20px;}
}
@media all and (max-width:640px){
    #aerospace .text-list ul {padding-left: 15px;}
}
/* Application > AEROSPACE (aerospace.php) 끝 */


/* Application > Solar cell (solarcell01.php) 시작 */
#wet_process .prd-box2{margin-top: 160px;}
#wet_process .prd-box2 .title-cont{max-width: 1340px;width: 79%;margin-left: auto;text-align: left;}
#wet_process .prd-box2 .title-cont .txt1{text-align: left;font-size: 3.0em;padding: 0;margin-bottom: 0;word-break: keep-all;}
#wet_process .prd-box2 .title-cont .txt2{text-align: left;font-size: 1.75em;padding: 0;margin-bottom: 40px;word-break: keep-all;}
@media all and (max-width:1199px){
    #wet_process .prd-box2 .title-cont .txt1{font-size: 2.50em;}
    #wet_process .prd-box2 .title-cont .txt2{font-size: 1.50em;}
}
@media all and (max-width:1024px){
    #wet_process .prd-box2 .title-cont{max-width: 100%;width: 100%;}
    #wet_process .prd-box2 .title-cont .txt2{margin-bottom: 20px;}
}
@media all and (max-width:500px){
    #wet_process .prd-box2{margin-top: 120px;}
}
/* Application > Solar cell (solarcell01.php) 끝 */


/* Application > Solar cell (solarcell02.php) 시작 */
#dry_process .prd-box2{margin-top: 160px;}
#dry_process .prd-box2 .title-cont{max-width: 1340px;width: 79%;margin-left: auto;text-align: left;}
#dry_process .prd-box2 .title-cont .txt1{text-align: left;font-size: 3.0em;padding: 0;margin-bottom: 0;word-break: keep-all;}
#dry_process .prd-box2 .title-cont .txt2{text-align: left;font-size: 1.75em;padding: 0;margin-bottom: 40px;word-break: keep-all;}
@media all and (max-width:1199px){
    #dry_process .prd-box2 .title-cont .txt1{font-size: 2.50em;}
    #dry_process .prd-box2 .title-cont .txt2{font-size: 1.50em;}
}
@media all and (max-width:1024px){
    #dry_process .prd-box2 .title-cont{max-width: 100%;width: 100%;}
    #dry_process .prd-box2 .title-cont .txt2{margin-bottom: 20px;}
}
@media all and (max-width:500px){
    #dry_process .prd-box2{margin-top: 120px;}
}
/* Application > Solar cell (solarcell02.php) 끝 */


/* Application > Nuclear (nuclear.php) 시작 */
#nuclear .prd-box4 .cont-box .content:not(:last-child){margin-bottom: 120px;}
@media all and (max-width:768px){
    #nuclear .prd-box4 .cont-box .content:not(:last-child){margin-bottom: 50px;}
}
/* Application > Nuclear (nuclear.php) 끝 */


/* Application > Semi-conductor (semi-conductor.php) 시작 */
#semi_conductor .prd-box4 .cont-box .content .text-list{margin-bottom: 100px;}
#semi_conductor .prd-box4 .content .txt1{margin-bottom: 0;}
#semi_conductor .prd-box4 .content .txt2{text-align: left;font-size: 1.75em;padding: 0;margin-bottom: 40px;word-break: keep-all;}
@media all and (max-width:1199px){    
    #semi_conductor .prd-box4 .content .txt1{font-size: 2.50em;}    
    #semi_conductor .prd-box4 .content .txt2{font-size: 1.50em;}
}
@media all and (max-width:1024px){    
    #semi_conductor .prd-box4 .cont-box .content .text-list{margin-bottom: 60px;}
    #semi_conductor .prd-box4 .content{max-width: 100%;width: 100%;}    
    #semi_conductor .prd-box4 .content .txt2{margin-bottom: 20px;}
}
/* Application > Semi-conductor (semi-conductor.php) 끝 */


/* Application > Microscope (microscope.php) 시작 */
#microscope .prd-box4 .content .txt1{margin-bottom: 0;}
#microscope .prd-box4 .content .txt2{text-align: left;font-size: 1.75em;padding: 0;margin-bottom: 40px;word-break: keep-all;}
@media all and (max-width:1199px){    
    #microscope .prd-box4 .content .txt1{font-size: 2.50em;}    
    #microscope .prd-box4 .content .txt2{font-size: 1.50em;}
}
@media all and (max-width:1024px){    
    #microscope .prd-box4 .content{max-width: 100%;width: 100%;}    
    #microscope .prd-box4 .content .txt2{margin-bottom: 20px;}
}
/* Application > Microscope (microscope.php) 끝 */


/* Application > OLED (OLED.php) 시작 */
#OLED .prd-box4 .content .txt1{margin-bottom: 0;}
#OLED .prd-box4 .content .txt2{text-align: left;font-size: 1.75em;padding: 0;margin-bottom: 40px;word-break: keep-all;}
@media all and (max-width:1199px){    
    #OLED .prd-box4 .content .txt1{font-size: 2.50em;}    
    #OLED .prd-box4 .content .txt2{font-size: 1.50em;}
}
@media all and (max-width:1024px){    
    #OLED .prd-box4 .content{max-width: 100%;width: 100%;}    
    #OLED .prd-box4 .content .txt2{margin-bottom: 20px;}
}
/* Application > OLED (OLED.php) 끝 */






/* 회사소개 > 회사소개 (company.php) 시작 */
#company .button-content{padding-top: 40px;}
#company .button-content .inner-wrapper-sticky{z-index: 100;background: #fff !important;}
#company .button-content .tabs{padding: 30px 0;}
#company .button-content .tabs .cinner{display: flex;gap: 0 40px;}
#company .button-content ul li {line-height: 1;}
#company .button-content ul li a{display: block;text-transform: uppercase;color: #898989;font-size: 1.10em;font-weight: 600;transition: .35s;}
#company .button-content ul li a::after{content:'';width: 0%;transition:width .3s;display: block;background: #000;}
#company .button-content ul li.current a,
#company .button-content ul li a:hover{color: #000;font-weight: 700;}
#company .button-content ul li.current a::after,
#company .button-content ul li a:hover::after{width: 100%;background: #000;height: 1px;}
#company .tab-content{padding-top:180px;}
#company .tab-content#battery{padding-top: 150px;}
#company .tab-content.current{}
@media all and (max-width:1200px){
    #company .tab-content{padding-top: 150px;}
}
@media all and (max-width:768px){
    #company .button-content .tabs{padding: 20px 0;}
}

#company .typeb__content{height: 100%;padding:200px 0 100px 0;margin-bottom: 0;}
#company .typeb__content .cinner{display: flex;flex-direction: column;justify-content: end;}
#company .typeb__content .typeb__title{position: unset;margin-bottom: 60px;padding-top: 0;}
#company .company_slide {width: 110%; height: 100%;overflow: visible;}
#company .swiper-wrapper{}
#company .swiper-slide {text-align: center; display: flex;flex-direction: column; justify-content: center; align-items: center;}
#company .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
#company .typeb__content .company_bnr{}
#company .typeb__content .company_bnr .tit{margin-top: 30px;text-align: center;}
#company .typeb__content .company_bnr .tit p{font-size:19px;font-weight:600;color:#fff;word-break: keep-all;}
@media all and (max-width:1600px){
    #company .typeb__content .company_bnr .tit p br{display: none;}
}
@media all and (max-width:1200px){
    #company .typeb__content .company_bnr .tit{margin-top: 20px;}
}
@media all and (max-width:640px){
    #company .typeb__content{padding: 100px 0 100px 0;}
    #company .typeb__content .typeb__title .typb__subtit p{text-align: left;}
}

#company #introduce{padding: 150px 0 200px 0;position: relative;overflow: hidden;}
#company #introduce::before{content: '';position: absolute;right: -270px;bottom: -200px;width: 1134px;height: 610px;background: url('../img/sub/img-company_img08.png') no-repeat;background-size: cover !important;}
#company #introduce .title-cont{padding-bottom: 50px;}
#company #introduce .title-cont .txt1{font-size: 2.00em;font-weight: 600;}

#company #introduce .cp-cont{width:100%;}
#company #introduce .cp-cont .cinner{width: 100%;}
#company #introduce .cp-cont .num-sec{display: flex;justify-content: space-between;align-items: stretch;gap:0 30px;}
#company #introduce .cp-cont .txt-cont{height: 100%;display: flex;flex-direction: column;justify-content: center;}
#company #introduce .cp-cont .txt-cont .inBox{padding: 50px;width: 100%;height:100%;border-radius: 10px;display: flex;flex-direction: column;gap: 20px 0;}
#company #introduce .cp-cont .txt-cont .tit{text-align: left;width: 100%;}
#company #introduce .cp-cont .txt-cont .countBox .counttxt{font-size:1.20em;color: #fff;}
#company #introduce .cp-cont .txt-cont .countBox p{line-height: 1.2;transition: all .3s ease-in-out;}
#company #introduce .cp-cont .txt-cont .txt1{font-size: 5.00em;font-weight:600;color: #fff;}
#company #introduce .cp-cont .txt-cont .txt2{font-size: 1.20em;font-weight:600;color: #fff;transition: all .3s ease-in-out;}
#company #introduce .cp-cont .txt-cont .txt3{font-size: 1.50em;font-weight: 600;color: #000;transition: all .3s ease-in-out;}

#company #introduce .cp-cont .leftBox{gap: 30px 0;width:calc(100% - 480px);display: flex;flex-direction: column;}
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(1){width:400px;transition: width .3s ease-in-out;}
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover{width: 50%;}
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover .txt2,
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover .countBox p{transform: translateY(-20px);}
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(2){width:calc(100% - 430px);}
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(2):hover .txt2,
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(2):hover .countBox p{transform: translateY(-20px);}
#company #introduce .cp-cont .leftBox .txt-cont:nth-child(2):hover .inBox::before{transform: scale(1.1);transform: translate(2%,5%);}

#company #introduce .cp-cont .leftBox .top{display: flex;justify-content: space-between;width: 100%;height: 50%;gap:0 30px;}
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(1) .inBox{background: #EFF0F5;}
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(1) .txt1,
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(1) .txt2,
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(1) .countBox .counttxt{color: #000;}
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(2) .inBox{background:var(--color-red);background-size: cover !important;position: relative;z-index: 1;overflow: hidden;}
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(2) .inBox::before{transition: all .3s ease-in-out;content: '';position: absolute;right: 50px;top:50px;z-index:-1;width: 544px;height:279px;background:url('../img/sub/img-company_img05.png')no-repeat;}
#company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(2) .countBox{text-align: center;}

#company #introduce .cp-cont .leftBox .bot{display: flex;flex-direction: row-reverse;justify-content: space-between;width: 100%;height: 50%;gap:0 30px;}
#company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(1) .inBox{background:#000;text-align: center;position: relative;overflow: hidden;z-index: 1;}
#company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(1) .inBox::before{transition: all .3s ease-in-out;content: '';position: absolute;right: -30px;top: 0;z-index: -1;width: 168px;height: 140px;background: url('../img/sub/img-company_img06.png')no-repeat;}
#company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(1) .tit{text-align: center;}
#company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(1):hover .inBox::before{transform: scale(1.1) translate(2%, 5%);}
#company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(2) .inBox{background: var(--color-blue);}
#company #introduce .cp-cont .rightBox {width:450px;transition: width .3s ease-in-out;}
#company #introduce .cp-cont .rightBox .txt-cont{width:100%;height: 100%;}
#company #introduce .cp-cont .rightBox .txt-cont .inBox{background: #EFF0F5;gap: 40px 0;justify-content: space-between;align-items: center;}
#company #introduce .cp-cont .rightBox .txt-cont .tit .txt2{color: #000;padding-bottom: 20px;}
#company #introduce .cp-cont .rightBox:hover{width: 480px;}
#company #introduce .cp-cont .rightBox .txt-cont:hover .txt2,
#company #introduce .cp-cont .rightBox .txt-cont:hover .txt3{transform: scale(1.1);}
@media all and (max-width:1800px){
    #company #introduce .cp-cont .txt-cont .txt1{font-size: 4.50em;}
}
@media all and (max-width:1699px){
    #company #introduce .cp-cont .cinner{width: auto;}
}
@media all and (max-width:1600px){
    #company #introduce .cp-cont .num-sec{gap: 0 20px;}
    #company #introduce .cp-cont .txt-cont .inBox{padding: 40px;}
    #company #introduce .cp-cont .txt-cont .txt1{font-size: 4.00em;}
    #company #introduce .cp-cont .leftBox{width: calc(100% - 470px); gap: 20px 0;}
    #company #introduce .cp-cont .leftBox .top{gap: 0 20px;}
    #company #introduce .cp-cont .leftBox .bot{gap: 0 20px;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1){width: 300px;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover{width: 50%;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(2){width: calc(100% - 320px);}   
    #company #introduce .cp-cont .rightBox:hover{width: 470px;}
}
@media all and (max-width:1400px){
    #company #introduce .cp-cont .leftBox{width: calc(100% - 370px);}
    #company #introduce .cp-cont .rightBox{width: 350px;}
    #company #introduce .cp-cont .txt-cont .txt1{font-size: 3.40em;}    
}
@media all and (max-width:1200px){
    #company #introduce{padding: 100px 0 150px 0;}
    #company #introduce .cp-cont .num-sec{flex-wrap: wrap;gap: 20px 0;}
    #company #introduce .cp-cont .leftBox{width: 100%;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1){width: 35%;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(2){width: 65%;}
    #company #introduce .cp-cont .rightBox{width: 100%;}
    #company #introduce .cp-cont .rightBox:hover{width: 100%;}
    #company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(1):hover .inBox::before{transform: none;}
    #company #introduce .cp-cont .rightBox .txt-cont:hover .txt2,
    #company #introduce .cp-cont .rightBox .txt-cont:hover .txt3{transform: none;}
    #company #introduce .cp-cont .rightBox .txt-cont{flex-direction: row;}
    #company #introduce .cp-cont .txt-cont .inBox{padding: 40px 30px;}
    #company #introduce .cp-cont .txt-cont .txt1{font-size: 3.00em;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover{width: 35%;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover .txt2,
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover .countBox p{transform:none;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(2):hover .txt2,
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(2):hover .countBox p{transform:none;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(2):hover .inBox::before{transform: none;}
}
@media all and (max-width:768px){
    #company #introduce .title-cont .txt1{font-size:1.70em;}
    #company #introduce .cp-cont .leftBox .top{flex-direction: column;gap: 20px 0;}
    #company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(2)::before{right:30px;top: 30px;}
    #company #introduce .cp-cont .leftBox .bot{flex-direction: column-reverse;gap: 20px 0;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1){width: 100%;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(1):hover{width: 100%;}
    #company #introduce .cp-cont .leftBox .txt-cont:nth-child(2){width: 100%;}
    #company #introduce .cp-cont .txt-cont .txt2{font-size: 1.10em;}
    #company #introduce .cp-cont .txt-cont .txt3{font-size: 1.30em;}
    #company #introduce .cp-cont .rightBox .txt-cont .img img{width: 150px;}
    #company #introduce .cp-cont .leftBox .top .txt-cont:nth-child(2)::before{width: 400px;height: 160px;background-size: cover !important;}
    #company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(1)::before{width: 120px;height: 100px;background-size: cover !important;right: 20px;}
}
@media all and (max-width:640px){
    #company #introduce .title-cont .txt1{font-size:1.45em;}
    #company #introduce .title-cont .txt1 br{display: none;}
    #company #introduce .cp-cont .leftBox .bot .txt-cont:nth-child(2) .txt1{font-size: 2.50em;}
}
@media all and (max-width:500px){
    #company #introduce .cp-cont .rightBox .txt-cont .img img{width: 100px;}
}

#company #introduce .circle_cont .circle_wrap{display: flex;align-items: center;justify-content: center;padding-top: 200px;}
#company #introduce .circle_cont .circle_wrap .line{position: relative;width: 100%;}
#company #introduce .circle_cont .circle_wrap .line:before{content: '';position: absolute;left: 0;top: 50%;width: 0;transform: translateY(-50%);border-bottom: 1px solid #000;transition: width 0.8s;}
#company #introduce .circle_cont .circle_wrap.active .line:before{width: 100%;}
#company #introduce .circle_cont .circle_wrap.active .line.line_end:before{transition-delay: 1.8s;}
#company #introduce .circle_cont .circle_box{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;max-width: 80rem;flex-shrink: 0;}
#company #introduce .circle_cont .circle_box .conBox{position: relative;width: 100%;padding-top: 100%;}
#company #introduce .circle_cont .circle_box .conBox svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: visible;}
#company #introduce .circle_cont .circle_box .conBox svg .cls-1{fill: #fff;stroke: #000;stroke-width: 0.25;}
#company #introduce .circle_cont .circle_wrap.active .circle_box .conBox svg .circle_svg{stroke-dashoffset: 0;}
#company #introduce .circle_cont .circle_box .conBox:nth-of-type(1) svg .circle_svg{stroke-dashoffset: 615.75;stroke-dasharray: 615.75;-webkit-transition: stroke-dashoffset 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;transition: stroke-dashoffset 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;}
#company #introduce .circle_cont .circle_box .conBox:nth-of-type(2) svg .circle_svg{stroke-dashoffset: 615.75;stroke-dasharray: 615.75;-webkit-transition: stroke-dashoffset 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s;transition: stroke-dashoffset 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s;}
#company #introduce .circle_cont .circle_box .conBox:nth-of-type(3) svg .circle_svg{stroke-dashoffset: 615.75;stroke-dasharray: 615.75;-webkit-transition: stroke-dashoffset 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;transition: stroke-dashoffset 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;}
#company #introduce .circle_cont .circle_box .txtBox {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);width: 80%;text-align: center;}
#company #introduce .circle_cont .circle_box .txtBox p.txt1{font-size: 1.80em;font-weight: 600;line-height: 1.3;word-break: keep-all;padding-bottom: 20px;}
#company #introduce .circle_cont .circle_box .txtBox p.txt2{font-size: 1.10em;word-break: keep-all;}
@media all and (max-width:1699px){
    #company #introduce .circle_cont .circle_box{max-width: 1600px;width:calc(100% - 100px);}
}
@media all and (max-width:1399px){
    #company #introduce .circle_cont .circle_box{width:calc(100% - 60px);}
    #company #introduce .circle_cont .circle_box .txtBox p.txt1{font-size: 1.50em;}
    #company #introduce .circle_cont .circle_box .txtBox p.txt2{font-size: 1.00em;}
}
@media all and (max-width:1200px){
    #company #introduce::before{width: 900px;height: auto;right: -120px;bottom: -150px;aspect-ratio: 16 / 9;}
    #company #introduce .circle_cont .circle_wrap{padding-top: 150px;}
    #company #introduce .circle_cont .circle_box .txtBox p.txt1{font-size: 1.30em;}    
    #company #introduce .circle_cont .circle_box .txtBox p.txt2{font-size: 18px;}
}
@media all and (max-width:1024px){
    #company #introduce::before{width: 700px;right: -90px;bottom: -120px;}
    #company #introduce .circle_wrap{padding-top: 0px;}
}
@media all and (max-width:960px){
    #company #introduce{padding-bottom: 0;}
    #company #introduce .circle_cont .circle_wrap{flex-direction: column;padding-top: 0;}
    #company #introduce .circle_cont .circle_wrap .line{height: 100px;width: 1px;}
    #company #introduce .circle_cont .circle_wrap .line:before{top: 0;left: 50%;transform: translateX(-50%);height: 0;border-bottom: 0;border-right: 1px solid #000;transition: height 0.8s;}
    #company #introduce .circle_cont .circle_wrap.active .line:before{width: 100%;height: 100%;}
    #company #introduce .circle_cont .circle_box{grid-template-rows: repeat(3, auto);grid-template-columns: none;width: 50%;}
    #company #introduce .circle_cont .circle_box .conBox:nth-of-type(1) svg .circle_svg{-webkit-transition: stroke-dashoffset 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;transition: stroke-dashoffset 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;}
    #company #introduce .circle_cont .circle_box .conBox:nth-of-type(2) svg .circle_svg{-webkit-transition: stroke-dashoffset 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s;transition: stroke-dashoffset 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s;}
    #company #introduce .circle_cont .circle_box .conBox:nth-of-type(3) svg .circle_svg{-webkit-transition: stroke-dashoffset 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;transition: stroke-dashoffset 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;}
}
@media all and (max-width:768px){
    #company #introduce .circle_cont .circle_box{width: 70%;}
    #company #introduce .circle_cont .circle_box .txtBox p.txt1{font-size:24px;}
}
@media all and (max-width:600px){
    #company #introduce::before{width: 115%;right: -20px;bottom: -140px;}
}
@media all and (max-width:440px){
    #company #introduce .circle_cont .circle_box{width:90%;}
}



/* 비전 */
 #company #vision {background: var(--color-blue);position: relative;}
#company #vision::before {content: '';display: block;width: 100%;height: 100%;background: url(../img/sub/img-company_bg.jpg) top center / cover no-repeat;position: absolute;top: 0;left: 0;}
#company #vision .cinner{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
#company #vision .title-cont {margin-bottom: 60px;}
#company #vision .title-cont .txt1{font-size: 2.00em;font-weight: 600;color: #fff;}
#company #vision .cp-cont {display: flex;justify-content: center;align-items: flex-start;margin-top: -25vh;}
#company #vision .cp-cont .img-cont-wrap {flex-shrink: 0;display: flex;align-items: center;position: sticky;top: 0;width: 46%;height: 100vh;}
#company #vision .cp-cont .img-cont-wrap.fixed {position: fixed;top: 0;left: 0;}
#company #vision .cp-cont .img-cont-wrap .img-cont {width: 100%;padding-top: 60.19%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);overflow: hidden;}
#company #vision .cp-cont .img-cont-wrap .img-cont .img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.3s ease-in-out;animation-timing-function: ease-in-out;}
#company #vision .cp-cont .img-cont-wrap .img-cont .img.active {opacity: 1;}
#company #vision .cp-cont .txt-cont-wrap {width: 100%;margin: calc(50vh - 11em) 0 17vh 5em;color: #fff;}
#company #vision .cp-cont .txt-cont-wrap .img-cont {display: none;}
#company #vision .cp-cont .txt-cont-wrap .txt-cont {margin: 6em 0 15em;}
#company #vision .cp-cont .txt-cont-wrap .txt-cont:last-child {margin-bottom: 10em;}
#company #vision .cp-cont .txt-cont .txt1{display: flex;align-items: center;gap: 0 10px;font-size: 2.0em;font-weight: 700;margin-bottom: 40px;line-height: 1.2;position: relative;}
/* #company #vision .cp-cont .txt-cont .txt1::before{content: '';display: block;width: 10px;height: auto;aspect-ratio: 1 / 1;border: 2px solid #fff;border-radius: 10px;} */
#company #vision .cp-cont .txt-cont .txt2{font-size: 1.20em;font-weight: 600;}
#company #vision .cp-cont .txt-cont .txt3{font-size: 1.00em;font-weight: 400;}
#company #vision .cp-cont .txt-cont .listBox {/* padding-left: 20px; */}
#company #vision .cp-cont .txt-cont .listBox > li{position: relative;display: flex;align-items: baseline;gap: 0 5px;}
#company #vision .cp-cont .txt-cont .listBox > li:not(:last-child){margin-bottom: 50px;}
#company #vision .cp-cont .txt-cont .listBox > li::before{content: '';width: 10px;height: auto;aspect-ratio: 1 / 1;border: 2px solid #fff;border-radius: 10px;}
#company #vision .cp-cont .txt-cont .listBox li span{border-bottom: 1px solid #fff;}
#company #vision .cp-cont .txt-cont .listBox li p{line-height: 1.2;margin-top: 20px;}
#company #vision .cp-cont .txt-cont .listBox .txt3 {padding-left: 0;}
#company #vision .cp-cont .txt-cont .listBox .txtBox .txt3 {}
#company #vision .cp-cont .esg-txt-cont:not(:last-child) {margin-bottom: 100px;}
#company #vision .cp-cont .esg-txt-cont .listBox ul {margin-top: 20px;}
#company #vision .cp-cont .esg-txt-cont .listBox ul > li{position: relative;display: flex;gap: 0 10px;padding-left: 10px;position: relative;}
#company #vision .cp-cont .esg-txt-cont .listBox ul > li:not(:last-child){margin-bottom: 10px;}
#company #vision .cp-cont .esg-txt-cont .listBox ul > li::before{content: '';width: 4px;height: 4px;aspect-ratio: 1 / 1;background: #fff;border-radius: 10px;position: absolute;top: 14px;left: 0;}
#company #vision .cp-cont .esg-txt-cont .listBox ul.no-circle > li {padding-left: 0;}
#company #vision .cp-cont .esg-txt-cont .listBox ul.no-circle > li:not(:last-child) {margin-bottom: 50px;}
#company #vision .cp-cont .esg-txt-cont .listBox ul.no-circle > li::before {display: none;}

@media all and (max-width: 1450px) {
    #company #vision .cp-cont .txt-cont .txt3 br {display: none;}
}
@media all and (max-width: 1399px){
    #company #vision .cp-cont .txt-cont-wrap {margin: calc(50vh - 11em) 0 17vh 3em;}
    #company #vision .cp-cont .txt-cont-wrap .txt-cont {margin: 6em 0 10em;}
    #company #vision .cp-cont .txt-cont-wrap .txt-cont:last-child {margin-bottom: 6em;}
}
@media all and (max-width: 1199px){
    #company #vision .cp-cont .txt-cont-wrap .txt-cont {margin: 6em 0;}
    #company #vision .cp-cont .txt-cont .txt3 br {display: none;}
}
@media all and (max-width: 1024px){
    #company #vision .title-cont .txt1 br {display: none;}
    #company #vision .cp-cont {margin-top: -30vh;}
    #company #vision .cp-cont .txt-cont-wrap {margin: calc(50vh - 11em) 0 17vh 2em;}
    #company #vision .cp-cont .txt-cont .listBox li p br {display: none;}
}
@media all and (max-width: 768px){
    #company #vision .title-cont .txt1 {font-size: 1.70em;}
    #company #vision .cp-cont {flex-direction: column;margin-top: 0;}
    #company #vision .cp-cont .img-cont-wrap {display: none;}
    #company #vision .cp-cont .txt-cont-wrap {margin: 0;}
    #company #vision .cp-cont .txt-cont-wrap .img-cont {display: block;margin-bottom: 50px;}
    #company #vision .cp-cont .txt-cont-wrap .txt-cont {margin: 0 0 100px 0;}
}

#company .flow_Box {width: 100%;max-width:100%;height: auto;margin-bottom: 100px;padding: 50px 0;color: #f1f2f4;font-size: 5.0em;font-weight: 700;position: relative;overflow-x: hidden;overflow-y: hidden;}
#company .flow_Box .track {position: absolute;white-space: nowrap;will-change: transform;animation: marquee 40s linear infinite;bottom: -18px;}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@media all and (max-width: 1199px){
    #company .flow_Box {padding: 40px 0;font-size: 4.50em;}
}
@media all and (max-width: 768px){
    #company .flow_Box {font-size: 3.80em;}
    #company .flow_Box .track {bottom: -20px;}
}
@media all and (max-width: 640px){
    #company .flow_Box {padding: 30px 0;font-size: 3.0em;}
    #company .flow_Box .track {bottom: -20px;}
}


/* 조직도 */
#company #organization{padding-bottom: 180px;padding-top: 100px;}
#company #organization .title-cont{margin-bottom: 60px;}
#company #organization .title-cont .txt1{font-size: 2.00em;font-weight: 600;word-break: keep-all;margin-bottom: 20px;}
#company #organization .title-cont .txt2{font-size: 1.10em;word-break: keep-all;}
#company #organization .img-cont{text-align: center;}
#company #organization .img-cont img {display: inline;width: 100%;}
#company #organization .img-cont .mo-img{ display: none; }
@media all and (max-width:1899px){
    #company #organization{padding-top: 0;}
}
@media all and (max-width:1200px){
    #company #organization{padding-bottom: 150px;}
}
@media all and (max-width:768px){
    #company #organization{padding-bottom: 100px;}
    #company #organization .title-cont .txt1{font-size: 1.70em;}
    #company #organization .img-cont .pc-img {display: none;}
    #company #organization .img-cont .mo-img {display: block;max-width: 416px;margin: 0 auto;}
}
@media all and (max-width:640px){
    #company #organization .title-cont .txt1{font-size: 1.45em;}
    #company #organization .title-cont .txt1 br{display: none;}
    #company #organization .title-cont .txt2{font-size: 18px;}
}
/* 회사소개 > 회사소개 (company.php) 끝 */


/* 회사소개 > 연혁 (history.php) 시작 */
#history {margin-bottom: 200px;}
#history .cont-box .title {margin-bottom: 60px;text-align: center;}
#history .cont-box .title > .tit {margin-bottom: 10px;font-size: 2.0em;font-weight: 700;}
#history .cont-box .title > .txt {font-size: 18px;}
#history .cont-box .tab-nav {display: flex;justify-content: center;align-items: center;max-width: 1130px;width: 100%;height: 70px;margin: 0 auto;border-radius: 35px;background: #eaeaea;}
#history .cont-box .tab-nav.on {position: fixed;top: 30px;left: 0;right: 0;margin: auto;z-index: 10;}
#history .cont-box .tab-nav .btn-tab {padding: 3px 54px;border-radius: 22px;color: #000;font-size: 1.20em;font-weight: 700;}
#history .cont-box .tab-nav .btn-tab.active {background: var(--color-red);color: #fff;}
#history .cont-box .tab-cont .detail {width: 100%;}
#history .cont-box .tab-cont .detail .detail-layout {display: flex;justify-content: center;padding: 100px 0;}
#history .cont-box .tab-cont .detail .detail-layout:last-child{padding-bottom: 0;}
#history .cont-box .tab-cont .detail .detail-layout.col2 {position: relative}
#history .cont-box .tab-cont .detail .detail-layout.col2::before,
#history .cont-box .tab-cont .detail .detail-layout.col2::after {content: '';display: block;background: #000;position: absolute;top: 100px;left: 0;right: 0;margin: auto;z-index: 0;transform: translateX(-50%);transition: 0.8s;}
#history .cont-box .tab-cont .detail .detail-layout.col2::before {width: 1px;height: 100%;}
#history .cont-box .tab-cont .detail .detail-layout.col2::after {width: 3px;height: 0;}
#history .cont-box .tab-cont .detail .detail-layout.col2 > div {width: 50%;}
#history .cont-box .tab-cont .detail .detail-title {display: flex;flex-direction: column;align-items: center;position: relative;}
#history .cont-box .tab-cont .detail .detail-title::before {content: '';display: block;width: 11px;height: 11px;border: 1px solid #000;border-radius: 50%;background: #fff;position: absolute;top: 30px;right: -10px;transform: translateX(-50%);z-index: 1;transition: .2s;}
#history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(1) .detail-title::before {top: 0;}
#history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {content: '';display: block;width: 12px;height: 12px;border: 1px solid #000;border-radius: 50%;background: #fff;position: absolute;bottom: -200px;right: 1px;transform: translateX(50%);z-index: 1;transition: .2s;}
#history .cont-box .tab-cont .detail .detail-title > .tit {width: 100%;margin-bottom: 90px;font-size: 3.0em;font-weight: 700;text-align: center;line-height: 1.0;}
#history .cont-box .tab-cont .detail .detail-title > .img-cont {position: relative;top: 50px;opacity: 0;transition: .35s;}
#history .cont-box .tab-cont .detail .detail-cont {padding: 0 100px;}
#history .cont-box .tab-cont .detail .detail-cont > .tit {margin-bottom: 50px;font-size: 1.80em;font-weight: 500;line-height: 1.3;position: relative;left: 50px;transition: .5s;opacity: 0;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li {font-size: 16px;position: relative;left: 50px;opacity: 0;transition: .35s;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li:not(:last-child) {margin-bottom: 30px;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li > .date {font-weight: 600;}
#history .cont-box .tab-cont .detail .detail-layout.last {flex-direction: column;}
#history .cont-box .tab-cont .detail .detail-layout.last > div {width: 100%;}
#history .cont-box .tab-cont .detail .detail-layout.on.last::before,
#history .cont-box .tab-cont .detail .detail-layout.on.last::after {display: none;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title {padding: 30px 0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .tit {margin-bottom: 0;line-height: 1.0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title::before {display: none;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .txt {width: 100%;margin-bottom: 30px;font-size: 1.20em;font-weight: 500;text-align: center;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont {padding: 0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .tit {text-align: center;left: auto;top: 30px;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts {font-size: 1.20em;text-align: center;position: relative;top: 30px;opacity: 0;transition: .35s;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts > .txt:not(:last-child) {margin-bottom: 20px;}
#history .cont-box .tab-cont .detail .detail-layout.on.col2::after {width: 3px;height: 100%;}
#history .cont-box .tab-cont .detail .detail-layout.on .detail-title > .tit {color: var(--color-blue);}
#history .cont-box .tab-cont .detail .detail-layout.on .detail-title::before,
#history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3).on .detail-title::after {background: #000;}
#history .cont-box .tab-cont .detail .detail-layout.on .detail-title > .img-cont {top: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-cont > .tit.active {left: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-cont > ul > li.active {left: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-layout.last::before {display: none;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .tit {position: relative;top: 0;opacity: 1;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active > .tit {top: 0;}
#history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active  > .txts {top: 0;opacity: 1;}

@media all and (max-width: 1199px){
    #history .cont-box .tab-nav.on {max-width: calc(100% - 60px);}
    #history .cont-box .tab-nav .btn-tab {padding: 3px 46px;font-size: 1.10em;}
    #history .cont-box .tab-cont .detail .detail-layout {padding: 70px 0;}
    #history .cont-box .tab-cont .detail .detail-title > .tit {margin-bottom: 50px;font-size: 2.80em;}
    #history .cont-box .tab-cont .detail .detail-cont > .tit {font-size: 1.6em;}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before, 
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {top: 70px;left: calc(30% + 50px);right: auto;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-title {width: 30%;padding: 0;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {width: 70%;padding: 6px 0 0 100px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {bottom: -150px;right: -50px;}
    #history .cont-box .tab-cont .detail .detail-title::before {right: -60px;}
    #history .cont-box .tab-cont .detail .detail-layout.last {flex-direction: row;} 
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title::before {right: auto;left: 33.8%;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .tit {margin-bottom: 20px;text-align: left;left: 50px;top: auto;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts {font-size: 18px;text-align: left;top: auto;left: 50px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active > .tit,
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont.active > .txts {left: 0;}
}
@media all and (max-width: 1024px){
    #history .cont-box .tab-nav {height: 60px;}
    #history .cont-box .tab-nav .btn-tab {padding: 3px 37px;font-size: 1.0em;}
    #history .cont-box .tab-cont .detail .detail-layout {padding: 50px 0;}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before, 
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {top: 50px;left: calc(30% + 45px);}
    #history .cont-box .tab-cont .detail .detail-title::before {top: 10px;right: -56px;}
    #history .cont-box .tab-cont .detail .detail-title > .tit {margin-bottom: 20px;font-size: 2.50em;}
    #history .cont-box .tab-cont .detail .detail-cont > .tit {margin-bottom: 20px;font-size: 1.44em;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {padding: 6px 0 0 90px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {bottom: -110px;right: -45px;}
}
@media all and (max-width: 768px){
    #history .cont-box .tab-nav {flex-wrap: wrap;gap: 5px 10px;height: auto;padding: 10px 30px;border-radius: 45px;}
    #history .cont-box .tab-nav.on {top: 20px;}
    #history .cont-box .tab-nav .btn-tab {width: calc(50% - 5px);}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before,
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {top: 50px;left: calc(30% + 35px);}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {padding: 0 0 0 70px;}
    #history .cont-box .tab-cont .detail .detail-title::before {right: -46px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {right: -35px;}
    #history .cont-box .tab-cont .detail .detail-cont > ul > li:not(:last-child) {margin-bottom: 20px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts > .txt> .line-br {display: inline;}
}
@media all and (max-width: 640px){
    #history .cont-box .tab-nav.on {max-width: calc(100% - 40px);padding: 10px 20px;border-radius: 20px;}
    #history .cont-box .tab-nav .btn-tab {font-size: 16px;padding: 5px 12px;}
    #history .cont-box .tab-cont .detail .detail-layout {flex-direction: column;padding: 50px 0 50px 30px;}
    #history .cont-box .tab-cont .detail .detail-layout.col2::before, 
    #history .cont-box .tab-cont .detail .detail-layout.col2::after {left: 0;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-title {width: 100%;}
    #history .cont-box .tab-cont .detail .detail-layout.col2 > .detail-cont {width: 100%;padding: 0;}
    #history .cont-box .tab-cont .detail .detail-title::before {right: auto;left: -30px;} 
    #history .cont-box .tab-cont .detail .detail-layout.col2:nth-child(3) .detail-title::after {display: none;}
    #history .cont-box .tab-cont .detail .detail-title > .tit {font-size: 1.78em;text-align: left;}
    #history .cont-box .tab-cont .detail .detail-title > .img-cont {display: none;}
    #history .cont-box .tab-cont .detail .detail-cont > .tit {font-size: 1.22em;}
    #history .cont-box .tab-cont .detail .detail-layout.last {flex-direction: column;} 
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title::before {display: block;top: 0;left: -30px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .tit {font-size: 1.56em;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-title > .txt {margin-bottom: 20px;font-size: 1.0em;text-align: left;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .tit {margin-bottom: 10px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts {font-size: 16px;}
    #history .cont-box .tab-cont .detail .detail-layout.last .detail-cont > .txts > .txt:not(:last-child) {margin-bottom: 10px;}
}
@media all and (max-width: 480px){
    #history .cont-box .tab-nav .btn-tab {font-size: 14px;}
}
/* 회사소개 > 연혁 (history.php) 끝 */

/* 회사소개 >PR (PR.php) 시작 */
#PR {margin-bottom: 200px;}
#PR .bd-tabs {display: flex;gap: 0 44px;margin-bottom: 115px;flex-wrap: wrap;}
#PR .bd-tabs > li > a {color: #898989;font-size: 1.10em;font-weight: 700;transition: .35s;}
#PR .bd-tabs > li > a:hover,
#PR .bd-tabs > li.active > a {color: #000;text-decoration: underline;text-underline-offset: 6px;}
#PR .bd-title {margin-bottom: 80px;}
#PR .bd-title > .tit {margin-bottom: 10px;font-size: 2.10em;font-weight: 700;}
#PR .bd-title > .txt {font-size: 1.20em;font-weight: 700;}
#PR .cont-box .title {margin-bottom: 50px;}
#PR .cont-box .title > p {font-size: 2.10em;font-weight: 700;}
#PR .cont-box  .list-swiper .swiper-wrapper {justify-content: center;}
#PR .cont-box  .list-swiper .swiper-slide {max-width: 64px;border: 0px solid #4F555F;box-sizing: border-box;cursor: pointer;}
#PR .cont-box  .list-swiper .swiper-slide-thumb-active {border-width: 1px;}
#PR #gallery .view-swiper-wrap {margin-bottom: 40px;position: relative;}
#PR #gallery .view-swiper .swiper-slide {transform: scale(.9);transform-origin: bottom left;position: relative;}
#PR #gallery .view-swiper .swiper-slide::after {content: '';display: block;width: 100%;height: 100%;background: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);background: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);background: -moz-linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);position: absolute;top: 0;right: 0;z-index: 10;}
#PR #gallery .view-swiper .swiper-slide-active {border: 1px solid #4F555F;box-sizing: boder-box;transform: scale(1);}
#PR #gallery .view-swiper .swiper-slide-active::after {opacity: 0;}
#PR #gallery .view-swiper-ctrls {display: flex;align-items: center;width: 100%;}
#PR #gallery .view-swiper-ctrls button {width: 55px;height: 55px;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 1;}
#PR #gallery .view-swiper-ctrls button::after {content: '';display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-style: solid;}
#PR #gallery .view-swiper-ctrls .btn-prev {right: calc(100% + 50px);}
#PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 24px 40px 24px 0px;border-color: transparent #000000 transparent transparent;}
#PR #gallery .view-swiper-ctrls .btn-next {left: calc(100% + 50px);}
#PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 24px 0px 24px 40px;border-color: transparent transparent transparent #000000;}


@media all and (max-width: 1800px){
    #PR #gallery .view-swiper-ctrls .btn-prev {right: 100%;}
    #PR #gallery .view-swiper-ctrls .btn-next {left: 100%;}
}
@media all and (max-width: 1399px){
    #PR #gallery .view-swiper-ctrls button {border-radius: 50%;background: #000;}
    #PR #gallery .view-swiper-ctrls .btn-prev {transform: translateX(50%);}
    #PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 14px 20px 14px 0px;border-color: transparent #fff transparent transparent;}
    #PR #gallery .view-swiper-ctrls .btn-next {transform: translateX(-50%)}
    #PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 14px 0px 14px 20px;border-color: transparent transparent transparent #fff;}
}
@media all and (max-width: 1199px){
    #PR #gallery .view-swiper .swiper-slide {transform: scale(.8);}
    #PR #gallery .view-swiper .swiper-slide-active {transform: scale(1);}
}
@media all and (max-width: 1024px){
   #PR .bd-tabs {margin-bottom: 70px;}
   #PR .cont-box .title > p {font-size: 1.78em;}
}
@media all and (max-width: 768px){
    #PR .cont-box .view-swiper-wrap {margin-bottom: 20px;}
    #PR #gallery .view-swiper-ctrls button {width: 45px;height: 45px;}
    #PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 10px 16px 10px 0px;}
    #PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 10px 0px 10px 16px;}
}
@media all and (max-width: 640px){
    #PR .cont-box .title {margin-bottom: 30px;}
    #PR .cont-box .title > p {font-size: 1.56em;}
    #PR #gallery .view-swiper-ctrls button {width: 36px;height: 36px;}
    #PR #gallery .view-swiper-ctrls .btn-prev:after {border-width: 7px 12px 7px 0px;}
    #PR #gallery .view-swiper-ctrls .btn-next:after {border-width: 7px 0px 7px 12px;}
}
/* 회사소개 >PR (PR.php) 끝 */






/* 개인정보처리방침 시작 */
[class*=privacy_con] {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 1200px;height: calc(100% - 40px);max-height: 600px;z-index: 999999;background: #fff;border: 1px solid var(--color-blue);box-sizing: border-box;}
[class*=privacy_con] .top{height: 70px;width: 100%;background: var(--color-blue);text-align: center;position: relative;top: 0;left: 0;}
[class*=privacy_con] .top p{line-height: 70px;color: #fff;font-family: var(--font-Pretendard);font-size:20px;font-weight: bold;}
[class*=privacy_con] .top span{position: absolute;top: 0;right: 0;height: 100%;width: auto;aspect-ratio: auto 1 / 1;cursor: pointer;}
[class*=privacy_con] .top span::after{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
[class*=privacy_con] .top span::before{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
[class*=privacy_con] #privacy{border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px;}
[class*=privacy_con] #privacy>b{display: block; margin-bottom: 20px; word-break: keep-all; font-size:17px; color: #000000;}
[class*=privacy_con] #privacy>.list{}
[class*=privacy_con] #privacy>.list li{display: flex; align-items: flex-start; line-height: 22px;margin-bottom: 10px;}
[class*=privacy_con] #privacy>.list li span{display: block;word-break: keep-all;margin-right: 10px; color: #666666;font-size:17px;}
[class*=privacy_con] #privacy>.list li p{display: block;word-break: keep-all; color: #666666;font-size:17px;}
[class*=privacy_con] #privacy>.list_con{margin-top: 30px;}
[class*=privacy_con] #privacy>.list_con li{margin-bottom: 30px;}
[class*=privacy_con] #privacy>.list_con li:last-child{margin-bottom:0px;}
[class*=privacy_con] #privacy>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
[class*=privacy_con] #privacy>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
[class*=privacy_con] #privacy>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size:17px;margin-bottom: 10px;line-height: 20px;}
[class*=privacy_con] #privacy>.list_con li>span{display: block;word-break: keep-all; color: #666666; font-size:15px;margin-bottom: 10px;}
[class*=privacy_con] #privacy .date_wrap{margin-top: 100px;}
[class*=privacy_con] #privacy .date_wrap p{display: block;word-break: keep-all;font-size: 15px;font-weight: 500;color: #000;}

@media all and (max-width : 1199px){
    [class*=privacy_con] #privacy{ width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0;}
}
@media all and (max-width : 1024px){
    [class*=privacy_con] .top{height: 50px;}
    [class*=privacy_con] .top p{line-height: 50px;}
}
@media all and (max-width : 640px){
    [class*=privacy_con] #privacy{width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset;}
}
/* 개인정보처리방침 끝 */






/* 이메일무단수집거부 시작 */
[class*=email_con] {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 1200px;height: calc(100% - 40px);max-height: 600px;z-index: 999999;background: #fff;border: 1px solid var(--color-blue);box-sizing: border-box;}
[class*=email_con] .top{height: 70px;width: 100%;background: var(--color-blue);text-align: center;position: relative;top: 0;left: 0;}
[class*=email_con] .top p{line-height: 70px;color: #fff;font-family: var(--font-Pretendard);font-size:20px;font-weight: bold;}
[class*=email_con] .top span{position: absolute;top: 0;right: 0;height: 100%;width: auto;aspect-ratio: auto 1 / 1;cursor: pointer;}
[class*=email_con] .top span::after{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
[class*=email_con] .top span::before{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
[class*=email_con] #email{border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px;}
[class*=email_con] #email>b{display: block; margin-bottom: 20px; word-break: keep-all; font-size:17px; color: #000000;}
[class*=email_con] #email>.list{}
[class*=email_con] #email>.list li{display: flex; align-items: flex-start; line-height: 22px;margin-bottom: 10px;}
[class*=email_con] #email>.list li span{display: block;word-break: keep-all;margin-right: 10px; color: #666666;font-size:17px;}
[class*=email_con] #email>.list li p{display: block;word-break: keep-all; color: #666666;font-size:17px;}
[class*=email_con] #email>.list_con{margin-top: 30px;}
[class*=email_con] #email>.list_con li{margin-bottom: 30px;}
[class*=email_con] #email>.list_con li:last-child{margin-bottom:0px;}
[class*=email_con] #email>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
[class*=email_con] #email>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
[class*=email_con] #email>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size:17px;margin-bottom: 10px;line-height: 20px;}
[class*=email_con] #email>.list_con li>span{display: block;word-break: keep-all; color: #666666; font-size:15px;margin-bottom: 10px;}
[class*=email_con] #email .date_wrap{margin-top: 100px;}
[class*=email_con] #email .date_wrap p{display: block;word-break: keep-all;font-size: 15px;font-weight: 500;color: #000;}

@media all and (max-width : 1199px){
    [class*=email_con] #email{ width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0;}
}
@media all and (max-width : 1024px){
    [class*=email_con] .top{height: 50px;}
    [class*=email_con] .top p{line-height: 50px;}
}
@media all and (max-width : 640px){
    [class*=email_con] #email{width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset;}
}
/* 이메일무단수집거부 끝 */



.page-item.active .page-link {border-radius:50%;aspect-ratio: 1 / 1;height: -webkit-fill-available;display: flex;align-items: center;justify-content: center;}
.page-link:hover{border-radius:50%}
.page-link {border:0!important}

#bo_gallery>ul>li .img-wrap .img-item .img {background: #ededed url(../img/no_imagebg.png) no-repeat center center!important;}
.pagination{justify-content: center;align-items: center;gap: 3px;}

@media(max-width:500px){
	#bo_list_wrap .paging-wrap .pagination {width:92%!important}
#bo_list_wrap .paging-wrap .pagination li {width:calc(100% / 10)}
#bo_list_wrap .paging-wrap .pagination li a {padding:0 ; width:100%;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;}


}