/* 폰트 */
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

html, body{font-family: "Pretendard Variable", sans-serif !important;font-size: 20px;word-break: keep-all;word-wrap: break-word;}
#nt_sidebar_move{display: none !important;}
.nt-container{max-width: unset !important;width: 100%;}
li{list-style: none;}
img{max-width: 100%;}
p{padding:0;margin:0;word-break: keep-all !important;}
.row{margin: 0;}
input,
input:focus,
select:focus{box-shadow: none !important; border: 1px solid var(--color) !important;}
.label-cap{background-color: var(--color) !important; font-size: 12px; font-weight: 400; font-family: "Pretendard Variable", sans-serif !important;}
.line-br {display: block;}
@media all and (max-width:1024px){
    html,body{font-size: 18px;}
}







:root{
    --color:#004098;
    --font-Outfit: "Outfit", sans-serif;
}


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



/* 공통 */
.inner{max-width: 1320px; margin: 0 auto; width: 90%;}
.sub_page{width: calc(100% - 40px);max-width: 1320px;margin: 0 auto 200px;}
.sub_page .sub_title{padding: 140px 0 100px;}
.sub_page .sub_title h2{display: block;width: 100%;text-align: center;font-size: 3.0em;font-weight: 700;}
.sub_page .sub_title p{display: block;width: 100%;text-align: center;font-size: 1.70em;margin-top: 150px;font-weight:bold;}
.sub_page .sub_title span{display: block;width: 100%;text-align: center;font-size: 1.20em;margin-top: 10px;}
.sub_page .sub_con{}
#nt_title .title_bg_wrap{background-position: center !important;}
.form-control:focus{box-shadow: none !important; border: 1px solid var(--color) !important;}
@media all and (max-width:1200px){
    .sub_page{margin: 0 auto 150px;}
    .sub_page .sub_title{padding: 120px 0 100px;}
    .sub_page .sub_title h2 {font-size: 2.50em;}
    .sub_page .sub_title p{margin-top: 50px;}
}
@media all and (max-width:768px){
    .sub_page{margin: 0 auto 100px;}
    .sub_page .sub_title{padding: 100px 0 60px;}
    .sub_page .sub_title p{margin-top: 50px;}
}
@media all and (max-width: 640px){
    .sub_page .sub_title h2 {font-size: 2.0em;}
}



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





/* 헤더 */
#nt_header{position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}
#head .inner{display: flex; justify-content: space-between; align-items: center; gap: 30px;}
#head .inner #nt_menu>ul{display: flex; align-items: center;}
#head .inner #nt_menu>ul>li:hover a{color: var(--color);}
#head .inner #nt_menu>ul>li:hover > .two_deps_wrap{pointer-events: unset !important; opacity: 1 !important;}
#head .inner #nt_menu>ul>li{position: relative;}
#head .inner #nt_menu>ul>li>a{font-size: 1.20em; font-weight: 500; color: #fff; text-align: center; line-height: 1.2; padding:25px 30px; display: block;}
#head .inner #nt_menu>ul>li>a span{display: block;}

#head #nt_menu .two_deps_wrap{position: absolute;top:100%;left: -20px;width: 120%;height:0;background: #fff;opacity: 0;pointer-events: none; z-index:1000;}
#head:hover .pc_menu #nt_menu .two_deps_wrap{height:fit-content;}
#head .pc_menu #nt_menu .two_deps_wrap ul{position: relative;gap: 20px;justify-content: start;}
#head .pc_menu #nt_menu .two_deps_wrap ul li{width: 100%;}
#head:hover .pc_menu #nt_menu .two_deps_wrap ul li a{color: #000;}
#head .pc_menu #nt_menu .two_deps_wrap ul li a{width: 100%; font-size: 0.90em; font-weight: 500; text-align: center; display: block; color: #000; padding: 10px 0;}
#head .pc_menu #nt_menu .two_deps_wrap ul li:hover a{color: var(--color);font-weight: 600;}
#head .pc_menu #nt_menu .two_deps_wrap ul li.on a{}

#head .head_mobile{display: flex; align-items: center; gap: 15px;}

#head .menu_btn{width: 30px;height: 20px;position: relative;top: 0;left: 0;cursor: pointer;transition: 0.3s;position: relative;z-index: 999999;display: none;}
#head .menu_btn span{left: 50%;transform: translateX(-50%);position: absolute;background: #fff;width: 100%;height: 2px;border-radius: 10px;transition: 0.3s;}
#head .menu_btn span:nth-child(1){top: 0%;}
#head .menu_btn span:nth-child(2){top: 50%;transform: translate(-50%, -50%);}
#head .menu_btn span:nth-child(3){bottom: 0;}
#head .menu_btn.atv span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;}
#head .menu_btn.atv span:nth-child(2){opacity: 0;}
#head .menu_btn.atv span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;}

#head .lang {position:relative; display:flex;}
#head .lang button {-webkit-appearance: button;display: flex;align-items: center;gap: 0 8px;background-color: transparent;background-image: none;border:0;color: #fff;font-size: 0.9em;font-weight: 600;position: relative;}
#head .lang button::after {content: '';display: block;width: 12px;height: 8px;background: url('/img/arrow_btn.svg') center center / cover no-repeat;}
#head .lang button img:first-child {margin-right:9px;}
#head .lang button img.lang-b {display: none;}
#head .lang .lang-list {position: absolute;top: 40px;left: -10px;width:72px;opacity:0;transition: all 0.3s ease 0s;clear: both;visibility: hidden;}
#head .lang .lang-list > li a {display: block;width: 100%;padding: 10px 0;background: #fff;font-size: 14px;text-align: center;transition: background-color 0.3s ease 0s;}
#head .lang .lang-list > li a:hover {background: var(--color);color: #fff;}
#head .lang:hover .lang-list,
#head .lang button:hover ~ .lang-list, 
#head .lang-list:hover {opacity:1;visibility: visible;}

