/********** common **********/
.fs_16{font-size: 1rem; line-height: 150%;}
.fs_18{font-size: 1.125rem; line-height: 145%;}
.fs_22{font-size: 1.375rem; line-height: 145%;}
.fs_24{font-size: 1.5rem; line-height: 133%;}
.fs_28{font-size: 1.75rem; letter-spacing: -0.0625rem; line-height: 140%;}
.fs_32{font-size: 2rem; letter-spacing: -0.01875rem; line-height: 140%;}
.fs_37{font-size: 2.3125rem; letter-spacing: -0.0625rem; line-height: 140%;}
.fs_40 {font-size: 2.5rem;}
.fc_navy {color: var(--color-navy);}
.f-man, .f-man *{font-family: var(--font-man) !important;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fw8{font-weight: 800;}
.c700, .c700 *{color: #6D6D6D !important;}
.c100, .c100 *{color: #FFF !important;}
.c-sky, .c-sky *{color: #F2F4FA !important;}
.bl_bg{padding: 5.625rem 0; background: #F2F4FA;}
h4.fs_32{text-transform: uppercase;}

/* sub_visual */
.sub_visual{width:100%; height: 36.25rem; position:relative; background:url("/img/sub/sub_vis01.jpg") no-repeat center / cover;}
.sub_visual.bg01{background-image:url("/img/sub/sub_vis01.jpg");}
/* sub_vis_txt */
.sub_vis_txt{text-align: center; position: absolute; left: 50%; top: 16.12rem; transform: translateX(-50%); width: max-content;}
.sub_vis_txt h2 {color: #FFF; font-family: var(--font-out); font-size: 4.375rem; font-weight: 500; line-height: 1.14;}
/* sub_menu */
.sub_menu {margin-top: 8.25rem; padding: .63rem 1.25rem !important; border-radius: 31.25rem; background: rgba(242, 244, 250, 0.20); backdrop-filter: blur(5px);}
.sub_menu .swiper-slide {width: auto;}
.sub_menu .swiper-slide a {padding: 0 2.5rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; font-weight: 700; letter-spacing: -0.0375rem; border-radius: 31.25rem;}
.sub_menu .swiper-slide.on a {background: var(--color-navy);}
/* sub_content */
#sub_content{padding:8.125rem 0 9.375rem;}
.sub_inner{max-width:87.5rem; margin:0 auto; width: 100%;}
/* subTab */
[class^='subTab_'] {display: flex; align-items: center; justify-content: center;}
[class^='subTab_'] li {flex: 1; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.subTab_styleBord li {height: 4.375rem; border-bottom: 1px solid #BEBEBE; color: #BEBEBE; font-size: 1.25rem; font-weight: 800; line-height: 1.4; text-transform: uppercase;}
.subTab_styleBord li.on {color: var(--color-navy); border-bottom: 2px solid var(--color-navy);}
.tabCont > .cont:not(.on) {display: none;}
.sub_title{text-align: center; margin-bottom: 8.125rem;}
.sub_title h3{font-weight: 500; line-height: 123%;}

/* 게시판 리스트 공통 */
.bd_cate{margin-bottom: 3rem;}
.bd_top{align-items: flex-end; margin-bottom: 1.875rem;}
.bd_top .total strong{font-weight: 800;}
.bd_top .bd_srh{gap: 1.875rem;}
.bd_top .bd_srh .select{width: 12.5rem; height: 3.75rem;}
.bd_top .bd_srh .select select{width: 100%; height: 100%; border: none !important; border-bottom: 1px solid #E5E5E5 !important; padding: 0 1rem; background: url(/img/board/bd_sel_ic.svg) no-repeat right 0.75rem center / 1.5rem; color: #AAA; outline: none !important; box-shadow: none !important; font-family: var(--font-pre) !important;}
.bd_top .bd_srh .select select option{color: #000; font-family: var(--font-pre) !important;}
.bd_top .bd_srh .input{position: relative; width: 27.5rem; height: 3.75rem;}
.bd_top .bd_srh .input input{width: 100%; height: 100%; border: none !important; border-bottom: 1px solid #E5E5E5 !important; background: none; outline: none !important; padding-right: 2.5rem; box-shadow: none !important; font-family: var(--font-pre);}
.bd_top .bd_srh .input input::placeholder{color: #AAA;}
.bd_top .bd_srh .input button{width: 1.38rem; border: none; background: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.bd_top .bd_srh .input button img{width: 100%;}
.no_data{width: 100% !important; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10rem 0; display: flex !important; flex-direction: column; align-items: center; justify-content: center; margin: 0 !important; aspect-ratio: initial !important;}
.no_data .icon{width: 2.375rem;}
.no_data p{margin-top: 1.75rem; font-size: 1rem; text-align: center; line-height: 1.5;}

/* 완료 */
.success{padding: 6.25rem 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.success{flex-direction: column; display: flex; align-items: center; gap: 1.25rem;}
.success .icon{width: 3.75rem;}
.success .btn_wrap{margin-top: 1.25rem;}
.success .btn_wrap a{font-weight: 600; background: #000; color: #FFF; padding: 0.85rem 2.25rem; display: inline-block;}

/********** info **********/
/* korea */
.info_wrap .korea h2 {font-weight: 300;}
.info_wrap .korea h2 strong {font-weight: 800;}
.info_wrap .korea .box {display: flex; margin-top: 5.19rem;}
.info_wrap .korea .box > div {width: 50%;}
.info_wrap .korea .img img {width: 37.5rem;}
.info_wrap .korea .txt {position: relative; padding-top: 1.87rem;}
.info_wrap .korea .txt::after {content: ""; width: 16.875rem; height: 11.01975rem; background: url('/img/sub/info_logo.png') no-repeat center/cover; position: absolute; right: 0; bottom: -3.33rem;}
.info_wrap .korea .txt h3 {font-size: 2.375rem; font-weight: 700; line-height: 1.43; word-break: keep-all;}
.info_wrap .korea .txt p {margin-top: 2.5rem; font-size: 1.125rem; font-weight: 400; line-height: 1.6; color: #6D6D6D; word-break: keep-all;}
/* ci */
.info_wrap .ci .logo {width: 100%; height: 23rem; border-radius: 1.25rem; background: #F2F4FA;}
.info_wrap .ci .logo img {width: 14.375rem;}
.info_wrap .ci h3 {font-size: 2rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.01875rem; text-transform: uppercase; word-break: keep-all;}
.info_wrap .ci strong {display: block; font-size: 1.375rem; font-weight: 600; line-height: 1.5; text-transform: capitalize; word-break: keep-all;}
.info_wrap .ci p {margin-top: 0.75rem; color: #6D6D6D; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-break: keep-all;}
/* ceo */
.info_wrap .ceo img {width: 9.375rem;}
.info_wrap .ceo p {color: #6D6D6D; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-break: keep-all;}
.info_wrap .ceo .cover {margin: 0 auto; width: 87.5rem; height: 31.25rem; border-radius: 1.25rem; background: url('/img/sub/ceo_img.jpg') no-repeat center/cover;}
/* social */
.info_wrap .social {position: relative;}
.info_wrap .social::after {content: ""; width: 76.125rem; aspect-ratio: 1 / 1; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 69, 213, 0.29) 0%, rgba(0, 69, 213, 0.18) 36.54%, rgba(139, 170, 235, 0.15) 71.15%, rgba(255, 255, 255, 0.00) 100%); border-radius: 100%; position: absolute; top: 3.6rem; left: 5.48rem; z-index: -1 }
.info_wrap .social .inner {align-items: flex-start; position: relative;}
.info_wrap .social .main_tit {width: calc(100% - 62.8125rem); position: sticky; top: 9.75rem; left: 0;}
.info_wrap .social .main_tit p {color: var(--color-navy); font-weight: 700;}
.info_wrap .social .main_tit h2 {font-size: 2.8125rem; font-weight: 600; line-height: 1.15;}
.info_wrap .social .list {width: 63.79688rem; display: flex; gap: 3.75rem; align-items: center;}
.info_wrap .social .item {width: 30rem; aspect-ratio: .69/1; overflow: hidden; border-radius: 1.25rem; position: relative; text-align: center; color: #fff; overflow: hidden; transform: translateY(30px); opacity: 0; transition: all 1s;}
.info_wrap .social .item > img {width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.info_wrap .social .item.on {opacity: 1; transform: translateY(0);}
.info_wrap .social .item::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 1.25rem; background: var(--color-navy); z-index: 1; opacity: 0; transition: all .3s;}
.info_wrap .social .item > img {width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.info_wrap .social .item + .item {margin-top: 3.75rem;}
.info_wrap .social .item .txt {position: relative; z-index: 1; padding: 4.81rem 3.56rem; text-align: center;}
.info_wrap .social .item .txt span {display: inline-flex; align-items: center; justify-content: center; height: 2.1875rem; padding: 0 1.25rem; border-radius: 12.5rem; border: 1px solid #F2F4FA; font-size: 1.125rem; font-weight: 800; text-transform: uppercase; line-height: 1.5; color: #F2F4FA;}
.info_wrap .social .item .txt h2 {font-size: 2.3125rem; color: #F2F4FA; font-weight: 700; letter-spacing: -0.0625rem; line-height: 1.4; word-break: keep-all;}
.info_wrap .social .item .txt p {font-size: 1.25rem; color: #fff; font-weight: 400; line-height: 1.45; opacity: 0; visibility: hidden; overflow: hidden; height: 0; transition: all opacity .3s; word-break: keep-all;}
.info_wrap .social .item:hover::before {opacity: 0.8;}
.info_wrap .social .item:hover p {opacity: 1; visibility: visible; height: auto;}
/* organization */
.info_wrap .organization .sub_inner {position: relative;}
.info_wrap .organization img {width: 100%;}

/********** Vision **********/
.vision .sec1 .list{gap: 1.5625rem; align-items: flex-start;}
.vision .sec1 .list li{width: calc((100% - (1.5625rem * 2)) / 3); border-radius: 1.25rem; overflow: hidden; position: relative; height: 34.375rem; position: relative; transition: transform 0.5s ease 0.6s;}
.vision .sec1 .list li.item1{z-index: 3; transform: translateX(100%) rotate(15deg);}
.vision .sec1 .list li.item2{z-index: 2;}
.vision .sec1 .list li.item3{z-index: 1; transform: translateX(-100%) rotate(-15deg);}
.vision .sec1 .list.aos-animate li{transform: none !important;}
.vision .sec1 .list li::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--color-navy); opacity: 0; transition: all 0.3s;}
.vision .sec1 .list li:hover::before{opacity: 0.8;}
.vision .sec1 .list li img{width: 100%; height: 100%; object-fit: cover;}
.vision .sec1 .list li .txt{position: absolute; left: 0; top: 0; width: 100%; z-index: 3; padding: 4.8125rem 3rem;}
.vision .sec1 .list li .txt .fs_20{opacity: 0; transition: all 0.3s;}
.vision .sec1 .list li:hover .txt .fs_20{opacity: 1;}
.vision .cr_txt{line-height: 2.1875rem; border-radius: 12.5rem; padding: 0 1.25rem; display: inline-block; border: 1px solid #FFF; text-transform: uppercase;}
.vision .sec2 .item{padding: 2.5rem 7.5rem; border-radius: 6.25rem; background: #FFF; gap: 5rem;}
.vision .sec2 .item .title{gap: 5rem;}
.vision .sec2 .item .title .icon{width: 4.375rem; aspect-ratio: 1/1;}
.vision .sec2 .item .title .tit{min-width: 16.9375rem; gap: 0.5rem;}
.vision .sec2 .item > p{max-width: calc(100% - 26.9375rem - 4.375rem); width: 37.5rem;}
.vision .sec3 .value{height: 31.25rem; border-radius: 1.25rem; overflow: hidden; position: relative;}
.vision .sec3 .value img{width: 100%; height: 100%; object-fit: cover;}
.vision .sec3 .value .txt{position: absolute; left: 0; top: 0; width: 100%; padding: 4.375rem 3.75rem;}
.tabnav{display: flex; gap: 0.9375rem;}
.tabnav a{font-weight: 600; line-height: 150%; color: #8E8E8E; line-height: 2.8125rem; padding: 0 1.25rem; border-radius: 50px; border: 1px solid #BEBEBE; display: inline-block; background: #FFF;}
.tabnav a.on{background: var(--color-navy); border-color: var(--color-navy); color: #FFF;}

/********** Capability **********/
.capa .sec1 .swiper_wrap{position: relative;}
.capa .sec1 .swiper_wrap::before{content: ''; display: block; width: 100%; height: 100%; background: #FFF; position: absolute; left: -100%; top: 0; z-index: 5;}
.capa .sec1 .swiper{overflow: visible;}
.capa .sec1 .swiper-slide{width: 34.375rem; margin-right: 2.125rem;}
.capa .sec1 .swiper-slide:last-of-type{margin-right: 0 !important;}
.capa .sec1 .swiper-slide .img{border-radius: 0.9375rem; aspect-ratio: 11/7; overflow: hidden;}
.capa .sec1 .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.capa .sec1 .swiper-slide .txt{margin-top: 1.75rem;}
.capa .sec1 .swiper-slide .txt dd{line-height: 1.6;}
.swiper .scrollbar{height: 0.3125rem; background: rgba(0,0,0,0.1);}
.swiper .scrollbar .swiper-scrollbar-drag{background: var(--color-navy); border-radius: 0; cursor: pointer;}
.capa .sec2 .list{flex-wrap: wrap; gap: 2.5rem; align-items: stretch;}
.capa .sec2 .list li{width: calc((100% - 5rem) / 3); padding: 3.25rem 3.75rem; border-radius: 1.25rem; background: #FFF; border: 1px solid #E7E7E7; min-height: 19.25rem;}
.capa .sec2 .list li .icon{height: 5rem;}
.capa .sec3 .list{flex-wrap: wrap; gap: 1.875rem 4rem; align-items: stretch;}
.capa .sec3 .list li{width: calc((100% - 12rem) / 4); position: relative;}
.capa .sec3 .list li::after{content: ''; display: block; width: 2.75rem; aspect-ratio: 1/1; border-radius: 50%; background: var(--color-navy) url(/img/sub/capa3_arrow.svg) no-repeat center / 0.875rem; filter: drop-shadow(0 2.75px 11px rgba(100, 100, 111, 0.15)); position: absolute; top: 4.0625rem; right: -3.375rem;}
.capa .sec3 .list li:nth-child(4)::after,
.capa .sec3 .list li:last-child::after{display: none;}
.capa .sec3 .list li .icon{width: 8.125rem; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #F6F9FD; margin: 0 auto;}
.capa .sec3 .list li .icon img{width: 3.75rem;}
.capa .sec3 .list li .txt .tit{margin-top: 0.25rem;}
.capa .sec2 .list li dd{margin-top: 0.75rem; line-height: 145%;}
.capa .sec3 .list li p{margin-top: 0.75rem; line-height: 160%;}

/********** History **********/
.history{position: relative;}
.history::before{content: ''; display: block; width: 73.125rem; aspect-ratio: 1/1; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 69, 213, 0.29) 0%, rgba(0, 69, 213, 0.18) 36.54%, rgba(139, 170, 235, 0.15) 71.15%, rgba(255, 255, 255, 0.00) 100%); position: absolute; right: 0; top: -63rem; z-index: -1;}
.history::after{content: ''; display: block; width: 60rem; aspect-ratio: 1/1; border-radius: 50%; opacity: 0.5; background: radial-gradient(50% 50% at 50% 50%, rgba(9, 219, 219, 0.30) 0%, rgba(150, 201, 203, 0.24) 50%, rgba(255, 255, 255, 0.00) 100%); position: absolute; left: -16.3125rem; bottom: -28.07rem; z-index: -1;}
.history .cont{align-items: flex-start; gap: 5rem;}
.history .cont .img{width: 37.14%; border-radius: 1.875rem; overflow: hidden; position: sticky; top: calc(6.25rem + 4rem);}
.history .cont .img img{width: 100%;}
.history .cont .txt{width: calc(62.86% - 5rem);}
.history .cont .txt ul li{display: flex; align-items: flex-start; gap: 1rem; position: relative; padding-left: 1rem; line-height: 1.6;}
.history .cont .txt ul li + li{margin-top: 0.5rem;}
.history .cont .txt ul li::before{content: ''; display: block; width: 0.3125rem; aspect-ratio: 1/1; border-radius: 50%; background: #6D6D6D; position: absolute; left: 0; top: 0.75rem;}
.history .cont .txt ul li span{display: block;}
.history .cont .txt ul li .year{min-width: 4.6875rem;}
.history .cont .txt ul li .c700{max-width: calc(100% - 5.6875rem);}

/********** Location **********/
.location .flex-jb{align-items: flex-start;}
.location .add{width: 60%;}
.location .map_btn{display: inline-flex; align-items: center; gap: 0.3125rem; padding: 1rem 2rem; border-radius: 0.625rem; border: 1px solid #000; transition: all 0.3s;}
.location .map_btn img{width: 1.5rem; transition: all 0.3s;}
.location .map_btn:hover{background: var(--color-navy); border-color: var(--color-navy); color: #FFF;}
.location .map_btn:hover img{filter: invert(1);}
.location .info{gap: 7.5rem; align-items: flex-start;}
.location .info .item{gap: 1.5rem;}
.location .info .item .icon{width: 5rem;}
.location .info .item .txt .tit{margin-bottom: 0.5rem;}
.location .info .item .txt > .flex{gap: 1.25rem;}
.location .info .item .txt .dot{gap: 0.5rem; position: relative; padding-left: 1rem; line-height: 1.6;}
.location .info .item .txt .dot:before{content: ''; display: block; width: 0.3125rem; aspect-ratio: 1/1; border-radius: 50%; background: #6D6D6D; position: absolute; left: 0; top: 0.75rem;}
.location .map{margin-top: 5.625rem; height: 37.5rem;}

/********** Product list **********/
.pro_list ul{align-items: flex-start; gap: 1.6rem;}
.pro_list ul li{width: calc((100% - (1.6rem * 3)) / 4);}
.pro_list ul li a{padding: 1.06rem; padding-top: 2.75rem; border-radius: 1.06138rem; background: linear-gradient(145deg, #00287C 32.34%, #F2F4FA 152.57%), #00287C; border: 1px solid #E7E7E7; display: block; transition: all 0.3s;}
.pro_list ul li a:hover{background: #FFF; box-shadow: 0 4px 35px 0 rgba(1, 41, 124, 0.20);}
.pro_list ul li a .tit{font-size: 1.27rem; line-height: 160%; height: 2.12275rem; padding: 0 0.796rem; background: #FFF; border-radius: 0.26531rem; border: 1px solid var(--color-navy);}
.pro_list ul li a .desc{margin-top: 0.8rem; font-size: 0.95525rem; line-height: 150%; transition: all 0.3s; display: block; height: 5.0375rem;}
.pro_list ul li a:hover .desc{color: #8E8E8E !important;}
.pro_list ul li a .img img{width: 100%;}

/********** Product view **********/
.pro_view .tp_wrap{display: flex; align-items: flex-start; gap: 4.375rem; }
.pro_view .tp_wrap .thumb{width: 42.85%;}
.pro_view .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.pro_view .tp_wrap .thumb .swiper-slide{aspect-ratio: 120/83; overflow: hidden; background: #F6F6F6;}
.pro_view .tp_wrap .t_swiper{border-radius: 1.5625rem;}
.pro_view .tp_wrap .b_swiper{margin-top: 0.9375rem;}
.pro_view .tp_wrap .b_swiper .swiper-slide{margin-right: 0.9375rem; border-radius: 0.5rem; position: relative; cursor: pointer; width: calc((100% - (0.9375rem * 3)) / 4);}
.pro_view .tp_wrap .b_swiper .swiper-slide::before{content: ''; display: block; width: 100%; height: 100%; border: 1px solid var(--color-navy);  border-radius: 0.5rem; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
.pro_view .tp_wrap .b_swiper .swiper-slide:last-of-type{margin-right: 0 !important;}
.pro_view .tp_wrap .b_swiper .swiper-slide-active::before{opacity: 1;}
.pro_view .tp_wrap .txt{width: calc(57.15% - 4.375rem); min-height: 25.875rem; display: flex; flex-direction: column; justify-content: space-between;}
.pro_view .tp_wrap .txt .title p{color: #444; line-height: 150%;}
.pro_view .tp_wrap .btn_wrap{gap: 1.25rem;}
.pro_view .tp_wrap .btn_wrap .list span{width: 9.375rem; justify-content: center;}
.pro_view .tp_wrap .btn_wrap .contact span{padding: 0 1.875rem; width: 15.625rem; justify-content: space-between;}
.pro_view .tp_wrap .btn_wrap .contact img{width: 1.125rem;}
.pro_view .bt_wrap{margin-top: 7.4325rem;}
.pro_view .tabmenu{background: #FFF; position: sticky; top: 6.25rem; z-index: 99;}
.pro_view .tabmenu a{display: flex; align-items: center; justify-content: center; width: 100%; height: 4.375rem; border-bottom: 1px solid #BEBEBE; color: #BEBEBE; transition: all 0.1s;}
.pro_view .tabmenu a.on{border-bottom: 2px solid var(--color-navy); color: var(--color-navy);}
.pro_view .section{padding-top: 5rem;}
.pro_view .section h5{margin-bottom: 1.25rem;}
.pro_view .bl_bg{border-radius: 0.9375rem; background: #F2F4FA; padding: 4.375rem 3.75rem;}
.pro_view .sec1 .cont{display: flex; align-items: flex-start; gap: 3.125rem;}
.pro_view .ov_swiper_wrap{width: 35.7%;}
.pro_view .ov_swiper{border-radius: 0.9375rem; border: 1px solid #E7E7E7; background: #FFF; overflow: hidden; aspect-ratio: 10/9;}
.pro_view .ov_swiper .swiper-wrapper{}
.pro_view .ov_swiper .swiper-slide.video a{display: block; position: relative; height: 100%;}
.pro_view .ov_swiper .swiper-slide.video a::before{content: ''; display: block; width: 5rem; aspect-ratio: 1/1; background: url(/img/sub/video_play.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.pro_view .ov_swiper_wrap .pagination{display: flex; justify-content: center; gap: 0.625rem; margin-top: 0.9375rem;}
.pro_view .ov_swiper_wrap .pagination span{width: 0.625rem; height: 0.625rem; background: #D9D9D9; opacity: 1; margin: 0;}
.pro_view .ov_swiper_wrap .pagination .swiper-pagination-bullet-active{background: var(--color-navy);}
.pro_view .sec1 .txt{width: calc(64.3% - 3.125rem); margin-top: 2.5rem; line-height: 150%;}
.table_wrap{border-top: 1px solid #000;}
.table_wrap table{width: 100%; border-collapse: collapse; background: #FFF;}
.table_wrap table tr{border-bottom: 1px solid #E3E3E3;}
.table_wrap table th{padding: 1rem 1.25rem; background: #EEE; text-align: left;}
.table_wrap table td{padding: 1rem 1.875rem; color: #6D6D6D;}
.pro_view #key .table_wrap table th{width: 21.875rem;}
.pro_view .table_wrap.type1 th{font-size: 1rem;}
.pro_view .table_wrap.type1 th:nth-child(1){width: 10.5rem;}
.pro_view .table_wrap.type1 th:nth-child(2){width: 10.3125rem;}
.pro_view .table_wrap.type1 td{border-right: 1px solid #E3E3E3; padding: 1rem 1.25rem;}
.pro_view .table_wrap.type2 th{width: 19.875rem;}
.pro_view .table_wrap.type3 .col1{width: 12.5%;}
.pro_view .table_wrap.type3 .col2{width: 11.71875%;}
.pro_view .table_wrap.type3 .col3{width: 9.375%;}
.pro_view .table_wrap.type3 .col4{width: 4.6875%;}
.pro_view .table_wrap.type3 .col5{width: 21.875%;}
.pro_view .table_wrap.type3 .col6{width: 11.71875%;}
.pro_view .table_wrap.type3 .col7{width: 14.0625%;}
.pro_view .table_wrap.type3 .col8{width: 14.0625%;}
.pro_view .table_wrap.type3 th{font-size: 1rem; text-align: center; letter-spacing: -0.025rem; height: 3.4375rem; padding: 0 0.875rem; line-height: 150%;}
.pro_view .table_wrap.type3 th span{font-size: 0.875rem;}
.pro_view .table_wrap.type3 td{border-right: 1px solid #E3E3E3; padding: 1rem 0.9375rem; font-size: 1.0625rem; letter-spacing: -0.025rem; line-height: 140%;}
.pro_view .table_wrap td:last-child{border-right: none !important;}
.pro_view .tabcont .wrap + .wrap{margin-top: 2.5rem;}
.pro_view .tabcont .wrap .txt_box{align-items: flex-start;}
.pro_view .tabcont .wrap .txt_box dl{width: 50%; padding-right: 1.875rem;}
.pro_view .tabcont .wrap .txt_box dl dt{margin-bottom: 0.9375rem;}
.pro_view .tabcont .wrap .txt_box dl dd + dd{margin-top: 0.3125rem;}
.pro_view .tabcont .wrap .txt_box dl dd.dot{padding-left: 0.9375rem; position: relative;}
.pro_view .tabcont .wrap .txt_box dl dd.dot::before{content: ''; display: block; width: 0.25rem; aspect-ratio: 1/1; border-radius: 50%; background: #6D6D6D; position: absolute; top: 0.6875rem; left: 0;}
.pro_view .type_swiper .swiper-slide{width: 30rem; margin-right: 1.25rem;}
.pro_view .type_swiper .swiper-slide:last-of-type{margin-right: 0 !important;}
.pro_view .type_swiper .swiper-slide .img{border-radius: 0.9375rem; aspect-ratio: 3/2; overflow: hidden; margin-bottom: 0.625rem;}
.pro_view .tabcont .wrap .table + .table{margin-top: 2.5rem;}
.pro_view .tabcont .wrap .table .tit{margin-bottom: 0.9375rem;}
.pro_view .tabcont .wrap .img_wrap{align-items: stretch; gap: 1.125rem;}
.pro_view .tabcont .wrap .img_wrap > .img{border-radius: 0.9375rem; background: #FFF; width: 54.6875%; aspect-ratio: 14/13; overflow: hidden; border: 1px solid #E7E7E7; position: relative;}
.pro_view .tabcont .wrap .img_wrap > .img img{width: 100%; height: 100%; object-fit: cover;}
.pro_view .tabcont .wrap .img_wrap > .img .point{position: absolute; width: 0.625rem; aspect-ratio: 1/1; background: #0050F9; border-radius: 50%; z-index: 5; cursor: pointer;}
.pro_view .tabcont .wrap .img_wrap > .img .point::before{content: ''; display: block; width: 100%; aspect-ratio: 1/1; border-radius: 50%; background: rgba(0, 80, 249, 0.5); transition: all 1.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1); opacity: 1; z-index: 4;}
.pro_view .tabcont .wrap .img_wrap > .img .point.on::before {animation: pointWave infinite 1.2s ease-out forwards;}
@keyframes pointWave {
	0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
	100% { opacity: 0; transform: translate(-50%, -50%) scale(4);}
}
.pro_view .tabcont .wrap .img_swiper{width: calc(45.3125% - 1.125rem); position: relative;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide{display: flex; flex-direction: column;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .title{line-height: 4.375rem; border-radius: 0.9375rem; color: #FFF; background: var(--color-navy); padding: 0 1.875rem; font-weight: 700;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box{margin-top: 1.3125rem; border-radius: 1.25rem; background: #FFF; overflow: hidden; height: 100%;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .img{aspect-ratio: 281/125; position: relative;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .img.slider .slick-dots{position: absolute; bottom: 0.625rem; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 0.625rem;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .img.slider .slick-dots li{width: 0.625rem; aspect-ratio: 1/1;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .img.slider .slick-dots li button{width: 100%; height: 100%; border-radius: 50%; background: none; border: none; background: #ACACAC; font-size: 0;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .img.slider .slick-dots li.slick-active button{background: rgba(0,0,0,0.7);}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .txt{padding: 1.375rem 1.875rem;}
.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .txt .tit{margin-bottom: 0.625rem;}
.pro_view .tabcont .wrap .img_swiper .arrow{position: absolute; bottom: 2.5rem; width: 100%; left: 0; display: flex; align-items: center; justify-content: center; gap: 1.125rem; z-index: 2;}
.pro_view .tabcont .wrap .img_swiper .arrow div{width: 3.75rem; aspect-ratio: 1/1; filter: drop-shadow(0 4px 10px rgba(100, 100, 111, 0.15)); background: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s;}
.pro_view .tabcont .wrap .img_swiper .arrow div img{width: 1.165rem; transition: all 0.3s;}
.pro_view .tabcont .wrap .img_swiper .arrow div:hover{background: var(--color-navy);}
.pro_view .tabcont .wrap .img_swiper .arrow div:hover img{filter: invert(1);}

/********** Search **********/
.srh_result .tp_wrap{padding: 2.5rem 0; background: #F2F4FA;}
.srh_result .tp_wrap .search{position: relative; width: 43.75rem; margin: 0 auto;}
.srh_result .tp_wrap .search input{width: 100%; height: 3.5rem; border: 1px solid #d9d9d9; font-size: 1rem; letter-spacing: -0.03125rem; font-weight: 500; outline: none; padding: 0 3.125rem 0 1.25rem; transition: all .3s;}
.srh_result .tp_wrap .search input::placeholder {color: #AAA;}
.srh_result .tp_wrap .search input:focus{border-color: var(--color1);}
.srh_result .tp_wrap .search_btn {position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); cursor: pointer; border: none; background: none;}
.srh_result .tp_wrap .search_btn img {width: 1.375rem;}
.srh_result .srh_cont{margin-top: 3.75rem;}
.srh_result .srh_no_data .total{font-size: 1.125rem; margin-bottom: 1.875rem;}
.srh_result .srh_no_data .total b{font-weight: 800;}
.srh_result .srh_no_data .no_data{border-top: 1px solid #000;}
.no_data.dpp_tbl_td{border: none;}
.dpp_gal_list.on{margin: 0 !important; padding: 0 !important;}
.dpp_bd_wrap.basic .no_data.dpp_tbl_td{border-bottom: 1px solid #e5e5e5;}
.dpp_bd_wrap.basic .dpp_tbl_th.on{display: none;}
.srh_result .srh_data .subTab_styleBord{margin-bottom: 5rem;}
.srh_result .srh_data .subTab_styleBord li{text-align: center; text-transform: none;}
.srh_result .srh_data .item + .item{margin-top: 5rem;}
.srh_result .srh_data .item .tit_box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.875rem;}
.srh_result .srh_data .item .tit_box .tit{display: flex; align-items: center; gap: 1rem;}
.srh_result .srh_data .item .tit_box .tit strong{font-size: 2.25rem; letter-spacing: -0.025rem;}
.srh_result .srh_data .item .tit_box .tit span{font-size: 1.5rem; letter-spacing: -0.025rem; font-weight: 500; color: #8E8E8E;}
.srh_result .srh_data .item .tit_box .tit .line{width: 1px; height: 1.25rem; background: #8E8E8E; display: block;}
.srh_result .srh_data .item .tit_box .moreBtn span{font-size: 1rem; height: 3rem;}




@media screen and (max-width:1640px){
    /* social */
    .info_wrap .social .main_tit {width: calc(100% - 55.8125rem);}
    .info_wrap .social .list {width: 55.79688rem; gap: 2rem;}
    .info_wrap .social .list > div {width: calc(50% - 1rem);}
    .info_wrap .social .list .item {width: 100%;}
}

@media screen and (max-width:1440px){
    .sub_inner {max-width: calc(100% - (3.75rem * 2));}
}

@media screen and (max-width:1140px){
    /* social */
    .info_wrap .social .main_tit {width: calc(100% - 50.8125rem);}
    .info_wrap .social .list {width: 50.79688rem; gap: 1rem;}
    .info_wrap .social .list > div {width: calc(50% - .5rem);}
    .info_wrap .social .list .item {width: 100%;}
    .info_wrap .korea h2 br {display: none;}
    .info_wrap .korea .box {gap: 2rem;}

}

@media screen and (max-width:1024px){
    /********** common **********/
	.fs_16{font-size: 1rem;}
	.fs_18{font-size: 1.125rem;}
	.fs_22{font-size: 1.25rem;}
	.fs_24{font-size: 1.25rem;}
	.fs_28{font-size: 1.275rem; letter-spacing: -0.025rem;}
	.fs_32{font-size: 1.375rem;}
	.fs_37{font-size: 1.375rem; letter-spacing: -0.025rem;}
    .fs_40 {font-size: 1.5rem;}
	.bl_bg{padding: 3rem 0;}

    /* sub_visual */
    .sub_visual{width:100%; height: 36.25rem; background-image:url("/img/sub/sub_vis01_m.jpg");}
    .sub_visual.bg01{background-image:url("/img/sub/sub_vis01_m.jpg");}
    /* sub_vis_txt */
    .sub_vis_txt{top: 14.56rem;}
    .sub_vis_txt h2 {font-size: 2.25rem;}
    /* sub_menu */
    .m_subMenu {position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.5rem; width: 100%; max-width: calc(100% - 2.5rem); z-index: 50;}
    .m_subMenu .tit {height: 2.875rem; padding: 0 1.5rem; background: var(--color-navy); border-radius: 3.125rem; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.375; letter-spacing: -0.0375rem;}
    .m_subMenu .tit img {width: 1rem;}
    .m_subMenu .tit.on img {transform: rotate(180deg);}
    .m_subMenu ul {width: 100%; position: absolute; left: 0; top: calc(100% + .75rem); border-radius: 0.625rem; background: rgba(242, 244, 250, 0.80); backdrop-filter: blur(5px); padding: 1.25rem; text-align: center; display: none;}
    .m_subMenu ul li + li {margin-top: 0.5rem;}
    .m_subMenu ul a {display: block; color: #BEBEBE; font-size: 0.875rem; font-weight: 700; line-height: 1.43; letter-spacing: -0.0375rem;}
    .m_subMenu ul li.on a {color: var(--color-navy);}

    /* sub_content */
    #sub_content{padding: 3.75rem 0 5rem;}
    .sub_inner{max-width:calc(100% - 2.5rem);}
    /* subTab */
    [class^='subTab_'] {width: max-content; overflow: hidden; overflow-x: auto; justify-content: flex-start;}
    [class^='subTab_'] {flex: none;}
    .subTab_styleBord li {height: auto; font-size: 1.125rem; padding: 0 .5rem .63rem; min-width: fit-content;}
	.sub_title{margin-bottom: 3rem;}
	/* no data */
	.no_data{padding: 7rem 0;}
	.no_data .icon{width: 2rem;}
	.no_data p{margin-top: 1.25rem; font-size: 0.875rem;}

	/* 게시판 리스트 공통 */
	.bd_cate{margin-bottom: 2rem;}
	.bd_top .fs_18{font-size: 0.875rem;}
	.bd_top .bd_srh{gap: 0.75rem;}
	.bd_top .bd_srh .select{width: 8.5rem; height: 3rem;}
	.bd_top .bd_srh .select select{padding: 0 0.75rem; background: url(/img/board/bd_sel_ic.svg) no-repeat right 0.75rem center / 1.5rem;}
	.bd_top .bd_srh .input{width: 20.5rem; height: 3rem;}
	.bd_top .bd_srh .input input{padding-right: 2rem;}
	.bd_top .bd_srh .input button{width: 1rem;}
	.no_data{padding: 6rem 0;}
	.no_data .icon{width: 1.75rem;}
	.no_data p{margin-top: 1.25rem; font-size: 0.875rem;}

	/* 완료 */
	.success{padding: 4.375rem 0; gap: 1rem;}
	.success .icon{width: 3rem;}
	.success .btn_wrap{margin-top: 1rem;}
    .success .btn_wrap a{padding: 0.85rem 2rem;}


    /********** info **********/
    .info_wrap .fs_40 {font-size: 1.5rem;}
    .info_wrap .fs_40 br {display: none;}
    .info_wrap .mt_70 {margin-top: 3rem;}
    /* korea */
    .info_wrap .korea .box {margin-top: 3.75rem; flex-direction: column; align-items: flex-start;}
    .info_wrap .korea .box > div {width: 100%;}
    .info_wrap .korea .img img {width: 100%;}
    .info_wrap .korea .txt {padding-top: 1.875rem;}
    .info_wrap .korea .txt::after {display: none;}
    .info_wrap .korea .txt h3 {font-size: 1.375rem;}
    .info_wrap .korea .txt p {margin-top: 1.875rem;}
    /* ci */
    .info_wrap .ci .logo {height: 10.25rem; border-radius: 1.25rem;}
    .info_wrap .ci .logo img {width: 7rem;}
    .info_wrap .ci h3 {font-size: 1.375rem;}
    .info_wrap .ci strong {font-size: 1.125rem;}
    .info_wrap .ci p {margin-top: 0.75rem; font-size: 1rem;}
    /* ceo */
    .info_wrap .ceo img {width: 7rem;}
    .info_wrap .ceo p {font-size: 1.125rem; margin-top: 1.875rem;}
    .info_wrap .ceo .cover {width: 21.5rem; height: 21.25rem;}
    /* social */
    .info_wrap .social {overflow: hidden;}
    .info_wrap .social::after {width: 76.125rem; top: 3.6rem; left: 5.48rem;}
    .info_wrap .social .inner {flex-direction: column; align-items: flex-start; gap: 5rem;}
    .info_wrap .social .main_tit {width: 100%; top: auto; left: auto; position: relative;}
    .info_wrap .social .main_tit h2 {font-size: 1.75rem;}
    .info_wrap .social .list {width: 100%; gap: .97rem;}
    .info_wrap .social .list > div {width: calc(50% - .5rem);}
    .info_wrap .social .item {width: 100%; border-radius: 0.42969rem;}
    .info_wrap .social .item::before {border-radius: 0.42969rem;}
    .info_wrap .social .item + .item {margin-top: 1rem;}
    .info_wrap .social .item .txt {padding: 5.9rem .9rem;}
    .info_wrap .social .item .txt span {padding: .3rem .75rem; height: auto; border-radius: 0.9rem; font-size: 1.1rem; line-height: 1;}
    .info_wrap .social .item .txt h2 {font-size: 1.65rem; letter-spacing: 0; margin-top: 0.64456rem;}
    .info_wrap .social .item .txt p {font-size: 1.4rem;}

	/********** Vision **********/
	.vision .mt_40{margin-top: 1.5rem;}
	.vision .sec1 .list{gap: 1.25rem; flex-direction: column; transform: none !important; opacity: 1 !important;}
	.vision .sec1 .list li{width: 100%; border-radius: 1.25rem; height: 19.375rem; transform: none !important;}
	.vision .sec1 .list li::before{display: none;}
	.vision .sec1 .list li img{object-position: top;}
	.vision .sec1 .list li .txt{top: 50%; transform: translateY(-50%); padding: 0 3rem;}
	.vision .sec1 .list li .txt .fs_20{opacity: 1 !important;}
	.vision .cr_txt{line-height: 2rem; padding: 0 1.125rem; font-size: 0.875rem;}
	.vision .sec2 .item{padding: 1.5rem 2rem; gap: 0.5rem; flex-direction: column;}
	.vision .sec2 .item .title{gap: 1rem; justify-content: flex-start; width: 100%;}
	.vision .sec2 .item .title .icon{width: 2.125rem;}
	.vision .sec2 .item .title .tit{min-width: initial; gap: 0.5rem;}
	.vision .sec2 .item > p{max-width: 100%; width: 100%;}
	.vision .sec3 .value{height: 21.25rem; border-radius: 1.25rem;}
	.vision .sec3 .value .txt{padding: 2rem 1.5rem;}
	.vision .sec3 .tabcont{margin-top: 1.25rem;}
	.tabnav_wrap{overflow-x: auto;}
	.tabnav{gap: 0.5rem; width: max-content;}
	.tabnav a{line-height: 2rem; padding: 0 1.125rem; font-size: 0.875rem;}

	/********** Capability **********/
	.capa .sec1 .swiper-slide{width: 80%; margin-right: 1.25rem;}
	.capa .sec1 .swiper-slide .txt{margin-top: 1.75rem;}
	.capa .sec1 .swiper-slide .txt dd{font-size: 0.875rem;}
	.swiper .scrollbar{height: 0.25rem; margin-top: 2rem;}
	.capa .sec2 .list{gap: 1.25rem;}
	.capa .sec2 .list li{width: calc(50% - 0.625rem); padding: 2.25rem 3.125rem; border-radius: 1.25rem; min-height: initial;}
	.capa .sec2 .list li .icon{height: 3rem;}
	.capa .sec2 .list li dd{font-size: 1rem;}
	.capa .sec3 .list{gap: 1.875rem 1.25rem;}
	.capa .sec3 .list li{width: calc((100% - 1.25rem) / 2); padding: 0 3rem;}
	.capa .sec3 .list li::after{width: 2rem; background-size: 0.75rem; top: 2.05rem; right: -1.65rem;}
	.capa .sec3 .list li:nth-child(even)::after{display: none;}
	.capa .sec3 .list li .icon{width: 6.125rem;}
	.capa .sec3 .list li .icon img{width: 2.75rem;}
	.capa .sec3 .list li .fs_18{font-size: 0.875rem;}

	/********** History **********/
	.history::before{width: 23.125rem; top: -23rem; right: -5rem;}
	.history::after{width: 30rem; left: -8.5rem; bottom: -17.07rem;}
	.history .cont{gap: 2.5rem; flex-direction: column;}
	.history .cont .img{width: 100%; height: 20.375rem; border-radius: 1.25rem; position: initial; background: url(/img/sub/his_img.jpg) no-repeat center top 30% / cover;}
	.history .cont .img img{display: none;}
	.history .cont .txt{width: 100%;}
	.history .cont .txt ul li{gap: 0.25rem; padding-left: 1rem; flex-direction: column;}
	.history .cont .txt ul li + li{margin-top: 1rem;}
	.history .cont .txt ul li::before{width: 0.3125rem; top: 0.75rem;}
	.history .cont .txt ul li .year{min-width: initial;}
	.history .cont .txt ul li .c700{max-width: initial;}

	/********** Location **********/
	.location .cont{margin-top: 2.5rem;}
	.location .flex-jb{flex-direction: column; gap: 1.5rem;}
	.location .add{width: 100%; font-size: 1.125rem;}
	.location .map_btn{padding: 0.75rem 1.25rem; font-size: 0.875rem;}
	.location .map_btn img{width: 1.25rem;}
	.location .info{gap: 1.5rem; flex-direction: column;}
	.location .info .item{gap: 1.5rem; align-items: flex-start;}
	.location .info .item .icon{width: 3rem;}
	.location .info .item .txt .tit{margin-bottom: 0.5rem; font-size: 1.125rem;}
	.location .info .item .txt .fs_18{font-size: 1rem;}
	.location .info .item .txt span{word-break: keep-all;}
	.location .info .item .txt > .flex{gap: 0.5rem; flex-direction: column; align-items: flex-start;}
	.location .info .item .txt .dot{gap: 0; padding-left: 0.875rem; align-items: flex-start; flex-direction: column;}
	.location .info .item .txt .dot:before{width: 0.25rem; top: 0.65rem;}
	.location .map{margin-top: 2.875rem; height: 24.5rem;}

	/********** Product list **********/
	.pro_list ul{gap: 1rem; flex-wrap: wrap;}
	.pro_list ul li{width: calc(50% - 0.5rem);}
	.pro_list ul li a{padding: 1.06rem; padding-top: 2.15rem;}
	.pro_list ul li a .tit{font-size: 1.125rem; height: 2.15rem; padding: 0 0.75rem;}
	.pro_list ul li a .desc{margin-top: 0.8rem; font-size: 0.875rem; height: 4.75rem;}

	/********** Product view **********/
	.pro_view .tp_wrap{gap: 2rem; flex-direction: column;}
	.pro_view .tp_wrap .thumb{width: 100%;}
	.pro_view .tp_wrap .thumb .swiper-slide{aspect-ratio: 120/83;}
	.pro_view .tp_wrap .t_swiper{border-radius: 1.5625rem;}
	.pro_view .tp_wrap .b_swiper{margin-top: 0.9375rem;}
	.pro_view .tp_wrap .b_swiper .swiper-slide{margin-right: 0.9375rem; width: calc((100% - (0.9375rem * 3)) / 4);}
	.pro_view .tp_wrap .txt{width: 100%; min-height: initial;}
	.pro_view .tp_wrap .txt .title p{font-size: 1rem;}
	.pro_view .tp_wrap .btn_wrap{gap: 0.75rem; margin-top: 2rem;}
	.pro_view .tp_wrap .btn_wrap .list span{width: 6.375rem;}
	.pro_view .tp_wrap .btn_wrap .contact span{padding: 0 1.25rem; width: 8.625rem;}
	.pro_view .tp_wrap .btn_wrap .contact img{width: 1rem;}
	.pro_view .bt_wrap{margin-top: 3.75rem;}
	.pro_view .tabmenu{top: 3.75rem;}
	.pro_view .tabmenu ul{width: 100%;}
	.pro_view .tabmenu a{height: 3rem;}
	.pro_view .section{padding-top: 2.5rem;}
	.pro_view .section h5{margin-bottom: 1rem;}
	.pro_view .bl_bg{padding: 1.25rem;}
	.pro_view .sec1 .cont{gap: 1.5rem; flex-direction: column;}
	.pro_view .ov_swiper_wrap{width: 100%;}
	.pro_view .ov_swiper .swiper-slide.video a::before{width: 3.5rem;}
	.pro_view .ov_swiper_wrap .pagination span{width: 0.5rem; height: 0.5rem;}
	.pro_view .sec1 .txt{width: 100%; margin-top: 0; font-size: 0.875rem;}
	.table_wrap{position: relative; overflow-x: auto; font-size: 0.875rem;}
	.table_wrap table th{padding: 0.75rem !important; font-size: 0.875rem !important;}
	.table_wrap table td{padding: 0.75rem !important; font-size: 0.875rem !important;}
	.pro_view #key .table_wrap table{min-width: 40rem;}
	.pro_view #key .table_wrap table th{width: 9.875rem;}
	.pro_view .table_wrap.type2 th{width: 7.875rem;}
	.pro_view .table_wrap.type3 th{height: 3rem; padding: 0 0.75rem !important;}
	.pro_view .table_wrap.type3 table{width: 65rem;}
	.pro_view .table_wrap.type3 th span{font-size: 0.75rem;}
	.pro_view .tabcont .wrap + .wrap{margin-top: 2.5rem;}
	.pro_view .tabcont .wrap .fs_16{font-size: 0.875rem;}
	.pro_view .tabcont .wrap .fs_24{font-size: 1.125rem;}
	.pro_view .tabcont .wrap .mt_60{margin-top: 2rem;}
	.pro_view .tabcont .wrap .txt_box{flex-direction: column; gap: 1.5rem;}
	.pro_view .tabcont .wrap .txt_box dl{width: 100%; padding-right: 0;}
	.pro_view .tabcont .wrap .txt_box dl dt{margin-bottom: 0.5rem; font-size: 1rem;}
	.pro_view .tabcont .wrap .txt_box dl dd{font-size: 0.875rem;}
	.pro_view .tabcont .wrap .txt_box dl dd.dot{padding-left: 0.75rem;}
	.pro_view .tabcont .wrap .txt_box dl dd.dot::before{top: 0.5rem;}
	.pro_view .type_swiper .swiper-slide{width: 80%; margin-right: 1rem;}
	.pro_view .type_swiper .swiper-slide p{font-size: 0.875rem;}
	.pro_view .tabcont .wrap .table + .table{margin-top: 1.5rem;}
	.pro_view .tabcont .wrap .img_wrap{gap: 1.5rem; flex-direction: column;}
	.pro_view .tabcont .wrap .img_wrap > .img{border-radius: 0.9375rem; width: 100%;}
	.pro_view .tabcont .wrap .img_wrap > .img .point{width: 0.5rem;}
	.pro_view .tabcont .wrap .img_swiper{width: 100%;}
	.pro_view .tabcont .wrap .img_swiper .swiper-wrapper{align-items: stretch;}
	.pro_view .tabcont .wrap .img_swiper .swiper-slide .title{line-height: 3rem; border-radius: 0.75rem; padding: 0 1rem;}
	.pro_view .tabcont .wrap .img_swiper .swiper-slide .box{margin-top: 1rem; border-radius: 0.75rem;}
	.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .txt{padding: 1rem 1.25rem; min-height: 10rem;}
	.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .txt .tit{margin-bottom: 0.5rem; font-size: 1.125rem;}
	.pro_view .tabcont .wrap .img_swiper .swiper-slide .box .txt p{font-size: 0.875rem;}
	.pro_view .tabcont .wrap .img_swiper .arrow{position: initial; margin-top: 1.25rem; gap: 0.75rem; padding-bottom: 1rem;}
	.pro_view .tabcont .wrap .img_swiper .arrow div{width: 2.5rem;}
	.pro_view .tabcont .wrap .img_swiper .arrow div img{width: 1rem;}

	/********** Search **********/
	.srh_result .tp_wrap{padding: 2.5rem 0;}
	.srh_result .tp_wrap .search{width: 35.75rem; max-width: calc(100% - 2.5rem);}
	.srh_result .tp_wrap .search input{height: 3rem; font-size: 0.875rem; letter-spacing: -0.03125rem; padding: 0 3.125rem 0 1.25rem;}
	.srh_result .tp_wrap .search_btn {right: 1.25rem;}
	.srh_result .tp_wrap .search_btn img {width: 1.125rem;}
	.srh_result .srh_cont{margin-top: 3.75rem;}
	.srh_result .srh_no_data .total{font-size: 0.875rem; margin-bottom: 1.25rem;}
	.srh_result .srh_data .subTab_styleBord{margin: 0 auto 4rem; max-width: 100%;}
	.srh_result .srh_data .item{position: relative; padding-bottom: 4rem;}
	.srh_result .srh_data .item + .item{margin-top: 4rem;}
	.srh_result .srh_data .item .tit_box{margin-bottom: 1.25rem;}
	.srh_result .srh_data .item .tit_box .tit{gap: 1rem;}
	.srh_result .srh_data .item .tit_box .tit strong{font-size: 1.5rem; letter-spacing: -0.025rem;}
	.srh_result .srh_data .item .tit_box .tit span{font-size: 1rem; letter-spacing: -0.025rem;}
	.srh_result .srh_data .item .tit_box .tit .line{height: 1rem;}
	.srh_result .srh_data .item .tit_box .moreBtn{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
	.srh_result .srh_data .item .tit_box .moreBtn span{gap: 0.25rem; height: 2.25rem; padding: 0 1rem 0 1.25rem; font-size: 0.875rem;}
	.srh_result .srh_data .item .tit_box .view_more img{width: 1rem;}
    
}

@media screen and (max-width:768px){

	/* 게시판 리스트 공통 */
	.bd_cate{margin-bottom: 1.5rem;}
	.bd_top{flex-direction: column-reverse; gap: 3rem; align-items: flex-start; margin-bottom: 1.25rem;}
	.bd_top form{width: 100%;}
	.bd_top .bd_srh{gap: 0.625rem; width: 100%;}
	.bd_top .bd_srh .select{width: 6.5rem;}
	.bd_top .bd_srh .select select{height: 3rem; padding: 0 0.5rem; background: url(/img/board/bd_sel_ic.svg) no-repeat right 0.35rem center / 1.375rem;}
	.bd_top .bd_srh .input{width: calc(100% - 0.625rem - 6.5rem); height: 3rem;}
	.no_data{padding: 6rem 0;}
	.no_data .icon{width: 1.75rem;}
	.no_data p{margin-top: 1.25rem; font-size: 0.875rem;}
    
    /* social */
    .info_wrap .social .item .txt {padding: 4.3rem .9rem;}
    .info_wrap .social .item .txt span {font-size: 0.85rem; padding: .4rem .75rem .3rem;}
    .info_wrap .social .item .txt h2 {font-size: 1.3rem;}
    .info_wrap .social .item .txt p {font-size: 1.1rem;}

	/********** Capability **********/
	.capa .sec2 .list li{width: 100%;}
	.capa .sec3 .list li{padding: 0;}

	/********** Product list **********/
	.pro_list ul{gap: 1rem;}
	.pro_list ul li{width: 100%;}
	.pro_list ul li a{padding-top: 2rem;}
	.pro_list ul li a .desc{height: 3.75rem;}

	/********** Product view **********/
	.pro_view .tp_wrap .b_swiper{margin-top: 0.75rem;}
	.pro_view .tp_wrap .b_swiper .swiper-slide{margin-right: 0.75rem; width: calc((100% - (0.75rem * 2)) / 3);}

}

@media screen and (max-width:679px){

	/********** Product view **********/
	.table_wrap .swipe_ic{display: none; width: 6rem; aspect-ratio: 1/1; background: url(/img/sub/swipe_ic.svg) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
	.table_wrap .swipe_ic.on{display: block;}

}

@media screen and (max-width:484px){
    /* social */
    .info_wrap .social .list {flex-direction: column; align-items: flex-start; gap: 1rem;}
    .info_wrap .social .list > div {width: 100%;}
}