/* ==== 메인 공통 ==== */
:root {
  --main-color: #F2668B;
  --txt-color: #3C3C3C; 
}

.main_inner{width: 1620px; margin: auto;}

.main_sct{padding: 150px 0;}
.main_sct .main_tit{margin-bottom: 40px;}
.main_sct .main_tit h2{font-size: 20px; font-weight: 600; color: var(--main-color);}
.main_sct .main_tit h1{font-size: 45px; font-weight: 700; color: var(--txt-color); margin-top: 10px;}
.main_sct .main_tit p{font-size: 18px; font-weight: 300; color: #666; line-height: 1.5; margin-top: 20px;}
.main_sct .view_more{font-size: 14px; font-weight: 500; line-height: 50px; width: 150px; text-align: center; border-radius: 50px; border: 1px solid var(--txt-color); display: inline-block; color: var(--txt-color);}

/* hover */
@media (min-width: 1024px){
    .main_sct .view_more:hover {color: #fff; background: var(--main-color); border-color: var(--main-color); transition: 0.3s;}
}

/* 반응형 */
@media screen and (max-width: 1700px){
    .main_inner{width: calc(100% - 40px);}
}
@media screen and (max-width: 1440px){
    .main_sct{padding: 120px 0;}
    .main_sct .main_tit h2{font-size: 18px;}
    .main_sct .main_tit h1{font-size: 40px;}
    .main_sct .main_tit p{font-size: 16px;}
    .main_sct .view_more{width: 130px; line-height: 45px;}
}
@media screen and (max-width: 1280px){
    .main_sct .main_tit h2{font-size: 16px;}
    .main_sct .main_tit h1{font-size: 35px;}
}
@media screen and (max-width: 1024px){
    .main_sct{padding: 80px 0;}
    .main_sct .main_tit p{margin-top: 10px;}
}
@media screen and (max-width: 768px){
    .main_sct .main_tit h1{font-size: 30px;}
}


/* ===== 기본 헤더 ===== */
.head {position: fixed; top: 0; left: 0; right: 0; z-index: 999; width: 100%; height: 100px; background: rgba(255,255,255,0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease;}
.head .main_inner{position: relative; height: 100px;}

/* 로고 */
.head .logo {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 80px;}
.head .logo img{max-width: 100%;}
.head .logo .on {display: none;}

/* 메뉴 */
.head .menu {font-size: 0; text-align: center;}
.head .menu > li {display: inline-block; position: relative; padding: 0 50px; transition: all 0.3s;}
.head .menu > li > a {font-size: 18px; color: var(--txt-color); font-weight: 500; line-height: 100px; display: inline-block;}

/* 서브메뉴 기본 숨김 */
.head .sub {position: absolute; top: 150%; left: 50%; transform: translateX(-50%); z-index: 999; width: 100%; opacity: 0; visibility: hidden; padding: 30px 10px; width: 210px; transition: all 0.25s ease; background: var(--main-color);}
.head .sub li + li {padding-top: 15px;}
.head .sub li a {display: block; text-align: center; font-size: 16px; color: rgba(255,255,255,0.6); font-weight: 400;}

/* 쇼핑몰 버튼 */
.head .right{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; align-items: center;}
.head .shop_btn{color: var(--txt-color); border: 1px solid var(--txt-color); border-radius: 50px; width: 110px; line-height: 40px; text-align: center; font-size: 14px; font-weight: 500; transition: 0.3s;}

/* 언어선택 */
.head .lang {display: flex; align-items: center;}
.head .lang li{margin-left: 30px; position: relative;}
.head .lang li::before{content: ''; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); width: 1px; height: 10px; background: #ccc;}

.head .lang li:nth-child(1)::before{display: none;}
.head .lang li.on a{color: var(--txt-color);}
.head .lang li a{color: #bbb; font-weight: 600; font-size: 16px;}

.head.active{background: #fff; border-bottom: 1px solid #ddd;}

/* 상단 햄버거버튼 */
.bt_menu{position: absolute; text-indent: -9999px; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 16px; z-index: 11; display: none;}
.bt_menu span{position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: var(--txt-color); display: block; transition: all 0.3s;}
.bt_menu span:nth-child(1){top: 0px;}
.bt_menu span:nth-child(2){top: 50%; transform: translate(-50%, -50%);}
.bt_menu span:nth-child(3){bottom: 0px;}

.bt_menu.on span:nth-child(1){transform : translateX(-50%) translateY(7px) rotate(-315deg);}
.bt_menu.on span:nth-child(2){opacity : 0;}
.bt_menu.on span:nth-child(3){transform : translateX(-50%) translateY(-7px) rotate(315deg);}

/* 모바일에서 메뉴 열렸을 때 */
.head .menu.on{left: 0; right: 0; height: 100vh;}
.head .menu.on li.on>a{color: var(--main-color);}
.head .menu.on li.on>a>img{transform: translateY(-50%) rotate(180deg);}

/* hover 효과 */
@media (min-width: 1024px){
    .head .shop_btn:hover{border-color: var(--main-color); background: var(--main-color); color: #fff;}
    .head .menu > li:hover > a {color: var(--main-color);}
    .head .menu > li:hover .sub {opacity: 1; visibility: visible; top: 100%;}
    .head .sub li a:hover {color: #fff; text-decoration: underline; font-weight: 500;}
}

/* 반응형 */
@media (max-width: 1440px){
    .head .logo{width: 70px;}
    .head .menu{text-align: left; padding-left: 120px;}
    .head .menu > li{padding: 0 30px;}
    .head .menu > li > a{font-size: 16px;}
    .head .lang li a{font-size: 14px;}
}
@media (max-width: 1280px){
    .head .menu > li{padding: 0 20px;}
    .head .shop_btn{width: 90px;}
}
@media (max-width: 1024px){
    .head{height: 60px;}
    .head .main_inner{height: 60px;}
    .head .logo{width: 40px;}
    .bt_menu{display: block;}

    .head .menu{position: fixed; text-align: center; top: 0; bottom: 0; left: 100%; right: -100%; background: #fff; z-index: 10; padding: 120px 20px 0; overflow-y: auto;}

    .head .menu > li{display:block; padding:0;}
    .head .menu > li > a{display:block; line-height: 60px; font-size: 20px; font-weight:600; color:#333;}

    .head .sub{position: relative; left: auto; transform: inherit; box-shadow: none; width: 100%; height: auto; opacity: 1; visibility: visible; display: none; transition: none; background: #f9f9f9;}
    .head .sub > li{display:block; padding:0;}
    .head .sub > li+li{padding-top: 10px;}
    .head .sub > li > a{line-height: 30px; color: #999;}
    
    .head .right{right: 45px;}
    .head .shop_btn{line-height: 30px; font-size: 12px; width: 80px;}
    .head.active .shop_btn{border-color: var(--main-color); background: var(--main-color); color: #fff; transition: 0.3s;}
    .head .lang{display: none;}
    
    /* 메뉴가 펼쳐질 때 언어 선택도 보여주기 */
    .head .menu.on ~ .right{z-index: 99; right: auto; transition: 0.3s 0.5s;}
    .head .menu.on ~ .right .lang{display: flex;}
}



/* ==== 메인 슬라이드 ==== */
.main_slide{overflow: hidden;}
.main_slide .mo{display: none!important;}
.main_slide .tab{display: none!important;}
.main_slide .swiper-slide img{width: 100%;}
.main_slide .main_pag{margin: 0; bottom: 25px!important; top: inherit!important; display: none;}
.main_slide .main_pag span{width: 50px; height: 5px; border-radius: 0;}
.main_slide .main_pag .swiper-pagination-bullet-active{background: #fff;}

/* 반응형 */
@media screen and (max-width: 1280px){
    .main_slide{margin-top: 100px;}
    .main_slide .pc{display: none!important;}
    .main_slide .tab{display: block!important;}
    .main_slide .main_pag{bottom: 15px!important;}
    .main_slide .main_pag span{width: 30px; height: 5px;}
}

@media screen and (max-width: 1024px){
    .main_slide{margin-top: 60px;}
}
@media screen and (max-width: 488px){
    .main_slide .tab{display: none!important;}
    .main_slide .mo{display: block!important;}
}


/* ==== 제품 ==== */
.main_sct01{position: relative;}
.main_sct01>.main_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_sct01 .main_tit{width: calc(40% - 100px);}
.main_sct01 .main_tit .view_more{margin-top: 50px;}
.main_sct01 .pro_slide{margin: auto 0 auto auto; width: calc(60% - 100px); overflow: hidden;}
.main_sct01 .pro_slide .swiper-slide a{display: block; position: relative; overflow: hidden;}
.main_sct01 .pro_slide .img{position: relative; width: 100%; padding-top: 122%; overflow: hidden;}
.main_sct01 .pro_slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease;}

.main_sct01 .pro_slide .hover{position: absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction: column;align-items:center; justify-content:center; text-align:center; color:#fff; background: rgba(0,0,0,0.4); backdrop-filter: blur(6px); opacity:0; transition: opacity 0.3s ease; padding: 0 30px;}
.main_sct01 .pro_slide .hover h2{font-weight: 600; font-size: 18px;}
.main_sct01 .pro_slide .hover p{margin-top: 10px; font-weight: 300; font-size: 22px; line-height: 1.5;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.main_sct01 .pro_slide .slide_cont{display: flex; align-items: center; margin-top: 20px; width: calc(100% - 140px);}
.main_sct .swiper-button-prev,
.main_sct .swiper-button-next{position: relative; width: 50px; height:50px; border-radius:50%; border:1px solid var(--txt-color); top: 0; bottom: 0; left: 0; right: 0; margin-top:0;}
.main_sct .swiper-button-prev{margin-right: 10px;}
.main_sct .swiper-button-prev:after,
.main_sct .swiper-button-next:after{font-size: 14px; font-weight:600; color: var(--txt-color);}
.main_sct01 .pro_slide .swiper-pagination{position: relative; width: calc(100% - 140px); height:2px; background:rgba(0,0,0,0.2); margin-left: 30px;}
.main_sct01 .pro_slide .swiper-pagination-progressbar-fill{background: var(--txt-color);}

/* hover */
@media (min-width: 1024px){
    .main_sct01 .pro_slide a:hover .hover{opacity: 1;}
    .main_sct01 .pro_slide a:hover .img img{transform: scale(1.1);}
}

/* 반응형 */
@media (max-width: 1700px){
    .main_sct01 .pro_slide .slide_cont{width: calc(100% - 20px);}
}
@media (max-width: 1280px){
    .main_sct01 .main_tit{width: 40%;}
    .main_sct01 .pro_slide .hover h2{font-size: 16px;}
    .main_sct01 .pro_slide .hover p{font-size: 18px;}
}
@media (max-width: 1024px){
    .main_sct01>.main_inner{position: relative; top: auto; left: auto; transform: inherit;}
    .main_sct01 .main_tit{width: 100%;}
    .main_sct01 .main_tit .view_more{margin-top: 20px;}
    .main_sct01 .pro_slide{width: calc(100% - 20px);}
    .main_sct01 .pro_slide .swiper-pagination{margin-left: 20px; width: calc(100% - 130px);}
    .main_sct01 .pro_slide .hover{position: relative; top: auto; left: auto; height: auto; background: rgba(0,0,0,0); backdrop-filter: blur(0); opacity:1; padding: 0 15px; color: var(--txt-color); margin-top: 20px;}
    .main_sct01 .pro_slide .hover h2{color: var(--main-color);}
}
@media (max-width: 768px){
    .main_sct01 .pro_slide .hover h2{font-size: 14px;}
    .main_sct01 .pro_slide .hover p{font-size: 16px;}
}




/* === 슬로건 === */
.main_sct02{position: relative;}
.main_sct02 .circle_blur{position: absolute; background: radial-gradient(circle, var(--main-color) 0%, var(--main-color) 100%); filter: blur(120px); z-index: -1; border-radius: 50%; transform: translateY(-50%);}
.main_sct02 .cb_01{top: 0; left: -5%; width: 200px; height: 200px; opacity: 0.45;}
.main_sct02 .cb_02{bottom: -110%; right: -12%; width: 500px; height: 500px; opacity: 0.25;}
.main_sct02 h1{font-size: 100px; font-weight: 600; text-align: center; line-height: 1.3; will-change: transform, filter, opacity; user-select:none;}
.main_sct02 h1 .color{ color: var(--main-color); }

/* 초기 상태(아직 안 보일 때) */
.main_sct02 h1{opacity: 0; filter: blur(90px); transition: transform 1.2s cubic-bezier(.22,.61,.36,1), filter 1.2s cubic-bezier(.22,.61,.36,1), opacity 0.8s ease;}
.main_sct02 h1:nth-of-type(1){transform: translateX(-140px);}
.main_sct02 h1:nth-of-type(2){transform: translateX(140px); transition-delay: .12s;}

/* 활성화 상태(뷰포트에 들어오면) */
.main_sct02.is_on h1{transform: translateX(0); filter: blur(0px); opacity: 1;}

/* 반응형 */
@media (max-width: 1440px){
    .main_sct02 .cb_01{width: 100px; height: 100px; filter: blur(60px); left: -2%;}
    .main_sct02 .cb_02{width: 350px; height: 350px; filter: blur(100px); bottom: -80%;}
    .main_sct02 h1{font-size: 6.94vw;}
}
@media (max-width: 1024px){
    .main_sct02 .cb_01{display: none;}
    .main_sct02 .cb_02{width: 200px; height: 200px; right: -8%;}
    .main_sct02 h1{font-size: 8.30vw;}
}
@media (max-width: 768px){
    .main_sct02 .cb_02{width: 150px; height: 150px; right: -10%; filter: blur(60px); bottom: -60%;}
}


/* ====== 홍보영상 ====== */
.main_sct03 .main_tit{display: grid; grid-template-columns: auto minmax(0,1fr) auto; grid-template-rows: auto auto; column-gap: 60px; align-items: flex-end;}
.main_sct03 .main_tit h2{grid-column: 1; grid-row: 1;}
.main_sct03 .main_tit h1{ grid-column: 1; grid-row: 2;}
.main_sct03 .main_tit p{grid-column: 2; grid-row: 1 / 3; margin-top: 0; line-height: 1.5;}
.main_sct03 .slide_btn{grid-column: 3; grid-row: 1 / 3; justify-self: end; display: flex;}
.main_sct03 .slide_btn > div{background: rgba(0,0,0,0);}

.main_sct03 .video_slide{overflow:visible;}
.main_sct03 .video_slide .swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main_sct03 .video_slide .swiper-slide{position: relative; display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.main_sct03 .video_slide .img{position: relative; width: 50%; padding-top: 30%; overflow: hidden; transition: transform 1s, opacity 1s; background:#000;}
.main_sct03 .video_slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.main_sct03 .video_slide .img iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0;}
.main_sct03 .video_slide .txt{position: relative; width: 50%; margin-left: 80px; transition: opacity 0.3s;}
.main_sct03 .video_slide .txt h2{font-size: 18px; font-weight:600; color:var(--main-color);}
.main_sct03 .video_slide .txt h1{font-size: 35px; font-weight:700; margin-top:10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.main_sct03 .video_slide .txt p{font-size:16px; font-weight:300; line-height:1.5; color:#666; margin-top:20px;  height: calc(1.5em * 2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.main_sct03 .video_slide .txt .view_more{margin-top:40px;}

.main_sct03 .video_slide .swiper-slide-duplicate-prev .img, 
.main_sct03 .video_slide .swiper-slide-prev .img{transform: translateX(calc(100% + 5rem));}
.main_sct03 .video_slide .swiper-slide-duplicate-prev .txt, 
.main_sct03 .video_slide .swiper-slide-prev .txt{opacity: 0;}


/* 반응형 */
@media (max-width:1440px){
    .main_sct03 .video_slide .txt{margin-left: 50px;}
    .main_sct03 .video_slide .txt h2{font-size: 16px;}
    .main_sct03 .video_slide .txt h1{font-size: 25px;}
    .main_sct03 .video_slide .txt p{font-size: 14px; margin-top: 10px;}
    .main_sct03 .video_slide .txt .view_more{line-height: 40px; font-size: 12px; width: 100px;}
    
}
@media (max-width:1024px){
    .main_sct03 .main_tit{display: block;}
    .main_sct03 .main_tit p{margin-top: 10px;}
    .main_sct03 .main_tit p br{display: none;}
    .main_sct03 .slide_btn{margin-top: 20px; justify-self: auto;}
    
    .main_sct03 .video_slide .swiper-slide{flex-direction: column;}
    .main_sct03 .video_slide .img{width: 100%; padding-top: 65%;}
    .main_sct03 .video_slide .txt{width: 100%; margin-left: 0; margin-top: 20px; opacity: 0;}
    .main_sct03 .video_slide .txt h1{font-size: 20px;}
    .main_sct03 .video_slide .txt .view_more{margin-top: 20px;}
    
    .main_sct03 .video_slide .swiper-slide-duplicate-prev .img, 
    .main_sct03 .video_slide .swiper-slide-prev .img{transform: inherit;}
    .main_sct03 .video_slide .swiper-slide-active .txt{opacity: 1;}
}


/* ==== 흐르는 텍스트 ==== */
.txt_flow{position: relative; overflow: hidden; white-space: nowrap;}
.txt_flow_inner{display: inline-flex; animation: txtFlow 30s linear infinite;}
.txt_flow span{font-size: 120px; font-weight: 600; color: #ececec; user-select:none}

@keyframes txtFlow{
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-50%);
  }
}

/* 반응형 */
@media (max-width:1440px){
    .txt_flow span{font-size: 8.33vw;}
}
@media (max-width:1024px){
    .txt_flow span{font-size: 9.77vw;}
}

/* ==== 공지 ==== */
.main_sct04 .main_tit{display: grid; grid-template-columns: auto minmax(0,1fr) auto; grid-template-rows: auto auto; column-gap: 60px; align-items: flex-end;}
.main_sct04 .main_tit h2{grid-column: 1; grid-row: 1;}
.main_sct04 .main_tit h1{ grid-column: 1; grid-row: 2;}
.main_sct04 .main_tit p{grid-column: 2; grid-row: 1 / 3; margin-top: 0; line-height: 1.5;}
.main_sct04 .main_tit .view_more{grid-column: 3; grid-row: 1 / 3; justify-self: end;}

/* 공지 리스트 */
.main_sct04 .list{font-size: 0;}
.main_sct04 .list li{display: inline-block; width: calc(100% / 4);}
.main_sct04 .list li a{display: block; padding: 40px; border-left: 1px solid #eee;}
.main_sct04 .list li:last-child a{border-right: 1px solid #eee;}
.main_sct04 .list li h1{font-size: 18px; font-weight: 600; line-height: 1.5; height: calc(1.5em * 2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; color: var(--txt-color);}
.main_sct04 .list li p{font-size: 16px; line-height: 1.5; color:#999; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 2; height: calc(1.5em * 2); -webkit-box-orient: vertical; overflow: hidden;}
.main_sct04 .list li span{font-size: 14px; margin-top: 40px; display: inline-block; color:#999;}

/* hover */
@media (min-width: 1024px){
    .main_sct04 .list li a:hover{background:#f9f9f9;}
    .main_sct04 .list li:hover h1{text-decoration: underline;}
    .main_sct04 .list li:hover span{color: var(--txt-color);}
    .main_sct04 .list li:hover span{color: var(--txt-color);}
}

/* 반응형 */
@media (max-width: 1280px){
    .main_sct04 .list li a{padding: 30px 20px;}
    .main_sct04 .list li h1{font-size: 16px;}
}
@media (max-width: 1024px){
    .main_sct04 .main_tit{display: block;}
    .main_sct04 .main_tit p{margin-top: 10px;}
    .main_sct04 .main_tit p br{display: none;}
    .main_sct04 .main_tit .view_more{margin-top: 20px;}
        
    .main_sct04 .list li{width: calc(100% / 2 - 5px);}
    .main_sct04 .list li:nth-of-type(2n){margin-left: 10px;}
    .main_sct04 .list li:nth-of-type(1){margin-bottom: 10px;}
    .main_sct04 .list li:nth-of-type(2){margin-bottom: 10px;}
    .main_sct04 .list li a{border-left: none; border: 1px solid #eee;}
}
@media (max-width: 768px) {
    .main_sct04 .list li{width: 100%;}
    .main_sct04 .list li:nth-of-type(2n){margin-left: 0;}
    .main_sct04 .list li:nth-of-type(3){margin-bottom: 10px;}
    .main_sct04 .list li p{font-size: 14px; margin-top: 10px;}
}


/* ==== 하단 ==== */
.foot{background: var(--txt-color); padding: 60px 0; margin-top: 150px;}
.foot .main_inner{position: relative;}
.foot .logo{position: absolute; top: 0; left: 0; width: 80px;}

.foot .ft_sns{position: absolute; top: 0; right: 0; z-index: 1; font-size: 0;}
.foot .ft_sns a{display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0.1); margin-right: 10px; position: relative;}
.foot .ft_sns a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 35%;}

.foot .ft_info{padding-left: 180px;}
.foot .ft_info ul{font-size: 0;}
.foot .ft_info ul li{line-height: 1.6; color: rgba(255,255,255,0.8); font-size: 16px; display: inline-block; margin-right: 30px; position: relative;}
.foot .ft_info ul li::before{content: ''; width: 1px; height: 12px; background: rgba(255,255,255,0.2); position: absolute; top: 50%; transform: translateY(-50%); right: -15px;}
.foot .ft_info ul li:nth-of-type(1){margin-left: 0;}
.foot .ft_info ul li:last-child::before{display: none;}
/*.foot .ft_info ul li:nth-of-type(1)::before{display: none;}*/
.foot .ft_info ul li:nth-of-type(4){margin-left: 0;}
/*.foot .ft_info ul li:nth-of-type(4)::before{display: none;}*/
.foot .ft_info ul li strong{color: rgba(255,255,255,0.8); font-weight: 600;}
.foot .ft_info ul li span{display: inline-block; vertical-align: middle; width: 1px; height: 13px; background: rgba(255,255,255,0.2); margin: 0 10px;}
.foot .ft_info p {margin-top: 20px; color: rgba(255,255,255,0.4); font-size: 16px;}
.foot .ft_info .ft_link{margin-bottom: 10px;}
.foot .ft_info .ft_link a{font-weight: 600;}

/* 탑버튼 */
.top_btn{position: fixed; bottom: 10px; right: 10px; width: 80px; height: 80px; line-height: 50px; background: #fff; border: 1px solid #eee; text-align: center; font-size: 12px; font-weight: 700; z-index: 999; display: none; cursor: pointer; border-radius: 50%;}
.top_btn img{max-width: 25%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 반응형 */
@media screen and (max-width: 1440px){
    .foot{margin-top: 120px;}
}
@media screen and (max-width: 1024px){
    .foot{margin-top: 80px; font-size: 14px;}
    .foot .logo{width: 60px; position: relative; top: auto; left: auto;}
    .foot .ft_info{padding-left: 0; margin-top: 40px;}
    .foot .ft_info ul li{font-size: 14px;}
    .foot .ft_info p{font-size: 14px;}
    
    .top_btn{width: 50px; height: 50px;}
}
@media screen and (max-width: 768px){
    .foot{padding: 40px 0;}
    .foot .ft_sns a{width: 40px; height: 40px;}
    .foot .ft_info{margin-top: 20px;}
    .foot .ft_info ul li{margin-right: 20px;}
    .foot .ft_info ul li::before{right: -10px;}
}



/* =======================
      sub page css
======================= */
.sub_inner, .inner_wrap{width: 1340px; margin: auto;}

/* 반응형 */
@media screen and (max-width: 1380px){
    .sub_inner, .inner_wrap{width: calc(100% - 40px);}
}

/* ==== 서브 상단 ==== */
.sub_head .sub_visual{background-position: center; background-image: url(../img/sub_visual.jpg); background-repeat: no-repeat; background-size: cover; height: 480px; position: relative;}
.sub_head .sub_visual .main_tit{position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 65px; font-weight: 700;}
.sub_head .sub_tit{text-align: center; margin: 100px auto 60px; font-size: 38px; font-weight: 600;}

/* ==== PC/태블릿 탭 ==== */
.sub_head .sub_tab{background: #f9f9f9;}
.pc-tab .list{display: flex; align-items: center; justify-content: center;}
.pc-tab .list li{width: calc(100% / 5);}
.pc-tab .list li a{display: block; line-height: 80px; font-size: 18px; text-align: center; color: #666; position: relative;}
.pc-tab .list li.on a{font-weight: 600; color: var(--main-color);}
.pc-tab .list li.on a::before{content: ''; width: 100%; height: 2px; background: var(--main-color); position: absolute; bottom: 0; left: 0;}

/* ==== 모바일 가짜 셀렉트 ==== */
.m-select{display: none; position:relative;}
.m-select .fake-select{width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background: var(--main-color); font-size: 16px; cursor: pointer; user-select: none; font-weight: 600;}
.m-select .fake-select .label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.m-select .fake-select .chev{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; transition: transform .2s ease;}
.m-select.open .fake-select .chev{transform: rotate(180deg);}
.m-select .m_options{position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.08); max-height: 0; overflow: hidden; transition: max-height .25s ease; z-index: 20;}
.m-select.open .m_options{max-height: 60vh; overflow: auto;}
.m-select .m_options li{border-bottom: 1px solid #f1f1f1;}
.m-select .m_options li:last-child{border-bottom: 0;}
.m-select .m_options li a{display: block; padding: 12px 20px; font-size: 14px; color: #666;}
.m-select .m_options li.on a{font-weight: 600; color: var(--main-color);}
.m-select .m_options li a:focus{outline: none;}

/* ==== 접근성 숨김 ==== */
.sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}

/* ==== 반응형 ==== */
@media screen and (max-width:1380px){
    .sub_head .sub_tab .sub_inner{margin: auto;}
}
@media screen and (max-width:1280px){
  .sub_head .sub_visual{height: 400px;}
  .sub_head .sub_visual .main_tit{font-size: 45px;}
  .pc-tab .list li a{font-size: 16px; line-height: 60px;}
}
@media screen and (max-width:1024px){
  .sub_head .sub_visual{height: 350px;}
  .sub_head .sub_visual .main_tit{font-size: 38px;}
    .sub_head .sub_tit{font-size: 30px;}
    .pc-tab .list li a{font-size: 14px;}
}
@media screen and (max-width:768px){
    .sub_head .sub_tab{background: rgba(0,0,0,0);}
  .pc-tab{display: none;}
  .m-select{display: block;}
  .sub_head .sub_visual{height: 300px;}
  .sub_head .sub_visual .main_tit{font-size: 34px;}
  .sub_head .sub_tit{margin: 50px auto 30px; font-size: 24px;}
}




/* ========= 인사말 ========= */
#sub_0101 .img{position: relative; background: #f9f9f9; padding: 80px;}
#sub_0101 .img .txt h1{font-size: 32px; font-weight: 700; color: var(--txt-color); line-height: 1.5;}
#sub_0101 .img .txt p{font-size: 18px; font-weight: 300; margin-top: 20px; color: var(--txt-color);}
#sub_0101 .img .txt .color{color: var(--main-color);}
#sub_0101 .img img{position: absolute; bottom: 0; right: 100px; width: 330px;}
#sub_0101 .img .txt_bg{position: absolute; bottom: -18px; right: -2px; color: rgba(0,0,0,0.03); font-size: 120px; font-weight: 700; line-height: 1;}
#sub_0101 .cont{margin-top: 50px; margin-left: 80px;}
#sub_0101 .cont p{font-size: 18px; font-weight: 300; color: var(--txt-color); line-height: 2; margin-bottom: 50px;}
#sub_0101 .cont h2{font-size: 22px; font-weight: 600; color: var(--txt-color);}

/* 반응형 */
@media (max-width: 1280px){
    #sub_0101 .img{padding: 50px;}
    #sub_0101 .img .txt h1{font-size: 25px;}
    #sub_0101 .img .txt p{font-size: 16px; margin-top: 10px;}
    #sub_0101 .img img{bottom: 0; right: 50px; width: 250px;}
    #sub_0101 .img .txt_bg{bottom: -15px; right: 0; font-size: 100px; display: none;}
    #sub_0101 .cont{margin-top: 30px; margin-left: 50px;}
    #sub_0101 .cont p{font-size: 16px; margin-bottom: 30px;}
    #sub_0101 .cont h2{font-size: 18px;}
}
@media (max-width: 768px){
    #sub_0101 .img{padding: 30px 20px; overflow: hidden;}
    #sub_0101 .img .txt h1{font-size: 20px; line-height: 1.3;}
    #sub_0101 .img .txt h1 br{display: none;}
    #sub_0101 .img .txt p{font-size: 14px; line-height: 1.5;}
    #sub_0101 .img img{bottom: auto; right: auto; width: 60%; position: relative; display: block; margin: auto 0 auto auto;}
    #sub_0101 .img .txt_bg{bottom: -15px; right: auto; left: 50%; transform: translateX(-50%); font-size: 26.04vw;}
    #sub_0101 .cont{margin-top: 20px; margin-left: 0;}
    #sub_0101 .cont p{margin-bottom: 20px; font-size: 14px;}
    #sub_0101 .cont p br{display: none;}
    #sub_0101 .cont h2{font-size: 16px;}
}


/* ========= 오시는 길 ========= */
#sub_0103{display: flex; align-items: center;}
#sub_0103 iframe{width: 50%; height: 550px;}
#sub_0103 ul{width: 50%; padding-left: 80px;}
#sub_0103 ul li{display: flex; font-size: 18px; padding: 50px 0; border-bottom: 1px solid #eee;}
#sub_0103 ul li:nth-child(1){border-top: 1px solid #eee;}
#sub_0103 ul li strong{font-weight: 600; color: var(--main-color); width: 100px; line-height: 1.5;}
#sub_0103 ul li:nth-child(1) strong{font-weight: 700;}
#sub_0103 ul li p{font-weight: 300; color: var(--txt-color); width: calc(100% - 100px); line-height: 1.5;}

/* 반응형 */
@media (max-width: 1280px){
    #sub_0103 ul{padding-left: 50px;}
    #sub_0103 ul li{font-size: 16px;}
}
@media (max-width: 1024px){
    #sub_0103{flex-direction: column;}
    #sub_0103 iframe{width: 100%; height: 350px;}
    #sub_0103 ul{width: 100%; padding-left: 0; margin-top: 40px;}
    #sub_0103 ul li{padding: 30px 0; border-bottom: 1px solid #eee;}
    #sub_0103 ul li:nth-child(1){border-top: 2px solid var(--main-color);}
}
@media (max-width: 768px){
    #sub_0103 iframe{height: 300px;}
    #sub_0103 ul{margin-top: 20px;}
    #sub_0103 ul li{padding: 20px 0; flex-direction: column; align-items: inherit;}
    #sub_0103 ul li strong{font-size: 14px; width: 100%;}
    #sub_0103 ul li p{margin-top: 5px; width: 100%;}
}




/* ========= 개발 프로세스 ========= */
#sub_0201 .row{display:flex; gap: 60px; flex-wrap:nowrap;}
#sub_0201 .row li{width: calc(100% / 3); border: 1px solid #eee; padding: 50px 20px; text-align:center; position:relative;}
#sub_0201 .row:nth-child(1){margin-bottom: 20px;}
#sub_0201 .row li::before{content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid var(--main-color); position: absolute; top: 50%; transform: translateY(-50%); left: -35px;}
#sub_0201 .row li:nth-child(1)::before{display: none;}
#sub_0201 .row li span{font-size: 14px; font-weight: 600; color: var(--main-color);}
#sub_0201 .row li .icon{width: 150px; height: 150px; border-radius: 50%; background: #f9f9f9; display:grid; place-items:center; margin: 20px auto 30px;}
#sub_0201 .row li .icon img{max-width: 50%;}
#sub_0201 .row li h1{font-size: 18px; font-weight: 600; color: var(--txt-color);}
#sub_0201 .row li p{margin-top: 10px; font-size: 14px; font-weight: 300; color: #999; line-height: 1.5;}

/* 반응형 */
@media (max-width: 1280px){
    #sub_0201 .row li .icon{width: 120px; height: 120px;}
    #sub_0201 .row li h1{font-size: 16px;}
}
@media (max-width: 1024px){
    #sub_0201 .row{gap: 20px; flex-wrap:wrap;}
    #sub_0201 .row li{width: calc((100% - 20px) / 2);}
    #sub_0201 .row li::before{display:none;}               
}
@media (max-width: 768px){
    #sub_0201 .row{gap: 10px;}
    #sub_0201 .row:nth-child(1){margin-bottom: 10px;}
    #sub_0201 .row li{width: 100%;}
}



/* ========= 파트너스 ========= */
#sub_0202{font-size: 0;}
#sub_0202 li{display: inline-block; width: calc(100% / 5 - 16px); margin-right: 20px; margin-top: 20px; border: 1px solid #eee;}
#sub_0202 li:nth-child(5n){margin-right: 0;}
#sub_0202 li:nth-child(1){margin-top: 0;}
#sub_0202 li:nth-child(2){margin-top: 0;}
#sub_0202 li:nth-child(3){margin-top: 0;}
#sub_0202 li:nth-child(4){margin-top: 0;}
#sub_0202 li:nth-child(5){margin-top: 0;}
#sub_0202 a{display: block; padding-top: 100%; position: relative; pointer-events: none;}
#sub_0202 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 70%;}

/* 반응형 */
@media (max-width: 1280px){
    #sub_0202 li{width: calc(100% / 4 - 7.5px); margin-right: 10px; margin-top: 30px;}
    #sub_0202 li:nth-child(5n){margin-right: 10px;}
    #sub_0202 li:nth-child(4n){margin-right: 0;}
    #sub_0202 li:nth-child(5){margin-top: 30px;}
}
@media (max-width: 768px){
    #sub_0202 li{width: calc(100% / 3 - 7px); margin-top: 20px;}
    #sub_0202 li:nth-child(4n){margin-right: 10px;}
    #sub_0202 li:nth-child(3n){margin-right: 0;}
    #sub_0202 li:nth-child(4){margin-top: 20px;}
    #sub_0202 li:nth-child(5){margin-top: 20px;}
}




/* ========= 글로벌 비지니스 ========= */
#sub_0204 .txt::after{content: ''; display: block; margin: 60px auto; width: 50px; height: 2px; background: var(--main-color);}
#sub_0204 .txt p{text-align: center; font-size: 18px; font-weight: 300; color: var(--txt-color); line-height: 1.8; margin-top: 30px;}
#sub_0204 .txt p:nth-child(1){margin-top: 0;}
#sub_0204 .txt strong{font-weight: 600; color: var(--main-color);}
#sub_0204 img{display: block; margin: auto;}

/* 반응형 */
@media screen and (max-width: 1280px){
    #sub_0204 .txt p{margin-top: 20px; font-size: 16px;}
}
@media screen and (max-width: 768px){
    #sub_0204 .txt p{margin-top: 10px; font-size: 14px;}
    #sub_0204 .txt p br{display: none;}
    #sub_0204 .txt::after{margin: 40px auto; width: 30px;}
}

/* ========= 제품 ========= */
/* 2차 분류 설명 */
.pro_menu_info{text-align: center; font-size: 16px; font-weight: 300; color: #999; line-height: 1.8; margin-top: -40px;}

/* 3차 분류 탭 */
.pro_sub_tab{margin-top: 40px; text-align: center; font-size: 0;}
.pro_sub_tab li{display: inline-block; font-size: 16px; font-weight: 500; color: var(--txt-color); position: relative;}
.pro_sub_tab li::before{content: ''; width: 3px; height: 3px; border-radius: 50%; background: var(--main-color); display: inline-block; margin: 0 15px; vertical-align: middle;}
.pro_sub_tab li:nth-child(1)::before{display: none;}
.pro_sub_tab li a{line-height: 35px; display: inline-block;}
.pro_sub_tab .on{color: #fff; background: var(--main-color); border-radius: 50px; padding: 0 20px;}

/* 제품 리스트 */
#sub_0301{font-size: 0;}
#sub_0301 li{display: inline-block; margin-right: 20px; margin-top: 60px; width: calc(100% / 4 - 15px); vertical-align: top;}
#sub_0301 li:nth-of-type(4n){margin-right: 0;}
#sub_0301 li a{display: block;}
#sub_0301 .img{position: relative; width: 100%; padding-top: 122%; overflow: hidden;}
#sub_0301 .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease;}
#sub_0301 .txt{text-align: center; padding: 0 20px; margin-top: 20px;}
#sub_0301 .txt dt{font-size: 16px; color: var(--txt-color); font-weight: 500; line-height: 1.5;}
#sub_0301 .txt dd{font-size: 14px; color: #999; font-weight: 300; margin-top: 10px;}

/* hover */
@media (min-width: 1024px){
    #sub_0301 li:hover .img img{transform: scale(1.1);}
}

/* 반응형 */
@media (max-width: 1440px){
    #sub_0301 li{margin-right: 10px; width: calc(100% / 4 - 7.5px);}
}
@media (max-width: 1024px){
    .pro_menu_info{font-size: 14px;}
    .pro_sub_tab{margin-top: 20px;}
    .pro_sub_tab li{font-size: 14px;}
    #sub_0301 li{width: calc(100% / 3 - 7.5px); margin-top: 40px;}
    #sub_0301 li:nth-of-type(4n){margin-right: 10px;}
    #sub_0301 li:nth-of-type(3n){margin-right: 0;}
    #sub_0301 .txt{margin-top: 10px;}
    #sub_0301 .txt dt{font-size: 14px;}
}
@media (max-width: 768px){
    .pro_menu_info{margin-top: -20px;}
    .pro_menu_info br{display: none;}
    .pro_sub_tab{padding: 0 20px; margin-top: 15px;}
    .pro_sub_tab li{font-size: 12px;}
    .pro_sub_tab li a{border: 1px solid #eee; border-radius: 50px; padding: 0 15px; margin: 0 1px; margin-top: 5px; color: #999; line-height: 30px;}
    .pro_sub_tab .on{padding: 0 15px;}
    .pro_sub_tab li::before{display: none;}
    .pro_sub_tab .on{border-color: var(--main-color);}
    #sub_0301 li{width: calc(100% / 2 - 5px);}
    #sub_0301 li:nth-of-type(3n){margin-right: 10px;}
    #sub_0301 li:nth-of-type(2n){margin-right: 0;}
    #sub_0301 .txt{padding: 0 10px;}
}

    
/* ====== 제품 뷰페이지 ===== */
#sub_0302{margin-top: 100px;}
#sub_0302 .pro_top{display: flex; align-items: center;}
#sub_0302 .pro_top .img{width: 50%; position: relative; padding-top: 61%; overflow: hidden;}
#sub_0302 .pro_top .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; margin: 0;}
#sub_0302 .pro_top .info{width: 50%; padding-left: 100px;}
#sub_0302 .pro_top .info dl dt{font-size: 35px; font-weight: 500; line-height: 1.5; color: var(--txt-color);}
#sub_0302 .pro_top .info dl dd{font-size: 16px; font-weight: 300; color: #999; margin-top: 10px;}
#sub_0302 .pro_top .info p{margin-top: 50px; font-size: 18px; font-weight: 300; color: #666; line-height: 1.8;}
#sub_0302 .pro_top .info a{display: block; margin-top: 50px; color: var(--txt-color); border: 1px solid var(--txt-color); border-radius: 50px; width: 140px; line-height: 50px; text-align: center; font-size: 14px; font-weight: 500; transition: 0.3s;}
    
#sub_0302 .pro_cont{}
#sub_0302 .pro_cont img{display: block; margin: auto;}
    
/* hover */
@media (min-width: 1024px){
    #sub_0302 .pro_top .info a:hover{border-color: var(--main-color); background: var(--main-color); color: #fff;}
}

/* 반응형 */
@media (max-width: 1440px){
    #sub_0302{margin-top: 80px;}
    #sub_0302 .pro_top .info{padding-left: 60px;}
    #sub_0302 .pro_top .info dl dt{font-size: 30px;}
}
@media (max-width: 1280px){
    #sub_0302{margin-top: 60px;}
    #sub_0302 .pro_top .info dl dt{font-size: 25px;}
    #sub_0302 .pro_top .info dl dd{font-size: 14px;}
    #sub_0302 .pro_top .info p{margin-top: 30px; font-size: 16px;}
    #sub_0302 .pro_top .info a{margin-top: 30px; width: 120px; line-height: 45px;}
}
@media (max-width: 1024px){
    #sub_0302{margin-top: 40px;}
    #sub_0302 .pro_top{display: block;}
    #sub_0302 .pro_top .img{width: 100%; padding-top: 122%;}
    #sub_0302 .pro_top .info{width: 100%; padding-left: 0; margin-top: 20px;}
    #sub_0302 .pro_top .info dl dt{font-size: 20px;}
    #sub_0302 .pro_top .info dl dd{font-size: 14px;}
    #sub_0302 .pro_top .info p{margin-top: 20px; font-size: 14px;}
    #sub_0302 .pro_top .info a{margin-top: 20px; width: 110px; line-height: 40px; font-size: 12px;}
}


/* ===== 기업부설연구소 ===== */
#sub_0401{display: flex; flex-wrap: wrap; gap: 20px;}
#sub_0401 li{flex: 0 1 calc((100% - 40px) / 3); border: 1px solid #eee; padding: 30px 20px 150px; position: relative;}
#sub_0401 li span{background: var(--main-color); color: #fff; font-size: 14px; font-weight: 600; width: 40px;line-height: 40px; border-radius: 50%; text-align: center; display: inline-block;}
#sub_0401 li h1{margin-top: 30px; font-size: 18px; font-weight: 600; color: var(--txt-color); line-height: 1.5;}
#sub_0401 li p{margin-top: 10px; font-size: 16px; font-weight: 300; color: #999; line-height: 1.5;}
#sub_0401 li img{position: absolute; bottom: 20px; right: 20px; width: 80px; opacity: 0.2;}

/* 반응형 */
@media (max-width: 1280px){
    #sub_0401{gap: 10px;}
    #sub_0401 li{flex: 0 1 calc((100% - 20px) / 3); padding: 30px 20px 120px;}
    #sub_0401 li h1{font-size: 16px;}
    #sub_0401 li p{font-size: 14px;}
    #sub_0401 li img{width: 60px;}
}
@media (max-width: 1024px){
    #sub_0401 li{flex: 0 1 calc((100% - 10px) / 2)}
}
@media (max-width: 768px){
    #sub_0401{gap: 10px;}
    #sub_0401 li{flex: 0 1 100%;}
    #sub_0401 li span{font-size: 12px; width: 35px; line-height: 35px;}
    #sub_0401 li h1{margin-top: 20px;}
}




    
/* ========= 온라인 문의 ========= */
.sub_inner.online .info_list{display: flex; padding: 30px 0; background: #f9f9f9; margin-bottom: 50px;}
.sub_inner.online .info_list li{width: calc(100% / 3); border-right: 1px solid #eee; padding: 30px;}
.sub_inner.online .info_list li:last-child{border-right: none;}
.sub_inner.online .info_list .icon{position: relative; width: 80px; height: 80px; border-radius: 50%; background: var(--main-color); margin: auto;}
.sub_inner.online .info_list .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 40%;}
.sub_inner.online .info_list dl{text-align: center; margin-top: 30px;}
.sub_inner.online .info_list dl dt{color: var(--main-color); font-size: 18px; font-weight: 600;}
.sub_inner.online .info_list dl dd{color: var(--txt-color); font-size: 16px; font-weight: 300; margin-top: 10px; line-height: 1.5;}
.sub_inner.online .list{border-top: 2px solid var(--txt-color);}
.sub_inner.online .list>li {display:flex; padding:20px 0; border-bottom:1px solid #eee;}
.sub_inner.online h1 {font-size:18px; font-weight:500; width:200px; padding:20px;}
.sub_inner.online h1 .color {color:red;}
.sub_inner.online .input_div {width:calc(100% - 200px);}
.sub_inner.online .input_div input,.sub_inner.online .input_div textarea {border:1px solid #ddd; padding:20px; font-size:16px; width:100%;}
.sub_inner.online .file_div {width:calc(100% - 180px); display:flex; flex-direction:column; justify-content:center;}
.sub_inner.online .file_div input[type="file"] {font-size:15px;}
.sub_inner.online .privacy {margin-top:60px;}
.sub_inner.online .privacy h2 {font-size:18px; font-weight:500; margin-bottom:15px;}
.sub_inner.online .privacy .input_div {width:100%;}
.sub_inner.online .privacy textarea {width:100%; color:#666;}
.sub_inner.online .privacy .input_check {margin-top:20px; text-align:right;}
.sub_inner.online .privacy .input_check input {margin-right:3px;}
.sub_inner.online .privacy .input_check label{font-size:16px;}
.sub_inner.online .privacy .color {color:red; font-weight:500;}
.sub_inner.online .write_btn {margin-top:60px;}
.write_btn {display:flex; align-items:center; justify-content:center;}
.write_btn>* {width:200px; height:60px; text-align:center; line-height:60px; color:#fff; font-size:18px; font-weight:500; margin-right:10px;}
.write_btn>*:last-child {margin-right:0;}
.write_btn a {background:#999;}
.write_btn button {background:var(--txt-color);}

/* 반응형 */
@media (max-width:1280px){
    .sub_inner.online .info_list dl dt{font-size: 16px;}
    .sub_inner.online .info_list dl dd{font-size: 14px;}
  .sub_inner.online h1 {font-size:16px;}
  .sub_inner.online .input_div input,.sub_inner.online .input_div textarea {font-size:16px;}
  .sub_inner.online .file_div input[type="file"] {font-size:16px;}
}

@media (max-width:1024px){
    .sub_inner.online .info_list{padding: 20px 0; margin-bottom: 30px;}
    .sub_inner.online .info_list li{padding: 20px;}
    .sub_inner.online .info_list .icon{width: 60px; height: 60px;}
    .sub_inner.online .info_list dl{margin-top: 20px;}
    .sub_inner.online .info_list dl dt{font-size: 14px;}
  .sub_inner.online h1 {padding:10px;}
  .sub_inner.online .input_div input {padding:15px;}
  .sub_inner.online .input_div textarea {padding:15px;}
  .write_btn a,.write_btn button {font-size:16px;}
}

@media (max-width:768px){
    .sub_inner.online .info_list{flex-direction: column; padding: 0 20px;}
    .sub_inner.online .info_list li{border-right: none; padding: 20px; width: 100%; border-bottom: 1px solid #eee;}
    .sub_inner.online .info_list li:last-child{border-bottom: none;}
  .sub_inner.online h1 {font-size:14px; width:100%; padding:0; margin-bottom:10px;}
  .sub_inner.online .list>li {display:block; border-bottom: 1px dashed #ddd;}
  .sub_inner.online .input_div {width:100%;}
  .sub_inner.online .input_div input {font-size:14px;}
  .sub_inner.online .input_div textarea {font-size:14px; line-height:20px; height:200px!important;}
    .sub_inner.online .file_div{width: 100%;}
  .sub_inner.online .file_div input[type="file"] {font-size:14px;}
  .sub_inner.online .privacy {margin-top:30px;}
  .sub_inner.online .privacy h2 {font-size:14px; margin-bottom:10px;}
  .sub_inner.online .privacy .input_check {text-align:center}
    .sub_inner.online .privacy .input_check label{font-size: 14px; line-height: 1.5;}
  .sub_inner.online .write_btn {margin-top:40px;}
  .write_btn>* {width:50%; height:50px; line-height:50px; font-size:14px; margin-right:5px;}
}








/*
:root {--fz-base:14px; --fz-sm:13px; --fz-lg:16px; --fz-h1:28px; --fz-h2:22px;}
html {font-size:var(--fz-base);}
body {font-size:var(--fz-base); line-height:1.6; color:#111; font-family:"Pretendard","Noto Sans KR","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;}
h1 {font-size:var(--fz-h1); font-weight:700;}
h2 {font-size:var(--fz-h2); font-weight:600;}

.bo_list .tbl_head01 thead th {font-size:13px; font-weight:600;}
.bo_list .tbl_head01 tbody td {font-size:14px;}
.bo_list .bo_notice .td_subject a {font-weight:600;}
.bo_list .td_subject a {font-size:14px; line-height:1.5;}

.bo_view .bo_v_title {font-size:28px; font-weight:700; line-height:1.3; margin:0;}
.bo_view .bo_v_info {font-size:13px; color:#666;}
.bo_view .bo_v_option li {font-size:13px;}
.bo_view .bo_v_file li a {font-size:13px;}

.btn_bo_user a,.btn_bo_user button {font-size:13px;}

.pg_wrap .pg_page,.pg_wrap .pg_current {font-size:13px;}

input[type="text"],input[type="search"],select,textarea {font-size:14px;}

.tbl_head01 th,.tbl_head01 td {vertical-align:middle;}

*/