@media all and (max-width:1400px){
    #head .inner #nt_menu>ul>li>a{font-size: 1.10em;}
}
@media all and (max-width:1200px){
    #head .inner #nt_menu>ul>li>a{font-size: 1.00em; padding: 5px 20px;}
}
@media all and (max-width:960px){
    #head .pc_menu{display: none;}
    #head .menu_btn{display: block;}  
    #nt_header{position: fixed; padding:0;}
    #nt_header.scrolled{background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}
    #nt_header.scrolled.atv{box-shadow: none;}
    #nt_header.scrolled .menu_btn span{background: #000;} 
    #nt_header.atv #head .menu_btn span{background: #000;} 
    #nt_header.scrolled #head .lang button{color: #000;}
    #nt_header.atv #head .lang button{color: #000;}
    #nt_header.scrolled #head .lang button::after{background: url('/img/arrow_btn_b.svg') no-repeat center / cover;}
    #nt_header.atv #head .lang button::after{background: url('/img/arrow_btn_b.svg') no-repeat center / cover;}
    #nt_header.scrolled #head .lang button img.lang-w,
    #nt_header.atv #head .lang button img.lang-w {display: none;}
    #nt_header.scrolled #head .lang button img.lang-b,
    #nt_header.atv #head .lang button img.lang-b {display: block;}
    #head .lang button{padding: 30px 0;}
    #head .lang .lang-list{top: 70px;}
    #nt_header.scrolled #head .lang .lang-list{top: 100%;}
    #nt_header.atv #head .lang .lang-list{top: 70px;}    
    #nt_header.atv #head .lang .lang-list > li a {background: var(--color);color: #fff;}
    #head .lang .lang-list > li a{padding: 5px 0;}
}
@media all and (max-width:768px){
    #head .inner .logo_wrap img{width: 100px;}
}







