/** Sub Header **/
.header {border-bottom : 1px solid rgb(0, 0, 0,10%);}
.header_con .logo a {background: url('../images/logo.png') no-repeat center / cover;}
.header_con .navigator .header-menu li.on a.title {color: #111;}
.header_con .right_menu {border-left: 1px solid rgb(0, 0, 0, 10%);}
.header_con .lang .active .icon {background: url('../images/language_icon.png') no-repeat center / cover;}
.header_con .navigator .header-menu li.on:hover a.title {color: #1ca196;}
.header .m_menu_btn .menu-trigger span {background-color: #111;}

/** Sub Top **/
.top_title {padding-top: 215px;}
.top_title .box {display: flex; justify-content: space-between; align-items: flex-end;}
.top_title .left {}
.top_title .left .f18 {color: #1ca196; font-weight: 700; overflow: hidden;}
.top_title .left .f18 span {display: block;}
.top_title .left .f60 {margin-top: 20px; overflow: hidden;}
.top_title .left .f60 span {display: block;}
.top_title .left .f60.last {margin-top: 10px;}
.top_title .right {z-index: 1;}
.top_title .image {margin-top: 45px; display: flex; overflow: hidden;}
.top_title .image img {width: 100%; min-height: 250px; max-height: 560px; object-fit: cover; transform: scale(1.3,1.3); backface-visibility:hidden; transition:transform 7000ms ease-in-out;}
/* Sub Top :: active효과 */
.top_title.aos-animate .image img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.top_title.aos-animate .left .f18 span, .top_title.aos-animate .left .f60 span {-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.top_title.aos-animate .left .f18 span {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.top_title.aos-animate .left .f60 span{-webkit-animation-delay:0.3s; animation-delay:0.3s;}
@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px);}
	to {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
}

/** Section **/
.sec {padding: 150px 0;}
.sec1 {padding: 0 !important;}
.sec_title {text-align: center; margin-bottom: 120px;}
.sec_title .f20 {color: #1ca196; font-weight: 700; overflow: hidden;}
.sec_title .f56 {margin-top: 30px; overflow: hidden;}
.sec_title span {display: block;}
.bt_mg {padding-bottom: 220px;}
/* Section Title :: active효과 */
.sec_title.aos-animate .f20 span, .sec_title.aos-animate .f56 span{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.sec_title.aos-animate .f20 span {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.sec_title.aos-animate .f56 span {-webkit-animation-delay:0.3s; animation-delay:0.3s;}

/* Sub Top :: Navigation */
.sub_navi .navi {display: flex; align-items: flex-start;}
.sub_navi .home {display: flex; align-items: center; gap: 9px; padding: 0 21px;}
.sub_navi .home .f16 {color: #aaa; font-weight: 600;}
.sub_navi .home .icon {display: flex; justify-content: center; align-items: center; height: 100%;}
.sub_navi .home .icon span {display: inline-block; background: url('../images/home_icon.png') no-repeat center / cover; width: 14px; height: 14px;}
.sub_navi .navi > div {}
.sub_navi .navi > div::before {content: ''; display: inline-block; border-radius: 50%; width: 4px; height: 4px; background: #aaa; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
/* Sub Top :: Drop Menu */
.drop_wrap {position: relative;}
.drop_wrap .drop_btn {display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 0 21px; cursor: pointer;}
.drop_wrap:last-child .drop_btn {padding-right: 0;}
.drop_wrap .drop_btn .f16 {color: #aaa; font-weight: 600; white-space: nowrap;}
.drop_wrap .drop_btn .arrow {display: flex; margin-left: 18px; transition: all 0.3s;}
.drop_wrap .drop_btn .arrow i {font-weight: 300; font-size: 16px; color: #aaa; }
.drop_wrap .drop_menu {position: absolute; margin: 12px 0 0 20px; width: 96%; min-width: 125px; display: none;}
.drop_wrap .drop_menu ul {background: #1ca196; border-radius: 5px; padding: 20px 16px; overflow: hidden;}
.drop_wrap .drop_menu ul li {margin-bottom: 13px;}
.drop_wrap .drop_menu ul li:last-child {margin-bottom: 0;}
.drop_wrap .drop_menu ul li a {font-size: 14px; font-weight: 400; color: rgb(255, 255, 255, 50%);}
.drop_wrap .drop_menu ul li a:hover {color: #fff;}


/** 회사소개 - 회사개요 **/
.overview .sec2 {padding-bottom: 70px; overflow: hidden;}
.overview .Infographic1 {margin: 0 195px; position: relative;}
.overview .Infographic1 .circle {width: 336px; height: 336px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.overview .Infographic1 .description {display: flex; justify-content: space-between;}
.overview .Infographic1 .description .circle {background: #fff; text-align: center; padding: 0 30px; flex-flow: column; position: relative;}
.overview .Infographic1 .description .circle .small_circle {width: 45px; height: 45px; border-radius: 50%; background: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.overview .Infographic1 .description .circle .f32 {font-weight: 700;}
.overview .Infographic1 .description .circle .f22 {margin-top: 15px; color: #444;}
.overview .Infographic1 .description .circle.mission {border: 16px solid #184f9d;}
.overview .Infographic1 .description .circle.mission .small_circle {border: 10px solid #184f9d; right: -30px;} 
.overview .Infographic1 .description .circle.mission .f32 {color: #184f9d;}
.overview .Infographic1 .description .circle.vision {border: 16px solid #1ca196;}
.overview .Infographic1 .description .circle.vision .small_circle {border: 10px solid #1ca196; left: -30px;} 
.overview .Infographic1 .description .circle.vision .f32 {color: #1ca196;}
.overview .Infographic1 .description .circle .f22 span {display: block;}
.overview .Infographic1 .description .line {height: 1px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1; border-top: 1px dashed #128999;}
.overview .Infographic1 .circle_logo {background-image: linear-gradient(330deg, #134c99, #1ca196); position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.overview .Infographic1 .circle_logo .logo {}
.overview .Infographic1 .circle_logo .logo img {max-width: 240px;}
.overview .large_txt_wrap {margin-top: 100px;}
.overview .large_txt {display: flex; clear: both; white-space:nowrap; text-transform: uppercase;}
.overview .large_txt span {display: inline-block; color: #f7f7f7; font-weight: 800; margin-right: 25px; -webkit-animation: loop 25s infinite linear; animation: loop 25s infinite linear; }
@keyframes loop {
	100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
}
.overview .sec3 {background: #f7f7f7; padding-bottom: 250px;}
.overview .Infographic2 {display: flex; justify-content: center; align-items: center; position: relative; padding: 135px 0;}
.overview .Infographic2 .circle {background-image: linear-gradient(330deg, #134c99, #1ca196); width: 300px; height: 300px; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-flow: column; position: relative;}
.overview .Infographic2 .circle::after {content: ''; display: block; border: 1px solid #e5e5e5; transform: scale(1.9); width: 100%; height: 100%; border-radius: 50%; position: absolute;}
.overview .Infographic2 .circle .f18 {color: rgb(255, 255, 255, 60%); font-weight: 600;}
.overview .Infographic2 .circle .f48 {color: #fff; font-weight: 700; margin-top: 18px; text-align: center;}
.overview .Infographic2 .text_wrap {position: absolute; top: 50%; transform: translateY(-47%); left: 0; display: flex; flex-flow: wrap; gap: 280px;}
.overview .Infographic2 .text_wrap .box {flex: 1 1 calc(50% - 140px); display: flex; gap: 44px;}
.overview .Infographic2 .text_wrap .box .icon {width: 120px; height: 120px; background: #fff; border: 1px solid #134c99; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.overview .Infographic2 .text_wrap .box .icon img {max-width: 58px;}
.overview .Infographic2 .text_wrap .box .txt {width: 60%;}
.overview .Infographic2 .text_wrap .box .txt .f28 {color: #184f9d; font-weight: 600;}
.overview .Infographic2 .text_wrap .box .txt .f18 {color: #666; margin-top: 10px;}
.overview .Infographic2 .text_wrap .box:nth-child(odd) {justify-content: flex-end;}
.overview .Infographic2 .text_wrap .box:nth-child(odd) .icon {order: 2;}
.overview .Infographic2 .text_wrap .box:nth-child(odd) .txt {order: 1; text-align: right;}
.overview .organization {padding: 0 200px;}
.overview .organization .box {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 240px; height: 80px; border-radius: 15px; margin-bottom: 10px; text-align: center;}
.overview .organization .box1 {background: #1ca196; margin-bottom: 0 !important; position: relative; left: 50%; transform: translateX(-50%);}
.overview .organization .box2 {background: #f2f9f9; border: 1px solid #1ca196;}
.overview .organization .box3 {background: #fff; border: 1px solid #dfdfdf;}
.overview .organization .box3:last-child {margin-bottom: 0;}
.overview .organization .box .f26 {font-weight: 700; color: #fff;}
.overview .organization .box .f24 {font-weight: 600; color: #1ca196;}
.overview .organization .box .f22 {font-weight: 400; color: #666;}
.overview .organization .line {display: flex; justify-content: center;}
.overview .organization .line img {width: 100%; max-width: 1180px;}
.overview .organization .box_wrap {display: flex; gap: 74px; justify-content: space-around;}
.overview .organization .box_wrap li {display: block; width: 100%;}


/** 회사소개 - CEO인사말 **/
.greetings .sec2 {padding-bottom: 0;}
.greetings_wrap {background: linear-gradient(to bottom, #fff 18%, #f8f8f8 18%);}
.greetings_wrap .wrapper {display: flex; align-items: flex-start;}
.greetings_wrap .left {width: 50%;}
.greetings_wrap .title {}
.greetings_wrap .title .f50 {font-weight: 700;}
.greetings_wrap .title .f50 span {color: #1ca196;}
.greetings_wrap .line {display: inline-block; width: 2px; height: 100px; background: #1ca196; margin: 35px 0;}
.greetings_wrap .text {}
.greetings_wrap .text .f30 {color: #222;}
.greetings_wrap .text .f30 span {}
.greetings_wrap .text .f22 {margin-top: 40px; color: #222;}
.greetings_wrap .text .sign {margin-top: 60px; display: flex; align-items: center; gap: 15px; justify-content: flex-end;}
.greetings_wrap .text .sign .f22 {color: #222; font-weight: 700; margin-top: 0;}
.greetings_wrap .text .sign .image {}
.greetings_wrap .text .sign .image img {width: 141px;}
.greetings_wrap .right {width: 50%; display: flex; justify-content: flex-end;}
.greetings_wrap .right .image {border-top-left-radius: 160px; border-top-right-radius: 60px; border-bottom-left-radius: 60px; border-bottom-right-radius: 160px; overflow: hidden; display: flex; max-width: 653px; margin-left: 60px;} 
.greetings_wrap .right .image img {width: 100%;}


/** 회사소개 - 연혁 **/
.history_wrap .image {border-radius: 50%; display: flex; overflow: hidden; width: 100%; max-width: 360px; margin: 0 auto;}
.history_wrap .image img {width: 100%;}
.history .con {position: relative;}
.history .con .history_line_bg {display: block; width: 1px; height:100%; border-left: 3px solid #eee; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: -1;}
.history .con .history_line {display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 3px; height: 0; background: #39b5c5; transition: 0.5s ease; z-index: -1;}
.history .con .box {padding-top: 65px; width: 50%; position: relative;}
.history .con .box.first {padding: 0;}
.history .con .box::before {content: "";  border-radius: 50%; left: -10px; top: 90px; position: absolute; width: 19px; height: 19px; background: #fff; border: 4px solid #eee; transition: 0.3s ease;}
.history .con .box .inner {opacity: 0.3; transition: all 0.3s;}
.history .con .box .f56 {font-weight: 800;}
.history .con .box ul {margin-top: 11px;}
.history .con .box ul li {display: flex; gap: 10px; margin-bottom: 16px;}
.history .con .box ul li:last-child {margin-bottom: 0;}
.history .con .box ul li .month {font-weight: 600; color: #222;}
.history .con .box ul li .txt {}
.history .con .box ul li .txt .f20 {font-weight: 400; color: #666;}
.history .con .box:nth-child(even) {text-align: right; padding-right: 48px;}
.history .con .box:nth-child(even)::before {right: -10px; left: auto;}
.history .con .box:nth-child(even) ul li {justify-content: flex-end;}
.history .con .box:nth-child(even) ul li .month {order: 2;}
.history .con .box:nth-child(even) ul li .txt {order: 1;}
.history .con .box:nth-child(odd) {margin-left: 50%; padding-left: 48px;} 
.history .con .box.active::before {border: 4px solid #39b5c5;}
.history .con .box.active .inner {opacity: 1; transition: all 0.3s;}
.history .con .box.img {width: 100%; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
.history .con .box.img::before, .history .con .box.empty::before {display: none;}
.history .con .box.empty {padding: 0 !important; width: 0 !important; margin: 0 !important;}


/** 회사소개 - 오시는 길 **/
.location .sec2 {padding-bottom: 0;}
.location .map {display: flex;}
.location .map iframe {width: 100%; height: 640px;}
.location_info {display: flex;gap: 38px;}
.location_info .box {background: #fff; border-radius: 30px; border: 1px solid #e5e5e5; box-shadow: 0 10px 30px 2px rgba(0, 0, 0, 0.04); padding: 65px 52px 75px; flex: 1 1 33.3%;}
.location_info .box .title {border-bottom: 1px solid #111; padding-bottom: 32px; margin-bottom: 40px;}
.location_info .box .f40 {font-weight: 700; }
.location_info .box ul {display: flex; flex-wrap: wrap; gap: 30px 65px;}
.location_info .box li {display: flex; gap: 12px;}
.location_info .box li .icon {flex-shrink: 0;}
.location_info .box li .icon img {max-width: 25px;}
.location_info .box li .txt {}
.location_info .box li .txt .f22 {font-weight: 700; color: #222;}
.location_info .box li .txt .f18 {color: #666; margin-top: 6px; font-weight: 400;}
.location_info .box li .txt .f18 span {display: block;}
.location_info .box .btn {display: flex; justify-content: space-between; align-items: center; border: 1px solid #333; height: 98px; padding: 0 38px; margin-bottom: 15px; transition: all 0.3s;}
.location_info .box .btn:last-child {margin-bottom: 0;}
.location_info .box .btn .f20 {font-weight: 600; color: #222; transition: all 0.3s;}
.location_info .box .btn .icon {width: 24px; height: 24px; border-radius: 50%; background: #1ca196; display: flex; justify-content: center; align-items: center; flex-shrink: 0; transition: all 0.3s;}
.location_info .box .btn .icon i {color: #fff; font-size: 16px; transition: all 0.3s;}
.location_info .box .btn:hover {background: #1ca196; transition: all 0.3s;}
.location_info .box .btn:hover .f20 {color: #fff; transition: all 0.3s;}
.location_info .box .btn:hover .icon {background: #fff; transition: all 0.3s;}
.location_info .box .btn:hover .icon i {color: #1ca196; transition: all 0.3s;}


/** 홍보센터 - 카탈로그 **/
.catalog_list {border-top: 2px solid #222; padding-top: 55px; display: flex; flex-wrap: wrap; gap: 72px;}
.catalog_list .item {flex: 0 1 calc(33.3% - 48px); cursor: pointer;}
.catalog_list .item .image {display: flex; overflow: hidden;}
.catalog_list .item .image img {width: 100%; transition: all 0.3s;}
.catalog_list .item .txt {text-align: center; margin-top: 35px;}
.catalog_list .item .txt .f34 {color: #000; font-weight: 500; transition: all 0.3s;}
.catalog_list .item .txt .f18 {color: #666; font-weight: 400; margin-top: 6px;}
.catalog_list .item .txt .download_btn {display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #a0a0a0; width: 190px; height: 55px; border-radius: 50px; margin: 26px auto 0; transition: all 0.3s;}
.catalog_list .item .txt .download_btn .f16 {color: #333; font-weight: 500;transition: all 0.3s;}
.catalog_list .item .txt .download_btn .icon {}
.catalog_list .item .txt .download_btn .icon img {max-width: 16px;}
.catalog_list .item:hover {}
.catalog_list .item:hover .image img {transform: scale(1.1); transition: all 0.5s;}
.catalog_list .item:hover .txt .f34 {color: #1ca196; transition: all 0.3s;}
.catalog_list .item:hover .txt .f18 {color: #333; transition: all 0.3s;}
.catalog_list .item:hover .download_btn {border: 1px solid #333; transition: all 0.4s;}
.catalog_list .item:hover .download_btn .f16 {}


/** 홍보센터 - 수상 및 인증 **/
.certificates .list_wrap {display: flex; flex-flow: wrap; gap: 57px;}
.certificates .list_wrap .item {flex: 0 1 calc(25% - 43px); cursor: pointer; transition: all 0.3s;}
.certificates .list_wrap .item .image {transition: all 0.3s; display: flex; position: relative; border: 1px solid #ddd; height: 100%; max-height: 422px; overflow: hidden; transition: all 0.3s;}
.certificates .list_wrap .item .image .img {width: 100%; object-fit: contain; z-index: -1; transition: all 0.3s;}
.certificates .list_wrap .item .image .icon {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 92px; height: 92px; border-radius: 50%; background: #1ca196; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 0.3s;}
.certificates .list_wrap .item .image .icon img {width: 100%; max-width: 34px;}
.certificates .list_wrap .item .f20 {color:#000; font-weight: 600; margin-top: 22px; text-align: center;}
.certificates .list_wrap .item:hover { transition: all 0.3s;}
.certificates .list_wrap .item:hover .image {background: rgb(17 17 17 / 20%); border: 3px solid #1ca196; transition: all 0.3s;}
.certificates .list_wrap .item:hover .image .icon {opacity: 1; transition: all 0.3s;}
.certificates .list_wrap .item:hover .image .img {transform: scale(1.1); transition: all 0.5s;}
/* 수상 및 인증::Modal Popup */
.certificates_modal_pop {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.5); display: none;}
.certificates_modal_pop .inner {display: flex; justify-content: center; align-items: center; height: 100%;}
.certificates_modal_pop .md_con {position: relative; margin: 0 16px; background: #fff; width: 90vw; max-width: 760px; height: 90%; max-height: 1000px; box-shadow: 0 10px 30px 2px rgba(0, 0, 0, 0.3);}
.certificates_modal_pop .md_con .img_box {display: flex; width: 100%; height: calc(100% - 177px); max-width: none; justify-content: center; align-items: flex-start; margin: 0 auto; padding: 50px 0 70px;}
.certificates_modal_pop .md_con .img_box img {object-fit: contain; width: 100%; height: 100%;}
.certificates_modal_pop .md_con .text {padding: 85px 65px 50px; position: relative;}
.certificates_modal_pop .md_con .text::after {content: ''; display: inline-block; height: 1px; width: calc(100% - 120px); background: #e6e6e6; position: absolute; bottom: 0; left: 60px;}
.certificates_modal_pop .md_con .text .f32 {color:#222; font-weight: 600; text-align: center;}
.certificates_modal_pop .md_con .close {display:inline-block; position: absolute; right: 28px; top: 25px; cursor: pointer; z-index: 2;}
.certificates_modal_pop .md_con .close i {color: #000; font-size: 36px;}
.certificates_modal_pop .move_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.certificates_modal_pop .move_btn .arrow {position: absolute; display: inline-block; width: 28px; height: 28px; top: -20px; cursor: pointer;}
.certificates_modal_pop .move_btn .arrow span {position: absolute; width: 100%; height: 100%; border: 5px solid rgb(255, 255, 255, 20%); border-right: 0; border-bottom: 0;}
.certificates_modal_pop .move_btn .arrow.prev {transform: rotate(315deg); left: -60px;}
.certificates_modal_pop .move_btn .arrow.next {transform: rotate(135deg); right: -60px;}


/** 고객센터 - 공지사항 - List **/
.list_top {display: flex; justify-content: space-between;}
.total_wrap {display: flex; gap: 10px; align-items: center; flex-shrink: 0;}
.total_wrap .icon {display: flex;}
.total_wrap .icon img {width: 20px;}
.total_wrap .f15 {font-weight: 600;}
.total_wrap .f15 .total_posts {color: #1ca196;}
.total_wrap .f15 .current_page {color: #1ca196;}
.total_wrap .f15 .total_pages {}
.searchform {width: 60%; max-width: 590px;}
.searchform select {flex-shrink: 0;}
.notice .list_wrap { margin-top: 40px; border-top: 2px solid #222;}
.notice .list_wrap ul li .list_box {display: flex; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 40px 70px; transition: all 0.3s;}
.notice .list_wrap ul li .list_box .thum { flex-shrink: 0;}
.notice .list_wrap ul li .list_box .thum img {width: 100%; max-width: 506px; display: flex;}
.notice .list_wrap ul li .list_box .list_txt {padding: 20px 60px; width: calc(100% - 506px); display: flex; flex-flow: column; justify-content: space-between;}
.notice .list_wrap ul li .list_box .list_txt .cate {background: #000; color:#fff; width: 100%; max-width: 60px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s;}
.notice .list_wrap ul li .list_box .list_txt .con .title {color:#222; font-weight: 600; transition: all 0.3s;  display: inline-block; width: 100%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice .list_wrap ul li .list_box .list_txt .con .txt {color:#888; font-weight: 500; width: 100%; margin-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 60px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice .list_wrap ul li .list_box .list_txt .date {color:#999; margin-top: 50px; font-weight: 400; letter-spacing: 0;}
.notice .list_wrap ul li .list_box:hover {border-bottom: 1px solid #1ca196; border-top: 1px solid #1ca196; background: #fcffff; transition: all 0.2s;}
.notice .list_wrap ul li .list_box:hover .list_txt .cate {background:#1ca196; transition: all 0.2s;}
.notice .list_wrap ul li .list_box:hover .list_txt .con .title {color:#1ca196; transition: all 0.2s;}


/** 고객센터 - 공지사항 - Detail **/
.notice_detail_wrap .title {text-align: center; padding-bottom: 50px;}
.notice_detail_wrap .title .f50 {text-align: center;}
.notice_detail_wrap .title .f20 {text-align: center; margin-top: 30px;}
.notice_detail_wrap .detail_con {border-top: 2px solid #222; border-bottom: 1px solid #222; padding: 100px 80px 110px;}
.notice_detail_wrap .detail_con .image {margin-bottom: 70px; display: flex; justify-content: center;}
.notice_detail_wrap .detail_con .image img {width: 100%; max-width: 860px;}
.notice_detail_wrap .detail_con .f24 {color: #222; font-weight: 400; line-height: 40px;}
.notice_detail_wrap .detail_btn {display: flex; justify-content: flex-end; margin-top: 30px;}
.notice_detail_wrap .detail_btn a {color: #fff; background: #222; width: 140px; height: 56px; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.notice_detail_wrap .detail_btn a:hover {background: #1ca196; transition: all 0.3s;}

.notice_detail_wrap .detail_btn a + a{margin-left: 5px}

.inquiry_wrap .title {margin-bottom: 25px;}
.inquiry_wrap .title .f40 {color: #222; font-weight: 700;}
.inquiry_wrap .title .f40:last-child {margin-bottom: 0;}
.inquiry_wrap .consent {margin-bottom: 110px;}
.inquiry_wrap .consent .title {display: flex; align-items: center; justify-content: space-between;}
.inquiry_wrap .consent .check_box {}
.inquiry_wrap .consent input[type="checkbox"] + label .caption {font-weight: 500;}
.inquiry_wrap .consent .box {font-size: 16px; font-weight: 400; line-height: 28px; font-weight: 400; height: 340px; padding: 40px; color:#828282; background: #f7f7f7; border: 1px solid #ddd; overflow-y: auto;}
.inquiry_wrap .consent .box::-webkit-scrollbar {width: 4px;}
.inquiry_wrap .consent .box::-webkit-scrollbar-thumb {width: 30%; background: #666; border-radius: 10px;}
.inquiry_wrap .consent .box::-webkit-scrollbar-track {background:transparent;}
.inquiry_wrap .consent .box > ul {margin-bottom: 40px;}
.inquiry_wrap .consent .box > ul > li {display:block; font-weight:400; color:#666;}
.inquiry_wrap .consent .box > ul > li b {display:block; margin-bottom:30px; color:#222;}
.inquiryform {border-top: 2px solid #222;}

.inquiryform .captcha button{display: inline-flex}

.inquiryform .row {display: flex; align-items: flex-start; border-bottom: 1px solid #ddd; padding: 29px 0 31px;}
.inquiryform .row .group {width: calc(100% - 150px);}
.inquiryform .row .short {width: calc(50% - 150px); max-width: 568px;}
.inquiryform .row .box {display: flex; gap: 14px; align-items: center; width: 100%;}
.inquiryform .row .box.call {max-width: 800px;}
.inquiryform .row .f18 {font-weight: 700; width: 150px; flex-shrink: 0; margin-top: 15px;}
.inquiryform .row .f18 span {color: #1ca196;}
.inquiryform .row input {padding: 0 30px; width: 100%;}
.inquiryform .row input::placeholder {color: #888; font-weight: 400;}
.inquiryform .row .email_warp {display: flex; gap: 32px; align-items: center; width: 100%; max-width: 1245px;}
.inquiryform .row .email_warp select {width: 50%;}
.inquiryform .row .email_warp .f16 {color: #111; font-weight: 500;}
.inquiryform button {width: 204px; height: 68px; border-radius: 50px; background: #1ca196; color: #fff; margin: 37px auto 0; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.inquiryform button:hover {background: #222; transition: all 0.3s;}


.inquiryform .row .box.call button {margin: 0; width: auto; padding: 0 15px}

/** 고객센터 - 첨부문서 **/
.ifu_list {margin-top: 40px;}
.ifu_list table {table-layout: auto; width: 100%; table-layout: fixed; border-top: 2px solid #222;}
.ifu_list table thead tr {border-bottom: 1px solid #222; background: #eef8f7;}
.ifu_list table thead th {font-size: 20px; font-weight: 600; text-align: center; line-height: 80px; vertical-align: middle;}
.ifu_list table tbody tr {border-bottom: 1px solid #d5d5d5;}
.ifu_list table tbody td {text-align: center; padding: 0; vertical-align: middle;}
.ifu_list table tbody tr:hover td {background: #f8f8f8;}
.ifu_list table tbody td .f18 {color: #666; font-weight: 400; padding: 20px 10px;}


/** 제품  **/
.product .top_title .box {align-items: center;}
.product .sec_title {margin-bottom: 45px;}
.product .sec_title .f56 {margin-top: 22px;}

.product .drop_wrap .drop_menu {width: 95%;}
.product .pd_drop .drop_menu {min-width: auto; z-index: 1;}
.product .sec1 {position: relative; z-index: 2;}
.product .sec2 {padding-top: 75px;}
.product .sec4 {background: #fbfbfb;}
.product_swiper {height: 35vw; max-height: 640px; min-height: 200px;}
.product_swiper .product_slide {}
.product_swiper .product_slide img {width: 100%; height: 100%; object-fit: cover;}
.product_swiper .controller {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.product_swiper .controller .wrapper {height: 100%;}
.product_swiper .controller .pd_btn {opacity: 0.2; transition: all 0.2s;}
.product_swiper .controller .pd_btn:hover {opacity: 1; transition: all 0.3s;}
.product_swiper .controller .pd_btn::after {display: none;}
.product_swiper .controller .pd_btn img {width: 26px;}
.product_swiper .controller .pd_btn_next {right: 10px;}
.product_swiper .controller .pd_btn_prev {left: 10px;}
.product_swiper .controller .pd_pagination {bottom: 20px; top: auto;}
.product_swiper .controller .swiper-pagination-bullet {margin: 0 3px; height: 8px; width: 8px; opacity: 0.4; background: #111;}
.product_swiper .controller .swiper-pagination-bullet-active {opacity: 1;}
.product_down {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.product_down a {background: #222; height: 70px; width: 300px; border-radius: 50px; display: flex; justify-content: center; align-items: center; gap: 13px; transition: all 0.3s;}
.product_down a:hover {background: #1ca196; transition: all 0.3s;}
.product_down a .f20 {color: #fff; font-weight: 500;}
.product_down a img {width: 16px;}
.product_detail {position: relative;}
.product_detail .all_image {display: flex; justify-content: center; align-items: center;}
.product_detail .all_image img {width: calc(1340 / 1580* 100%);}
.product_detail .detail {position: absolute; z-index: 9; display: none;}
.product_detail .detail .image { display: flex;}
.product_detail .detail img {width: 100%;}
.product_detail .detail1_1 {width: calc(497 / 1580* 100%); height: calc(353 / 770* 100%); top: calc(-34 / 770* 100%); right: calc(158 / 1580* 100%);}
.product_detail .detail1_2 {width: calc(531 / 1580* 100%); height: calc(285 / 770* 100%); top: calc(99 / 770* 100%); left: calc(155 / 1580* 100%);}
.product_detail .detail1_3 {width: calc(137 / 1580* 100%); height: calc(137 / 770* 100%); top: calc(276 / 770* 100%); right: calc(510 / 1580* 100%);}
.product_detail .detail1_4 {width: calc(137 / 1580* 100%); height: calc(137 / 770* 100%); bottom: calc(179 / 770* 100%); left: calc(567 / 1580* 100%);}
.product_detail .detail2_1 {width: calc(536 / 1580* 100%); height: calc(215 / 770* 100%); top: calc(3 / 770* 100%); left: calc(130 / 1580* 100%);}
.product_detail .detail2_2 {width: calc(558 / 1580* 100%); height: calc(343 / 770* 100%); top: calc(48 / 770* 100%); right: calc(130 / 1580* 100%);}
.product_detail .detail2_3 {width: calc(137 / 1580* 100%); height: calc(137 / 770* 100%); bottom: calc(157 / 770* 100%); left: calc(579 / 1580* 100%);}
.product_detail .detail3_1 {width: calc(558 / 1580* 100%); height: calc(310 / 770* 100%); top: calc(120 / 770* 100%); left: calc(132 / 1580* 100%);}
.product_detail .detail3_2 {width: calc(137 / 1580* 100%); height: calc(137 / 770* 100%); top: calc(182 / 770* 100%); right: calc(494 / 1580* 100%);}
.product_detail .detail3_3 {width: calc(137 / 1580* 100%); height: calc(137 / 770* 100%); top: calc(228 / 770* 100%); left: calc(579 / 1580* 100%); z-index: 11;}
.product_detail .marker_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.product_detail .marker {border-radius: 50%; position: absolute; cursor: pointer;}
.product_detail .marker1_1 {top: calc(30 / 770* 100%); right: calc(582 / 1580* 100%);}
.product_detail .marker1_2 {top: calc(173 / 770* 100%); left: calc(617 / 1580* 100%);}
.product_detail .marker1_3 {top: calc(335 / 770* 100%); right: calc(578 / 1580* 100%);}
.product_detail .marker1_4 {bottom: calc(240 / 770* 100%); left: calc(627 / 1580* 100%);}
.product_detail .marker2_1 {top: calc(63 / 770* 100%); left: calc(588 / 1580* 100%);}
.product_detail .marker2_2 {top: calc(129 / 770* 100%); right: calc(600 / 1580* 100%);}
.product_detail .marker2_3 {bottom: calc(185 / 770* 100%); left: calc(643 / 1580* 100%);}
.product_detail .marker3_1 {top: calc(200 / 770* 100%); left: calc(625 / 1580* 100%);}
.product_detail .marker3_2 {top: calc(241 / 770* 100%); right: calc(551 / 1580* 100%);}
.product_detail .marker3_3 {top: calc(276 / 770* 100%); left: calc(650 / 1580* 100%); z-index: 10;}
.product_detail .marker span {display: inline-block; width: 11px; height: 11px;  background: #fff; border-radius: 50%; z-index: 2; position: relative;}
.product_detail .marker:before,
.product_detail .marker:after{display: block; content:"";position:absolute;left:50%; top:50%;transform:translate(-50%,-50%); width:55px; height:55px;border-radius:50%; background:#1ca196; opacity:0; transition:0.3s; z-index: 1;}
.product_detail .marker:before{animation:motion 3s ease-in infinite 0s;}
.product_detail .marker:after{animation:motion 3s ease-in infinite 1s;}
.product_detail .marker:hover:before,
.product_detail .marker:hover:after{background:#1ca196;}
@keyframes motion{
	0%{
		opacity:0.1;
		width:10px;height:10px;
	}
	50%{
		opacity:0.9;
	}
	100%{
		opacity:0;
		width:70px;height:70px;
	}
}
.product_detail_m {display: none;}
.product_detail_m .big_img {display: flex; justify-content: center;}
.product_detail_m .big_img img {width: 40vw; max-width: 260px;}
.product_detail_m ul {margin-top: 30px; border-top: 1px solid #000;}
.product_detail_m li {display: flex; gap: 25px; padding: 28px 0; border-bottom: 1px solid #d5d5d5;}
.product_detail_m li .left {display: flex; align-items: flex-start; flex-shrink: 0;}
.product_detail_m li .left img {width: 100%; max-width: 100px;}
.product_detail_m li .right {}
.product_detail_m li .f26 {color: #222; font-weight: 700; text-transform: uppercase;}
.product_detail_m li .f20 {font-weight: 500; margin-top: 2px;}
.product_detail_m li .f20 span {color: #39b5c5;}
.product_detail_m li .f20.tt {margin-top: 8px;}
.product_detail_m li .f14 {color: #39b5c5; font-weight: 500; margin-top: 4px;}
.product_detail_m .img_detail {display: flex; align-items: flex-start; flex-flow: wrap; margin-top: 14px; gap: 10px;}
.product_detail_m .img_detail .box {display: flex; flex-flow: column; justify-content: center; align-items: center; max-width: 70px;}
.product_detail_m .img_detail .box .image {display: flex;}
.product_detail_m .img_detail .box .image img {width: 100%;}
.product_detail_m .img_detail .box .f14 {color: #39b5c5; font-weight: 500; text-align: center; margin-top: 6px; line-height: 20px;}
.specifications {display: flex; justify-content: space-between; gap: 90px;}
.specifications .box {width: 100%;}
.specifications .top_text {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8px;}
.specifications .top_text .f26 {color: #222; font-weight: 700;}
.specifications .top_text .f16 {color: #666; font-weight: 600;}
.specifications .tb table tbody td:nth-child(1) .f20 {white-space: nowrap;}










@media (max-width: 1750px) {
	.drop_wrap .drop_menu {margin: 10px 0 0; width: 120px; min-width: auto;}
	.sec_title {margin-bottom: 80px;}
	.sec_title .f56 {margin-top: 20px;}
	.overview .Infographic1 {margin: 0 10vw;}
	.location .map iframe {height: 30vw; min-height: 250px;}
	.product .sec_title .f56 {margin-top: 20px;}
}


@media (max-width: 1600px) {
	.top_title {padding-top: 14vw;}
	.top_title .left .f60 {margin-top: 10px;}
	.sec {padding: 110px 0;}
	.overview .Infographic1 .circle {width: 300px; height: 300px;}
	.overview .Infographic1 .circle_logo .logo img {max-width: 220px;}
	.overview .sec3 {padding-bottom: 180px;}
	.overview .Infographic2 {padding: 70px 0 100px;}
	.overview .Infographic2 .circle {width: 230px; height: 230px;}
	.overview .Infographic2 .circle::after {transform: scale(1.6);}
	.overview .Infographic2 .text_wrap {gap: 140px;}
	.overview .Infographic2 .text_wrap .box .icon {width: 90px; height: 90px;}
	.overview .Infographic2 .text_wrap .box .icon img {max-width: 48px;}
	.overview .Infographic2 .text_wrap .box .txt .f18 {font-size: 16px; line-height: 26px;}
	.greetings_wrap {background: linear-gradient(to bottom, #fff 16%, #f8f8f8 16%);}
	.history .bt_mg {padding-bottom: 180px;}
	.history .con .box::before {top: 80px;}
	.history_wrap .image {max-width: 22vw;}
	.location_info .box {padding: 50px 35px 55px;}
	.location_info .box .btn {height: 80px; padding: 0 30px;}
	.certificates .list_wrap .item .image {max-height: 25vw;}
	.certificates_modal_pop .md_con .text {padding: 60px 30px 30px;}
	.certificates_modal_pop .md_con .img_box {padding: 30px 0 50px;}
	.notice_detail_wrap .title .f20 {margin-top: 16px;}
	.notice_detail_wrap .detail_con {padding: 60px 40px 80px;}
	.product .sec2 {padding-top: 4vw;}
	.product_down a {height: 60px; width: 280px;}
	.product_down a .f20 {font-size: 18px; line-height: 26px;}
}


@media (max-width: 1440px) { 
	.top_title .image {margin-top: 30px;}
	.drop_wrap .drop_menu {margin: 8px 0 0;}
	.sec_title {margin-bottom: 60px;} 
	.sec_title .f56 {margin-top: 12px;}
	.bt_mg {padding-bottom: 180px;}
	.overview .Infographic1 {margin: 0 4vw;}
	.overview .Infographic1 .circle_logo .logo img {max-width: 200px;}
	.overview .Infographic2 {padding: 60px 0 70px;}
	.overview .Infographic2 .text_wrap .box .txt .f28 {font-size: 22px; line-height: 32px;}
	.overview .Infographic2 .text_wrap .box .txt {width: 70%;}
	.overview .organization {padding: 0;}
	.overview .organization .box {height: 70px;}
    .history .con .box::before {top: 82px; width: 15px; height: 15px; left: -8px; border: 3px solid #eee;}
	.history .con .box:nth-child(even)::before {right: -8px;}
	.history .con .box.active::before {border: 3px solid #39b5c5;}
	.history .con .box ul li {margin-bottom: 8px;}
	.location_info .box ul {flex-flow: column; gap: 25px;}
	.location_info .box li .txt .f18 {margin-top: 4px;}
	.catalog_list {padding-top: 45px; gap: 50px;}
	.catalog_list .item {flex: 0 1 calc(33.3% - 33px);}
	.catalog_list .item .txt {margin-top: 25px;}
	.certificates .list_wrap .item .image .icon {width: 70px; height: 70px;}
	.certificates .list_wrap .item .image .icon img {max-width: 24px;}
	.certificates_modal_pop .md_con .img_box {height: calc(100% - 128px);}
	.notice .list_wrap ul li .list_box {padding: 30px 20px;}
	.notice .list_wrap ul li .list_box .thum {width: 30%;}
	.notice .list_wrap ul li .list_box .list_txt {width: 70%; padding: 10px 40px;}
	.notice .list_wrap ul li .list_box .list_txt .con .txt {margin-top: 10px;}
	.notice .list_wrap ul li .list_box .list_txt .date {margin-top: 12px;}
	.notice_detail_wrap .detail_con .image {margin-bottom: 50px;}
	.notice_detail_wrap .title {padding-bottom: 40px;}
	.notice_detail_wrap .detail_con {padding: 50px 20px 70px;}
	.inquiry_wrap .consent .box {padding: 30px; height: 260px;}
	.inquiry_wrap .consent .box > ul > li b {margin-bottom: 20px;}
	.inquiryform .row {padding: 15px 0;}
	.inquiryform button {height: 60px;}
	.ifu_list table thead th {line-height: 70px; font-size: 18px;}
	.top_title .left .f60.last {margin-top: 5px;}
	.product .sec_title .f56 {margin-top: 12px;}
	.specifications {gap: 60px;}
}


@media (max-width: 1200px) { 
	.sec_title {margin-bottom: 50px;} 
	.sec_title .f56 {margin-top: 10px;}
    .sec {padding: 90px 0 100px;}
	.bt_mg {padding-bottom: 150px;}
	.overview .Infographic1 .circle {width: 270px; height: 270px;}
	.overview .Infographic1 .description .circle .small_circle {width: 35px; height: 35px;}
	.overview .Infographic1 .description .circle.vision .small_circle {border: 8px solid #1ca196; left: -25px;}
	.overview .Infographic1 .description .circle.mission .small_circle {border: 8px solid #184f9d; right: -25px;}
	.overview .sec3 {padding-bottom: 150px;}
	.overview .Infographic2 {padding: 60px 0 100px;}
	.overview .Infographic2 .circle {width: 170px; height: 170px;}
	.overview .Infographic2 .circle::after {transform: scale(1.6);}
	.overview .Infographic2 .circle .f48 {margin-top: 5px;}
	.overview .Infographic2 .text_wrap {gap: 85px;}
	.overview .Infographic2 .text_wrap .box {gap: 34px;}
	.overview .Infographic2 .text_wrap .box .icon {width: 80px; height: 80px;}
	.overview .Infographic2 .text_wrap .box .icon img {max-width: 38px;}
	.overview .Infographic2 .text_wrap .box .txt .f28 {font-size: 20px; line-height: 30px;}
	.overview .Infographic2 .text_wrap .box .txt .f18 {font-size: 16px; line-height: 26px; margin-top: 6px;}
	.greetings_wrap {background: linear-gradient(to bottom, #fff 12%, #f8f8f8 12%);}
	.greetings_wrap .line {height: 60px; margin: 20px 0;}
	.greetings_wrap .right .image {border-top-left-radius: 120px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 120px;}
	.history .con .box {padding-top: 45px;}
	.history .con .box::before {top: 60px;}
	.location_info {gap: 20px;}
	.location_info .box {padding: 40px 30px 45px;}
	.location_info .box .title {padding-bottom: 20px; margin-bottom: 30px;}
	.location_info .box .btn {height: 70px; padding: 0 20px; margin-bottom: 10px;}
	.catalog_list {padding-top: 35px; gap: 30px;}
	.catalog_list .item {flex: 0 1 calc(33.3% - 20px);}
	.catalog_list .item .txt {margin-top: 15px;}
	.catalog_list .item .txt .f18 {margin-top: 4px;}
	.catalog_list .item .txt .download_btn {margin: 18px auto 0;}
	.certificates .list_wrap {gap: 50px 40px;}
	.certificates .list_wrap .item {flex: 0 1 calc(25% - 30px);}
	.certificates .list_wrap .item .f20 {margin-top: 15px;}
	.certificates .list_wrap .item .image .icon {width: 60px; height: 60px;}
	.notice_detail_wrap .detail_con .f24 {line-height: 38px;}
	.notice_detail_wrap .detail_con {padding: 50px 20px 60px;}
	.inquiryform .row input {padding: 0 20px;}
	.inquiry_wrap .consent {margin-bottom: 80px;}
	.ifu_list table thead th {line-height: 60px; font-size: 16px;}
	.ifu_list table tbody td .f18 {padding: 15px 10px;}
	.product .sec_title .f56 {margin-top: 10px;}
	.product_down a {height: 60px; width: 260px;}
	.product_down a .f20 {font-size: 17px; line-height: 25px;}
	.specifications {gap: 40px;}
}


@media (max-width: 1050px) { 
	.overview .Infographic2 {padding: 60px 0 120px;}
}


@media (max-width: 1024px) {
	.drop_wrap .drop_btn .arrow {margin-left: 8px;}
	.drop_wrap .drop_menu {width: 100px;}
	.drop_wrap .drop_menu ul {padding: 16px 12px;}
	.drop_wrap .drop_menu ul li {margin-bottom: 9px;}
	.sec_title {margin-bottom: 40px;} 
    .sec {padding: 80px 0 90px;}
	.bt_mg {padding-bottom: 100px;}
	.overview .Infographic1 {margin: 0 4vw;}
	.overview .Infographic1 .circle {width: 220px; height: 220px;}
	.overview .Infographic1 .circle_logo .logo img {max-width: 160px;}
	.overview .Infographic1 .description .circle .f22 {margin-top: 5px;}
	.overview .Infographic1 .description .circle.vision {border: 10px solid #1ca196;}
	.overview .Infographic1 .description .circle.mission {border: 10px solid #184f9d;}
	.overview .Infographic1 .description .circle.vision .small_circle {left: -20px;}
	.overview .Infographic1 .description .circle.mission .small_circle { right: -20px;}
	.overview .sec3 {padding-bottom: 100px;}
	.overview .Infographic2 .text_wrap .box .icon {width: 70px;height: 70px;}
	.overview .organization .box_wrap {gap: 20px;}
	.overview .organization .box {height: 60px; border-radius: 8px; margin-bottom: 6px;}
	.overview .large_txt_wrap {margin-top: 60px;}
	.greetings_wrap .right .image {border-top-left-radius: 80px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 80px; margin-left: 40px;}
	.greetings_wrap .text .f22 {margin-top: 25px;}
	.greetings_wrap .line {height: 50px; margin: 12px 0;}
	.greetings_wrap .left {width: 60%;}
	.greetings_wrap .right {width: 40%;}
	.greetings_wrap .text .sign {margin-top: 40px;}
	.greetings_wrap .text .sign .image img {width: 90px;}
	.history .bt_mg {padding-bottom: 150px;}
	.history .con .box {padding-top: 40px;}
	.history .con .box:nth-child(odd) {padding-left: 35px;}
	.history .con .box:nth-child(even) {padding-right: 35px;}
	.history .con .box::before {top: 52px;}
	.location_info .box {padding: 30px 22px 35px; border-radius: 15px;}
	.location_info .box .title {padding-bottom: 20px; margin-bottom: 30px;}
	.location_info .box .btn {height: 70px; padding: 0 20px; margin-bottom: 10px;}
	.location_info .box ul {gap: 20px;}
	.location_info .box li .icon img {max-width: 20px;}
    .location_info .box .title {padding-bottom: 18px; margin-bottom: 25px;}
    .catalog_list {padding-top: 30px; gap: 15px;}
    .catalog_list .item {flex: 0 1 calc(33.3% - 10px);}
	.certificates_modal_pop .move_btn .arrow {width: 20px; height: 20px;}
	.certificates_modal_pop .move_btn .arrow.prev {left: 30px;}
	.certificates_modal_pop .move_btn .arrow.next {right: 30px;}
	.certificates_modal_pop .move_btn .arrow span {border: 3px solid rgb(0 0 0 / 20%); border-right: 0; border-bottom: 0;}
	.certificates_modal_pop .md_con .close {top: 18px; right: 20px;}
	.certificates_modal_pop .md_con .close i {font-size: 24px;}
	.certificates_modal_pop .md_con .text {padding: 30px 20px 22px;}
	.certificates_modal_pop .md_con .img_box {padding: 30px 20px 60px; height: calc(100% - 83px);}
	.certificates_modal_pop .md_con .text::after {width: calc(100% - 40px); left: 20px;}
	.notice .list_wrap ul li .list_box {padding: 20px 0;}
	.notice .list_wrap ul li .list_box .thum {min-width: 270px;}
	.notice .list_wrap ul li .list_box .list_txt {width: calc(100% - 300px); padding: 10px 30px;}
	.notice .list_wrap ul li .list_box .list_txt .con .txt {height: 48px; margin-top: 4px;}
	.notice .list_wrap {margin-top: 25px;}
	.notice_detail_wrap .detail_con {padding: 30px 0 40px;}
	.notice_detail_wrap .detail_con .f24 {line-height: 32px;}
	.notice_detail_wrap .detail_con .image {margin-bottom: 40px;}
	.notice_detail_wrap .title {padding-bottom: 30px;}
    .notice_detail_wrap .title .f20 {margin-top: 10px;}
	.notice_detail_wrap .detail_btn {margin-top: 20px;}
	.inquiry_wrap .consent .box {padding: 20px; height: 200px;}
	.inquiry_wrap .consent .box > ul {margin-bottom: 30px;}
	.inquiry_wrap .consent .box > ul > li b {margin-bottom: 6px;}
	.inquiryform .row .box {gap: 6px;}
	.inquiryform .row .email_warp {gap: 10px;}
	.inquiryform .row .f18 {width: 100px;}
	.inquiryform .row .group, .inquiryform .row .short {width: calc(100% - 100px); max-width: none;}
	.inquiry_wrap .title {margin-bottom: 15px;}
	.inquiryform button {height: 56px; margin-top: 20px;}
	.ifu_list {margin-top: 25px;}
	.top_title .left .f60.last {margin-top: 0;}
    .product .sec2 {padding-top: 30px;}
	.product_swiper .controller .pd_btn img {width: 15px;}
	.product_swiper .controller .pd_pagination {bottom: 10px;}
	.product .sec_title {margin-bottom: 30px;}
	.product_down {margin-top: 30px;}
	.product_down a {height: 56px; width: 240px; gap: 8px;}
	.product_down a .f20 {font-size: 16px; line-height: 24px;}
	.product_down a img {width: 12px;}
	.specifications {gap: 30px;}
}


@media (max-width: 960px) { 
	.overview .Infographic1 .circle {width: 220px; height: 220px;}
	.overview .Infographic2 {padding: 0;}
	.overview .Infographic2 .circle {display: none;}
	.overview .Infographic2 .text_wrap {position: static; transform: none; gap: 30px;}
	.overview .Infographic2 .text_wrap .box {width: 100%; flex: 1 1 100%; gap: 20px;}
	.overview .Infographic2 .text_wrap .box:nth-child(odd) {justify-content: flex-start;}
	.overview .Infographic2 .text_wrap .box:nth-child(odd) .icon {order: 1;}
	.overview .Infographic2 .text_wrap .box:nth-child(odd) .txt {order: 2; text-align: left;}
	.overview .Infographic2 .text_wrap .box .txt {width: 100%;}
	.overview .Infographic2 .text_wrap .box .txt .f28 {font-size: 18px;line-height: 28px;}
	.overview .Infographic2 .text_wrap .box .txt .f18 {font-size: 15px;line-height: 25px;}
	.history_wrap .image {max-width: 200px;}
	.location_info {flex-flow: column;}
	.location_info .box .btn {height: 60px; padding: 0 16px;}
	.location_info .box .btn .f20 {font-size: 16px; line-height: 24px;}
	.location .sec3  {padding-top: 60px;}
	.certificates .list_wrap {gap: 40px 30px;}
	.certificates .list_wrap .item {flex: 0 1 calc(25% - 23px);}
	.certificates .list_wrap .item .f20 {margin-top: 15px;}
	.specifications {flex-flow: column; gap: 50px;}
}


@media (max-width: 850px) { 
	.overview .Infographic1 {margin: 0;}
}


@media (max-width: 768px) {
	.sec2 {padding-top: 60px;}
	.top_title {padding-top: 110px;}
	.top_title .left .f60 {margin-top: 6px;}
	.sub_navi .home {gap: 6px;}
	.sub_navi .home .icon span {width: 12px; height: 12px;}
	.sub_navi .home, .drop_wrap .drop_btn {padding: 0 18px;}
	.drop_wrap .drop_btn .arrow {margin-left: 6px;}
	.top_title .image img {min-height: 220px;}
	.overview .Infographic1 {position: relative; margin: 0 8vw;}
	.overview .Infographic1 .circle {width: 200px; height: 200px;}
	.overview .Infographic1 .circle_logo {top: 0; z-index: -1; width: 180px; height: 180px;}
    .overview .Infographic1 .circle_logo .logo img {max-width: 140px;}
	.overview .Infographic1 .description {padding-top: 140px;}
	.overview .Infographic1 .description .line {display: none;}
	.overview .Infographic1 .description .circle .small_circle {width: 25px; height: 25px; top: 10%;}
	.overview .Infographic1 .description .circle.vision .small_circle {border: 6px solid #1ca196; left: 12px;}
	.overview .Infographic1 .description .circle.mission .small_circle {border: 6px solid #184f9d; right: 12px;}
	.overview .Infographic1 .description .circle .f22 {font-size: 16px; line-height: 24px;}
    .overview .Infographic2 .text_wrap .box .icon {width: 60px; height: 60px;}
	.overview .Infographic2 .text_wrap .box .icon img {max-width: 30px;}
	.overview .Infographic2 .text_wrap .box .txt .f18 {margin-top: 4px;}
	.overview .organization .box_wrap {gap: 10px;}
    .overview .organization .box {height: 50px;}
	.overview .organization .box .f24 {font-size: 16px; line-height: 26px;}
	.overview .organization .box .f22 {font-size: 15px; line-height: 25px;}
	.overview .large_txt_wrap {margin-top: 40px;}
	.greetings_wrap .wrapper {flex-flow: column;}
	.greetings_wrap .left, .greetings_wrap .right {width: 100%;}
	.greetings_wrap .right {justify-content: center;}
	.greetings_wrap .right .image {margin: 0; max-width: 400px; margin-top: 40px;}
	.greetings_wrap {background: linear-gradient(to bottom, #fff 7%, #f8f8f8 7%);}
	.greetings_wrap .text .sign {margin-top: 30px;}
	.greetings_wrap .text .sign .image img {width: 80px;}
	.history .bt_mg {padding-bottom: 120px;}
	.history .con .box {padding-top: 30px;}
	.history .con .box::before {top: 40px; width: 12px; height: 12px; left: -6px;}
	.history .con .box:nth-child(odd) {padding-left: 35px;}
	.history .con .box:nth-child(even) {padding-right: 35px;}
    .history .con .box:nth-child(even)::before {right: -6px;}
	.history .con .box ul li {gap: 8px; margin-bottom: 6px;}
	.history_wrap .image {max-width: 180px;}
    .location_info .box {padding: 24px 16px 25px;}
	.location_info .box .title {padding-bottom: 12px; margin-bottom: 20px;}
    .location_info .box ul {gap: 16px;}
	.catalog_list .item .txt .download_btn {height: 50px; width: 100%; max-width: 170px; gap: 6px;}
	.catalog_list .item .txt .download_btn .icon img {max-width: 12px;}
	.certificates .list_wrap {gap: 40px 20px;}
	.certificates .list_wrap .item {flex: 0 1 calc(25% - 15px);}
	.certificates .list_wrap .item .image .icon {width: 50px; height: 50px;}
	.certificates .list_wrap .item .image .icon img {max-width: 20px;}
    .certificates_modal_pop .md_con .text {padding: 36px 20px 22px;}
	.notice .list_wrap ul li .list_box .thum {min-width: auto; width: 40%;}
	.notice .list_wrap ul li .list_box .thum img {height: 100%; object-fit: cover;}
	.notice .list_wrap ul li .list_box .list_txt {width: 60%; padding: 0 0 0 25px;}
	.searchform {max-width: 640px;}
	.notice_detail_wrap .title {padding-bottom: 28px;}
	.notice_detail_wrap .detail_con {padding: 24px 0 40px;}
	.notice_detail_wrap .detail_con .image {margin-bottom: 30px;}
	.notice_detail_wrap .detail_con .f24 {font-size: 16px; line-height: 26px;}
	.notice_detail_wrap .detail_btn {margin-top: 12px;}
	.notice_detail_wrap .detail_btn a {height: 50px;}
	.inquiryform .row .f18 {width: 80px;}
	.inquiryform .row .group, .inquiryform .row .short {width: calc(100% - 80px);}
	.inquiryform .row input {padding: 0 14px;}
	.inquiry_wrap .consent {margin-bottom: 60px;}
	.inquiry_wrap .consent .box {padding: 12px 16px; font-size: 15px; line-height: 23px; height: 180px;}
    .inquiry_wrap .consent .box > ul > li b {margin-bottom: 6px;}
    .inquiry_wrap .consent .box > ul {margin-bottom: 20px;}
	.ifu_list table colgroup col:nth-child(1) {width: 8%;}
	.ifu_list table colgroup col:nth-child(2) {width: 30%;}
	.ifu_list table colgroup col:nth-child(3) {width: 32%;}
	.ifu_list table colgroup col:nth-child(4) {width: 30%;}
	.ifu_list table thead th {line-height: 22px; font-size: 14px; padding: 12px 0;}
	.ifu_list table tbody td:first-child {padding: 0;}
	.ifu_list table tbody td .f18 {font-size: 15px; line-height: 23px; padding: 13px 0;}
	.product .top_title .box {flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 16px;}
	.product .sub_navi .home {padding-left: 0;}
	.product .sub_navi .navi {flex-wrap: wrap;}
	.product_detail  {display: none;}
	.product_detail_m {display: block;}
	.product .sec_title {margin-bottom: 25px;}
	.product_down {margin-top: 25px;}
	.product_down a {height: 52px; width: 230px; gap: 8px;}
	.product_down a .f20 {font-size: 15px; line-height: 23px;}
	.product_down a img {width: 12px;}
	.specifications .top_text .f16 {font-size: 14px; line-height: 22px;}
	
	.inquiryform .row .box.call.felx_down{flex-direction: column;}
	
}


@media (max-width: 640px) {
	.top_title .box {flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 16px;}
    .top_title .left .f60 {margin-top: 4px;}
	.sub_navi .home, .drop_wrap .drop_btn {padding: 0 16px;}
	.sub_navi .home {padding-left: 0;}
	.sub_navi .home .f16 {font-size: 14px; line-height: 22px;}
	.sub_navi .navi > div::before {width: 3px; height: 3px;}
	.drop_wrap .drop_btn .arrow i {font-size: 14px;}
	.drop_wrap .drop_menu ul li a {font-size: 13px;}
	.top_title .image {margin-top: 24px;}
	.overview .Infographic1 {margin: 0;}
	.overview .Infographic1 .description {padding-top: 120px;}
	.overview .Infographic1 .circle_logo {width: 160px; height: 160px;}
	.overview .Infographic1 .circle_logo .logo img {max-width: 120px;}
	.overview .organization .box .f24 {font-size: 15px; line-height: 25px;}
	.history .con .history_line_bg, .history .con .history_line {left: 0; transform: none;}
	.history .con .box::before, .history .con .box:nth-child(even)::before {right: auto; left: -4px;}
	.history .con .box, .history .con .box:nth-child(even), .history .con .box:nth-child(odd) {width: 100%; padding: 40px 0 0 25px; text-align: left; margin: 0;}
	.history .con .box ul {margin-top: 8px;}
	.history .con .box:nth-child(even) ul li {justify-content: flex-start;}
	.history .con .box::before {top: 49px;}
	.history .con .box:nth-child(even) ul li .txt {order: 2;}
	.history .con .box:nth-child(even) ul li .month {order: 1;}
	.history .con .box.first {padding-top: 0;}
	.history_wrap .image {margin: 0 0 0 20px;}
	.catalog_list {gap: 40px 10px;}
    .catalog_list .item {flex: 0 1 calc(50% - 5px);}
    .certificates .list_wrap .item {flex: 0 1 calc(33.3% - 14px);}
	.certificates .list_wrap .item .f20 {margin-top: 12px;}
	.certificates .list_wrap .item .image {max-height: 150px;}
	.notice .list_wrap ul li .list_box .list_txt .con .txt {font-size: 15px; line-height: 23px;}
	.notice .list_wrap ul li .list_box .list_txt .date {font-size: 14px; line-height: 22px;}
	.list_top {flex-flow: column;}
	.searchform {width: 100%;  max-width: none; margin-top: 12px;}
	.total_wrap {gap: 6px;}
	.total_wrap .icon img {width: 15px;}
	.inquiryform .row {flex-flow: column;}
	.inquiryform .row .f18 {width: 100%; margin-top: 0; margin-bottom: 6px;}
	.inquiryform .row .group, .inquiryform .row .short {width: 100%;}
	.ifu_list table tbody td .f18 {font-size: 14px; line-height: 22px;}
}


@media (max-width: 540px) {
	.top_title .image img {min-height: 200px;}
	.overview .Infographic2 .text_wrap .box .txt .f28 {font-size: 17px;line-height: 27px;}
	.greetings_wrap {background: linear-gradient(to bottom, #fff 6%, #f8f8f8 6%);}
	.greetings_wrap .text .f22 {font-size: 16px; line-height: 26px;}
	.location .map iframe {min-height: 220px;}
	.location_info {gap: 10px;}
    .catalog_list .item .txt .download_btn {margin: 14px auto 0;}
	.certificates .list_wrap .item .image .icon {width: 40px; height: 40px;}
	.certificates .list_wrap .item .image .icon img {max-width: 16px;}
	.notice .list_wrap ul li .list_box .list_txt {padding: 0 0 0 20px;}
	.inquiryform .row .email_warp {flex-flow: column; gap: 5px;}
	.inquiryform .row .email_warp select {width: 100%;}
	.product_detail_m li {gap: 16px; padding: 20px 0;}
	.product_detail_m li .left img {max-width: 80px;}
	.product_detail_m .img_detail .box {max-width: 60px;}
	.product_detail_m .img_detail .box .f14 {font-size: 12px; line-height: 16px;}
	.product_detail_m .img_detail {gap: 8px 6px;}
	.specifications {flex-flow: column; gap: 40px;}
	.product_detail_m li .f26 {font-size: 16px; line-height: 24px;}
	.product_detail_m li .f20{font-size: 15px; line-height: 23px;}
}


@media (max-width: 480px) {
	.sec_title .f56 {margin-top: 6px;}
	.top_title .image img {min-height: 180px;}
	.overview .Infographic1 {display: flex; flex-flow: column; align-items: center;}
	.overview .Infographic1 .description {flex-flow: column; padding: 0; order: 2; gap: 6px;}
	.overview .Infographic1 .description .circle {width: 100%; height: auto; border-radius: 10px; padding: 18px 16px;}
	.overview .Infographic1 .description .circle.mission {border: 3px solid #184f9d;}
	.overview .Infographic1 .description .circle.vision {border: 3px solid #1ca196;}
	.overview .Infographic1 .description .circle .small_circle {display: none;}
	.overview .Infographic1 .description .circle .f32 {font-size: 18px; line-height: 26px;}
	.overview .Infographic1 .circle_logo {display: none;}
	.overview .Infographic2 .text_wrap .box {gap: 12px;}
	.overview .organization .line img {display: none;}
	.overview .organization .box_wrap {flex-flow: wrap; margin-top: 20px; gap: 16px 10px;}
	.overview .organization .box_wrap li {flex: 1 1 calc(50% - 5px);}
    .overview .organization .box {height: 42px;}
	.greetings_wrap .line {height: 40px;}
	.greetings_wrap .text .sign .image img {width: 70px;}
	.greetings_wrap .right .image {border-top-left-radius: 60px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 60px;}
    .history_wrap .image {max-width: 160px;}
	.catalog_list .item .txt .download_btn .f16 {font-size: 14px; line-height: 22px;}
	.certificates .list_wrap {gap: 40px 10px;}
    .certificates .list_wrap .item {flex: 0 1 calc(50% - 6px);}
	.certificates .list_wrap .item .f20 {margin-top: 12px;}
	.certificates .list_wrap .item .image {max-height: 150px;}
	.certificates_modal_pop .md_con .close {top: 12px; right: 14px;}
	.notice .list_wrap ul li .list_box .list_txt .con .txt {margin-top: 2px;}
	.notice .list_wrap ul li .list_box .list_txt .date {margin-top: 8px;}
	.notice .list_wrap ul li .list_box .list_txt .con .title {font-size: 16px; line-height: 24px;}
	.inquiry_wrap .consent .title {flex-flow: column; justify-content: flex-start; align-items: start; gap: 15px;}
	.ifu_list table thead th {font-size: 13px; line-height: 19px;}
	.ifu_list table tbody td .f18 {padding: 10px 0;}
	.product .sec_title .f56 {margin-top: 6px;}
	.product_detail_m li .left img {max-width: 70px;}
}


@media (max-width: 375px) {
	.greetings_wrap {background: linear-gradient(to bottom, #fff 7.5%, #f8f8f8 7.5%);}
}