/* 푸터 */
footer{background: var(--color); padding: 50px 0; text-align: center;}
footer .ftBox{}
footer .ftBox .fttop{display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff;}
footer .ftBox .fttop .fttop_left{display: flex; align-items: center; gap: 60px;}
footer .ftBox .fttop .fttop_left .ftlogo{display: flex; flex-direction: column; gap: 10px;}
footer .ftBox .fttop .fttop_left .ftinfo{text-align: left; color: #fff;}
footer .ftBox .fttop .fttop_left .ftinfo>p{font-size: 14px; font-weight: 600; margin-bottom: 10px; line-height: 1; word-break: keep-all;}
footer .ftBox .fttop_left .ftinfo ul{display: flex; flex-wrap: wrap; justify-content: start; column-gap: 20px;}
footer .ftBox .fttop_left .ftinfo ul.company_info{margin-bottom: 10px;}
footer .ftBox .fttop_left .ftinfo .address_info ul{margin-bottom: 5px;}
footer .ftBox .fttop_left .ftinfo .address_info ul:last-child{margin-bottom: 0px;}
footer .ftBox .fttop_left .ftinfo ul li{font-size:14px; font-weight: 400;position: relative; word-break: keep-all;}
footer .ftBox .fttop_left .ftinfo ul li::before{content: ''; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #fff;}
footer .ftBox .fttop_left .ftinfo ul li:last-child::before{display: none;}
footer .ftBox .ftbot{display: flex; justify-content: space-between; align-items: center;}
footer .ftBox .ftbot .ftbot_copy p{font-size:14px; color: #fff; word-break: keep-all;}
footer .ftBox .ftbot .ftbot_link{display: flex; align-items: center; gap: 10px;}
footer .ftBox .ftbot .ftbot_link li{list-style: none; position: relative;}
footer .ftBox .ftbot .ftbot_link li::before{content: ''; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); width: 2px; height: auto; aspect-ratio: 1 / 1; border-radius: 50px; background: #fff;}
footer .ftBox .ftbot .ftbot_link li:last-child::before{display: none;}
footer .ftBox .ftbot .ftbot_link li a{font-size: 14px; font-weight: 400; color: #fff; display: block; word-break: keep-all;}
@media all and (max-width:1400px){
    footer .ftBox .fttop{flex-direction: column; gap: 20px;}
    footer .ftBox .fttop .fttop_left{width: 100%;}
    footer .ftBox .fttop .fttop_right{width: 100%; text-align: right;}
}
@media all and (max-width:1024px){
    footer .ftBox .fttop .fttop_left{gap: 20px; flex-direction: column;}
    footer .ftBox .fttop .fttop_left .ftlogo{flex-direction: row; width: 100%;}
    footer .ftBox .fttop .fttop_left .ftinfo{width: 100%;}
}
@media all and (max-width:960px){
    footer .ftBox .ftbot{flex-direction: column-reverse; gap: 5px;}
    footer .ftBox .fttop_left .ftinfo ul{flex-direction: column; column-gap: 0; gap: 5px;}
    footer .ftBox .fttop_left .ftinfo ul.company_info{margin-bottom: 20px;}
    footer .ftBox .fttop_left .ftinfo .address_info ul{margin-bottom: 10px;}
    footer .ftBox .fttop_left .ftinfo ul li::before{display: none;}
}
@media all and (max-width:500px){
    footer .ftBox .fttop .fttop_right{display: flex; justify-content: space-between;} 
}

#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);background:var(--color);color:#fff}


/* 퀵 메뉴 시작 */
#quick-menu {position: fixed;top: 50%;right: 0;transform: translateY(-50%);z-index: 99999;}
#quick-menu ul {border: 1px solid #EAEAEA;box-sizing: border-box;background: #fff;}
#quick-menu ul > li {}
#quick-menu ul > li:not(:last-child) {border-bottom: 1px solid #EAEAEA;box-sizing: border-box;}
#quick-menu ul > li > a {display: block;width: 100%;height: 100%;padding: 28px 21px;}
#quick-menu ul > li > a > .ico {max-width: 50px;margin: 0 auto 10px;}
#quick-menu ul > li > a > .txt {color: #000;font-size: 18px;font-weight: 500;text-align: center;line-height: 1.0;}

@media all and (max-width: 1199px){
    #quick-menu ul > li > a {padding: 20px 14px;}
    #quick-menu ul > li > a > .ico {max-width: 40px;}
    #quick-menu ul > li > a > .txt {font-size: 14px;}
}
@media all and (max-width: 1024px){
    #quick-menu ul > li > a > .ico {max-width: 30px;margin: 0 auto;}
    #quick-menu ul > li > a > .txt {display: none;}
}
/* 퀵 메뉴 끝 */



/* 메인페이지 */
#mainpage section{padding: 150px 0;}
#mainpage .mainbnr{background:no-repeat; height: 100vh; padding: 0;}
#mainpage .mainbnr .mainbnr_slide{position: relative;}
#mainpage .mainbnr .mainbnr_slide .title{color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 100; width: 100%;}
#mainpage .mainbnr .mainbnr_slide .title h3{font-size: 1.50em; font-weight: 400; margin-bottom: 30px; line-height: 1.2;}
#mainpage .mainbnr .mainbnr_slide .title h2{font-size: 4.00em; font-weight: 700; color: #fff; line-height: 1.2;}
#mainpage .mainbnr .mainbnr_slide{width: 100%; height: 100%;}
#mainpage .mainbnr .mainbnr_slide .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
#mainpage .mainbnr .mainbnr_slide .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
#mainpage .mainbnr .mainbnr_slide .slide1{background: url('/img/mainbnr_bg01.png') no-repeat center; background-size: cover;}
#mainpage .mainbnr .mainbnr_slide .slide2{background: url('/img/mainbnr_bg02.png') no-repeat center; background-size: cover;}
#mainpage .mainbnr .mainbnr_slide .slide3{background: url('/img/mainbnr_bg03.png') no-repeat center; background-size: cover;}
#mainpage .mainbnr .mainbnr_slide .swiper-pagination{bottom: 5% !important;}
#mainpage .mainbnr .mainbnr_slide .swiper-pagination .swiper-pagination-bullet{position: relative; opacity: 1; background: #fff; width: 20px; height: auto; aspect-ratio: 1 / 1; background: transparent;}
#mainpage .mainbnr .mainbnr_slide .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #fff; border-radius: 50px;}
#mainpage .mainbnr .mainbnr_slide .swiper-pagination .swiper-pagination-bullet::before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 9px; height: auto; aspect-ratio: 1 / 1; border-radius: 50px;  background: #fff;}

@media all and (max-width:1400px){
    #mainpage .mainbnr .mainbnr_slide .title h3{font-size: 1.30em;}
    #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 3.50em;}
}
@media all and (max-width:1200px){
    #mainpage section{padding: 100px 0;}
}
@media all and (max-width:960px){
    #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 3.33em;}
}
@media all and (max-width:768px){
    #mainpage section{padding: 100px 0;}
}
@media all and (max-width:640px){
    #mainpage .mainbnr .mainbnr_slide .title h3{font-size: 1.22em; margin-bottom: 20px; line-height: 1.3;}
    #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 2.78em;}
}
@media all and (max-width:500px){
    #mainpage section{padding: 70px 0;}
    #mainpage .mainbnr{height: 700px;}
    #mainpage .mainbnr .mainbnr_slide .swiper-pagination{bottom: 10% !important;}
}
@media all and (max-width:440px){
    #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 2.50em;}
}



/* 메인페이지 공통 */
#mainpage .title h2{font-size: 2.50em; font-weight: 600; color: #1b1b1b; line-height: 1;}
#mainpage .linkBox a{font-size: 0.9em; font-weight: 300; color: #fff; display: flex; justify-content: center; align-items: center; gap: 10px; width: 165px; height: 45px; line-height: 45px; background: var(--color); border-radius: 50px;}
#mainpage .linkBox a img{transition: all .3s ease-in;}
#mainpage .linkBox a:hover img{transform: translateX(5px);}
@media all and (max-width:1200px){
    #mainpage .title h2{font-size: 2.25em;}
}
@media all and (max-width:960px){
    #mainpage .title h2{font-size: 2.00em;}
    #mainpage .linkBox a{width: 140px;}
}
@media all and (max-width:500px){
    #mainpage .title h2{font-size: 1.67em;}
}





/* aboutus */
#mainpage .about{}
#mainpage .about .inner{display: flex; justify-content: space-between; align-items: center; gap: 100px;}
#mainpage .about .conBox:last-child{width: 50%;}
#mainpage .about .conBox .title {margin-bottom: 100px;}
#mainpage .about .conBox .title h2{font-weight:700; margin-bottom: 30px;}
#mainpage .about .conBox .title p{font-size: 1.60em; font-weight: 600; color: #000;  line-height: 1.3; word-break: keep-all;}
#mainpage .about .conBox video{width: 100%; height: auto; aspect-ratio: 16 / 9;}
#mainpage .about .conBox .txtBox{margin:100px 0 80px 0;}
#mainpage .about .conBox .txtBox p{font-size: 1.20em; font-weight: 500; color: #636363; line-height: 1.4; word-break: keep-all;}
@media all and (max-width:1400px){
    #mainpage .about .conBox .txtBox p br{display: none;}
}
@media all and (max-width:1200px){
    #mainpage .about .inner{gap: 60px;}    
    #mainpage .about .conBox .title{margin-bottom: 60px;}
    #mainpage .about .conBox .title h2{margin-bottom: 20px;}
    #mainpage .about .conBox .title p{font-size: 1.40em;}
    #mainpage .about .conBox .txtBox{margin: 80px 0 60px 0;}
    #mainpage .about .conBox .txtBox p{font-size: 1.10em;}
}
@media all and (max-width:960px){
    #mainpage .about .inner{flex-direction: column;}
    #mainpage .about .conBox{width: 100%;}
    #mainpage .about .conBox:last-child{width: 100%;}
    #mainpage .about .conBox .txtBox{margin: 60px 0 40px 0;}
    #mainpage .about .conBox .imgBox img{width: 100%; height: 550px; object-fit: cover;}
}
@media all and (max-width:768px){
    #mainpage .about .conBox .title{margin-bottom: 40px;}
    #mainpage .about .conBox .txtBox{margin: 40px 0 20px 0;}
    #mainpage .about .conBox .title p{font-size: 1.33em;}
    #mainpage .about .conBox .imgBox img{height: auto;}
}
@media all and (max-width:500px){
    #mainpage .about .inner{gap: 40px;}
    #mainpage .about .conBox .title p{font-size: 1.22em;}
    #mainpage .about .conBox .txtBox{margin:20px 0;}
    #mainpage .about .conBox .txtBox p{font-size: 1.00em;}
}





/* fixbnr */
#mainpage .fixbnr{background: url('/img/fixbnr_bg.png') no-repeat center fixed; background-size: cover !important; padding: 230px 0;}
#mainpage .fixbnr .title{height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; color: #fff;}
#mainpage .fixbnr .title h2{font-size: 3.00em; font-weight: 700; color: #fff; line-height: 1.2; word-break: keep-all;}
#mainpage .fixbnr .title p{font-size: 1.20em; font-weight: 400; word-break: keep-all;}
@media all and (max-width:1400px){ 
    #mainpage .fixbnr{padding: 200px 0;}
}
@media all and (max-width:1200px){ 
    #mainpage .fixbnr{padding: 180px 0;}
    #mainpage .fixbnr .title h2{font-size:2.50em;}
    #mainpage .fixbnr .title p{font-size: 1.10em;}
}
@media all and (max-width:1024px){ 
    #mainpage .fixbnr{padding: 150px 0;}
}
@media all and (max-width:768px){     
    #mainpage .fixbnr{padding: 100px 0; background:url('/img/fixbnr_bg.png') no-repeat center;}
    #mainpage .fixbnr .title h2{font-size:2.22em;}
}
@media all and (max-width:500px){ 
    #mainpage .fixbnr .title{gap: 30px;}
    #mainpage .fixbnr .title h2{font-size:2.00em;}
    #mainpage .fixbnr .title p{font-size: 1.00em;}
}
@media all and (max-width:460px){ 
    #mainpage .fixbnr .title h2{font-size:1.67em;}
    #mainpage .fixbnr .title h2 br{display: none;}
    #mainpage .fixbnr .title p span.mb{display: block;}
}








/* product */
#mainpage .product{overflow: hidden;}
#mainpage .product .title{position: relative;z-index: 998;}
#mainpage .product .title h2{margin-bottom: 20px;}
#mainpage .product .title p{color: #636363; margin-bottom: 60px;}
#mainpage .product .title .linkBox{width: fit-content;}
#mainpage .product .gallery_slide{width: 125%;}
#mainpage .product .gallery_slide .swiper-wrapper{align-items: end; justify-content: start;}
#mainpage .product .gallery_slide .swiper-slide{position: relative;}
#mainpage .product .gallery_slide .swiper-slide-active {width: 35% !important;}
#mainpage .product .gallery_slide .swiper-slide-active .imgBox img{width:100%; height: fit-content;}
#mainpage .product .gallery_slide .swiper-slide-active .na-item a{font-size: 1.50em; font-weight: 600; color: #000; line-height: 1;}
#mainpage .product .gallery_slide .na-item a{font-size: 1.20em; font-weight: 500; color: #969696; margin-top: 15px; margin-bottom: 0; line-height: 1;cursor: auto;}
#mainpage .product .gallery_slide .img-wrap {margin-bottom: 0 !important;}
#mainpage .product .gallery_slide .img-wrap a {cursor: auto;}
#mainpage .product .option-wrapper{max-width: 1320px; margin-right: auto;display: flex;justify-content:end; align-items: center; gap: 40px; margin-bottom: 25px;}
#mainpage .product .option-wrapper .swiper-pagination{position: unset; width: auto !important; font-size: 1.00em; color: #969696;}
#mainpage .product .option-wrapper .naviBox{display: flex; gap: 20px;}
#mainpage .product .gallery_prev,
#mainpage .product .gallery_next{position:static; margin-top:0; width: auto; height: auto;}
#mainpage .product .gallery_prev::after{content: '' !important; background: url('/img/galleryslide_prev.svg') no-repeat 100%; width: 32px; height: 20px; background-size: cover;}
#mainpage .product .gallery_next::after{content: '' !important; background: url('/img/galleryslide_next.svg') no-repeat 100%; width: 32px; height: 20px; background-size: cover;}
@media all and (max-width:1600px){
    #mainpage .product .option-wrapper{justify-content: start; margin-top: 40px;}
}
@media all and (max-width:1200px){
    #mainpage .product .option-wrapper{margin-bottom: 20px;}
    #mainpage .product .gallery_slide .na-item a{font-size: 1.10em;}
    #mainpage .product .gallery_slide .swiper-slide-active .na-item a{font-size: 1.40em;}
}
@media all and (max-width:1024px){
    #mainpage .product .gallery_slide .swiper-slide-active {width: 55% !important;}
    #mainpage .product .gallery_slide .swiper-slide-active .na-item a{font-size: 1.33em;}
}
@media all and (max-width:768px){
    #mainpage .product .title p{margin-bottom: 40px;}
    #mainpage .product .gallery_slide .na-item a{font-size: 1.00em;}
    #mainpage .product .gallery_slide .swiper-slide-active .na-item a{font-size: 1.10em;}
    #mainpage .product .option-wrapper{margin-bottom: 15px;}
}
@media all and (max-width:500px){
    #mainpage .product .gallery_slide{width: 100%;}
    #mainpage .product .gallery_slide .swiper-slide-active {width: inherit !important; height: auto !important;}
    #mainpage .product .option-wrapper{gap: 20px; justify-content: end; margin-top: 0;}
    #mainpage .product .option-wrapper .naviBox{gap: 10px;}
    #mainpage .product .gallery_prev::after,
    #mainpage .product .gallery_next::after{width: 25px; height: 15px;}
}






/* notice */
#mainpage .notice{background: #F5F5F5;}
#mainpage .notice .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
#mainpage .notice .conBox{display: flex; justify-content: space-between; align-items: start; gap: 80px;}
#mainpage .notice .conBox>div{width: calc(50% - 40px);}
#mainpage .notice .conBox .boardBox ul{border-top: 2px solid #000; border-bottom: 2px solid #000;}
#mainpage .notice .conBox .boardBox ul li{padding: 25px 25px 25px 0; border-bottom: 1px solid #D9D9D9;}
#mainpage .notice .conBox .boardBox ul li:last-child{border-bottom: 0;}
#mainpage .notice .conBox .boardBox .na-title .na-item{justify-content: space-between;}
#mainpage .notice .conBox .boardBox .na-title .na-subject{font-size: 1.00em; font-weight: 600; display: block !important; line-height: 1.2; width: calc(100% - 35px);}
#mainpage .notice .conBox .boardBox .na-title .na-subject:hover{color: var(--color);}
#mainpage .notice .linkBox a{color: #636363; background:transparent; border: 1px solid #494949;}
@media all and (max-width:1200px){
    #mainpage .notice .conBox{gap: 40px;}
    #mainpage .notice .conBox>div{width: calc(50% - 20px);}
    #mainpage .notice .conBox .boardBox ul li{padding: 20px 20px 20px 0;}
}
@media all and (max-width:1024px){    
    #mainpage .notice .conBox .boardBox ul li{padding:15px 15px 15px 0;}    
}
@media all and (max-width:960px){
    #mainpage .notice .conBox{gap: 60px; flex-direction: column-reverse;}
    #mainpage .notice .conBox>div{width: 100%;}
    #mainpage .notice .conBox>.imgBox img{width: 100%; height: 400px; object-fit: cover;}
    #mainpage .notice .conBox .boardBox .na-title .na-item img{width: 10px;}
}
@media all and (max-width:640px){
    #mainpage .notice .conBox>.imgBox img{height: auto;}
}
@media all and (max-width:500px){
    #mainpage .notice .conBox{gap: 40px;}
}








/* ****************************** */
/* COMPANY >  사업개요, 서비스핵심역량 시작 */
#overview {}
#overview .cont-title {margin-bottom: 70px;text-align: center;}
#overview .cont-title > .txt {color: var(--color);font-size: 18px;font-weight: 500;}
#overview .cont-title > .tit {font-size: 2.25em;font-weight: 600;}
#overview .cont-box1 {margin-bottom: 150px;}
#overview .cont-box1 ul {display: flex;gap: 60px;}
#overview .cont-box1 ul > li {width: 33.333%;padding: 55px 40px;border: 1px solid #F0F0F0;box-sizing: border-box;background: #FAFAFA;}
#overview .cont-box1 ul > li > .num {margin-bottom: 30px;color: var(--color);font-size: 1.50em;font-weight: 900;text-align: center;}
#overview .cont-box1 ul > li > .ico {max-width: 100px;margin: 0 auto;}
#overview .cont-box1 ul > li > .txt-cont {margin-top: 50px;text-align: center;}
#overview .cont-box1 ul > li > .txt-cont > .tit {margin-bottom: 10px;color: #111;font-size: 1.40em;font-weight: 600;}
#overview .cont-box1 ul > li > .txt-cont > .txt {color: #5D5D5D;line-height: 1.2;}
#overview .cont-box2 .pc-cont {max-width: 1126px;margin: 0 auto;}
#overview .cont-box2 .mo-cont {display:  none;}

@media all and (max-width: 1200px){
    #overview .cont-box1 ul {gap: 40px;}
    #overview .cont-box1 ul > li {padding: 40px 30px;}
}
@media all and (max-width: 1024px){
    #overview .cont-box1 {margin-bottom: 100px;}
    #overview .cont-box1 ul {gap: 20px;}
    #overview .cont-box1 ul > li {padding: 40px 30px;}
    #overview .cont-box1 ul > li > .ico {max-width: 80px;}
    #overview .cont-box1 ul > li > .txt-cont {margin-top: 30px;}
    #overview .cont-box1 ul > li > .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 768px){
    #overview .cont-title {margin-bottom: 50px;}
    #overview .cont-box1 ul {flex-direction: column;max-width: 600px;margin: 0 auto;}
    #overview .cont-box1 ul > li {width: 100%;}
}
@media all and (max-width: 640px){
    #overview .cont-box1 ul {max-width: 440px;}
    #overview .cont-box1 ul > li > .num {margin-bottom: 20px;font-size: 24px;}
    #overview .cont-box1 ul > li > .ico {max-width: 70px;}
    #overview .cont-box2 .pc-cont {display: none;}
    #overview .cont-box2 .mo-cont {display: block;}
    #overview .cont-box2 .mo-cont .corg {margin-bottom: 45px;position: relative;z-index: 1;}
    #overview .cont-box2 .mo-cont .corg::after {background: #D9D9D9;position: absolute;margin: auto;z-index: -1;}
    #overview .cont-box2 .mo-cont .corg .corg-tit-head {display: flex;justify-content: center;align-items: center;width: 100%;height: 120px;background: var(--color);border-radius: 10px;box-sizing: border-box;}
    #overview .cont-box2 .mo-cont .corg-depart-list {position: relative;}
    #overview .cont-box2 .mo-cont .corg-depart-list::before {content: '';display: block;width: 1px;height: 92%;background: #D9D9D9;position: absolute;top: -51px;left: 50%;transform: translateX(-50%);z-index: 0;}
    #overview .cont-box2 .mo-cont .corg-depart-task {position: relative;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li {width: 100%;margin: 20px 0;position: relative;z-index: 1;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .title {display: flex;justify-content: center;align-items: center;height: 50px;margin-bottom: 10px;border-radius: 5px;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(1) > .title {background: #2878C2;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(2) > .title {background: #2455AA;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(3) > .title {background: #2EA7E0;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(4) > .title {background: #1D2088;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .title > .tit  {color: #fff;font-weight: 500;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .list {padding: 15px;border-width: 1px;border-style: solid;border-radius: 5px;box-sizing: border-box;background: #fff;color: #333;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(1) > .list {border-color: #2878C2;/*color: #2878C2;*/}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(2) > .list {border-color: #2455AA;/*color: #0F75BC;*/}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(3) > .list {border-color: #2EA7E0;/*color: #32A5F4;*/}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(4) > .list {border-color: #1D2088;/*color: #33CCEE;*/}
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .list > ul > li {font-size: 16px;position: relative;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(1) > .list > ul > li::before {background: #0A598F;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(2) > .list > ul > li::before {background: #0F75BC;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(3) > .list > ul > li::before {background: #32A5F4;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li:nth-child(4) > .list > ul > li::before {background: #33CCEE;}

}
@media all and (max-width: 480px){
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .list {font-size: 16px;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .list > ul > li::before {top: 12px;}
    #overview .cont-box2 .mo-cont .corg-depart-task > li > .list > ul > li > span {display: block;}
}
/* COMPANY >  사업개요, 서비스핵심역량 끝 */



/* COMPANY > 회사연혁 시작 */
#history .history-cont {border-top: 1px solid #D9D9D9;}
#history .history-cont > .cont {display: flex;gap: 100px;padding: 50px;border-bottom: 1px solid #D9D9D9;}
#history .history-cont > .cont > .year {width: 110px;color: var(--color);font-size: 2.0em;font-weight: 700;line-height: 1.0;}
#history .history-cont > .cont > .cont-list {width: calc(100% - 210px);}
#history .history-cont > .cont > .cont-list > li {display: flex;gap: 10px;}
#history .history-cont > .cont > .cont-list > li > span {display: inline-block;}
#history .history-cont > .cont > .cont-list > li > .date {font-size: 1.20em;font-weight: 700;}
#history .history-cont > .cont > .cont-list > li > .txt {position: relative;top: 3px;}
#history .history-cont > .cont > .cont-list > li > .txt > em {font-style: normal;word-break: break-all;}

@media all and (max-width: 1024px){
    #history .history-cont > .cont {gap: 50px;padding: 40px 50px;}
    #history .history-cont > .cont > .year {width: 100px;}
    #history .history-cont > .cont > .cont-list {width: calc(100% - 150px);}
}
@media all and (max-width: 768px){
    #history .history-cont > .cont {gap: 40px;padding: 40px 30px;}
}
@media all and (max-width: 640px){
    #history .history-cont > .cont {flex-direction: column;gap: 20px;}
    #history .history-cont > .cont > .cont-list {width: 100%;}
    #history .history-cont > .cont > .cont-list > li > .txt {font-size: 18px;}
}
@media all and (max-width: 480px){
    #history .history-cont > .cont > .cont-list > li {display: flex;}
    #history .history-cont > .cont > .cont-list > li > .txt {position: relative;top: 3px;}
}
/* COMPANY > 회사연혁 끝 */



/* COMPANY > CEO인사말 시작 */
#ceo .cont-box .img-cont {position: relative;}
#ceo .cont-box .img-cont img {position: relative;top: 0;left: 0;}
#ceo .cont-box .img-cont .img-txt {display: block;max-width: 364px;margin-left: auto;padding: 50px 40px;background: var(--color);color: #fff;font-family: var(--font-Outfit);font-size: 2.50em;font-weight: 600;text-align: center;line-height: 1.2;letter-spacing: -0.038rem;position: relative;top: -110px;right: 85px;}
#ceo .cont-box .txt-cont {margin: -30px 0 70px;;}
#ceo .cont-box .txt-cont .tit {margin-bottom: 40px;font-size: 2.25em;font-weight: 500;line-height: 1.2;}
#ceo .cont-box .txt-cont .tit > span {color: var(--color);font-weight: 700;}
#ceo .cont-box .txt-cont .txt {color: #333;line-height: 1.6;}
#ceo .cont-box .txt-cont .txt:not(:last-child) {margin-bottom: 20px;}
#ceo .cont-box .txt-cont .txt b {color: var(--color);font-weight: 600;}
#ceo .cont-box .sign-cont > p {display: flex;justify-content: flex-end;align-items: center;gap: 15px;color: #333;font-weight: 500;}

@media all and (max-width: 1400px){
    #ceo .cont-box .img-cont .img-txt {top: -120px;right: 60px;}
    #ceo .cont-box .txt-cont {margin-top: -80px;}
}
@media all and (max-width: 1200px){
    #ceo .cont-box .img-cont .img-txt {max-width: 330px;padding: 45px 30px;font-size: 2.25em;top: -110px;right: 30px;/* padding: 42px 76px; */}
    #ceo .cont-box .txt-cont .tit {margin-bottom: 30px;}
}
@media all and (max-width: 1024px){
    #ceo .cont-box .img-cont .img-txt {max-width: 280px;padding: 35px 30px;font-size: 2.0em;}
    #ceo .cont-box .txt-cont {margin-top: -60px;}
    #ceo .cont-box .txt-cont .txt > .line-br {display: inline;}
}
@media all and (max-width: 768px){
    #ceo .cont-box .img-cont .img-txt {max-width: none;width: 100%;padding: 8px 30px;border-radius: 0  0 20px 20px;font-size: 1.44em;top: 0;right: 0;}
    #ceo .cont-box .img-cont .img-txt > .line-br {display: inline;}
    #ceo .cont-box .txt-cont {margin-top: 60px;}
    #ceo .cont-box .txt-cont .tit {margin-bottom: 20px;font-size: 1.78em;text-align: center;}
    #ceo .cont-box .txt-cont .txt:not(:last-child) {margin-bottom: 15px;}
    #ceo .cont-box .txt-cont {margin-top: 40px;}
}
@media all and (max-width: 640px){
    #ceo .cont-box .img-cont .img-txt {padding: 8px 20px;font-size: 1.22em;}
    #ceo .cont-box .txt-cont .tit {font-size: 1.56em;}
}
@media all and (max-width: 480px){
    #ceo .cont-box .img-cont .img-txt {padding: 8px 10px;font-size: 1.11em;}
}
/* COMPANY > CEO인사말 끝 */



/* COMPANY > 인증현황 시작 */
#licenses .cont-box > ul {display: flex;flex-wrap: wrap;gap: 80px 40px;}
#licenses .cont-box > ul > li {width: calc(20% - 32px);}
#licenses .cont-box > ul > li > .img-cont {border: 1px solid #EEE;box-sizing: border-box;}
#licenses .cont-box > ul > li > .img-tit {margin-top: 14px;text-align: center;line-height: 1.3;}

@media all and (max-width: 1200px){
    #licenses .cont-box > ul {gap: 60px 30px;}
    #licenses .cont-box > ul > li {width: calc(20% - 24px);}
    #licenses .cont-box > ul > li > .img-tit {font-size: 18px;}
}
@media all and (max-width: 1024px){
    #licenses .cont-box > ul > li {width: calc(25% - 22.5px);}
}
@media all and (max-width: 640px){
    #licenses .cont-box > ul {gap: 40px 20px;}
    #licenses .cont-box > ul > li {width: calc(33.333% - 13.34px);}
    #licenses .cont-box > ul > li > .img-tit {font-size: 16px;}
    #licenses .cont-box > ul > li > .img-tit > br {display: none;}
}
@media all and (max-width: 480px){
    #licenses .cont-box > ul > li {width: calc(50% - 10px);}
}
/* COMPANY > 인증현황 끝 */



/* FACTORY/R&D CENTER > 군산공장 시작 */
#factory .cont-box {display: flex;justify-content: space-between;align-items: center;}
#factory .txt-cont {max-width: 550px;width: 42%;}
#factory .txt-cont > .txt {margin-bottom: 34px;color: #111;font-size: 1.10em;font-weight: 500;text-align: center;line-height: 1.3}
#factory .txt-cont > ul {border-top: 1px solid #D9D9D9;box-sizing: border-box;}
#factory .txt-cont > ul > li {display: flex;border-bottom: 1px solid #D9D9D9;box-sizing: border-box;}
#factory .txt-cont > ul > li > p {padding: 15px 30px;}
#factory .txt-cont > ul > li > .tit {width: 37%;background: var(--color);color: #fff;font-weight: 600;text-align: center;}
#factory .txt-cont > ul > li > .txt {width: 63%;color: #333;font-size: 18px;}
#factory .img-cont {max-width: 680px;width: 52%;position: relative;}
#factory .img-cont > .factory-swiper {border: 1px solid #EAEAEA;box-sizing: border-box;}
#factory .img-cont > .swiper-pagination {position: relative;top: auto;bottom: auto;}
#factory .img-cont > .swiper-pagination > .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 5px;background: #D9D9D9;opacity: 1;transition: .35s;}
#factory .img-cont > .swiper-pagination > .swiper-pagination-bullet-active {width: 30px;background: var(--color);}

@media all and (max-width: 1200px){
    #factory .txt-cont {width: 46%;}
    #factory .img-cont {width: 48%;}
}
@media all and (max-width: 1024px){
    #factory .cont-box {flex-direction: column-reverse;gap: 50px;max-width: 728px;margin: 0 auto;}
    #factory .txt-cont {max-width: none;width: 100%;}
    #factory .txt-cont > ul > li > .txt {font-size: 16px;}
    #factory .img-cont {max-width: none;width: 100%;}
}
@media all and (max-width: 640px){
    #factory .txt-cont > ul > li > p {padding: 15px 20px;}
    #factory .txt-cont > ul > li > .tit {width: 30%;}
    #factory .txt-cont > ul > li > .txt {width: 70%;}
}
@media all and (max-width: 640px){
    #factory .cont-box {gap: 30px;}
    #factory .txt-cont > ul > li  {flex-direction: column;}
    #factory .txt-cont > ul > li > .tit {width: 100%;padding: 10px 20px;font-size: 16px;}
    #factory .txt-cont > ul > li > .txt {width: 100%;text-align: center;}
}
/* FACTORY/R&D CENTER > 군산공장 끝 */



/* FACTORY/R&D ENTER > 기업부설연구소 시작 */
#rnd .cont-box {display: flex;justify-content: space-between;align-items: center;}
#rnd .txt-cont {max-width: 570px;width: 44%;}
#rnd .txt-cont > .txt {margin-bottom: 34px;color: #111;font-size: 1.10em;font-weight: 500;text-align: center;line-height: 1.3}
#rnd .txt-cont > ul {margin-bottom: 20px;border-top: 1px solid #D9D9D9;box-sizing: border-box;}
#rnd .txt-cont > ul > li {display: flex;border-bottom: 1px solid #D9D9D9;box-sizing: border-box;}
#rnd .txt-cont > ul > li > p {padding: 15px 30px;}
#rnd .txt-cont > ul > li > .tit {display: flex;justify-content: center;align-items: center;width: 37%;background: var(--color);color: #fff;font-weight: 600;text-align: center;}
#rnd .txt-cont > ul > li > .txt {width: 63%;color: #333;font-size: 18px;}
#rnd .txt-cont > .box-txt {padding: 30px;border: 1px solid #EDEDED;box-sizing: border-box;background: #F4F4F4;color: #333;font-size: 17px;}
#rnd .img-cont {max-width: 680px;width: 52%;position: relative;}

@media all and (max-width: 1200px){
    #rnd .txt-cont {width: 46%;}
    #rnd .img-cont {width: 48%;}
    #rnd .txt-cont > .box-txt > .line-br {display: inline;}
}
@media all and (max-width: 1024px){
    #rnd .cont-box {flex-direction: column-reverse;gap: 50px;max-width: 728px;margin: 0 auto;}
    #rnd .txt-cont {max-width: none;width: 100%;}
    #rnd .txt-cont > ul > li > .txt {font-size: 16px;}
    #rnd .img-cont {max-width: none;width: 100%;}
}
@media all and (max-width: 640px){
    #rnd .txt-cont > ul > li > p {padding: 15px 20px;}
    #rnd .txt-cont > ul > li > .tit {width: 30%;}
    #rnd .txt-cont > ul > li > .txt {width: 70%;}
}
@media all and (max-width: 640px){
    #rnd .cont-box {gap: 30px;}
    #rnd .txt-cont > ul > li  {flex-direction: column;}
    #rnd .txt-cont > ul > li > .tit {width: 100%;padding: 10px 20px;font-size: 16px;}
    #rnd .txt-cont > ul > li > .txt {width: 100%;text-align: center;}
}
/* FACTORY/R&D ENTER > 기업부설연구소 끝 */



/* PRODUCT 공통 부분 시작 */
.product .cont-box:not(:last-child) {margin-bottom: 80px;}
.product .tb-wrap > table {min-width: 964px;}
.product table {width: 100%;border-collapse: collapse;table-layout: fixed;clear: both;}
.product table tr {/* border-bottom: 1px solid #D8E1ED; */}
.product table th:not(:last-child) {border-right: 1px solid rgba(255,255,255,.3);}
.product table thead th {height: 80px;background: var(--color);color: #fff;font-size: 18px;font-weight: 600;text-align: center;}
.product table tbody > tr:not([rowspan]):last-child {border-left: 0;}
.product table tbody > tr > th {color: #333;font-size: 1.25em;font-weight: 600;text-align: center;}
.product table tbody > tr > td {min-height: 146px;padding: 0 10px;border-left: 1px solid #D8E1ED;border-bottom: 1px solid #D8E1ED;color: #333;font-size: 17px;text-align: center;line-height: 1.4;}
.product table tbody > tr > td.no-left-border {border-left: 0;}
.product table tbody > tr > td.img-cont {padding: 0;}
.product table tbody > tr > td.bot-txt {padding: 25px 40px;background: #F5F9FF;color: #35404E;font-size: 18px;}
/* .product table tbody > tr > td:not(:first-child) {border-left: 1px solid #D8E1ED;} */
.product .tb-ntc {display: none;margin: 15px 0;padding: 0 25px;color: #555;font-size: 15px;text-align: center;line-height: 1.2;position: relative;}
.product .tb-ntc:before,
.product .tb-ntc:after {content: '';display: block;width: 0;height: 0;border-style: solid;}
.product .tb-ntc:before {border-width: 9px 15.588px 9px 0px;border-color: transparent rgba(85,85,85,.3) transparent transparent;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.product .tb-ntc:after {border-width: 9px 0px 9px 15.588px;border-color: transparent transparent transparent rgba(85,85,85,.3);position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

@media all and (max-width: 1024px){
    .product table thead th {height: 60px;}
    .product table tbody > tr > td {font-size: 16px;}
    .product .tb-wrap {overflow-x: auto;}
    .product .tb-ntc {display: block;}
}
/* PRODUCT 공통 부분 끝 */





/* CONTACT > 오시는길 시작 */
#location .tab-menu {margin-bottom: 50px;}
#location .tab-menu > ul {display: flex;justify-content: center;gap: 10px;}
#location .tab-menu > ul > li {}
#location .tab-menu > ul > li > a {display: block;width: 220px;padding: 15px;border-radius: 30px;background: #F4F4F4;color: #333;font-weight: 500;text-align: center;}
#location .tab-menu > ul > li.active > a {background: var(--color);color: #fff;}
#location .tab-content {display: none;}
#location .tab-content.active {display: block;}

#location .tab-content > .map {width: 100%;height: 600px;margin-bottom: 20px;border: 1px solid #DCDCDC;box-sizing: border-box;}
#location .tab-content > .info-cont {display: flex;justify-content: space-between;align-items: center;gap: 20px 50px;flex-wrap: wrap;}
#location .tab-content > .info-cont > .tit {font-size: 1.20em;font-weight: 700;}
#location .tab-content > .info-cont > ul {display: flex;flex-wrap: wrap;gap: 10px 35px;}
#location .tab-content > .info-cont > ul > li {display: flex;align-items: center;gap: 8px;}
#location .tab-content > .info-cont > ul > li > .ico {flex: 0 0 auto;}
#location .tab-content > .info-cont > ul > li > .txt {color: #333;}

@media all and (max-width: 1399px){
    #location .tab-content {max-width: none;}
}
@media all and (max-width: 1199px){
    #location .tab-content > .map {height: 400px;}
}
@media all and (max-width: 1024px){
    #location .tab-content > .info-cont > ul > li {gap: 5px}
    #location .tab-content > .info-cont > ul > li > .ico > img {max-width: 85%;}
}
@media (max-width: 768px){
    #location .tab-menu {margin-bottom: 30px;}
    #location .tab-menu > ul > li > a {width: 190px;padding: 10px 15px;}
}
@media all and (max-width: 640px){
    /* #location .tab-menu > ul > li {width: 33.333%;}*/
    #location .tab-menu > ul {flex-wrap: wrap;}
    #location .tab-menu > ul > li {width: calc(50% - 5px);}
    #location .tab-menu > ul > li:nth-child(1) {width: 100%;}
    #location .tab-menu > ul > li > a {width: 100%;}
    #location .tab-content > .map {height: 350px;}
    #location .tab-content > .info-cont > ul > li {align-items: flex-start;}
}
@media all and (max-width: 480px){
    #location .tab-menu > ul > li > a {border-radius: 10px;font-size: 16px;}
    html[lang="en"] #location .tab-menu > ul > li > a {padding: 10px;font-size: 14px;}
}
/* CONTACT > 오시는길 끝 */



/* 개인정보처리방침 시작 */
[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);box-sizing: border-box;}
[class*=privacy_con] .top{height: 70px;width: 100%;background: var(--color);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;}
}
/* 개인정보처리방침 끝 */