/* 공통 */
.inner2 {max-width: 1405px; margin: 0 auto; width: 100%;}
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 580px; position:relative; background:url("/img/sub/sub_vis01.jpg") no-repeat center / cover;}

/* sub_vis_txt */
.sub_vis_txt{color:#fff; position:absolute; top:258px; left:50%; transform:translateX(-50%);}
.sub_vis_txt h2{font-size: 70px; font-weight: 500; line-height: 1.14;}
.sub_vis_txt em{font-size: 26px; font-weight: 400; color: #fff; margin-top:12px; display: block; letter-spacing: -1px; line-height: 1.2;}

/* sub_menu */
.sub_menu{position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); height:32px; width: 100%;}
.sub_menu > ul{margin:0 auto; position: relative; display: flex; align-items: center; justify-content: flex-end; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 44px; font-size: 16px; height: 100%; font-weight: 700; color: #fff; letter-spacing: -.6px; font-family: var(--font-nun); text-transform: capitalize;}
.sub_menu > ul > li > a::first-letter {text-transform: uppercase;}
.sub_menu > ul > li > a.kr{font-family: var(--font-pre);}
.sub_menu > ul > li:not(.home)::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.sub_menu > ul > li.home {width: 32px;}
.sub_menu > ul > li.home a {padding: 0;}
.sub_menu > ul > li.home img {width: 100%;}
.sub_menu > ul > li.menu_btn {width: 240px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 16px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; bottom: calc(100% + 16px); right: 0; width: 200px; z-index:100; border-radius: 10px; overflow: hidden; background: #fff;}
.sub_menu_txt li {height: 44px;}
.sub_menu_txt li + li {border-top: 1px solid #E3E3E3;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 16px; font-size: 16px; color: #6D6D6D; height: 100%; font-family: var(--font-pre); text-transform: capitalize;}
.sub_menu_txt li a:hover{color:#fff; background:var(--color1);}
.sub_menu_txt li:last-child{border-bottom:none;}

/* sub_content */
#sub_content{padding:100px 0 0; overflow: hidden;}
.sub_title{margin-bottom:94px; text-align:center;}
.sub_title h3{font-size: 60px; font-weight: 500; color: #fff; line-height: 1.2; font-family: var(--font-pre); text-transform: capitalize;}
.sub_title h3::first-letter {text-transform: uppercase;}

/* prdList */
.prdList {display: flex; flex-wrap: wrap; gap: 44px 30px;}
.prdList .item {width: calc((100% - (30px * 2)) / 3);}
.prdList .item .thumb {display: block; height: 315px; position: relative; overflow: hidden; /* border: 1px solid rgba(255,255,255,.3); */ background: #E7E7E7;}
.prdList .item .thumb .icon {position: absolute; top: 20px; left: 20px; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: -.5px; padding: 0 13px; height: 25px; border-radius: 5px; background: #8E8E8E; display: flex; align-items: center; justify-content: center; z-index: 2;}
.prdList .item .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .5s; transform: scale(1.1);}
.prdList .item .thumb:hover img {transform: scale(1);}
.prdList .item .description {text-align: center; margin-top: 20px;}
.prdList .item .name {font-size: 28px; font-weight: 700; color: #fff; letter-spacing: -.4px; line-height: 1.14; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-family: var(--font-pre);}
.prdList .item .desc {margin-top: 15px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.8px; line-height: 1.3; font-family: var(--font-pre); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.search .prdList .item {width: calc((100% - (30px * 3)) / 4);}
.search .prdList .item .thumb{height: 297px;}
.search .result{text-align: center; font-size: 22px; margin-bottom: 60px; color: #fff;}
.search .result b{color: var(--color2);}

/* paginate */
.basic_paginate {margin-top: 80px; display: flex; align-items: center; justify-content: center; gap: 28px;}
.basic_paginate a img {height: 15px;}
.basic_paginate ol {display: flex; align-items: center; justify-content: center; gap: 28px; padding: 0; margin: 0;}
.basic_paginate ol a {font-size: 18px; font-weight: 400; color: #999; font-family: var(--font-pre);}
.basic_paginate ol a.this {color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}


/* product list */
.product_list {align-items: flex-start;}
.product_list .side_menu {width: calc(100% - 1110px - 65px);}
.product_list .cate {padding: 50px 0; border-top: 1px solid #E3E3E3;}
.product_list .cate:first-child {padding-top: 0; border-top: 0;}
.product_list .cate .tit {font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -.8px; line-height: 1.3; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.product_list .cate .refresh{font-size: 12px; letter-spacing: -0.3px; font-weight: 500; padding: 4px 12px; border-radius: 30px; border: 1px solid #FFF; opacity: 0.7; display: inline-block; color: #fff; cursor: pointer;}
.product_list .cate .refresh img{width: 10px; margin-left: 4px;}
.product_list .cate ul {margin-top: 20px; }
.product_list .cate ul.on {max-height: 254px; overflow: hidden; overflow-y: scroll; padding-right: 20px;}
.product_list .cate ul::-webkit-scrollbar {width: 3px; border-radius: 10px;}
.product_list .cate ul::-webkit-scrollbar-thumb {height: 30%; background: #888;}
.product_list .cate ul::-webkit-scrollbar-track {background: #343434; border-radius: 10px;}
.product_list .cate ul li label {display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer;}
.product_list .cate ul li + li {margin-top: 10px;}
.product_list .cate div {display: flex; align-items: center; gap: 10px; cursor: pointer; width: 80%;}
.product_list .cate div span {font-size: 16px; font-weight: 400; color: #6D6D6D; letter-spacing: -.4px; line-height: 1.25; max-width: 80%; word-break: break-all;}
.product_list .cate div input.checkbox {width: 20px; height: 20px; background: url("/img/sub/checkbox_chk.svg") no-repeat center / 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; cursor: pointer;}
.product_list .cate div input.checkbox:checked{border: none; background: url("/img/sub/checkbox_chked.svg") no-repeat center / 100%;}
.product_list .cate div input.checkbox:checked + span {color: #fff; font-weight: 500;}
.product_list .cate .num {display: inline-block; height: 23px; display: flex; align-items: center; justify-content: center; width: 32px; font-size: 12px; font-weight: 500; color: #BEBEBE; letter-spacing: -.4px; border: 1px solid #fff; opacity: .5;}
.product_list .cate li.active .num {border-color: var(--color1); background: var(--color1); color: #fff; opacity: 1;}
.product_list .cate .search {margin-bottom: 20px; position: relative; width: 100%; margin-top: 20px;}
.product_list .cate .search input {width: 100%; height: 50px; border: 1px solid rgba(255,255,255,.5); padding: 15px 45px 15px 16px; font-size: 16px; font-weight: 500; color: #fff; font-family: var(--font-pre); background: transparent;}
.product_list .cate .search input::placeholder {color: rgba(255,255,255,.5);}
.product_list .cate .search img {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; right: 16px; cursor: pointer; width: 24px;}
.product_list .right {width: 1110px;}
.product_list .filter {display: flex; align-items: center; gap: 23px; min-height: 31px;}
.product_list .filter .allClear {display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500; color: #555; letter-spacing: -.4px; cursor: pointer;}
.product_list .filter .allClear img {width: 12px;}
.product_list .filter .line {display: block; width: 1px; height: 20px; background: #E3E3E3;}
.product_list .filter .filter_item {display: flex; align-items: center; gap: 10px;}
.product_list .filter .filter_item span {display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 12px; font-weight: 500; color: #6D6D6D; letter-spacing: -.4px; height: 31px; border: 1px solid #6D6D6D; padding: 0 15px; cursor: pointer;}
.product_list .filter .filter_item span img {width: 12px;}
.product_list .prdList {margin-top: 30px;}


/* product view */
.product_view *{font-family: var(--font-pre);}
.product_view .thumb_wrap{background: #333; display: flex; gap: 90px; padding: 100px;}
.product_view .thumb_img .tp_img{width: 650px; border: 1px solid rgba(255, 255, 255, 0.30); position: relative; background: #E7E7E7;}
.product_view .thumb_img .tp_img .b_img_slider .slide{height: 585px;}
.product_view .thumb_img .tp_img .b_img_slider .slide img{width: 100%; height: 100%; object-fit: cover;}
.product_view .thumb_img .tp_img .magnifier{display: none; position: absolute; width: 400px; height: 400px; z-index: 1; border: 1px solid #FFF;}
.product_view .thumb_img .bt_img{margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 20px;}
.product_view .thumb_img .bt_img .arrow{width: 20px; cursor: pointer;}
.product_view .thumb_img .bt_img .arrow img{width: 100%;}
.product_view .thumb_img .bt_img .s_img_slider{width: 350px; margin: 0 -5px;}
.product_view .thumb_img .bt_img .s_img_slider .slide{height: 100px; margin: 0 5px; border: 1px solid rgba(255, 255, 255, 0.30); position: relative; cursor: pointer; background: #E7E7E7;}
.product_view .thumb_img .bt_img .s_img_slider .slide.slick-current::before{content: ''; display: block; width: 100%; height: 100%; border: 2px solid #FFF; position: absolute; left: 0; top: 0;}
.product_view .thumb_img .bt_img .s_img_slider .slide img{width: 100%; height: 100%; object-fit: cover;}
.product_view .thumb_info{margin-top: 30px;}
.product_view .thumb_info * {color: #fff;}
.product_view .thumb_info .title span{font-size: 16px; letter-spacing: -0.5px; font-weight: 700; color: #FFF; font-family: var(--font-out); line-height: 25px; padding: 0 13px; border-radius: 5px; background: #8E8E8E; display: inline-block;}
.product_view .thumb_info .title h4{margin: 15px 0 5px; font-size: 50px; color: #FFF;}
.product_view .thumb_info .title strong{font-size: 30px; letter-spacing: -0.8px; line-height: 1.2; color: #F5F5F5;}
.product_view .thumb_info .title p{margin-top: 30px; font-size: 18px; letter-spacing: -0.8px; line-height: 1.4; color: #F5F5F5;}
.product_view .thumb_info .key{margin-top: 40px;}
.product_view .thumb_info .key strong{font-size: 24px; letter-spacing: -0.8px; color: #FFF;}
.product_view .thumb_info .key ul{margin-top: 15px; padding-left: 0 !important;}
.product_view .thumb_info .key ul,
.product_view .thumb_info .key ul *,
.product_view .thumb_info .key ul li{font-size: 18px; letter-spacing: -0.8px; line-height: 1.4; color: #F5F5F5; position: relative; padding-left: 13px;}
.product_view .thumb_info .key ul li::before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #F5F5F5; position: absolute; left: 0; top: 10px;}
.product_view .thumb_info .key ul li + li{margin-top: 7px;}
.product_view .thumb_info .apply_btn{margin-top: 45px; width: 220px; line-height: 60px; text-align: center; background: #2F35ED; font-size: 18px; font-weight: 700; color: #FFF; display: block;}
.product_view .info_wrap{margin-top: 60px;}
.product_view .info_wrap .tabnav{position: sticky; top: 124px; background: #1A1A1A; z-index: 100;}
.product_view .info_wrap .tabnav ul{border-bottom: 1px solid rgba(255, 255, 255, 0.30); display: flex; justify-content: center;}
.product_view .info_wrap .tabnav ul li a{display: block; width: 280px; text-align: center; padding: 16px 0px; font-size: 20px; letter-spacing: -1px; font-weight: 600; color: rgba(255, 255, 255, 0.40); line-height: 1.5;}
.product_view .info_wrap .tabnav ul li a.on{border-bottom: 2px solid #FFF; font-weight: 700; color: #fff;}
.product_view .info_wrap .tabcont{background: #FAFAFA; padding: 70px 100px; margin-top: 50px; }
.product_view .info_wrap .tabcont > div{}
.product_view .info_wrap .tabcont #tab01 .content, .product_view .info_wrap .tabcont #tab01 .content *{font-size: 18px; letter-spacing: -0.8px; line-height: 1.4; color: #6D6D6D;}
.product_view .info_wrap .tabcont #tab01 .content ul{margin-top: 40px;}
.product_view .info_wrap .tabcont #tab01 .content ul li{position: relative; padding-left: 13px;}
.product_view .info_wrap .tabcont #tab01 .content ul li::before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #6D6D6D; position: absolute; left: 0; top: 10px;}
.product_view .info_wrap .tabcont #tab01 .content ul li + li{margin-top: 15px;}
.product_view .info_wrap .tabcont #tab01 .content img{max-width: 100%; margin-top: 50px;}
.product_view .info_wrap .tabcont #tab01 .content .video{margin-top: 50px; position: relative; padding-top: 56.25%;}
.product_view .info_wrap .tabcont #tab01 .content .video iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.product_view .info_wrap .tabcont #tab02 .content, .product_view .info_wrap .tabcont #tab02 .content *{font-size: 18px; letter-spacing: -0.8px; line-height: 1.4; color: #6D6D6D;}
.product_view .info_wrap .tabcont #tab02 .content ul{margin-top: 40px;}
.product_view .info_wrap .tabcont #tab02 .content ul li{position: relative; padding-left: 13px;}
.product_view .info_wrap .tabcont #tab02 .content ul li::before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #6D6D6D; position: absolute; left: 0; top: 10px;}
.product_view .info_wrap .tabcont #tab02 .content ul li + li{margin-top: 15px;}
.product_view .info_wrap .tabcont #tab02 .content img{max-width: 100%; margin-top: 50px;}
.product_view .info_wrap .tabcont #tab02 .content .video{margin-top: 50px; position: relative; padding-top: 56.25%;}
.product_view .info_wrap .tabcont #tab02 .content .video iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.product_view .info_wrap .tabcont #tab03 .content, .product_view .info_wrap .tabcont #tab03 .content *{font-size: 18px; letter-spacing: -0.8px; line-height: 1.4; color: #6D6D6D;}
.product_view .info_wrap .tabcont #tab03 .content ul{margin-top: 40px;}
.product_view .info_wrap .tabcont #tab03 .content ul li{position: relative; padding-left: 13px;}
.product_view .info_wrap .tabcont #tab03 .content ul li::before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #6D6D6D; position: absolute; left: 0; top: 10px;}
.product_view .info_wrap .tabcont #tab03 .content ul li + li{margin-top: 15px;}
.product_view .info_wrap .tabcont #tab03 .content img{max-width: 100%; margin-top: 50px;}
.product_view .info_wrap .tabcont #tab03 .content .video{margin-top: 50px; position: relative; padding-top: 56.25%;}
.product_view .info_wrap .tabcont #tab03 .content .video iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
/* .product_view .info_wrap .tabcont #tab03 * {color: #6D6D6D; font-size: 18px;} */

.product_view .info_wrap .tabcont h5{font-size: 22px; margin-bottom: 25px; color: #000;}
.sub_table_wrap{border-top: 1px solid #000;}
.sub_table{width: 100%; border-collapse: collapse; font-size: 18px; letter-spacing: -0.4px; line-height: 1.4;}
.sub_table th{font-weight: 700; color: #333 !important; background: #EEE;}
.sub_table td{color: #6D6D6D !important; padding: 16px 30px; background: #fff; border-bottom: 1px solid #E3E3E3;}
.p_spec .sub_table th{width: 420px; padding: 16px 50px; border-bottom: 1px solid #E3E3E3; text-align: left;}
.s_spec .sub_table th{padding: 20px; width: 240px;}
.s_spec .sub_table th:first-child{width: 200px;}
.s_spec .sub_table td{text-align: center;}
.s_spec .sub_table td:first-child{font-weight: 700; color: #333;}
.s_spec .sub_table td + td{border-left: 1px solid #E3E3E3;}
.product_view .info_wrap .tabcont #tab03 .prd_list{margin-top: 80px;}
.product_view .info_wrap .tabcont .prd_list{display: flex; flex-wrap: wrap; gap: 50px 40px;}
.product_view .info_wrap .tabcont .prd_list li{width: calc((100% - (40px * 3)) / 4);}
.product_view .info_wrap .tabcont .prd_list li a{display: block;}
.product_view .info_wrap .tabcont .prd_list li a .img{width: 100%; height: 288px; display: block; position: relative; overflow: hidden; background: #fff;}
.product_view .info_wrap .tabcont .prd_list li a .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: all .5s;}
.product_view .info_wrap .tabcont .prd_list li a .img:hover img{transform: scale(1);}
.product_view .info_wrap .tabcont .prd_list li a .img .cate{font-size: 14px; letter-spacing: -0.5px; font-weight: 600; color: #FFF; font-family: var(--font-out); display: inline-block; padding: 0 13px; line-height: 23px; border-radius: 5px; background: #8E8E8E; position: absolute; left: 10px; top: 10px;}
.product_view .info_wrap .tabcont .prd_list li a .txt{margin-top: 20px; text-align: center;}
.product_view .info_wrap .tabcont .prd_list li a .txt dt{font-size: 28px; letter-spacing: -0.4px; font-weight: 700; color: #000;}
.product_view .info_wrap .tabcont .prd_list li a .txt dd{margin-top: 15px; font-size: 18px; letter-spacing: -0.8px; line-height: 1.4; color: #6D6D6D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product_view .info_wrap .tabcont .download{display: flex; flex-wrap: wrap; gap: 25px;}
.product_view .info_wrap .tabcont .download .item{width: calc((100% - (25px * 3)) / 4); background: #1D2088; padding: 30px 25px;}
.product_view .info_wrap .tabcont .download .item .txt{margin-bottom: 25px; letter-spacing: -0.2px; color: #fff;}
.product_view .info_wrap .tabcont .download .item .txt .type{font-size: 12px; font-weight: 700;}
.product_view .info_wrap .tabcont .download .item .txt .tit{margin-top: 15px; font-size: 20px; font-weight: 800; line-height: 1.2;}
.product_view .info_wrap .tabcont .download .item .down_btn{padding: 12px 0; font-size: 14px; font-weight: 700; color: #000; text-align: center; display: block; text-align: center; background: #fff; transition: all 0.3s;}
.product_view .info_wrap .tabcont .download .item:hover .down_btn{color: #fff; background: #2AA738;}
.product_view .select {width: 100%; /* border: 1px solid #fff; */ font-size: 14px; position:relative; background: #FFF; color: #000;}
.product_view .select .selected {display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; cursor:pointer;}
.product_view .select .selected .selected-value{color: #BEBEBE;}
.product_view .select .selected .arrow {width: 12px; height: fit-content;}
.product_view .select .selected .arrow img{width: 100%; display: block; }
/* .product_view .select.active{border-color: #000;} */
.product_view .select.active .selected .arrow{transform: rotate(-180deg);}
.product_view .select .option_wrap {width: calc(100% + 2px); display: none; position: absolute; margin: 5px 0 0 -1px; cursor: pointer; z-index:10; /* border:1px solid #000; */ background: #FFF;}
.product_view .select.active .option_wrap {display: block;}
.product_view .select .option_wrap ul {max-height: 135px; overflow-y: auto;} /* 옵션 수가 많아질 경우 */
.product_view .select .option_wrap ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.product_view .select .option_wrap ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */}
.product_view .select .option_wrap ul::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/}
.product_view .select .option_wrap ul li {line-height: 45px; padding: 0 16px; color: #8E8E8E;}
.product_view .select .option_wrap ul li:hover{background: #000; color: #fff;}


/* About us */
.tabmenu{display: flex;}
.tabmenu a{display: block; font-size: 20px; letter-spacing: -0.6px; font-weight: 500; color: #888; line-height: 60px; border: 1px solid #8E8E8E; text-align: center; border-right: none;}
.tabmenu a:last-of-type{border-right: 1px solid #8E8E8E;}
.tabmenu a.on{font-weight: 700; color: #FFF; background: #2F35ED; border-color: #2F35ED;}
.tabmenu a.on + a{border-left: none;}
.tabmenu.type2 a{width: 50%;}
.tabmenu.type3 a{width: 33.33%;}
.tabmenu.type4 a{width: 25%;}
.tabmenu.type5 a{width: 20%;}
.tabmenu .category{display: flex; width: 100%; margin-bottom: 60px;}
.tabmenu .category li{width: calc(100% / 7);}
.tabmenu .category li a{width: 100%; font-size: 18px; letter-spacing: -0.8px;}
.tabmenu .category li + li a{border-left: none;}
.about .tabcont{margin-top: 80px;}
.about #tab01 .title{text-align: center;}
.about #tab01 .title h4{font-size: 50px; letter-spacing: -2px; font-weight: 600; line-height: 1.12;}
.about #tab01 .title p{font-size: 20px; margin-top: 52px; line-height: 1.4;}
.about #tab01 .img{margin: 80px 0;}
.about #tab01 .img img{width: 100%;}
.about #tab01 .txt_list li{display: flex;}
.about #tab01 .txt_list li + li{margin-top: 100px; padding-top: 100px; border-top: 1px solid rgba(255,255,255,0.2);}
.about #tab01 .txt_list li .tit{width: 50%; font-size: 35px; letter-spacing: -0.512px; font-weight: 700;}
.about #tab01 .txt_list li .txt{width: 50%; display: flex; flex-direction: column; gap: 30px;}
.about #tab01 .txt_list li .txt dt{font-size: 24px; letter-spacing: -1px; font-weight: 700; line-height: 1.37;}
.about #tab01 .txt_list li .txt dd{font-size: 20px; line-height: 1.4; color: #BEBEBE;}
.about #tab02 .list{display: flex; flex-wrap: wrap; gap: 100px 60px;}
.about #tab02 .list li{width: calc(50% - (60px / 2)); display: flex; flex-direction: column; gap: 40px;}
.about #tab02 .list li .icon{width: 50px;}
.about #tab02 .list li strong{display: block; font-size: 35px; letter-spacing: -0.512px; line-height: 1.16;}
.about #tab02 .list li p{font-size: 20px; color: #BEBEBE; line-height: 1.4;}
.about #tab03 .circle{display: flex; align-items: center; justify-content: center;}
.about #tab03 .circle .item{width: 400px; height: 400px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(255, 255, 255, 0.50); text-align: center; position: relative; transition: all 0.5s;}
.about #tab03 .circle .item::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%;	background: linear-gradient(135deg, #2F35ED 3.87%, #1D2088 85.75%); position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.5s; opacity: 0;}
.about #tab03 .circle .item:hover{border-color: transparent; z-index: 2;}
.about #tab03 .circle .item:hover::before{opacity: 1;}
.about #tab03 .circle .item + .item{margin-left: -30px;}
.about #tab03 .circle .item .icon{width: 70px;}
.about #tab03 .circle .item strong{font-size: 35px; letter-spacing: -0.4px; line-height: 1.28; display: block; font-weight: 600;}
.about #tab03 .circle .item p{font-size: 20px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.7; opacity: 0.8;}
.about #tab03 .txt{margin-top: 60px; font-size: 32px; letter-spacing: -0.512px; font-weight: 300; line-height: 1.4;}
.about #tab04 .item{display: flex; flex-direction: column; gap: 30px;}
.about #tab04 .item + .item{margin-top: 100px; padding-top: 100px; border-top: 1px solid rgba(255,255,255,0.3);}
.about #tab04 .item h4{font-size: 32px; letter-spacing: -0.8px;}
.about #tab04 .item .info{display: flex; gap: 13px;}
.about #tab04 .item .info li{width: calc((100% - (13px * 3)) / 4); background: #292929; padding: 22px 27px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 20px;}
.about #tab04 .item .info li .icon{width: 80px;}
.about #tab04 .item .info li strong{display: block; font-size: 24px; letter-spacing: -0.5px; font-weight: 600; line-height: 1.33;}
.about #tab04 .item .info li p{font-size: 20px; letter-spacing: -0.8px; color: #BEBEBE; line-height: 1.2; font-family: var(--font-out) !important;}
.about #tab04 .item .info li p.f-pre{font-family: var(--font-pre) !important;}
.about #tab04 .item .map{height: 550px;}
.about #tab04 .item .map iframe{height: 100%;}

/* MARKET */
.sub_cont + .sub_cont{margin-top: 100px;}
.sub_cont.tp_line{padding-top: 100px; border-top: 1px solid rgba(255,255,255,0.3);}
.m_tit_wrap{margin-bottom: 60px; height: 40px; display: flex; justify-content: space-between; align-items: center;}
.m_tit{font-size: 40px; letter-spacing: -2px; line-height: 1;}
.market .sec1 .img img{width: 100%;}
.market .sec1 .txt{margin-top: 50px; display: flex; flex-direction: column; gap: 40px; text-align: center;}
.market .sec1 .txt p{font-size: 20px; line-height: 1.4; color: #BEBEBE;}
.market .sec1 .txt strong{font-size: 24px; line-height: 1.4;}
.market .sec2 .list{display: flex; flex-wrap: wrap; gap: 40px;}
.market .sec2 .list li{padding: 40px 60px; width: calc(50% - (40px / 2)); background: #292929; display: flex; align-items: center; justify-content: space-between; min-height: 240px;}
.market .sec2 .list li dl dt{font-size: 28px; letter-spacing: -1px; font-weight: 700; line-height: 1.4;}
.market .sec2 .list li dl dd{margin-top: 20px; font-size: 20px; color: #BEBEBE; line-height: 1.5;}
.market .sec2 .list li .icon{width: 140px;}
.market .arrow{display: flex; gap: 20px;}
.market .arrow div{width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #494949; transition: all 0.3s; cursor: pointer;}
.market .arrow div img{width: 21px;}
.market .arrow div:hover{background: #1D2088;}
.market .sec3 .swiper{overflow: hidden; margin: 0 -14px;}
.market .sec3 .swiper .swiper-slide{padding: 0 14px;}
.market .sec3 .swiper .swiper-slide a{display: block;}
.market .sec3 .swiper .swiper-slide a .thumb{border: 1px solid rgba(255, 255, 255, 0.30); height: 295px; position: relative; display: block;}
.market .sec3 .swiper .swiper-slide a .thumb .icon{position: absolute; top: 18px; left: 18px; font-size: 13px; font-weight: 600; color: #fff; letter-spacing: -.5px; padding: 0 12px; height: 23px; border-radius: 5px; background: #8E8E8E; display: flex; align-items: center; justify-content: center; z-index: 2; font-family: var(--font-out) !important;}
.market .sec3 .swiper .swiper-slide a .thumb img{width: 100%; height: 100%; object-fit: cover;}
.market .sec3 .swiper .swiper-slide a .description{text-align: center; margin-top: 18px;}
.market .sec3 .swiper .swiper-slide a .description .name{font-size: 26px; font-weight: 700; letter-spacing: -.4px; line-height: 1.14; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.market .sec3 .swiper .swiper-slide a .description .desc{margin-top: 15px; font-size: 17px; font-weight: 400; color: #6D6D6D; letter-spacing: -.8px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%;}
.market .sec4 .m_tit{display: flex; align-items: center; gap: 40px;}
.market .sec4 .viewBtn {position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -.6px; border: 1px solid #fff; background: #FFFFFF0D; width: 120px; height: 40px; transition: 0.3s;}
.market .sec4 .viewBtn::after {content: ""; width: 0%; height: 100%; top: 0px; position: absolute; left: 0px; opacity: 0; display: inline-block; transition: 0.3s; background: var(--color1);}
.market .sec4 .viewBtn img {width: 20px;}
.market .sec4 .viewBtn:hover {border-color: var(--color1);}
.market .sec4 .viewBtn:hover::after {opacity: 1; width: 100%; z-index: -1; transition: 0.3s;}
.market .sec4 .slide_wrap .slider{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; gap: 20px; transition: all 0.5s;}
.market .sec4 .slide_wrap .slide{width: 335px; height: 547px; transition: all 0.5s; position: relative; cursor: pointer; flex-shrink: 0; position: relative; transition-property: transform; transition: all 0.5s;}
.market .sec4 .slide_wrap .slide:nth-of-type(1){background: url(/img/sub/market_slide01.jpg) no-repeat center / cover;}
.market .sec4 .slide_wrap .slide:nth-of-type(2){background: url(/img/sub/market_slide02.jpg) no-repeat center / cover;}
.market .sec4 .slide_wrap .slide:nth-of-type(3){background: url(/img/sub/market_slide03.jpg) no-repeat center / cover;}
.market .sec4 .slide_wrap .slide:nth-of-type(4){background: url(/img/sub/market_slide04.jpg) no-repeat center / cover;}
.market .sec4 .slide_wrap .slide a{display: block; width: 100%; height: 100%;}
.market .sec4 .slide_wrap .slide .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; width: 85%;}
.market .sec4 .slide_wrap .slide .txt dt{font-size: 40px; letter-spacing: -0.4px; font-weight: 700; line-height: 1.2;}
.market .sec4 .slide_wrap .slide .txt dd{margin-top: 50px; font-size: 18px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.4; white-space: pre-wrap;}
.market .sec4 .slide_wrap .slide.on{width: 1000px;}
.market .sec4 .slide_wrap .slide.on .txt{opacity: 1; transition: all 0.3s 0.5s;}

/* SI Business */
.dep3_tab{border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 60px; }
.dep3_tab ul{display: flex; justify-content: space-between;}
/* .dep3_tab ul li{width: 10%;} */
.dep3_tab ul li a{display: block; font-size: 18px; letter-spacing: -1px; line-height: 62px; font-weight: 600; color: #8E8E8E; opacity: 0.7; text-align: center; font-family: var(--font-pre);}
.dep3_tab ul li.on a{color: #FFF; font-weight: 700; opacity: 1; border-bottom: 2px solid #FFF;}
.business .busi_txt{margin-bottom: 60px; display: flex; flex-direction: column; gap: 30px;} 
.business .busi_txt .title{font-size: 40px; color: #FFF;}
.business .busi_txt p{font-size: 20px; line-height: 1.4; color: #BEBEBE;}
.business .sec1 .list > li{background-color: #292929; border-radius: 10px; padding: 50px; cursor: pointer; transition: all 0.5s;}
.business .sec1 .list.smsol > li{position: relative; z-index: 1;}
.business .sec1 .list.smsol > li::before{content: ''; display: block; width: 1004px; height: 100%; position: absolute; right: 110px; top: 0; mix-blend-mode: soft-light; transition: all 0.5s; z-index: -1;}
.business .sec1 .list.smsol > li:nth-child(1)::before{background: url(/img/sub/smsol1_img1.png) no-repeat center / contain; mix-blend-mode: luminosity;}
.business .sec1 .list.smsol > li:nth-child(2)::before{background: url(/img/sub/smsol1_img2.png) no-repeat center / contain;}
.business .sec1 .list.smsol > li:nth-child(3)::before{background: url(/img/sub/smsol1_img3.png) no-repeat center / contain;}
.business .sec1 .list.smsol > li:nth-child(4)::before{background: url(/img/sub/smsol1_img4.png) no-repeat center / contain;}
.business .sec1 .list > li + li{margin-top: 20px;}
.business .sec1 .list > li .title{display: flex; align-items: center; justify-content: space-between;}
.business .sec1 .list > li .title dl{opacity: 0.7; transition: all 0.5s;}
.business .sec1 .list > li .title dl dt{font-size: 30px; letter-spacing: -0.512px; font-weight: 700; line-height: 1.2; transition: all 0.5s;}
.business .sec1 .list > li .title dl dd{margin-top: 5px; font-size: 20px; letter-spacing: -0.512px; font-family: var(--font-out) !important; transition: all 0.5s;}
.business .sec1 .list > li .title .button{width: 60px; height: 60px; border-radius: 50%; background: #494949; cursor: pointer; position: relative; transition: all 0.5s;}
.business .sec1 .list > li .title .button::before{content: ''; display: block; width: 26px; height: 26px; background: url(/img/sub/busi_plus_ic.svg) no-repeat center / 26px; opacity: 0.8; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); transition: opacity 0.5s;}
.business .sec1 .list > li.link .title .button::before{background-image: url(/img/sub/busi_arrow_ic.svg);}
.business .sec1 .list > li.link a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.business .sec1 .list > li .cont{margin-top: 50px; display: none;}
.business .sec1 .list > li .cont .item{display: flex; flex-direction: column; gap: 30px;}
.business .sec1 .list > li .cont .item + .item{margin-top: 60px; padding-top: 60px; border-top: 1px solid rgba(0,0,0,0.3);}
.business .sec1 .list > li .cont .img img{width: 100%;}
.business .sec1 .list > li .txt_list{display: flex; flex-wrap: wrap; align-items: flex-start;}
.business .sec1 .list > li .txt_list li{width: 50%; font-size: 20px; letter-spacing: -1px; line-height: 1.5; color: #333; padding-left: 15px; position: relative;}
.business .sec1 .list > li .txt_list li::before{content: ''; display: block; width: 3px; height: 3px; border-radius:50%; background: #333; position: absolute; left: 0; top: 12px;}
.business .sec1 .list > li .cont .tit{font-size: 24px; letter-spacing: -0.4px; font-weight: 600; color: #000;}
.business .sec1 .list > li .cont .sub_table th{padding: 16px 50px; width: 360px; border-bottom: 1px solid #E3E3E3; background: #F6F6F6; color: #000;}
.business .sec1 .list > li .cont .sub_table td{border-left: 1px solid #E3E3E3;}
.business .sec1 .list > li .cont .sub_table td ul li{font-size: 18px; letter-spacing: -0.4px; line-height: 1.4; position: relative; padding-left: 10px; color: #6D6D6D;}
.business .sec1 .list > li .cont .sub_table td ul li::before{content: ''; display: block; width: 3px; height: 3px; border-radius:50%; background: #6D6D6D; position: absolute; left: 0; top: 10px;}
.business .sec1 .list > li .cont .sub_table.type2 td{width: 235px;}
.business .sec1 .list > li .cont .sub_table.type3 td{width: 313.33px;}
.business .sec1 .list.smsol > li:hover::before{mix-blend-mode: initial !important;}
.business .sec1 .list.smsol > li:nth-child(1):hover::before{background-image: url(/img/sub/smsol1_img1_ov.png);}
.business .sec1 .list.smsol > li:nth-child(2):hover::before{background-image: url(/img/sub/smsol1_img2_ov.png);}
.business .sec1 .list.smsol > li:nth-child(3):hover::before{background-image: url(/img/sub/smsol1_img3_ov.png);}
.business .sec1 .list.smsol > li:nth-child(4):hover::before{background-image: url(/img/sub/smsol1_img4_ov.png);}
.business .sec1 .list > li:hover, .business .sec1 .list > li.on{background: #ECECEC;}
.business .sec1 .list > li:hover .title dl, .business .sec1 .list > li.on .title dl{opacity: 1;}
.business .sec1 .list > li:hover .title dl *, .business .sec1 .list > li.on dl *{color: #000;}
.business .sec1 .list > li:hover .title dl dd, .business .sec1 .list > li.on dl dd{opacity: 0.7;}
.business .sec1 .list > li:hover .title .button, .business .sec1 .list > li.on .title .button{background: #1D2088;}
.business .sec1 .list > li:hover .title .button::before{opacity: 1;}
.business .sec1 .list > li.on{cursor: default;}
.business .sec1 .list > li.on::before{display: none;}
.business .sec1 .list > li.on .title{cursor: pointer;}
.business .sec1 .list > li.on .title .button::before{opacity: 1; background-image: url(/img/sub/busi_minus_ic.svg);}
.business .sec2 .cont .item{display: flex; align-items: center; gap: 100px;}
.business .sec2 .cont .item + .item{margin-top: 100px;}
.business .sec2 .cont .item:nth-of-type(even){flex-direction: row-reverse;}
.business .sec2 .cont .item .img{width: 680px; overflow: hidden;}
.business .sec2 .cont .item .img img{width: 100%;}
.business .sec2 .cont .item .img_swiper{position: relative;}
.business .sec2 .cont .item .img_swiper .control{position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 20px; background: rgba(3, 3, 3, 0.80); z-index: 10; padding: 12px 24px; width: 205px;}
.business .sec2 .cont .item .img_swiper .control .arrow{width: 20px; cursor: pointer;}
.business .sec2 .cont .item .img_swiper .control .arrow img{width: 100%;}
.business .sec2 .cont .item .img_swiper .control .pagination{color: rgba(255,255,255,0.5); width: auto;}
.business .sec2 .cont .item .img_swiper .control .pagination span{font-size: 18px; font-weight: 600; font-family: var(--font-nun) !important; color: #fff; margin: 0 5px;}
.business .sec2 .cont .item .img_swiper .control .pagination .swiper-pagination-current{color: #2F35ED; font-weight: 800;}
.business .sec2 .cont .item .txt{width: calc(100% - 100px - 680px);}
.business .sec2 .cont .item .txt strong{font-size: 35px; letter-spacing: -0.512px; font-weight: 700;}
.business .sec2 .cont .item .txt ul{margin-top: 27px;}
.business .sec2 .cont .item .txt ul li{font-size: 20px; letter-spacing: -1px; line-height: 1.4; color: #BEBEBE; position: relative; padding-left: 10px;}
.business .sec2 .cont .item .txt ul li::before{content: ''; display: block; width: 3px; height: 3px; border-radius:50%; background: #BEBEBE; position: absolute; left: 0; top: 12px;}
.business .sec3 .list{display: flex; flex-wrap: wrap; gap: 35px 25px;}
.business .sec3 .list li{width: calc((100% - (25px * 4)) / 5);}
.business .sec3 .list li .img img{width: 100%;}
.business .sec3 .list li p{margin-top: 15px; font-size: 20px; letter-spacing: -0.512px; line-height: 1.25; font-weight: 600; text-align: center;}
.business .sec4 .tabcont{margin-top: 60px;}
.business .sec4 .tabcont > div{background: #292929; display: flex; align-items: center; gap: 50px;}
.business .sec4 .tabcont > div > .img{width: 650px;}
.business .sec4 .tabcont > div > .img img{width: 100%;}
.business .sec4 .tabcont > div .txt{width: calc(100% - 50px - 650px);}
.business .sec4 .tabcont > div .txt dl dt{font-size: 32px; letter-spacing: -0.512px; font-weight: 700; line-height: 1.27;}
.business .sec4 .tabcont > div .txt dl dd{margin-top: 20px; font-size: 20px; letter-spacing: -1px; line-height: 1.4;}
.business .sec4 .tabcont > div .txt .ref{margin-top: 50px; display: flex; flex-direction: column; gap: 15px;}
.business .sec4 .tabcont > div .txt .ref strong{font-size: 24px; letter-spacing: -0.512px; font-weight: 600; line-height: 1.25; font-family: var(--font-out);}
.business .sec4 .tabcont > div .txt .ref ul li{font-size: 17px; letter-spacing: -0.8px; color: #BEBEBE; line-height: 1.4; position: relative; padding-left: 10px;}
.business .sec4 .tabcont > div .txt .ref ul li + li{margin-top: 5px;}
.business .sec4 .tabcont > div .txt .ref ul li::before{content: ''; display: block; width: 3px; height: 3px; border-radius:50%; background: #BEBEBE; position: absolute; left: 0; top: 10px;}
.business .sec4 .tabcont #tab00{display: block; background: none; padding: 0 !important;}
.business .sec4 .tabcont #tab00 .sec1 .list > li .cont .img{width: 100%;}
.business .busi_txt .logo{display: flex; gap: 20px;}
.business .busi_txt .logo img{width: 250px;}
.business .sec1 .list > li.img{padding: 0; overflow: hidden; cursor: default; background: #ECECEC;}
.business .sec1 .list > li.img img{width: 100%;}
.business .sec1 .list > li .cont .service_img{background: #FFF; padding: 50px 0;}
.business .sec1 .list > li .cont .service_img img{width: 1095px; margin: 0 auto;}
.business .sec1 .list > li .cont .w_box{background: #FFF; padding: 42px 45px;}
.business.city .busi_txt.txt1{margin-bottom: 30px;}
.business.city .busi_txt .tit{font-size: 30px; letter-spacing: -0.4px;}
.business.city .sec1 .list > li.over{height: 975px; background: #ECECEC url(/img/sub/smcity_img1.png) no-repeat center / cover; position: relative; transition: all 0.3s;}
.business.city .sec1 .list > li.over1{background-image: url(/img/sub/smcity_img1_ov1.png);}
.business.city .sec1 .list > li.over2{background-image: url(/img/sub/smcity_img1_ov2.png);}
.business.city .sec1 .list > li.over3{background-image: url(/img/sub/smcity_img1_ov3.png);}
.business.city .sec1 .list > li.over4{background-image: url(/img/sub/smcity_img1_ov4.png);}
.business.city .sec1 .list > li.over5{background-image: url(/img/sub/smcity_img1_ov5.png);}
.business.city .sec1 .list > li.over6{background-image: url(/img/sub/smcity_img1_ov6.png);}
.business.city .sec1 .list > li.over .tooltip-trigger{width: 220px; height: 160px; /* background: #1D2088; opacity: 0.2; */ position: absolute; font-size: 0; cursor: pointer;}
.business.city .sec1 .list > li.over .tooltip-trigger.item1{left: 321px; bottom: 441px;}
.business.city .sec1 .list > li.over .tooltip-trigger.item2{left: 581px; bottom: 441px;}
.business.city .sec1 .list > li.over .tooltip-trigger.item3{left: 321px; bottom: 186px;}
.business.city .sec1 .list > li.over .tooltip-trigger.item4{left: 581px; bottom: 186px;}
.business.city .sec1 .list > li.over .tooltip-trigger.item5{left: 856px; bottom: 328px;}
.business.city .sec1 .list > li.over .tooltip-trigger.item6{right: 54px; bottom: 328px;}
.business.sew .sec1 .list > li.over{height: 520px; background: #ECECEC url(/img/sub/smsew_img1.png) no-repeat center / cover; position: relative; transition: all 0.3s;}
.business.sew .sec1 .list > li.over1{background-image: url(/img/sub/smsew_img1_ov1.png);}
.business.sew .sec1 .list > li.over2{background-image: url(/img/sub/smsew_img1_ov2.png);}
.business.sew .sec1 .list > li.over3{background-image: url(/img/sub/smsew_img1_ov3.png);}
.business.sew .sec1 .list > li.over .tooltip-trigger{width: 242px; height: 148px; bottom: 43px; /* background: #1D2088; opacity: 0.2; */ position: absolute; font-size: 0; cursor: pointer;}
.business.sew .sec1 .list > li.over .tooltip-trigger.item1{left: 416px;}
.business.sew .sec1 .list > li.over .tooltip-trigger.item2{left: 668px;}
.business.sew .sec1 .list > li.over .tooltip-trigger.item3{left: 920px;}


/* SM Project */
.project .sec1 .title .tit{font-size: 50px;}
.project .sec1 .title p{margin-top: 30px; font-size: 20px; color: #BEBEBE; line-height: 1.4;}
.project .sec1 .list{margin-top: 60px; display: flex; flex-wrap: wrap; gap: 30px;}
.project .sec1 .list li{width: calc(50% - (30px / 2));}
.project .sec1 .list li .tit{height: 80px; padding: 0 30px; background: #6D6D6D; display: flex; align-items: center;}
.project .sec1 .list li .tit b{font-size: 30px; letter-spacing: -0.512px;}
.project .sec1 .list li .cont{background: #ECECEC; padding: 30px;}
.project .sec1 .list li .cont img{width: 100%;}
.project .sec2{position: relative; margin-top: 220px;}
.project .sec2::before{content: ''; display: block; width: 1107px; height: 149px; background: url(/img/sub/pj_logo.svg) no-repeat center / contain; position: absolute; top: -108px; left: 50%; transform: translateX(-50%);}
.project .sec2 .swiper-wrapper{transition-timing-function: linear;}
.project .sec2 .swiper-slide{width: 447px; margin: 0 15px;}
.project .sec2 .swiper-slide img{width: 100%;}


/* 사업 수행 실적 */
.record > div{display: flex; flex-direction: column; gap: 60px;}
.record .sec1 .desc{font-size: 20px; color: #BEBEBE; line-height: 1.4;}
.record .sec1 .list{display: flex; gap: 25px;}
.record .sec1 .list li{width: calc(100% - (25px * 2) / 3); padding: 40px 0; display: flex; flex-direction: column; align-items: center; background: #ECECEC; text-align: center;}
.record .sec1 .list li span{font-size: 20px; letter-spacing: -0.512px; font-weight: 500; line-height: 1.75; color: #2AA738;}
.record .sec1 .list li img{width: 100px; margin: 32px 0 16px; display: block;}
.record .sec1 .list li .number{letter-spacing: -0.512px;}
.record .sec1 .list li .number strong{font-size: 70px; line-height: 1.28; background: linear-gradient(96deg, #2F35ED -9.29%, #2AA738 109.76%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.record .sec1 .list li .number span{font-size: 24px; line-height: 1.45; font-weight: 500; color: #333;}
.record .sec1 .list li p{margin-top: 10px; font-size: 22px; letter-spacing: -0.512px; line-height: 1.6; font-weight: 600; color: #333;}
.record .sec1 .box{font-size: 32px; letter-spacing: -0.6px; font-weight: 600; line-height: 100px; border: 1px solid rgba(255, 255, 255, 0.70); background: rgba(255, 255, 255, 0.05); text-align: center;}
.record .sec2 .title{font-size: 40px; letter-spacing: -2px;}
.record .sec2 .img img{width: 100%;}
.record .sec2 .txt{padding: 0 50px;}
.record .sec2 .txt .item{display: flex;}
.record .sec2 .txt .item + .item{margin-top: 100px;}
.record .sec2 .txt .item .year{display: block; min-width: 500px; font-size: 50px; color: #6D6D6D;}
.record .sec2 .txt .item ul{width: calc(100% - 500px);}
.record .sec2 .txt .item ul li{font-size: 22px; letter-spacing: -1px; line-height: 1.8; color: #6D6D6D; opacity: 0.9; position: relative; padding-left: 12px;}
.record .sec2 .txt .item ul li::before{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: var(--before-bg, #6D6D6D); position: absolute; left: 0; top: 17px;}


/* 주요 고객사 */
.client .title{font-size: 40px;}
.client .tabcont{margin-top: 60px;}
.client .sec1 .logo{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
.client .sec1 .logo li{width: calc((100% - (20px * 5)) / 6);}
.client .sec1 .logo li img{width: 100%;}
.client .contact{display: flex; justify-content: space-between;}
.client .contact .txt p{margin-top: 36px; font-size: 24px; letter-spacing: -1px; font-weight: 500; line-height: 1.5; opacity: 0.9;}
.client .contact .txt ul{margin-top: 130px; display: flex; flex-wrap: wrap; gap: 30px 60px;}
.client .contact .txt ul li{display: flex; align-items: center; gap: 30px;}
.client .contact .txt ul li .icon{width: 60px;}
.client .contact .txt ul li dl{font-size: 20px; line-height: 1.3;}
.client .contact .txt ul li dl dt{font-weight: 700;}
.client .contact .txt ul li dl dd{margin-top: 10px; opacity: 0.8; font-weight: 400;}
.client .contact .img{width: 50%;}
.client .contact .img img{width: 100%;}
.client .btn_wrap{margin-top: 80px; text-align: center;}
.client .btn_wrap a{font-size: 18px; font-weight: 700; color: #BEBEBE; width: 300px; line-height: 60px; border: 1px solid #BEBEBE; text-align: center; transition: all 0.5s; display: inline-block; position: relative;}
.client .btn_wrap a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 2px solid #FFF; opacity: 0; transition: all 0.5s;}
.client .btn_wrap a:hover{color: #FFF;}
.client .btn_wrap a:hover::before{opacity: 1;}


/* CI */
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.ci .section{padding: 130px 0;}
.ci .section:nth-of-type(even){background: #292929;}
.ci .txt .title{font-size: 50px; letter-spacing: -2px; font-weight: 600; line-height: 1.12;}
.ci .txt .tit{font-size: 35px; letter-spacing: -0.512px;}
.ci .txt strong{font-size: 24px; letter-spacing: -1px; line-height: 1.37; display: block;}
.ci .txt p{font-size: 20px; line-height: 1.3;}
.ci .txt p:not(.wh){color: #BEBEBE;}
.ci .img img{width: 100%;}
.ci .sec1{padding-top: 0 !important;}
.ci .sec1 .txt.ta-c{margin-bottom: 75px;}
.ci .sec2 .swiper{overflow: hidden; width: 1680px;}
.ci .sec2 .swiper-slide{width: 483px; margin-right: 30px;}
.ci .sec2 .swiper-slide img{width: 100%;}
.ci .list{display: flex; flex-wrap: wrap; gap: 30px;}
.ci .list li{width: calc(50% - (30px / 2));}
.ci .sec4 .list li{padding: 160px 40px 40px; flex-direction: column; display: flex; gap: 10px;}
.ci .sec4 .list li strong{display: block; font-size: 23px;}
.ci .sec4 .list li p{opacity: 0.6; font-size: 18px; font-weight: 500; display: flex; align-items: center; gap: 10px;}
.ci .sec4 .list li.color1{background: #1D2088;}
.ci .sec4 .list li.color2{background: #2AA738;}
.ci .sec4 .list li.color3{background: #BDC1C4;}
.ci .sec4 .list li.color4{background: #444853;}
.ci .sec5 .list li img{width: 100%;}
.ci .btn_wrap{margin-top: 80px; display: flex; align-items: center; justify-content: center; gap: 30px;}
.ci .btn_wrap a{font-size: 18px; font-weight: 600; color: #BEBEBE; width: 250px; line-height: 60px; border: 1px solid #BEBEBE; text-align: center; transition: all 0.5s; display: inline-block; position: relative; font-family: var(--font-pre) !important;}
.ci .btn_wrap a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #FFF; opacity: 0; transition: all 0.5s;}
.ci .btn_wrap a:hover{color: #FFF; border-color: #fff;}
.ci .btn_wrap a:hover::before{opacity: 1;}


/* KOLAS 소개 */
.ko_int{display: flex; flex-direction: column; gap: 80px;}
.ko_int p{font-size: 20px; line-height: 1.4;}
.ko_int .txt p + p{margin-top: 30px;}
.ko_int .list{display: flex; flex-wrap: wrap; gap: 15px;}
.ko_int .list li{width: calc((100% - (15px * 2)) / 3);}
.ko_int .list li img{width: 100%;}
.ko_int .box{background: #292929; padding: 50px 0;}
.ko_btn{text-align: center;}
.ko_btn a{font-size: 18px; font-weight: 700; color: #BEBEBE; width: 300px; line-height: 60px; border: 1px solid #BEBEBE; transition: all 0.5s; display: inline-block; position: relative;}
.ko_btn a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #FFF; opacity: 0; transition: all 0.5s;}
.ko_btn a:hover{color: #FFF; border-color: #fff;}
.ko_btn a:hover::before{opacity: 1;}


/* 교정인정항목 */
.ko_ar{border-top: 1px solid #FFF; border-bottom: 1px solid #E7E7E7;}
.ko_ar .top{height: 90px; display: flex; align-items: center; gap: 20px;}
.ko_ar .top span{display: inline-block; font-size: 20px; font-weight: 600;}
.ko_ar .top .kolas{width: 150px; padding: 10px; text-align: center; border-radius: 50px; border: 1px solid #FAFAFA;}
.ko_ar .top .line{width: 2px; height: 15px; background: #AAA;}
.ko_ar .sub_table_wrap{margin-top: 32px;}
.ko_ar .sub_table .col{width: 280px;}
.ko_ar .sub_table .col2{width: 240px;}
.ko_ar .sub_table th{padding: 20px;}
.ko_ar .sub_table th span{color: #222; font-weight: 500;}
.ko_ar .sub_table td + td{border-left: 1px solid #E3E3E3;}
.ko_ar .sub_table td:first-child{font-weight: 700; color: #333; text-align: right;}
.ko_ar .sub_table td.ta-l{text-align: left;}
.ko_ar .sub_table td .sm{color: #6D6D6D; font-size: 12px; display: inline-block; vertical-align: top; margin-left: 2px;}
.ko_ar .ko_btn{margin: 60px 0;}


/* 교정의뢰절차 */
.ko_pro .sec2 .list li dl dt.step{font-size: 20px; letter-spacing: -1px; margin-bottom: 20px;}






@media screen and (max-width:1640px){
    
    /* 공통 */
    .inner2 {max-width: 95.12vw;}
    .sub_visual {height: 35.37vw;}
    
    /* sub_vis_txt */
    .sub_vis_txt {top:15.73vw;}
    .sub_vis_txt h2 {font-size: 4.27vw;}
    .sub_vis_txt em {font-size: 1.59vw; margin-top:0.73vw; letter-spacing: -0.06vw;}
    
    /* sub_menu */
    .sub_menu {bottom: 2.13vw; height:1.95vw;}
    .sub_menu > ul > li > a {padding-left: 2.68vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    .sub_menu > ul > li:not(.home)::before {width: 0.24vw; height: 0.24vw; left: 1.22vw;}
    .sub_menu > ul > li.home {width: 1.95vw;}
    .sub_menu > ul > li.menu_btn {width: 14.63vw; background-size: .98vw;}
    .sub_menu_txt {bottom: calc(100% + 0.98vw); width: 12.20vw; border-radius: 0.61vw;}
    .sub_menu_txt li {height: 2.68vw;}
    .sub_menu_txt li a {padding: 0 0.98vw; font-size: 0.98vw;}
    
    /* sub_content */
    #sub_content {padding:6.10vw 0 0;}
    .sub_title {margin-bottom:5.73vw;}
    .sub_title h3 {font-size: 3.66vw;}
    
    /* prdList */
    .prdList {gap: 2.68vw 1.83vw;}
    .prdList .item {width: calc((100% - (1.83vw * 2)) / 3);}
    .prdList .item .thumb {height: 19.21vw;}
    .prdList .item .thumb .icon {top: 1.22vw; left: 1.22vw; font-size: 0.85vw; letter-spacing: -0.03vw; padding: 0 0.79vw; height: 1.52vw; border-radius: 0.30vw;}
    .prdList .item .description {margin-top: 1.22vw;}
    .prdList .item .name {font-size: 1.71vw; letter-spacing: -0.02vw;}
    .prdList .item .desc {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
	.search .prdList .item {width: calc((100% - (1.83vw * 3)) / 4);}
	.search .prdList .item .thumb{height: 20.11vw;}
	.search .result{font-size: 1.34vw; margin-bottom: 3.66vw;}
    
    /* paginate */
    .basic_paginate {margin-top: 4.88vw; gap: 1.71vw;}
    .basic_paginate a img {height: 0.91vw;}
    .basic_paginate ol {gap: 1.71vw;}
    .basic_paginate ol a {font-size: 1.10vw;}
    .basic_paginate ol a.this {text-underline-offset: 0.18vw;}
    
    
    /* product list */
    .product_list .side_menu {width: calc(100% - 67.68vw - 3.96vw);}
    .product_list .cate {padding: 3.05vw 0;}
    .product_list .cate .tit {font-size: 1.10vw; letter-spacing: -0.05vw;}
	.product_list .cate .refresh{font-size: 0.73vw; letter-spacing: -0.02vw; padding: 0.24vw 0.73vw;}
	.product_list .cate .refresh img{width: 0.61vw; margin-left: 0.24vw;}
    .product_list .cate ul {margin-top: 1.22vw;}
    .product_list .cate ul.on {max-height: 15.49vw; padding-right: 1.22vw;}
    .product_list .cate ul::-webkit-scrollbar {width: 0.18vw; border-radius: 0.61vw;}
    .product_list .cate ul::-webkit-scrollbar-track {border-radius: 0.61vw;}
    .product_list .cate ul li label {gap: 0.61vw;}
    .product_list .cate ul li + li {margin-top: 0.61vw;}
    .product_list .cate div {gap: 0.61vw;}
    .product_list .cate div span {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .product_list .cate div input.checkbox {width: 1.22vw; height: 1.22vw;}
    .product_list .cate .num {height: 1.40vw; font-size: 0.73vw; letter-spacing: -0.02vw; width: 2.5vw;}
    .product_list .cate .search {margin-bottom: 1.22vw; margin-top: 1.22vw;}
    .product_list .cate .search input {height: 3.05vw; padding: 0.91vw 2.74vw 0.91vw 0.98vw; font-size: 0.98vw;}
    .product_list .cate .search img {right: 0.98vw; width: 1.46vw;}
    .product_list .right {width: 67.68vw;}
    .product_list .filter {gap: 1.40vw; min-height: 1.89vw;}
    .product_list .filter .allClear {gap: 0.24vw; font-size: 0.85vw; letter-spacing: -0.02vw;}
    .product_list .filter .allClear img {width: 0.73vw;}
    .product_list .filter .line {height: 1.22vw;}
    .product_list .filter .filter_item {gap: 0.61vw;}
    .product_list .filter .filter_item span {gap: 0.61vw; font-size: 0.73vw; letter-spacing: -0.02vw; height: 1.89vw; padding: 0 0.91vw;}
    .product_list .filter .filter_item span img {width: 0.73vw;}
    .product_list .prdList {margin-top: 1.83vw;}


	/* product view */
	.product_view .thumb_wrap{gap: 5.49vw; padding: 6.10vw;}
	.product_view .thumb_img .tp_img{width: 39.63vw;}
	.product_view .thumb_img .tp_img .b_img_slider .slide{height: 35.67vw;}
	.product_view .thumb_img .tp_img .magnifier{width: 24.39vw; height: 24.39vw;}
	.product_view .thumb_img .bt_img{margin-top: 1.83vw; gap: 1.22vw;}
	.product_view .thumb_img .bt_img .arrow{width: 1.22vw;}
	.product_view .thumb_img .bt_img .s_img_slider{width: 21.34vw; margin: 0 -0.30vw;}
	.product_view .thumb_img .bt_img .s_img_slider .slide{height: 6.10vw; margin: 0 0.30vw;}
	.product_view .thumb_info{margin-top: 1.83vw;}
	.product_view .thumb_info .title span{font-size: 0.98vw; letter-spacing: -0.03vw; line-height: 1.52vw; padding: 0 0.79vw; border-radius: 0.30vw;}
	.product_view .thumb_info .title h4{margin: 0.91vw 0 0.30vw; font-size: 3.05vw;}
	.product_view .thumb_info .title strong{font-size: 1.83vw; letter-spacing: -0.05vw;}
	.product_view .thumb_info .title p{margin-top: 1.83vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
	.product_view .thumb_info .key{margin-top: 2.44vw;}
	.product_view .thumb_info .key strong{font-size: 1.46vw; letter-spacing: -0.05vw;}
	.product_view .thumb_info .key ul{margin-top: 0.91vw;}
    .product_view .thumb_info .key ul,
    .product_view .thumb_info .key ul *,
	.product_view .thumb_info .key ul li{font-size: 1.10vw; letter-spacing: -0.05vw; padding-left: 0.79vw;}
	.product_view .thumb_info .key ul li::before{top: 0.61vw;}
	.product_view .thumb_info .key ul li + li{margin-top: 0.43vw;}
	.product_view .thumb_info .apply_btn{margin-top: 2.74vw; width: 13.41vw; line-height: 3.66vw; font-size: 1.10vw;}
	.product_view .info_wrap{margin-top: 3.66vw;}
	.product_view .info_wrap .tabnav{top: 7.56vw;}
	.product_view .info_wrap .tabnav ul li a{width: 17.07vw; padding: 0.98vw 0.00vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.product_view .info_wrap .tabcont{padding: 4.27vw 6.10vw; margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab01 .content, .product_view .info_wrap .tabcont #tab01 .content *{font-size: 1.10vw; letter-spacing: -0.05vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul{margin-top: 2.44vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li{padding-left: 0.79vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li::before{top: 0.61vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li + li{margin-top: 0.91vw;}
	.product_view .info_wrap .tabcont #tab01 .content img{margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab01 .content .video{margin-top: 3.05vw;}
    .product_view .info_wrap .tabcont #tab02 .content, .product_view .info_wrap .tabcont #tab02 .content *{font-size: 1.10vw; letter-spacing: -0.05vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul{margin-top: 2.44vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li{padding-left: 0.79vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li::before{top: 0.61vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li + li{margin-top: 0.91vw;}
	.product_view .info_wrap .tabcont #tab02 .content img{margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab02 .content .video{margin-top: 3.05vw;}
    .product_view .info_wrap .tabcont #tab03 .content, .product_view .info_wrap .tabcont #tab03 .content *{font-size: 1.10vw; letter-spacing: -0.05vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul{margin-top: 2.44vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li{padding-left: 0.79vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li::before{top: 0.61vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li + li{margin-top: 0.91vw;}
	.product_view .info_wrap .tabcont #tab03 .content img{margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab03 .content .video{margin-top: 3.05vw;}
    /* .product_view .info_wrap .tabcont #tab03 * {font-size: 1.10vw;} */
	.product_view .info_wrap .tabcont h5{font-size: 1.34vw; margin-bottom: 1.52vw;}
	.sub_table{font-size: 1.10vw; letter-spacing: -0.02vw;}
	.sub_table td{padding: 0.98vw 1.83vw;}
	.p_spec .sub_table th{width: 25.61vw; padding: 0.98vw 3.05vw;}
	.s_spec .sub_table th{padding: 1.22vw; width: 14.63vw;}
	.s_spec .sub_table th:first-child{width: 12.20vw;}
	.product_view .info_wrap .tabcont #tab03 .prd_list{margin-top: 4.88vw;}
	.product_view .info_wrap .tabcont .prd_list{gap: 3.05vw 2.44vw;}
	.product_view .info_wrap .tabcont .prd_list li{width: calc((100% - (2.44vw * 3)) / 4);}
	.product_view .info_wrap .tabcont .prd_list li a .img{height: 17.56vw;}
	.product_view .info_wrap .tabcont .prd_list li a .img .cate{font-size: 0.85vw; letter-spacing: -0.03vw; padding: 0 0.79vw; line-height: 1.40vw; border-radius: 0.30vw; left: 0.61vw; top: 0.61vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt{margin-top: 1.22vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt dt{font-size: 1.71vw; letter-spacing: -0.02vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt dd{margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
	.product_view .info_wrap .tabcont .download{gap: 1.52vw;}
	.product_view .info_wrap .tabcont .download .item{width: calc((100% - (1.52vw * 3)) / 4); padding: 1.83vw 1.52vw;}
	.product_view .info_wrap .tabcont .download .item .txt{margin-bottom: 1.14vw; letter-spacing: -0.05vw;}
	.product_view .info_wrap .tabcont .download .item .txt .type{font-size: 0.73vw;}
	.product_view .info_wrap .tabcont .download .item .txt .tit{margin-top: 0.81vw; font-size: 1.22vw;}
	.product_view .info_wrap .tabcont .download .item .down_btn{padding: 0.73vw 0; font-size: 0.85vw;}
	.product_view .select {font-size: 0.85vw;}
	.product_view .select .selected {padding: 0.73vw 0.98vw;}
	.product_view .select .selected .arrow {width: 0.73vw;}
	.product_view .select .option_wrap ul {max-height: 8.23vw;}
	.product_view .select .option_wrap ul li {line-height: 2.74vw; padding: 0 0.98vw;}


	/* About us */
	.tabmenu a{font-size: 1.22vw; letter-spacing: -0.04vw; line-height: 3.66vw;}
	.tabmenu .category{margin-bottom: 3.66vw;}
	.tabmenu .category li a{font-size: 1.10vw; letter-spacing: -0.05vw;}
	.about .tabcont{margin-top: 4.88vw;}
	.about #tab01 .title h4{font-size: 3.05vw; letter-spacing: -0.12vw;}
	.about #tab01 .title p{font-size: 1.22vw; margin-top: 3.17vw;}
	.about #tab01 .img{margin: 4.88vw 0;}
	.about #tab01 .txt_list li + li{margin-top: 6.10vw; padding-top: 6.10vw;}
	.about #tab01 .txt_list li .tit{font-size: 2.13vw; letter-spacing: -0.03vw;}
	.about #tab01 .txt_list li .txt{gap: 1.83vw;}
	.about #tab01 .txt_list li .txt dt{font-size: 1.46vw; letter-spacing: -0.06vw;}
	.about #tab01 .txt_list li .txt dd{font-size: 1.22vw;}
	.about #tab02 .list{gap: 6.10vw 3.66vw;}
	.about #tab02 .list li{width: calc(50% - (3.66vw / 2)); gap: 2.44vw;}
	.about #tab02 .list li .icon{width: 3.05vw;}
	.about #tab02 .list li strong{font-size: 2.13vw; letter-spacing: -0.03vw;}
	.about #tab02 .list li p{font-size: 1.22vw;}
	.about #tab03 .circle .item{width: 24.39vw; height: 24.39vw; gap: 0.61vw;}
	.about #tab03 .circle .item + .item{margin-left: -1.83vw;}
	.about #tab03 .circle .item .icon{width: 4.27vw;}
	.about #tab03 .circle .item strong{font-size: 2.13vw; letter-spacing: -0.02vw;}
	.about #tab03 .circle .item p{font-size: 1.22vw; letter-spacing: -0.02vw;}
	.about #tab03 .txt{margin-top: 3.66vw; font-size: 1.95vw; letter-spacing: -0.03vw;}
	.about #tab04 .item{gap: 1.83vw;}
	.about #tab04 .item + .item{margin-top: 6.10vw; padding-top: 6.10vw;}
	.about #tab04 .item h4{font-size: 1.95vw; letter-spacing: -0.05vw;}
	.about #tab04 .item .info{gap: 0.79vw;}
	.about #tab04 .item .info li{width: calc((100% - (0.79vw * 3)) / 4); padding: 1.34vw 1.65vw; gap: 1.22vw;}
	.about #tab04 .item .info li .icon{width: 4.88vw;}
	.about #tab04 .item .info li strong{font-size: 1.46vw; letter-spacing: -0.03vw;}
	.about #tab04 .item .info li p{font-size: 1.22vw; letter-spacing: -0.05vw;}
	.about #tab04 .item .map{height: 33.54vw;}

	/* MARKET */
	.sub_cont + .sub_cont{margin-top: 6.10vw;}
	.sub_cont.tp_line{padding-top: 6.10vw;}
	.m_tit_wrap{margin-bottom: 3.66vw; height: 2.44vw;}
	.m_tit{font-size: 2.44vw; letter-spacing: -0.12vw;}
	.market .sec1 .txt{margin-top: 3.05vw; gap: 2.44vw;}
	.market .sec1 .txt p{font-size: 1.22vw;}
	.market .sec1 .txt strong{font-size: 1.46vw;}
	.market .sec2 .list{gap: 2.44vw;}
	.market .sec2 .list li{padding: 2.44vw 3.66vw; width: calc(50% - (2.44vw / 2)); min-height: 14.63vw;}
	.market .sec2 .list li dl dt{font-size: 1.71vw; letter-spacing: -0.06vw;}
	.market .sec2 .list li dl dd{margin-top: 1.22vw; font-size: 1.22vw;}
	.market .sec2 .list li .icon{width: 8.54vw;}
	.market .arrow{gap: 1.22vw;}
	.market .arrow div{width: 4.27vw; height: 4.27vw;}
	.market .arrow div img{width: 1.28vw;}
	.market .sec3 .swiper{margin: 0 -0.85vw;}
	.market .sec3 .swiper .swiper-slide{padding: 0 0.85vw;}
	.market .sec3 .swiper .swiper-slide a .thumb{height: 17.99vw;}
	.market .sec3 .swiper .swiper-slide a .thumb .icon{top: 1.10vw; left: 1.10vw; font-size: 0.79vw; letter-spacing: -0.03vw; padding: 0 0.73vw; height: 1.40vw; border-radius: 0.30vw;}
	.market .sec3 .swiper .swiper-slide a .description{margin-top: 1.10vw;}
	.market .sec3 .swiper .swiper-slide a .description .name{font-size: 1.59vw; letter-spacing: -0.02vw;}
	.market .sec3 .swiper .swiper-slide a .description .desc{margin-top: 0.91vw; font-size: 1.04vw; letter-spacing: -0.05vw;}
	.market .sec4 .m_tit{gap: 2.44vw;}
	.market .sec4 .viewBtn {gap: 0.49vw; font-size: 0.85vw; letter-spacing: -0.04vw; width: 7.32vw; height: 2.44vw;}
	.market .sec4 .viewBtn img {width: 1.22vw;}
	.market .sec4 .slide_wrap .slider{gap: 1.22vw;}
	.market .sec4 .slide_wrap .slide{width: 20.43vw; height: 33.35vw;}
	.market .sec4 .slide_wrap .slide .txt dt{font-size: 2.44vw; letter-spacing: -0.02vw;}
	.market .sec4 .slide_wrap .slide .txt dd{margin-top: 3.05vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
	.market .sec4 .slide_wrap .slide.on{width: 60.98vw;}

	/* SI Business */
	.dep3_tab{margin-bottom: 3.66vw;}
	.dep3_tab ul li{width: calc(100% / 9);}
	.dep3_tab ul li a{font-size: 1.10vw; letter-spacing: -0.06vw; line-height: 3.78vw;}
	.business .busi_txt{margin-bottom: 3.66vw; gap: 1.83vw;} 
	.business .busi_txt .title{font-size: 2.44vw;}
	.business .busi_txt p{font-size: 1.22vw;}
	.business .sec1 .list > li{border-radius: 0.61vw; padding: 3.05vw;}
	.business .sec1 .list.smsol > li::before{width: 61.22vw; right: 6.71vw;}
	.business .sec1 .list > li + li{margin-top: 1.22vw;}
	.business .sec1 .list > li .title dl dt{font-size: 1.83vw; letter-spacing: -0.03vw;}
	.business .sec1 .list > li .title dl dd{margin-top: 0.30vw; font-size: 1.22vw; letter-spacing: -0.03vw;}
	.business .sec1 .list > li .title .button{width: 3.66vw; height: 3.66vw;}
	.business .sec1 .list > li .title .button::before{width: 1.59vw; height: 1.59vw; background-size: 1.59vw;}
	.business .sec1 .list > li .cont{margin-top: 3.05vw;}
	.business .sec1 .list > li .cont .item{gap: 1.83vw;}
	.business .sec1 .list > li .cont .item + .item{margin-top: 3.66vw; padding-top: 3.66vw;}
	.business .sec1 .list > li .txt_list li{font-size: 1.22vw; letter-spacing: -0.06vw; padding-left: 0.91vw;}
	.business .sec1 .list > li .txt_list li::before{top: 0.73vw;}
	.business .sec1 .list > li .cont .tit{font-size: 1.46vw; letter-spacing: -0.02vw;}
	.business .sec1 .list > li .cont .sub_table th{padding: 0.98vw 3.05vw; width: 21.95vw;}
	.business .sec1 .list > li .cont .sub_table td ul li{font-size: 1.10vw; letter-spacing: -0.02vw; padding-left: 0.61vw;}
	.business .sec1 .list > li .cont .sub_table td ul li::before{top: 0.61vw;}
	.business .sec1 .list > li .cont .sub_table.type2 td{width: 14.33vw;}
	.business .sec1 .list > li .cont .sub_table.type3 td{width: 19.11vw;}
	.business .sec2 .cont .item{gap: 6.10vw;}
	.business .sec2 .cont .item + .item{margin-top: 6.10vw;}
	.business .sec2 .cont .item .img{width: 45.46vw;}
	.business .sec2 .cont .item .img_swiper .control{gap: 1.22vw; padding: 0.73vw 1.46vw; width: 12.50vw;}
	.business .sec2 .cont .item .img_swiper .control .arrow{width: 1.22vw;}
	.business .sec2 .cont .item .img_swiper .control .pagination span{font-size: 1.10vw; margin: 0 0.30vw;}
	.business .sec2 .cont .item .txt{width: calc(100% - 6.10vw - 45.46vw);}
	.business .sec2 .cont .item .txt strong{font-size: 2.13vw; letter-spacing: -0.03vw;}
	.business .sec2 .cont .item .txt ul{margin-top: 1.65vw;}
	.business .sec2 .cont .item .txt ul li{font-size: 1.22vw; letter-spacing: -0.06vw; padding-left: 0.61vw;}
	.business .sec2 .cont .item .txt ul li::before{top: 0.73vw;}
	.business .sec3 .list{gap: 2.13vw 1.52vw;}
	.business .sec3 .list li{width: calc((100% - (1.52vw * 4)) / 5);}
	.business .sec3 .list li p{margin-top: 1.11vw; font-size: 1.22vw; letter-spacing: -0.03vw;}
	.business .sec4 .tabcont{margin-top: 3.66vw;}
	.business .sec4 .tabcont > div{gap: 3.05vw;}
	.business .sec4 .tabcont > div > .img{width: 39.63vw;}
	.business .sec4 .tabcont > div .txt{width: calc(100% - 3.05vw - 39.63vw);}
	.business .sec4 .tabcont > div .txt dl dt{font-size: 1.95vw; letter-spacing: -0.03vw;}
	.business .sec4 .tabcont > div .txt dl dd{margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.business .sec4 .tabcont > div .txt .ref{margin-top: 3.05vw; gap: 0.91vw;}
	.business .sec4 .tabcont > div .txt .ref strong{font-size: 1.46vw; letter-spacing: -0.03vw;}
	.business .sec4 .tabcont > div .txt .ref ul li{font-size: 1.04vw; letter-spacing: -0.05vw; padding-left: 0.61vw;}
	.business .sec4 .tabcont > div .txt .ref ul li + li{margin-top: 0.30vw;}
	.business .sec4 .tabcont > div .txt .ref ul li::before{top: 0.61vw;}
	.business .busi_txt .logo{gap: 1.22vw;}
	.business .busi_txt .logo img{width: 15.24vw;}
	.business .sec1 .list > li .cont .service_img{padding: 3.05vw 0;}
	.business .sec1 .list > li .cont .service_img img{width: 66.77vw;}
	.business .sec1 .list > li .cont .w_box{padding: 2.56vw 2.74vw;}
	.business.city .busi_txt.txt1{margin-bottom: 1.83vw;}
	.business.city .busi_txt .tit{font-size: 1.83vw; letter-spacing: -0.02vw;}
	.business.city .sec1 .list > li.over{height: 66.35vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger{width: 15.01vw; height: 10.86vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item1{left: 21.77vw; bottom: 29.99vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item2{left: 39.43vw; bottom: 29.99vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item3{left:  21.77vw; bottom: 12.74vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item4{left: 39.43vw; bottom: 12.74vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item5{left: 58.20vw; bottom: 22.3vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item6{right: 3.59vw; bottom: 22.3vw;}
	.business.sew .sec1 .list > li.over{height: 35.39vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger{width: 16.36vw; height: 10.02vw; bottom: 2.72vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger.item1{left: 28.27vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger.item2{left: 45.43vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger.item3{left: 62.5vw;}


	/* SM Project */
	.project .sec1 .title .tit{font-size: 3.05vw;}
	.project .sec1 .title p{margin-top: 1.83vw; font-size: 1.22vw;}
	.project .sec1 .list{margin-top: 3.66vw; gap: 1.83vw;}
	.project .sec1 .list li{width: calc(50% - (1.83vw / 2));}
	.project .sec1 .list li .tit{height: 4.88vw; padding: 0 1.83vw;}
	.project .sec1 .list li .tit b{font-size: 1.83vw; letter-spacing: -0.03vw;}
	.project .sec1 .list li .cont{padding: 1.83vw;}
	.project .sec2{margin-top: 13.41vw;}
	.project .sec2::before{width: 67.50vw; height: 9.09vw; top: -6.59vw;}
	.project .sec2 .swiper-slide{width: 27.26vw; margin: 0 0.91vw;}


	/* 사업 수행 실적 */
	.record > div{gap: 3.66vw;}
	.record .sec1 .desc{font-size: 1.22vw;}
	.record .sec1 .list{gap: 1.52vw;}
	.record .sec1 .list li{width: calc(100% - (1.52vw * 2) / 3); padding: 2.44vw 0;}
	.record .sec1 .list li span{font-size: 1.22vw; letter-spacing: -0.03vw;}
	.record .sec1 .list li img{width: 6.10vw; margin: 1.95vw 0 0.98vw;}
	.record .sec1 .list li .number{letter-spacing: -0.03vw;}
	.record .sec1 .list li .number strong{font-size: 4.27vw;}
	.record .sec1 .list li .number span{font-size: 1.46vw;}
	.record .sec1 .list li p{margin-top: 0.61vw; font-size: 1.34vw; letter-spacing: -0.03vw;}
	.record .sec1 .box{font-size: 1.95vw; letter-spacing: -0.04vw;  line-height: 6.10vw;}
	.record .sec2 .title{font-size: 2.44vw; letter-spacing: -0.12vw;}
	.record .sec2 .txt{padding: 0 3.05vw;}
	.record .sec2 .txt .item + .item{margin-top: 6.10vw;}
	.record .sec2 .txt .item .year{min-width: 30.49vw; font-size: 3.05vw;}
	.record .sec2 .txt .item ul{width: calc(100% - 30.49vw);}
	.record .sec2 .txt .item ul li{font-size: 1.34vw; letter-spacing: -0.06vw; padding-left: 0.73vw;}
	.record .sec2 .txt .item ul li::before{top: 1.04vw;}


	/* 주요 고객사 */
	.client .title{font-size: 2.44vw;}
	.client .tabcont{margin-top: 3.66vw;}
	.client .sec1 .logo{gap: 1.22vw; margin-top: 1.83vw;}
	.client .sec1 .logo li{width: calc((100% - (1.22vw * 5)) / 6);}
	.client .contact .txt p{margin-top: 2.20vw; font-size: 1.46vw; letter-spacing: -0.06vw;}
	.client .contact .txt ul{margin-top: 7.93vw; gap: 1.83vw 3.66vw;}
	.client .contact .txt ul li{gap: 1.83vw;}
	.client .contact .txt ul li .icon{width: 3.66vw;}
	.client .contact .txt ul li dl{font-size: 1.22vw;}
	.client .contact .txt ul li dl dd{margin-top: 0.61vw;}
	.client .btn_wrap{margin-top: 4.88vw;}
	.client .btn_wrap a{font-size: 1.10vw; width: 18.29vw; line-height: 3.66vw;}


	/* CI */
	.mt20{margin-top: 1.22vw;}
	.mt30{margin-top: 1.83vw;}
	.mt50{margin-top: 3.05vw;}
	.ci .section{padding: 7.93vw 0;}
	.ci .txt .title{font-size: 3.05vw; letter-spacing: -0.12vw;}
	.ci .txt .tit{font-size: 2.13vw; letter-spacing: -0.03vw;}
	.ci .txt strong{font-size: 1.46vw; letter-spacing: -0.06vw;}
	.ci .txt p{font-size: 1.22vw;}
	.ci .sec1 .txt.ta-c{margin-bottom: 4.57vw;}
	.ci .sec2 .swiper{width: 102.44vw;}
	.ci .sec2 .swiper-slide{width: 29.45vw; margin-right: 1.83vw;}
	.ci .list{gap: 1.83vw;}
	.ci .list li{width: calc(50% - (1.83vw / 2));}
	.ci .sec4 .list li{padding: 9.76vw 2.44vw 2.44vw; gap: 0.61vw;}
	.ci .sec4 .list li strong{font-size: 1.40vw;}
	.ci .sec4 .list li p{opacity: 0.6; font-size: 1.10vw;  gap: 0.61vw;}
	.ci .btn_wrap{margin-top: 4.88vw; gap: 1.83vw;}
	.ci .btn_wrap a{font-size: 1.10vw; width: 15.24vw; line-height: 3.66vw;}


	/* KOLAS 소개 */
	.ko_int{gap: 4.88vw;}
	.ko_int p{font-size: 1.22vw;}
	.ko_int .txt p + p{margin-top: 1.83vw;}
	.ko_int .list{gap: 0.91vw;}
	.ko_int .list li{width: calc((100% - (0.91vw * 2)) / 3);}
	.ko_int .box{padding: 3.05vw 0;}
	.ko_btn a{font-size: 1.10vw; width: 18.29vw; line-height: 3.66vw;}


	/* 교정인정항목 */
	.ko_ar .top{height: 5.49vw; gap: 1.22vw;}
	.ko_ar .top span{font-size: 1.22vw;}
	.ko_ar .top .kolas{width: 9.15vw; padding: 0.61vw;}
	.ko_ar .top .line{width: 0.12vw; height: 0.91vw;}
	.ko_ar .sub_table_wrap{margin-top: 1.95vw;}
	.ko_ar .sub_table .col{width: 17.07vw;}
	.ko_ar .sub_table .col2{width: 14.63vw;}
	.ko_ar .sub_table th{padding: 1.22vw;}
	.ko_ar .sub_table td .sm{font-size: 0.73vw;}
	.ko_ar .ko_btn{margin: 3.66vw 0;}


	/* 교정의뢰절차 */
	.ko_pro .sec2 .list li dl dt.step{font-size: 1.22vw; letter-spacing: -0.06vw; margin-bottom: 1.22vw;}
	.ko_pro .ko_btn a{width: 21.9vw;}

}



@media screen and (max-width:1280px){
    
    /* 공통 */
    .inner2 {max-width: 93.75vw;}
    .sub_visual {height: 30.08vw;}
    
    /* sub_vis_txt */
    .sub_vis_txt {top:15.70vw;}
    .sub_vis_txt h2 {font-size: 3.52vw;}
    .sub_vis_txt em {font-size: 1.41vw; margin-top: 0.78vw; letter-spacing: -0.05vw;}
    
    /* sub_menu */
    .sub_menu {bottom: 2.11vw; height:1.95vw;}
    .sub_menu > ul > li > a {padding-left: 2.66vw; font-size: 0.94vw; letter-spacing: -0.03vw;}
    .sub_menu > ul > li:not(.home)::before {width: 0.23vw; height: 0.23vw; left: 1.25vw;}
    .sub_menu > ul > li.home {width: 1.56vw;}
    .sub_menu > ul > li.menu_btn {width: 14.61vw; background-size: 1.02vw;}
    .sub_menu_txt {bottom: calc(100% + 1.02vw); width: 12.19vw; border-radius: 0.63vw;}
    .sub_menu_txt li {height: 2.66vw;}
    .sub_menu_txt li a {padding: 0 1.02vw; font-size: 1.02vw;}
    
    /* sub_content */
    #sub_content {padding: 5.47vw 0 0;}
    .sub_title {margin-bottom: 4.69vw;}
    .sub_title h3 {font-size: 3.13vw;}
    
    /* prdList */
    .prdList {gap: 2.66vw 1.80vw;}
    .prdList .item {width: calc((100% - (1.80vw * 2)) / 3);}
    .prdList .item .thumb {height: 19.22vw;}
    .prdList .item .thumb .icon {top: 1.17vw; left: 1.17vw; font-size: 0.94vw; letter-spacing: -0.03vw; padding: 0 1.02vw; height: 1.72vw; border-radius: 0.26vw;}
    .prdList .item .description {margin-top: 1.56vw;}
    .prdList .item .name {font-size: 1.41vw; letter-spacing: -0.02vw;}
    .prdList .item .desc {margin-top: 0.78vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
	.search .prdList .item {width: calc((100% - (1.80vw * 3)) / 4);}
	.search .prdList .item .thumb{height: 20.08vw;}
	.search .result{font-size: 1.33vw; margin-bottom: 3.67vw;}
    
    /* paginate */
    .basic_paginate {margin-top: 4.69vw; gap: 1.56vw;}
    .basic_paginate a img {height: 0.78vw;}
    .basic_paginate ol {gap: 1.56vw;}
    .basic_paginate ol a {font-size: 0.94vw;}
    .basic_paginate ol a.this {text-underline-offset: 0.16vw;}
    
    
    /* product list */
    .product_list .side_menu {width: calc(100% - 67.66vw - 3.98vw);}
    .product_list .cate {padding: 2.73vw 0;}
    .product_list .cate .tit {font-size: 1.25vw; letter-spacing: -0.04vw;}
	.product_list .cate .refresh{font-size: 0.70vw; letter-spacing: -0.00vw; padding: 0.23vw 0.70vw;}
	.product_list .cate .refresh img{width: 0.63vw; margin-left: 0.23vw;}
    .product_list .cate ul {margin-top: 1.17vw;}
    .product_list .cate ul.on {max-height: 15.47vw; padding-right: 1.25vw;}
    .product_list .cate ul::-webkit-scrollbar {width: 0.16vw; border-radius: 0.63vw;}
    .product_list .cate ul::-webkit-scrollbar-track {border-radius: 0.63vw;}
    .product_list .cate ul li label {gap: 0.63vw;}
    .product_list .cate ul li + li {margin-top: 0.63vw;}
    .product_list .cate div {gap: 0.23vw;}
    .product_list .cate div span {font-size: 1.09vw; letter-spacing: -0.02vw;}
    .product_list .cate div input.checkbox {width: 1.04vw; height: 1.04vw;}
    .product_list .cate .num {height: 1.95vw; font-size: 0.94vw; letter-spacing: -0.02vw; width: 2.5vw;}
    .product_list .cate .search {margin-bottom: 1.17vw; margin-top: 1.17vw;}
    .product_list .cate .search input {height: 2.73vw; padding: 0 2.73vw 0 0.94vw; font-size: 0.94vw;}
    .product_list .cate .search img {right: 1.02vw; width: 1.25vw;}
    .product_list .right {width: 67.66vw;}
    .product_list .filter {gap: 1.41vw; min-height: 1.88vw;}
    .product_list .filter .allClear {gap: 0.23vw; font-size: 1.09vw; letter-spacing: -0.02vw;}
    .product_list .filter .allClear img {width: 0.78vw;}
    .product_list .filter .line {height: 1.17vw;}
    .product_list .filter .filter_item {gap: 0.63vw;}
    .product_list .filter .filter_item span {gap: 0.63vw; font-size: 0.94vw; letter-spacing: -0.02vw; height: 2.11vw; padding: 0 0.78vw;}
    .product_list .filter .filter_item span img {width: 0.78vw;}
    .product_list .prdList {margin-top: 1.80vw;}


	/* product view */
	.product_view .thumb_wrap{gap: 5.47vw; padding: 6.09vw;}
	.product_view .thumb_img .tp_img{width: 39.61vw;}
	.product_view .thumb_img .tp_img .b_img_slider .slide{height: 35.70vw;}
	.product_view .thumb_img .tp_img .magnifier{width: 24.38vw; height: 24.38vw;}
	.product_view .thumb_img .bt_img{margin-top: 1.80vw; gap: 1.25vw;}
	.product_view .thumb_img .bt_img .arrow{width: 1.25vw;}
	.product_view .thumb_img .bt_img .s_img_slider{width: 21.33vw; margin: 0 -0.31vw;}
	.product_view .thumb_img .bt_img .s_img_slider .slide{height: 6.09vw; margin: 0 0.31vw;}
	.product_view .thumb_info{margin-top: 1.80vw;}
	.product_view .thumb_info .title span{font-size: 1.02vw; letter-spacing: -0.00vw; line-height: 1.48vw; padding: 0 0.78vw; border-radius: 0.31vw;}
	.product_view .thumb_info .title h4{margin: 0.94vw 0 0.31vw; font-size: 3.05vw;}
	.product_view .thumb_info .title strong{font-size: 1.80vw; letter-spacing: -0.08vw;}
	.product_view .thumb_info .title p{margin-top: 1.80vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
	.product_view .thumb_info .key{margin-top: 2.42vw;}
	.product_view .thumb_info .key strong{font-size: 1.48vw; letter-spacing: -0.08vw;}
	.product_view .thumb_info .key ul{margin-top: 0.94vw;}
    .product_view .thumb_info .key ul,
    .product_view .thumb_info .key ul *,
	.product_view .thumb_info .key ul li{font-size: 1.09vw; letter-spacing: -0.08vw; padding-left: 0.78vw;}
	.product_view .thumb_info .key ul li::before{top: 0.53vw; width: 4px; height: 4px;}
	.product_view .thumb_info .key ul li + li{margin-top: 0.47vw;}
	.product_view .thumb_info .apply_btn{margin-top: 2.73vw; width: 13.44vw; line-height: 3.67vw; font-size: 1.09vw;}
	.product_view .info_wrap{margin-top: 3.67vw;}
	.product_view .info_wrap .tabnav{top: 7.58vw;}
	.product_view .info_wrap .tabnav ul li a{width: 17.03vw; padding: 1.02vw 0.00vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.product_view .info_wrap .tabcont{padding: 4.30vw 6.09vw; margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab01 .content, .product_view .info_wrap .tabcont #tab01 .content *{font-size: 1.09vw; letter-spacing: -0.08vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul{margin-top: 2.42vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li{padding-left: 0.78vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li::before{top: 0.53vw; width: 4px; height: 4px;}
	.product_view .info_wrap .tabcont #tab01 .content ul li + li{margin-top: 0.94vw;}
	.product_view .info_wrap .tabcont #tab01 .content img{margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab01 .content .video{margin-top: 3.05vw;}
    .product_view .info_wrap .tabcont #tab02 .content, .product_view .info_wrap .tabcont #tab02 .content *{font-size: 1.09vw; letter-spacing: -0.08vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul{margin-top: 2.42vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li{padding-left: 0.78vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li::before{top: 0.53vw; width: 4px; height: 4px;}
	.product_view .info_wrap .tabcont #tab02 .content ul li + li{margin-top: 0.94vw;}
	.product_view .info_wrap .tabcont #tab02 .content img{margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab02 .content .video{margin-top: 3.05vw;}
    .product_view .info_wrap .tabcont #tab03 .content, .product_view .info_wrap .tabcont #tab03 .content *{font-size: 1.09vw; letter-spacing: -0.08vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul{margin-top: 2.42vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li{padding-left: 0.78vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li::before{top: 0.53vw; width: 4px; height: 4px;}
	.product_view .info_wrap .tabcont #tab03 .content ul li + li{margin-top: 0.94vw;}
	.product_view .info_wrap .tabcont #tab03 .content img{margin-top: 3.05vw;}
	.product_view .info_wrap .tabcont #tab03 .content .video{margin-top: 3.05vw;}
    /* .product_view .info_wrap .tabcont #tab03 * {font-size: 1.09vw;} */
	.product_view .info_wrap .tabcont h5{font-size: 1.33vw; margin-bottom: 1.48vw;}
	.sub_table{font-size: 1.09vw; letter-spacing: -0.00vw;}
	.sub_table td{padding: 1.02vw 1.80vw;}
	.p_spec .sub_table th{width: 25.63vw; padding: 1.02vw 3.05vw;}
	.s_spec .sub_table th{padding: 1.25vw; width: 14.61vw;}
	.s_spec .sub_table th:first-child{width: 12.19vw;}
	.product_view .info_wrap .tabcont #tab03 .prd_list{margin-top: 4.84vw;}
	.product_view .info_wrap .tabcont .prd_list{gap: 3.05vw 2.42vw;}
	.product_view .info_wrap .tabcont .prd_list li{width: calc((100% - (2.42vw * 3)) / 4);}
	.product_view .info_wrap .tabcont .prd_list li a .img{height: 17.58vw;}
	.product_view .info_wrap .tabcont .prd_list li a .img .cate{font-size: 0.86vw; letter-spacing: -0.00vw; padding: 0 0.78vw; line-height: 1.41vw; border-radius: 0.31vw; left: 0.63vw; top: 0.63vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt{margin-top: 1.25vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt dt{font-size: 1.72vw; letter-spacing: -0.00vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt dd{margin-top: 0.94vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
	.product_view .info_wrap .tabcont .download{gap: 1.48vw;}
	.product_view .info_wrap .tabcont .download .item{width: calc((100% - (1.48vw * 3)) / 4); padding: 1.80vw 1.48vw;}
	.product_view .info_wrap .tabcont .download .item .txt{margin-bottom: 1.02vw; letter-spacing: -0.08vw;}
	.product_view .info_wrap .tabcont .download .item .txt .type{font-size: 0.90vw;}
	.product_view .info_wrap .tabcont .download .item .txt .tit{margin-top: 0.62vw; font-size: 1.25vw;}
	.product_view .info_wrap .tabcont .download .item .down_btn{padding: 0.70vw 0; font-size: 0.96vw;}
	.product_view .select {font-size: 0.96vw;}
	.product_view .select .selected {padding: 0.70vw 1.02vw;}
	.product_view .select .selected .arrow {width: 0.70vw;}
	.product_view .select .option_wrap ul {max-height: 8.20vw;}
	.product_view .select .option_wrap ul li {line-height: 2.73vw; padding: 0 1.02vw;}


	/* About us */
	.tabmenu a{font-size: 1.25vw; letter-spacing: -0.08vw; line-height: 3.67vw;}
	.tabmenu .category{margin-bottom: 3.67vw;}
	.tabmenu .category li a{font-size: 1.09vw; letter-spacing: -0.08vw;}
	.about .tabcont{margin-top: 4.84vw;}
	.about #tab01 .title h4{font-size: 3.05vw; letter-spacing: -0.16vw;}
	.about #tab01 .title p{font-size: 1.25vw; margin-top: 3.20vw;}
	.about #tab01 .img{margin: 4.84vw 0;}
	.about #tab01 .txt_list li + li{margin-top: 6.09vw; padding-top: 6.09vw;}
	.about #tab01 .txt_list li .tit{font-size: 2.11vw; letter-spacing: -0.00vw;}
	.about #tab01 .txt_list li .txt{gap: 1.80vw;}
	.about #tab01 .txt_list li .txt dt{font-size: 1.48vw; letter-spacing: -0.08vw;}
	.about #tab01 .txt_list li .txt dd{font-size: 1.25vw;}
	.about #tab02 .list{gap: 6.09vw 3.67vw;}
	.about #tab02 .list li{width: calc(50% - (3.67vw / 2)); gap: 2.42vw;}
	.about #tab02 .list li .icon{width: 3.05vw;}
	.about #tab02 .list li strong{font-size: 2.11vw; letter-spacing: -0.00vw;}
	.about #tab02 .list li p{font-size: 1.25vw;}
	.about #tab03 .circle .item{width: 24.38vw; height: 24.38vw; gap: 0.63vw;}
	.about #tab03 .circle .item + .item{margin-left: -1.80vw;}
	.about #tab03 .circle .item .icon{width: 4.30vw;}
	.about #tab03 .circle .item strong{font-size: 2.11vw; letter-spacing: -0.00vw;}
	.about #tab03 .circle .item p{font-size: 1.25vw; letter-spacing: -0.00vw;}
	.about #tab03 .txt{margin-top: 3.67vw; font-size: 1.95vw; letter-spacing: -0.00vw;}
	.about #tab04 .item{gap: 1.80vw;}
	.about #tab04 .item + .item{margin-top: 6.09vw; padding-top: 6.09vw;}
	.about #tab04 .item h4{font-size: 1.95vw; letter-spacing: -0.08vw;}
	.about #tab04 .item .info{gap: 0.78vw;}
	.about #tab04 .item .info li{width: calc((100% - (0.78vw * 3)) / 4); padding: 1.33vw 1.64vw; gap: 1.25vw;}
	.about #tab04 .item .info li .icon{width: 4.84vw;}
	.about #tab04 .item .info li strong{font-size: 1.48vw; letter-spacing: -0.00vw;}
	.about #tab04 .item .info li p{font-size: 1.25vw; letter-spacing: -0.08vw;}
	.about #tab04 .item .map{height: 33.52vw;}

	/* MARKET */
	.sub_cont + .sub_cont{margin-top: 6.09vw;}
	.sub_cont.tp_line{padding-top: 6.09vw;}
	.m_tit_wrap{margin-bottom: 3.67vw; height: 2.42vw;}
	.m_tit{font-size: 2.42vw; letter-spacing: -0.16vw;}
	.market .sec1 .txt{margin-top: 3.05vw; gap: 2.42vw;}
	.market .sec1 .txt p{font-size: 1.25vw;}
	.market .sec1 .txt strong{font-size: 1.48vw;}
	.market .sec2 .list{gap: 2.42vw;}
	.market .sec2 .list li{padding: 2.42vw 3.67vw; width: calc(50% - (2.42vw / 2)); min-height: 14.61vw;}
	.market .sec2 .list li dl dt{font-size: 1.72vw; letter-spacing: -0.08vw;}
	.market .sec2 .list li dl dd{margin-top: 1.25vw; font-size: 1.25vw;}
	.market .sec2 .list li .icon{width: 8.52vw;}
	.market .arrow{gap: 1.25vw;}
	.market .arrow div{width: 4.30vw; height: 4.30vw;}
	.market .arrow div img{width: 1.25vw;}
	.market .sec3 .swiper{margin: 0 -0.86vw;}
	.market .sec3 .swiper .swiper-slide{padding: 0 0.86vw;}
	.market .sec3 .swiper .swiper-slide a .thumb{height: 17.97vw;}
	.market .sec3 .swiper .swiper-slide a .thumb .icon{top: 1.09vw; left: 1.09vw; font-size: 0.78vw; letter-spacing: -0.00vw; padding: 0 0.70vw; height: 1.41vw; border-radius: 0.31vw;}
	.market .sec3 .swiper .swiper-slide a .description{margin-top: 1.09vw;}
	.market .sec3 .swiper .swiper-slide a .description .name{font-size: 1.56vw; letter-spacing: -0.00vw;}
	.market .sec3 .swiper .swiper-slide a .description .desc{margin-top: 0.94vw; font-size: 1.22vw; letter-spacing: -0.08vw;}
	.market .sec4 .m_tit{gap: 2.42vw;}
	.market .sec4 .viewBtn {gap: 0.47vw; font-size: 0.86vw; letter-spacing: -0.08vw; width: 7.34vw; height: 2.42vw;}
	.market .sec4 .viewBtn img {width: 1.25vw;}
	.market .sec4 .slide_wrap .slider{gap: 1.25vw;}
	.market .sec4 .slide_wrap .slide{width: 20.47vw; height: 33.36vw;}
	.market .sec4 .slide_wrap .slide .txt dt{font-size: 2.42vw; letter-spacing: -0.00vw;}
	.market .sec4 .slide_wrap .slide .txt dd{margin-top: 3.05vw; font-size: 1.19vw; letter-spacing: -0.08vw;}
	.market .sec4 .slide_wrap .slide.on{width: 61.02vw;}

	/* SI Business */
	.dep3_tab{margin-bottom: 3.67vw;}
	.dep3_tab ul li a{font-size: 1.09vw; letter-spacing: -0.08vw; line-height: 3.75vw;}
	.business .busi_txt{margin-bottom: 3.67vw; gap: 1.80vw;} 
	.business .busi_txt .title{font-size: 2.42vw;}
	.business .busi_txt p{font-size: 1.25vw;}
	.business .sec1 .list > li{border-radius: 0.63vw; padding: 3.05vw;}
	.business .sec1 .list.smsol > li::before{width: 61.25vw; right: 6.72vw;}
	.business .sec1 .list > li + li{margin-top: 1.25vw;}
	.business .sec1 .list > li .title dl dt{font-size: 1.80vw; letter-spacing: -0.00vw;}
	.business .sec1 .list > li .title dl dd{margin-top: 0.31vw; font-size: 1.25vw; letter-spacing: -0.00vw;}
	.business .sec1 .list > li .title .button{width: 3.67vw; height: 3.67vw;}
	.business .sec1 .list > li .title .button::before{width: 1.56vw; height: 1.56vw; background-size: 1.56vw;}
	.business .sec1 .list > li .cont{margin-top: 3.05vw;}
	.business .sec1 .list > li .cont .item{gap: 1.80vw;}
	.business .sec1 .list > li .cont .item + .item{margin-top: 3.67vw; padding-top: 3.67vw;}
	.business .sec1 .list > li .txt_list li{font-size: 1.25vw; letter-spacing: -0.08vw; padding-left: 0.94vw;}
	.business .sec1 .list > li .txt_list li::before{top: 0.70vw;}
	.business .sec1 .list > li .cont .tit{font-size: 1.48vw; letter-spacing: -0.00vw;}
	.business .sec1 .list > li .cont .sub_table th{padding: 1.02vw 3.05vw; width: 21.95vw;}
	.business .sec1 .list > li .cont .sub_table td ul li{font-size: 1.09vw; letter-spacing: -0.00vw; padding-left: 0.63vw;}
	.business .sec1 .list > li .cont .sub_table td ul li::before{top: 0.70vw;}
	.business .sec1 .list > li .cont .sub_table.type2 td{width: 14.30vw;}
	.business .sec1 .list > li .cont .sub_table.type3 td{width: 19.14vw;}
	.business .sec2 .cont .item{gap: 6.09vw;}
	.business .sec2 .cont .item + .item{margin-top: 6.09vw;}
	.business .sec2 .cont .item .img{width: 44.48vw;}
	.business .sec2 .cont .item .img_swiper .control{gap: 1.25vw; padding: 0.70vw 1.48vw; width: 13.50vw;}
	.business .sec2 .cont .item .img_swiper .control .arrow{width: 1.25vw;}
	.business .sec2 .cont .item .img_swiper .control .pagination span{font-size: 1.09vw; margin: 0 0.31vw;}
	.business .sec2 .cont .item .txt{width: calc(100% - 6.09vw - 44.48vw);}
	.business .sec2 .cont .item .txt strong{font-size: 2.11vw; letter-spacing: -0.00vw;}
	.business .sec2 .cont .item .txt ul{margin-top: 1.64vw;}
	.business .sec2 .cont .item .txt ul li{font-size: 1.25vw; letter-spacing: -0.08vw; padding-left: 0.63vw;}
	.business .sec2 .cont .item .txt ul li::before{top: 0.70vw;}
	.business .sec3 .list{gap: 2.11vw 1.48vw;}
	.business .sec3 .list li{width: calc((100% - (1.48vw * 4)) / 5);}
	.business .sec3 .list li p{margin-top: 1.14vw; font-size: 1.25vw; letter-spacing: -0.00vw;}
	.business .sec4 .tabcont{margin-top: 3.67vw;}
	.business .sec4 .tabcont > div{gap: 3.05vw;}
	.business .sec4 .tabcont > div > .img{width: 39.61vw;}
	.business .sec4 .tabcont > div .txt{width: calc(100% - 3.05vw - 39.61vw);}
	.business .sec4 .tabcont > div .txt dl dt{font-size: 1.95vw; letter-spacing: -0.00vw;}
	.business .sec4 .tabcont > div .txt dl dd{margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.business .sec4 .tabcont > div .txt .ref{margin-top: 3.05vw; gap: 0.94vw;}
	.business .sec4 .tabcont > div .txt .ref strong{font-size: 1.48vw; letter-spacing: -0.00vw;}
	.business .sec4 .tabcont > div .txt .ref ul li{font-size: 1.12vw; letter-spacing: -0.08vw; padding-left: 0.63vw;}
	.business .sec4 .tabcont > div .txt .ref ul li + li{margin-top: 0.31vw;}
	.business .sec4 .tabcont > div .txt .ref ul li::before{top: 0.48vw;}
	.business .busi_txt .logo{gap: 1.25vw;}
	.business .busi_txt .logo img{width: 15.23vw;}
	.business .sec1 .list > li .cont .service_img{padding: 3.05vw 0;}
	.business .sec1 .list > li .cont .service_img img{width: 66.80vw;}
	.business .sec1 .list > li .cont .w_box{padding: 2.58vw 2.73vw;}
	.business.city .busi_txt.txt1{margin-bottom: 1.80vw;}
	.business.city .busi_txt .tit{font-size: 1.80vw; letter-spacing: -0.00vw;}
	.business.city .sec1 .list > li.over{height: 66.35vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger{width: 15.01vw; height: 10.86vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item1{left: 21.07vw; bottom: 29.99vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item2{left: 38.83vw; bottom: 29.99vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item3{left:  21.07vw; bottom: 12.74vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item4{left: 38.83vw; bottom: 12.74vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item5{left: 57.5vw; bottom: 22.3vw;}
	.business.city .sec1 .list > li.over .tooltip-trigger.item6{right: 2.79vw; bottom: 22.3vw;}
	.business.sew .sec1 .list > li.over{height: 34.82vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger{width: 16.33vw; height: 10.00vw; bottom: 2.73vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger.item1{left: 27.8vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger.item2{left: 44.7vw;}
	.business.sew .sec1 .list > li.over .tooltip-trigger.item3{left: 61.7vw;}


	/* SM Project */
	.project .sec1 .title .tit{font-size: 3.05vw;}
	.project .sec1 .title p{margin-top: 1.80vw; font-size: 1.25vw;}
	.project .sec1 .list{margin-top: 3.67vw; gap: 1.80vw;}
	.project .sec1 .list li{width: calc(50% - (1.80vw / 2));}
	.project .sec1 .list li .tit{height: 4.84vw; padding: 0 1.80vw;}
	.project .sec1 .list li .tit b{font-size: 1.80vw; letter-spacing: -0.00vw;}
	.project .sec1 .list li .cont{padding: 1.80vw;}
	.project .sec2{margin-top: 13.44vw;}
	.project .sec2::before{width: 67.50vw; height: 9.06vw; top: -6.56vw;}
	.project .sec2 .swiper-slide{width: 27.27vw; margin: 0 0.94vw;}


	/* 사업 수행 실적 */
	.record > div{gap: 3.67vw;}
	.record .sec1 .desc{font-size: 1.25vw;}
	.record .sec1 .list{gap: 1.48vw;}
	.record .sec1 .list li{width: calc(100% - (1.48vw * 2) / 3); padding: 2.42vw 0;}
	.record .sec1 .list li span{font-size: 1.25vw; letter-spacing: -0.00vw;}
	.record .sec1 .list li img{width: 6.09vw; margin: 1.95vw 0 1.02vw;}
	.record .sec1 .list li .number{letter-spacing: -0.00vw;}
	.record .sec1 .list li .number strong{font-size: 4.30vw;}
	.record .sec1 .list li .number span{font-size: 1.48vw;}
	.record .sec1 .list li p{margin-top: 0.63vw; font-size: 1.33vw; letter-spacing: -0.00vw;}
	.record .sec1 .box{font-size: 1.95vw; letter-spacing: -0.08vw;  line-height: 6.09vw;}
	.record .sec2 .title{font-size: 2.42vw; letter-spacing: -0.16vw;}
	.record .sec2 .txt{padding: 0 3.05vw;}
	.record .sec2 .txt .item + .item{margin-top: 6.09vw;}
	.record .sec2 .txt .item .year{min-width: 36.02vw; font-size: 3.05vw;}
	.record .sec2 .txt .item ul{width: calc(100% - 36.02vw);}
	.record .sec2 .txt .item ul li{font-size: 1.33vw; letter-spacing: -0.08vw; padding-left: 0.70vw;}
	.record .sec2 .txt .item ul li::before{top: 1.02vw;}


	/* 주요 고객사 */
	.client .title{font-size: 2.42vw;}
	.client .tabcont{margin-top: 3.67vw;}
	.client .sec1 .logo{gap: 1.25vw; margin-top: 1.80vw;}
	.client .sec1 .logo li{width: calc((100% - (1.25vw * 5)) / 6);}
	.client .contact .txt p{margin-top: 2.19vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
	.client .contact .txt ul{margin-top: 7.97vw; gap: 1.80vw 3.67vw;}
	.client .contact .txt ul li{gap: 1.80vw;}
	.client .contact .txt ul li .icon{width: 3.67vw;}
	.client .contact .txt ul li dl{font-size: 1.25vw;}
	.client .contact .txt ul li dl dd{margin-top: 0.63vw;}
	.client .btn_wrap{margin-top: 4.84vw;}
	.client .btn_wrap a{font-size: 1.09vw; width: 18.28vw; line-height: 3.67vw;}


	/* CI */
	.mt20{margin-top: 1.25vw;}
	.mt30{margin-top: 1.80vw;}
	.mt50{margin-top: 3.05vw;}
	.ci .section{padding: 7.97vw 0;}
	.ci .txt .title{font-size: 3.05vw; letter-spacing: -0.16vw;}
	.ci .txt .tit{font-size: 2.11vw; letter-spacing: -0.00vw;}
	.ci .txt strong{font-size: 1.48vw; letter-spacing: -0.08vw;}
	.ci .txt p{font-size: 1.25vw;}
	.ci .sec1 .txt.ta-c{margin-bottom: 4.53vw;}
	.ci .sec2 .swiper{width: 102.42vw;}
	.ci .sec2 .swiper-slide{width: 29.45vw; margin-right: 1.80vw;}
	.ci .list{gap: 1.80vw;}
	.ci .list li{width: calc(50% - (1.80vw / 2));}
	.ci .sec4 .list li{padding: 9.77vw 2.42vw 2.42vw; gap: 0.63vw;}
	.ci .sec4 .list li strong{font-size: 1.41vw;}
	.ci .sec4 .list li p{opacity: 0.6; font-size: 1.09vw;  gap: 0.63vw;}
	.ci .btn_wrap{margin-top: 4.84vw; gap: 1.80vw;}
	.ci .btn_wrap a{font-size: 1.09vw; width: 15.23vw; line-height: 3.67vw;}


	/* KOLAS 소개 */
	.ko_int{gap: 4.84vw;}
	.ko_int p{font-size: 1.25vw;}
	.ko_int .txt p + p{margin-top: 1.80vw;}
	.ko_int .list{gap: 0.94vw;}
	.ko_int .list li{width: calc((100% - (0.94vw * 2)) / 3);}
	.ko_int .box{padding: 3.05vw 0;}
	.ko_btn a{font-size: 1.09vw; width: 18.28vw; line-height: 3.67vw;}


	/* 교정인정항목 */
	.ko_ar .top{height: 5.47vw; gap: 1.25vw;}
	.ko_ar .top span{font-size: 1.25vw;}
	.ko_ar .top .kolas{width: 9.14vw; padding: 0.63vw;}
	.ko_ar .top .line{width: 0.16vw; height: 0.94vw;}
	.ko_ar .sub_table_wrap{margin-top: 1.95vw;}
	.ko_ar .sub_table .col{width: 17.03vw;}
	.ko_ar .sub_table .col2{width: 14.61vw;}
	.ko_ar .sub_table th{padding: 1.25vw;}
	.ko_ar .sub_table td .sm{font-size: 0.70vw;}
	.ko_ar .ko_btn{margin: 3.67vw 0;}


	/* 교정의뢰절차 */
	.ko_pro .sec2 .list li dl dt.step{font-size: 1.25vw; letter-spacing: -0.08vw; margin-bottom: 1.25vw;}
	.ko_pro .ko_btn a{width: 21.9vw;}

}



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

    /* 공통 */
    .inner2 {max-width: 100%; padding: 0 5.21vw;}
    .sub_visual{height: 117.19vw; position:relative; background:url("/img/sub/m_sub_vis01.jpg") no-repeat center / cover;}
    
    /* sub_vis_txt */
    .sub_vis_txt {top:44.27vw;}
    .sub_vis_txt h2 {font-size: 11.72vw;}
    .sub_vis_txt em {font-size: 4.69vw; margin-top: 2.60vw; letter-spacing: -0.17vw;}
    
    /* sub_menu */
    .sub_menu {bottom: 5.99vw; height:5.60vw;}
    .sub_menu > ul > li > a {padding-left: 7.55vw; font-size: 3.13vw; letter-spacing: -0.10vw;}
    .sub_menu > ul > li:not(.home)::before {width: 0.65vw; height: 0.65vw; left: 3.65vw;}
    .sub_menu > ul > li.home {width: 5.21vw;}
    .sub_menu > ul > li.menu_btn {width: 41.80vw; background-size: 3.13vw;}
    .sub_menu_txt {bottom: calc(100% + 2.86vw); width: 34.90vw; border-radius: 1.95vw;}
    .sub_menu_txt li {height: 9.51vw;}
    .sub_menu_txt li a {padding: 0 3.13vw; font-size: 3.13vw;}
    
    /* sub_content */
    #sub_content {padding: 15.63vw 0 0;}
    .sub_menu_tab {margin-bottom: 18.23vw; display: flex !important; align-items: center; border-bottom: 0.26vw solid rgba(255,255,255,.3); padding: 0 5.21vw; overflow: hidden; overflow-x: auto;}
    .sub_menu_tab a {display: block; padding: 3.52vw 0; width: 29.86vw; font-size: 3.65vw; font-weight: 600; color: #8E8E8E; letter-spacing: -0.13vw; position: relative; text-align: center;}
    .sub_menu_tab li.on a {color: #fff; font-weight: 700;}
    .sub_menu_tab li.on a::after {content: ""; width: 100%; height: 0.52vw; background: #fff; position: absolute; bottom: 0; left: 0;}
    .sub_title {margin-bottom: 13.02vw;}
    .sub_title h3 {font-size: 9.11vw;}
    
    /* prdList */
    .prdList {gap: 6.51vw 3.65vw;}
    .prdList .item {width: calc((100% - 3.65vw) / 2) !important;}
    .prdList .item .thumb {height: 38.67vw !important;}
    .prdList .item .thumb .icon {top: 3.65vw; left: 3.91vw; font-size: 3.13vw; letter-spacing: -0.09vw; padding: 0 3.52vw; height: 5.73vw; border-radius: 0.87vw;}
    .prdList .item .description {margin-top: 5.21vw;}
    .prdList .item .name {font-size: 4.69vw; letter-spacing: -0.07vw;}
    .prdList .item .desc {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
	.search .result{font-size: 3.91vw; margin-bottom: 6.12vw;}
    
    /* paginate */
    .basic_paginate {margin-top: 15.63vw; gap: 5.21vw;}
    .basic_paginate a img {height: 2.60vw;}
    .basic_paginate ol {gap: 5.21vw;}
    .basic_paginate ol a {font-size: 3.13vw;}
    .basic_paginate ol a.this {text-underline-offset: 0.52vw;}
    
    
    /* product list */
    .product_list {display: block;}
    .product_list .filter_popup_wrap {text-align: right;}
    .product_list .filter_popup {display: inline-flex; align-items: center; justify-content: center; gap: 2.60vw; border: 1px solid #FFFFFF; font-size: 3.65vw; font-weight: 500; color: #fff; letter-spacing: -0.07vw; width: 20.31vw; height: 7.68vw;}
    .product_list .filter_popup img {width: 4.17vw;}


    .product_list .side_menu {width: 100%; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #1A1A1A; z-index: 2000; padding: 15.63vw 5.21vw 5.21vw;}
    .product_list .filter {gap: 2.60vw; min-height: none; flex-direction: column; align-items: flex-start; margin-bottom: 10.42vw;}
    .product_list .filter .allClear {gap: 0.65vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    .product_list .filter .allClear img {width: 2.60vw;}
    .product_list .filter .filter_item {gap: 2.60vw;}
    .product_list .filter .filter_item span {gap: 2.08vw; font-size: 3.13vw; letter-spacing: -0.07vw; height: 7.03vw; padding: 0 2.60vw;}
    .product_list .filter .filter_item span img {width: 2.60vw;}
    .product_list .cate_cont {height: calc(100% - 59.24vw); padding-right: 3.39vw; overflow: hidden; overflow-y: scroll;}
    .product_list .cate_cont::-webkit-scrollbar {width: 0.52vw; border-radius: 1.74vw;}
    .product_list .cate_cont::-webkit-scrollbar-thumb {height: 30%; background: #888; border-radius: 1.74vw;}
    .product_list .cate_cont::-webkit-scrollbar-track {background: #343434; border-radius: 1.74vw;}
    .product_list .cate {padding: 0;}
    .product_list .cate:first-child {border-top: 0; padding-top: 0;}
    .product_list .cate .tit {padding: 6.51vw 0; font-size: 4.17vw; letter-spacing: -0.14vw; display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .product_list .cate:first-child .tit {padding-top: 0;}
    .product_list .cate .tit.on img {transform: rotate(180deg);}
    .product_list .cate .tit img {width: 3.13vw;}
    .product_list .cate ul {margin-top: 0; padding-bottom: 6.51vw; display: none;}
    .product_list .cate ul.on {max-height: none; padding-right: 0;}
    .product_list .cate ul::-webkit-scrollbar {width: 0.52vw; border-radius: 1.82vw;}
    .product_list .cate ul::-webkit-scrollbar-track {border-radius: 1.82vw;}
    .product_list .cate ul li label {gap: 1.69vw;}
    .product_list .cate ul li + li {margin-top: 2.08vw;}
    .product_list .cate ul li.mob{text-align: right; margin-top: 3.91vw;}
	.product_list .cate .refresh{font-size: 3.39vw; letter-spacing: -0.04vw; padding: 0.82vw 3.13vw;}
	.product_list .cate .refresh img{width: 2.60vw; margin-left: 0.82vw;}
    .product_list .cate div {gap: 1.69vw;}
    .product_list .cate div span {font-size: 3.65vw; letter-spacing: -0.07vw;}
    .product_list .cate div input.checkbox {width: 3.47vw; height: 3.47vw;}
    .product_list .cate .num {height: 6.51vw; width: 6.25vw; font-size: 3.13vw; letter-spacing: -0.07vw;}
    .product_list .cate .search {margin-bottom: 3.39vw;}
    .product_list .cate .search input {height: 7.81vw; padding: 0 7.81vw 0 2.73vw; font-size: 2.73vw;}
    .product_list .cate .search img {right: 2.86vw; width: 3.65vw;}
    .product_list .side_menu .submit {margin-top: 23.44vw; width: 100%; height: 11.72vw; background: #fff; border: 0; font-size: 3.65vw; font-weight: 700; color: #000;}

    .product_list .right {width: 100%;}
    .product_list .prdList {margin-top: 7.81vw;}


	/* product view */
	.product_view > .inner{padding: 0;}
	.product_view .thumb_wrap{gap: 15.63vw; padding: 13.02vw 5.21vw; flex-direction: column;}
	.product_view .thumb_img .tp_img{width: 100%;}
	.product_view .thumb_img .tp_img .b_img_slider .slide{height: 80.63vw;}
	.product_view .thumb_img .tp_img .magnifier{width: 53.78vw; height: 53.78vw;}
	.product_view .thumb_img .bt_img{margin-top: 7.81vw; gap: 3.91vw;}
	.product_view .thumb_img .bt_img .arrow{width: 2.60vw;}
	.product_view .thumb_img .bt_img .s_img_slider{width: 75.52vw; margin: 0 -1.30vw;}
	.product_view .thumb_img .bt_img .s_img_slider .slide{height: 20.83vw; margin: 0 1.30vw;}
	.product_view .thumb_info{margin-top: 3.91vw;}
	.product_view .thumb_info .title span{font-size: 3.13vw; letter-spacing: -0.07vw; line-height: 5.73vw; padding: 0 2.60vw; border-radius: 0.87vw;}
	.product_view .thumb_info .title h4{margin: 2.60vw 0 1.30vw; font-size: 9.11vw;}
	.product_view .thumb_info .title strong{font-size: 5.21vw; letter-spacing: -0.10vw;}
	.product_view .thumb_info .title p{margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
	.product_view .thumb_info .title p br{display: none;}
	.product_view .thumb_info .key{margin-top: 6.51vw;}
	.product_view .thumb_info .key strong{font-size: 4.69vw; letter-spacing: -0.10vw;}
	.product_view .thumb_info .key ul{margin-top: 2.60vw;}
    .product_view .thumb_info .key ul,
    .product_view .thumb_info .key ul *,
	.product_view .thumb_info .key ul li{font-size: 3.65vw; letter-spacing: -0.10vw; padding-left: 2.30vw;}
	.product_view .thumb_info .key ul li::before{top: 1.90vw;}
	.product_view .thumb_info .key ul li + li{margin-top: 1.30vw;}
	.product_view .thumb_info .apply_btn{margin-top: 7.81vw; width: 37.76vw; line-height: 11.72vw; font-size: 3.65vw;}
	.product_view .info_wrap{margin-top: 15.63vw;}
	.product_view .info_wrap .tabnav{top: 16.93vw; overflow-x: auto;}
	.product_view .info_wrap .tabnav::-webkit-scrollbar{display: none;}
	.product_view .info_wrap .tabnav .inner{padding: 0;}
	.product_view .info_wrap .tabnav ul{padding: 0 5.21vw; justify-content: flex-start; width: max-content;}
	.product_view .info_wrap .tabnav ul li a{width: 26.04vw; padding: 3.13vw 0; font-size: 3.65vw; letter-spacing: -0.13vw; -webkit-user-drag: none;}
	.product_view .info_wrap .tabcont{padding: 15.63vw 5.21vw; margin-top: 7.81vw;}
	.product_view .info_wrap .tabcont #tab01 .content, .product_view .info_wrap .tabcont #tab01 .content *{font-size: 3.65vw; letter-spacing: -0.10vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li{padding-left: 2.30vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li::before{top: 1.90vw;}
	.product_view .info_wrap .tabcont #tab01 .content ul li + li{margin-top: 1.30vw;}
	.product_view .info_wrap .tabcont #tab01 .content img{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont #tab01 .content .video{margin-top: 10.42vw;}
    .product_view .info_wrap .tabcont{padding: 15.63vw 5.21vw; margin-top: 7.81vw;}
	.product_view .info_wrap .tabcont #tab02 .content, .product_view .info_wrap .tabcont #tab02 .content *{font-size: 3.65vw; letter-spacing: -0.10vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li{padding-left: 2.30vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li::before{top: 1.90vw;}
	.product_view .info_wrap .tabcont #tab02 .content ul li + li{margin-top: 1.30vw;}
	.product_view .info_wrap .tabcont #tab02 .content img{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont #tab02 .content .video{margin-top: 10.42vw;}
    .product_view .info_wrap .tabcont{padding: 15.63vw 5.21vw; margin-top: 7.81vw;}
	.product_view .info_wrap .tabcont #tab03 .content, .product_view .info_wrap .tabcont #tab03 .content *{font-size: 3.65vw; letter-spacing: -0.10vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li{padding-left: 2.30vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li::before{top: 1.90vw;}
	.product_view .info_wrap .tabcont #tab03 .content ul li + li{margin-top: 1.30vw;}
	.product_view .info_wrap .tabcont #tab03 .content img{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont #tab03 .content .video{margin-top: 10.42vw;}
    /* .product_view .info_wrap .tabcont #tab03 * {font-size: 3.39vw;} */
	.product_view .info_wrap .tabcont h5{font-size: 4.69vw; margin-bottom: 5.21vw;}
	.sub_table{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.sub_table td{padding: 3.13vw 4.17vw; font-size: 3.65vw !important; letter-spacing: -0.05vw; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}
	.p_spec .sub_table th{width: 30.69vw; padding: 3.13vw 4.17vw;}
	.product_view .info_wrap .tabcont .s_spec,
	.product_view .info_wrap .tabcont #tab03 .sub_table_wrap{overflow-x: auto; position: relative;}
	.s_spec .sub_table,
	.product_view .info_wrap .tabcont #tab03 .sub_table{width: max-content !important;}
	.s_spec .sub_table td,
	.product_view .info_wrap .tabcont #tab03 .sub_table td{white-space: pre;}
	.s_spec .sub_table th{padding: 3.13vw; width: 34.25vw;}
	.s_spec .sub_table th:first-child{width: 29.04vw;}
	.swipe_ic {display: none; width: 23.96vw; height: 23.96vw; background: url("/img/sub/swipe_ic.svg") no-repeat center / 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.swipe_ic.on{display:block;}
	.product_view .info_wrap .tabcont #tab03 .prd_list{margin-top: 10.42vw;}
	.product_view .info_wrap .tabcont .prd_list{gap: 6.51vw 4.17vw;}
	.product_view .info_wrap .tabcont .prd_list li{width: calc((100% - 4.17vw) / 2);}
	.product_view .info_wrap .tabcont .prd_list li a .img{height: 37.50vw;}
	.product_view .info_wrap .tabcont .prd_list li a .img .cate{font-size: 2.66vw; letter-spacing: -0.07vw; padding: 0 1.69vw; line-height: 4.69vw; border-radius: 0.65vw; left: 2.30vw; top: 2.30vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt{margin-top: 3.65vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt dt{font-size: 4.69vw; letter-spacing: -0.05vw;}
	.product_view .info_wrap .tabcont .prd_list li a .txt dd{margin-top: 1.95vw; font-size: 3.39vw; letter-spacing: -0.10vw;}
	.product_view .info_wrap .tabcont .download{gap: 3.26vw;}
	.product_view .info_wrap .tabcont .download .item{width: 100%; padding: 6.51vw 5.21vw;}
	.product_view .info_wrap .tabcont .download .item .txt{margin-bottom: 4.69vw; letter-spacing: -0.10vw;}
	.product_view .info_wrap .tabcont .download .item .txt .type{font-size: 3.65vw;}
	.product_view .info_wrap .tabcont .download .item .txt .tit{margin-top: 2.80vw; font-size: 4.69vw;}
	.product_view .info_wrap .tabcont .download .item .down_btn{padding: 2.60vw 0; font-size: 3.13vw;}
	.product_view .select {font-size: 3.13vw;}
	.product_view .select .selected {padding: 2.60vw 3.65vw;}
	.product_view .select .selected .arrow {width: 2.60vw;}
	.product_view .select .option_wrap ul {max-height: 28.68vw;}
	.product_view .select .option_wrap ul li {line-height: 9.56vw; padding: 0 3.65vw;}


	/* About us */
	.tabmenu{flex-wrap: wrap;}
	.tabmenu a{font-size: 3.65vw; letter-spacing: -0.08vw; line-height: 11.72vw;}
	.tabmenu a:nth-of-type(2){border-right: 1px solid #8E8E8E;}
	.tabmenu a:nth-of-type(3){border-left: 1px solid #8E8E8E !important;}
	.tabmenu a:nth-of-type(n+3){border-top: none;}
	.tabmenu.type3 a{width: 100%; border-left: 1px solid #8E8E8E !important; border-right: 1px solid #8E8E8E !important;}
	.tabmenu.type3 a:nth-of-type(n+2){border-top: none;}
	.tabmenu a.on{border-color: #2F35ED !important;}
	.tabmenu.type4 a{width: 50%;}
	.tabmenu.type5 a{width: 50%;}
	.tabmenu.type5 a:nth-of-type(odd){border-right: 1px solid #8E8E8E;}
	.tabmenu.type5 a:nth-of-type(even){border-left: none;}
	.tabmenu.type5 a:nth-of-type(4){border-right: 1px solid #8E8E8E; }
	.tabmenu.type5 a:last-of-type{border-left: 1px solid #8E8E8E;}
	.tabmenu .category{margin-bottom: 7.81vw; flex-wrap: wrap;}
	.tabmenu .category li{width: 50%;}
	.tabmenu .category li:nth-child(n+3) a{border-top: none;}
	.tabmenu .category li:nth-child(odd) a{border-left: 1px solid #8E8E8E;}
	.tabmenu .category li a{font-size: 3.65vw; letter-spacing: -0.08vw; line-height: 1.3; height: 11.72vw; display: flex; align-items: center; justify-content: center;}
	.about .tabcont{margin-top: 13.02vw;}
	.about #tab01 .title h4{font-size: 7.81vw; letter-spacing: -0.26vw;}
	.about #tab01 .title p{font-size: 3.65vw; margin-top: 6.77vw;}
	.about #tab01 .img{margin: 10.42vw 0;}
	.about #tab01 .txt_list li{flex-direction: column; gap: 5.21vw;}
	.about #tab01 .txt_list li + li{margin-top: 13.02vw; padding-top: 13.02vw;}
	.about #tab01 .txt_list li .tit{font-size: 6.51vw; letter-spacing: -0.07vw; width: 100%;}
	.about #tab01 .txt_list li .txt{gap: 4.17vw; width: 100%;}
	.about #tab01 .txt_list li .txt dt{font-size: 4.17vw; letter-spacing: -0.13vw;}
	.about #tab01 .txt_list li .txt dd{font-size: 3.65vw;}
	.about #tab02 .list{gap: 10.42vw 0;}
	.about #tab02 .list li{width: 100%; gap: 5.21vw;}
	.about #tab02 .list li .icon{width: 7.81vw;}
	.about #tab02 .list li strong{font-size: 5.21vw; letter-spacing: -0.07vw;}
	.about #tab02 .list li p{font-size: 3.65vw;}
	.about #tab03 .circle{flex-direction: column;}
	.about #tab03 .circle .item{width: 65.08vw; height: 65.08vw; gap: 1.30vw;}
	.about #tab03 .circle .item + .item{margin-left: 0; margin-top: -3.91vw;}
	.about #tab03 .circle .item .icon{width: 10.42vw;}
	.about #tab03 .circle .item strong{font-size: 5.21vw; letter-spacing: -0.05vw;}
	.about #tab03 .circle .item p{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.about #tab03 .txt{margin-top: 7.81vw; font-size: 4.65vw; letter-spacing: -0.07vw;}
	.about #tab04 .item{gap: 4.17vw;}
	.about #tab04 .item + .item{margin-top: 13.02vw; padding-top: 13.02vw;}
	.about #tab04 .item h4{font-size: 5.21vw; letter-spacing: -0.10vw;}
	.about #tab04 .item .info{gap: 1.69vw; flex-wrap: wrap;}
	.about #tab04 .item .info li{width: calc((100% - 1.69vw) / 2); padding: 3.65vw 3.52vw; gap: 2.60vw;}
	.about #tab04 .item .info li .icon{width: 10.42vw;}
	.about #tab04 .item .info li strong{font-size: 4.17vw; letter-spacing: -0.07vw;}
	.about #tab04 .item .info li p{font-size: 3.13vw; letter-spacing: -0.10vw;}
	.about #tab04 .item .map{height: 80.61vw;}

	/* MARKET */
	.sub_cont + .sub_cont{margin-top: 15.63vw;}
	.sub_cont.tp_line{padding-top: 15.63vw;}
	.m_tit_wrap{margin-bottom: 7.81vw; height: 6.51vw;}
	.m_tit{font-size: 6.51vw; letter-spacing: -0.26vw;}
	.market .sec1 .txt{margin-top: 10.42vw; gap: 6.51vw;}
	.market .sec1 .txt p{font-size: 3.65vw;}
	.market .sec1 .txt strong{font-size: 4.17vw;}
	.market .sec2 .list{gap: 5.21vw; flex-direction: column;}
	.market .sec2 .list li{padding: 7.81vw 6.51vw; width: 100%; min-height: 31.25vw;}
	.market .sec2 .list li dl dt{font-size: 4.17vw; letter-spacing: -0.13vw;}
	.market .sec2 .list li dl dd{margin-top: 2.60vw; font-size: 3.65vw;}
	.market .sec2 .list li .icon{width: 18.23vw;}
	.market .arrow{gap: 2.60vw;}
	.market .arrow div{width: 10.42vw; height: 10.42vw;}
	.market .arrow div img{width: 2.73vw;}
	.market .sec3 .swiper{margin: 0 -1.82vw;}
	.market .sec3 .swiper .swiper-slide{padding: 0 1.82vw;}
	.market .sec3 .swiper .swiper-slide a .thumb{height: 38.67vw;}
	.market .sec3 .swiper .swiper-slide a .thumb .icon{top: 3.65vw; left: 3.91vw; font-size: 3.13vw; letter-spacing: -0.09vw; padding: 0 3.52vw; height: 5.73vw; border-radius: 0.87vw;}
	.market .sec3 .swiper .swiper-slide a .description{margin-top: 5.21vw;}
	.market .sec3 .swiper .swiper-slide a .description .name{font-size: 4.69vw; letter-spacing: -0.07vw;}
	.market .sec3 .swiper .swiper-slide a .description .desc{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
	.market .sec4 .m_tit{gap: 0;}
	.market .sec4 .btn_wrap{margin-top: 7.81vw;}
	.market .sec4 .viewBtn {gap: 1.56vw; font-size: 3.65vw; letter-spacing: -0.12vw; width: 33.47vw; height: 10.42vw; margin: 0 auto;}
	.market .sec4 .viewBtn img {width: 3.91vw;}
	.market .sec4 .slide_wrap .slider{gap: 2.60vw;}
	.market .sec4 .slide_wrap .slide{width: 100% !important; height: 80.22vw;}
	.market .sec4 .slide_wrap .slide .txt{width: 90%;}
	.market .sec4 .slide_wrap .slide .txt dt{font-size: 5.21vw; letter-spacing: -0.05vw;}
	.market .sec4 .slide_wrap .slide .txt dd{margin-top: 6.51vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
	.market .sec4 .slide_wrap .slide .txt dd br{display: none;}

	/* SI Business */
	.dep3_tab{margin-bottom: 10.42vw; overflow-x: auto;}
	.dep3_tab::-webkit-scrollbar{display: none;}
	.dep3_tab ul{width: max-content; max-width: initial; gap: 6.51vw;}
	.dep3_tab ul li{width: auto; height: fit-content;}
	.dep3_tab ul li a{font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 11.72vw; /* padding: 0 5.21vw; */ -webkit-user-drag: none; display: block;}
	.business .busi_txt{margin-bottom: 9.11vw; gap: 3.91vw;} 
	.business .busi_txt .title{font-size: 6.51vw;}
	.business .busi_txt p{font-size: 3.65vw;}
	.business .sec1 .list > li{border-radius: 1.30vw; padding: 6.51vw;}
	.business .sec1 .list.smsol > li{padding-bottom: 11.07vw;}
	.business .sec1 .list.smsol > li::before{width: 100%; right: 0;}
	.business .sec1 .list.smsol > li:nth-child(1)::before{background-image: url(/img/sub/smsol1_img1_m.png);}
	.business .sec1 .list.smsol > li:nth-child(2)::before{background-image: url(/img/sub/smsol1_img2_m.png);}
	.business .sec1 .list.smsol > li:nth-child(3)::before{background-image: url(/img/sub/smsol1_img3_m.png);}
	.business .sec1 .list.smsol > li:nth-child(4)::before{background-image: url(/img/sub/smsol1_img4_m.png);}
	.business .sec1 .list.smsol > li:nth-child(1):hover::before{background-image: url(/img/sub/smsol1_img1_m_ov.png);}
	.business .sec1 .list.smsol > li:nth-child(2):hover::before{background-image: url(/img/sub/smsol1_img2_m_ov.png);}
	.business .sec1 .list.smsol > li:nth-child(3):hover::before{background-image: url(/img/sub/smsol1_img3_m_ov.png);}
	.business .sec1 .list.smsol > li:nth-child(4):hover::before{background-image: url(/img/sub/smsol1_img4_m_ov.png);}
	.business .sec1 .list > li + li{margin-top: 2.60vw;}
	.business .sec1 .list.smsol > li .title{flex-direction: column; align-items: flex-start; gap: 3.91vw;}
	.business .sec1 .list > li .title dl dt{font-size: 4.17vw; letter-spacing: -0.07vw;}
	.business .sec1 .list > li .title dl dd{margin-top: 1.30vw; font-size: 3.13vw; letter-spacing: -0.07vw;}
	.business .sec1 .list > li .title .button{width: 7.81vw; height: 7.81vw;}
	.business .sec1 .list > li .title .button::before{width: 3.39vw; height: 3.39vw; background-size: 3.39vw;}
	.business .sec1 .list > li .cont{margin-top: 6.51vw;}
	.business .sec1 .list > li .cont .item{gap: 5.21vw;}
	.business .sec1 .list > li .cont .item + .item{margin-top: 7.81vw; padding-top: 7.81vw;}
	.business .sec1 .list > li .txt_list li{width: 100%; font-size: 3.65vw; letter-spacing: -0.13vw; padding-left: 2.15vw;}
	.business .sec1 .list > li .txt_list li::before{top: 2.15vw;}
	.business .sec1 .list > li .cont .tit{font-size: 4.69vw; letter-spacing: -0.05vw;}
	.business .sec1 .list > li .cont .sub_table_wrap{position: relative; overflow-x: auto;}
	.business .sec1 .list > li .cont .sub_table{width: max-content;}
	.business .sec1 .list > li .cont .sub_table th{padding: 3.13vw 4.17vw; width: 32vw;}
	.business .sec1 .list > li .cont .sub_table td ul li{font-size: 3.65vw !important; letter-spacing: -0.05vw; padding-left: 2.15vw;}
	.business .sec1 .list > li .cont .sub_table td ul li::before{top: 2.15vw;}
	.business .sec1 .list > li .cont .sub_table.type2 td{width: 34.60vw;}
	.business .sec1 .list > li .cont .sub_table.type3 td{width: 34.60vw;}
	.business .sec2 .cont .item{gap: 7.81vw; flex-direction: column !important;}
	.business .sec2 .cont .item + .item{margin-top: 10.42vw;}
	.business .sec2 .cont .item .img{width: 100%;}
	.business .sec2 .cont .item .img_swiper .control{gap: 2.60vw; padding: 2.30vw 0; width: 36.69vw;}
	.business .sec2 .cont .item .img_swiper .control .arrow{width: 3.65vw;}
	.business .sec2 .cont .item .img_swiper .control .pagination span{font-size: 3.65vw; margin: 0 0.65vw;}
	.business .sec2 .cont .item .txt{width: 100%;}
	.business .sec2 .cont .item .txt strong{font-size: 5.21vw; letter-spacing: -0.07vw;}
	.business .sec2 .cont .item .txt ul{margin-top: 3.52vw;}
	.business .sec2 .cont .item .txt ul li{font-size: 3.65vw; letter-spacing: -0.13vw; padding-left: 2.15vw;}
	.business .sec2 .cont .item .txt ul li::before{top: 2.15vw;}
	.business .sec3 .list{gap: 6.51vw 3.26vw;}
	.business .sec3 .list li{width: calc((100% - 3.26vw) / 2);}
	.business .sec3 .list li p{margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
	.business .sec4 .tabcont{margin-top: 7.81vw;}
	.business .sec4 .tabcont > div{gap: 6.51vw; flex-direction: column; align-items: center; padding: 0 5.65vw 7.81vw;}
	.business .sec4 .tabcont > div > .img{width: 100%;}
	.business .sec4 .tabcont > div .txt{width: 100%;}
	.business .sec4 .tabcont > div .txt dl dt{font-size: 5.21vw; letter-spacing: -0.07vw;}
	.business .sec4 .tabcont > div .txt dl dd{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
	.business .sec4 .tabcont > div .txt dl dd br{display: none;}
	.business .sec4 .tabcont > div .txt .ref{margin-top: 6.51vw; gap: 1.95vw;}
	.business .sec4 .tabcont > div .txt .ref strong{font-size: 4.69vw; letter-spacing: -0.07vw;}
	.business .sec4 .tabcont > div .txt .ref ul li{font-size: 3.26vw; letter-spacing: -0.10vw; padding-left: 1.95vw;}
	.business .sec4 .tabcont > div .txt .ref ul li + li{margin-top: 0.65vw;}
	.business .sec4 .tabcont > div .txt .ref ul li::before{top: 1.95vw;}
	.business .busi_txt .logo{gap: 2.60vw; flex-wrap: wrap;}
	.business .busi_txt .logo img{width: calc(50% - (2.60vw / 2));}
	.business .sec1 .list > li .cont .service_img{padding: 6.51vw 3.91vw;}
	.business .sec1 .list > li .cont .service_img img{width: 142.58vw;}
	.business .sec1 .list > li .cont .w_box{padding: 5.47vw 5.21vw;}
	.business.city .tabmenu.type2 a:first-of-type{width: 40%;}
	.business.city .tabmenu.type2 a:last-of-type{width: 60%;}
	.business.city .busi_txt.txt1{margin-bottom: 3.91vw;}
	.business.city .busi_txt .tit{font-size: 3.91vw; letter-spacing: -0.05vw;}
	.business .sec1 .list > li .swipe{position: relative; overflow-x: auto;}
	.business .sec1 .list > li .swipe .img_wrap{width: 265vw;}
	.business .sec1 .list > li.over{height: auto !important; background-image: none !important;}
	.business .sec1 .list > li.over .tooltip-trigger{display: none !important;}
	.business .sec1 .list > li .desc{padding: 5.21vw 3.65vw 6.51vw;}
	.business .sec1 .list > li .desc .txt_list b{color: #333;}
	.business .sec1 .list > li .desc .txt_list ol{padding: 0;}
	.business .sec1 .list > li .desc .txt_list ol li{padding: 0;}
	.business .sec1 .list > li .desc .txt_list ol li::before{display: none;}


	/* SM Project */
	.project .sec1 .title .tit{font-size: 6.51vw;}
	.project .sec1 .title p{margin-top: 3.91vw; font-size: 3.65vw;}
	.project .sec1 .list{margin-top: 7.81vw; gap: 3.91vw;}
	.project .sec1 .list li{width: 100%;}
	.project .sec1 .list li .tit{height: 10.42vw; padding: 0 3.91vw;}
	.project .sec1 .list li .tit b{font-size: 3.91vw; letter-spacing: -0.07vw;}
	.project .sec1 .list li .cont{padding: 1vw; background: #fff;}
	.project .sec2{margin-top: 19.65vw;}
	.project .sec2::before{width: 75.14vw; height: 10.40vw; top: -8.06vw;}
	.project .sec2 .swiper-slide{width: 38.20vw; margin: 0 1.95vw;}


	/* 사업 수행 실적 */
	.record > div{gap: 9.11vw;}
	.record .sec1 .desc{font-size: 3.65vw;}
	.record .sec1 .list{gap: 3.26vw; flex-direction: column;}
	.record .sec1 .list li{width: 100%; padding: 6.51vw 0;}
	.record .sec1 .list li span{font-size: 3.65vw; letter-spacing: -0.07vw;}
	.record .sec1 .list li img{width: 15.63vw; margin: 4.17vw 0 2.08vw;}
	.record .sec1 .list li .number{letter-spacing: -0.07vw;}
	.record .sec1 .list li .number strong{font-size: 10.42vw;}
	.record .sec1 .list li .number span{font-size: 3.65vw;}
	.record .sec1 .list li p{margin-top: 1.30vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
	.record .sec1 .box{font-size: 4.17vw; letter-spacing: -0.08vw;  line-height: 14.02vw;}
	.record .sec2 .title{font-size: 6.51vw; letter-spacing: -0.26vw;}
	.record .sec2 .txt{padding: 0;}
	.record .sec2 .txt .item{flex-direction: column; gap: 3.65vw;}
	.record .sec2 .txt .item + .item{margin-top: 13.02vw;}
	.record .sec2 .txt .item .year{min-width: initial; font-size: 6.51vw;}
	.record .sec2 .txt .item ul{width: 100%;}
	.record .sec2 .txt .item ul li{font-size: 3.65vw; letter-spacing: -0.13vw; padding-left: 2.15vw;}
	.record .sec2 .txt .item ul li br{display: none;}
	.record .sec2 .txt .item ul li::before{top: 2.65vw;}


	/* 주요 고객사 */
	.client .title{font-size: 6.51vw;}
	.client .tabcont{margin-top: 10.42vw;}
	.client .sec1 .logo{gap: 2.60vw; margin-top: 6.51vw;}
	.client .sec1 .logo li{width: calc((100% - (2.60vw * 2)) / 3);}
	.client .contact{flex-direction: column; gap: 10.42vw;}
	.client .contact .txt p{margin-top: 4.69vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
	.client .contact .txt ul{margin-top: 9.11vw; gap: 5.21vw 0; justify-content: space-between;}
	.client .contact .txt ul li{gap: 4.17vw;}
	.client .contact .txt ul li .icon{width: 10.42vw;}
	.client .contact .txt ul li dl{font-size: 3.65vw;}
	.client .contact .txt ul li dl dd{margin-top: 1.30vw;}
	.client .contact .img{width: 100%;}
	.client .btn_wrap{margin-top: 11.72vw;}
	.client .btn_wrap a{font-size: 3.65vw; width: 44.06vw; line-height: 11.72vw;}


	/* CI */
	.mt20{margin-top: 2.60vw;}
	.mt30{margin-top: 5.21vw;}
	.mt50{margin-top: 7.81vw;}
	.ci .section{padding: 16.93vw 0;}
	.ci .txt .title{font-size: 7.81vw; letter-spacing: -0.26vw;}
	.ci .txt .tit{font-size: 5.21vw; letter-spacing: -0.07vw;}
	.ci .txt strong{font-size: 4.69vw; letter-spacing: -0.13vw;}
	.ci .txt p{font-size: 3.65vw;}
	.ci .sec1 .txt.ta-c{margin-bottom: 10.24vw;}
	.ci .sec2 .swiper{width: 100%; overflow: visible;}
	.ci .sec2 .swiper-slide{width: 68.89vw; margin-right: 5.31vw;}
	.ci .list{gap: 3.91vw;}
	.ci .list li{width: 100%;}
	.ci .sec4 .list li{padding: 20.83vw 5.21vw 5.21vw; gap: 1.30vw;}
	.ci .sec4 .list li strong{font-size: 4.17vw;}
	.ci .sec4 .list li p{opacity: 0.6; font-size: 3.39vw;  gap: 1.30vw;}
	.ci .btn_wrap{margin-top: 10.42vw; gap: 3.91vw;}
	.ci .btn_wrap a{font-size: 3.65vw; width: calc(50% - (3.91vw / 2)); line-height: 11.72vw;}


	/* KOLAS 소개 */
	.ko_int{gap: 13.02vw;}
	.ko_int p{font-size: 3.65vw;}
	.ko_int p br{display: none;}
	.ko_int .txt p + p{margin-top: 4.17vw;}
	.ko_int .list{gap: 2.60vw;}
	.ko_int .list li{width: 100%;}
	.ko_int .box{padding: 6.51vw 0;}
	.ko_btn a{font-size: 3.65vw; width: 42.06vw; line-height: 11.72vw;}
	.ko_int .ko_btn a{width: 62.06vw;}


	/* 교정인정항목 */
	.ko_ar .top{height: 15.63vw; gap: 3.13vw;}
	.ko_ar .top span{font-size: 3.65vw;}
	.ko_ar .top .kolas{width: 22.53vw; padding: 1.60vw;}
	.ko_ar .top .line{width: 1px; height: 2.60vw;}
	.ko_ar .sub_table_wrap{margin-top: 4.17vw; position: relative; overflow-x: auto;}
	.ko_ar .sub_table{width: max-content;}
	.ko_ar .sub_table .col{width: 42.03vw;}
	.ko_ar .sub_table .col2{width: 25vw;}
	.ko_ar .sub_table .col3{width: 46vw;}
	.ko_ar .sub_table th{padding: 3.13vw 4.17vw;}
	.ko_ar .sub_table td .sm{font-size: 2.60vw;}
	.ko_ar .ko_btn{margin: 9.11vw 0;}


	/* 교정의뢰절차 */
	.ko_pro .sec2 .list li dl dt.step{font-size: 3.39vw; letter-spacing: -0.13vw; margin-bottom: 1.95vw;}
	.ko_pro .ko_btn{flex-wrap: wrap; gap: 2.60vw;}
	.ko_pro .ko_btn a{width: calc(50% - 1.30vw);}

}



/* 중문 */
.cn_subContent .tabmenu.type5 a span {display: flex; align-items: center; justify-content: center; line-height: 1.4; height: 100%;}




/********** 투자정보 **********/
/* 주식정보 */
.stock .info {display: flex; gap: 90px; background: #333; padding: 60px;}
.stock .info > div {width: calc(50% - 45px);}
.stock .st_title {margin-bottom: 48px;}
.stock .st_title p {font-size: 16px; letter-spacing: -0.5px; color: #fff;}
.stock .st_title h2 {margin-top: 5px; font-size: 40px; color: #FFF;}
.stock .price {background: #4d4c4c;}
.stock .price .current {display: flex; align-items: flex-end; justify-content: space-between; padding: 24px 20px; background: #3C3C3C;}
.stock .price h3 {font-size: 40px; font-weight: 500; display: flex; align-items: flex-end; gap: 14px;}
.stock .price span {font-size: 20px; font-weight: 400;}
.stock .price p {font-size: 16px; opacity: .8;}
.stock .detail {display: flex; justify-content: space-between; padding: 20px 0;}
.stock .detail li {width: 25%; padding: 20px;}
.stock .detail li + li {border-left: 1px solid rgba(255,255,255,0.2);}
.stock .detail li p {font-size: 18px; font-weight: 500; line-height: 1;}
.stock .detail li strong {display: block; font-size: 30px; font-weight: 500; text-align: right; margin-top: 20px; line-height: 1;}
.stock .info .sub_table_wrap {margin-top: 40px;}
.stock .graph {width: 100%; height: 100%; overflow: hidden;}
.stock .tab {margin-top: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.30); display: flex; justify-content: center;}
.stock .tab li {display: block; width: 280px; text-align: center; padding: 16px 0px; font-size: 20px; letter-spacing: -1px; font-weight: 600; color: rgba(255, 255, 255, 0.40); line-height: 1.5; cursor: pointer;}
.stock .tab li.on {border-bottom: 2px solid #FFF; font-weight: 700; color: #fff;}
.stock .tab_wrap {margin-top: 70px;}
.stock .box {background: #FAFAFA; padding: 60px;}
.stock .cont_title {margin-bottom: 25px;}
.stock .cont_title p {font-size: 18px; color: #333333; line-height: 1;}
.stock .cont_title h3 {font-size: 22px; color: #000; margin-top: 10px; line-height: 1;}
.stock .tabCont:not(.on) {display: none;}
.stock .tabCont th + th {border-left: 1px solid #d7d7d7;}
.stock .tabCont td + td {border-left: 1px solid #E3E3E3;}
.stock .sub_table th,
.stock .sub_table td {text-align: center;}
.stock .sub_table th {padding: 16px 30px; border-bottom: 1px solid #E3E3E3;}
.stock .index_cont {margin-top: 60px;}
.stock .index_cont .desc {font-size: 16px; color: #333; text-align: right; margin-bottom: 15px;}
.stock .index_cont th,
.stock .index_cont td {text-align: left;}
.stock .index_cont th {width: 20%;}
.stock .index_cont td {width: 30%;}
.stock .cont_title p{display: none;}
.stock .cont_title h3{margin-top: 0 !important;}

@media screen and (max-width:1640px){
	/* 주식정보 */
	.stock .info {gap: 5.49vw; padding: 3.66vw;}
	.stock .info > div {width: calc(50% - 2.74vw);}
	.stock .st_title {margin-bottom: 2.93vw;}
	.stock .st_title p {font-size: 0.98vw; letter-spacing: -0.03vw;}
	.stock .st_title h2 {margin-top: 0.30vw; font-size: 2.44vw;}
	.stock .price .current {padding: 1.46vw 1.22vw;}
	.stock .price h3 {font-size: 2.44vw;  gap: 0.85vw;}
	.stock .price span {font-size: 1.22vw;}
	.stock .price p {font-size: 0.98vw;}
	.stock .detail {padding: 1.22vw 0;}
	.stock .detail li {padding: 1.22vw;}
	.stock .detail li p {font-size: 1.10vw;}
	.stock .detail li strong {font-size: 1.83vw;  margin-top: 1.22vw;}
	.stock .info .sub_table_wrap {margin-top: 2.44vw;}
	.stock .tab {margin-top: 3.66vw;}
	.stock .tab li {width: 17.07vw; padding: 0.98vw 0.00vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.stock .tab_wrap {margin-top: 4.27vw;}
	.stock .box {padding: 3.66vw;}
	.stock .cont_title {margin-bottom: 1.52vw;}
	.stock .cont_title p {font-size: 1.10vw;}
	.stock .cont_title h3 {font-size: 1.34vw; margin-top: 0.61vw;}
	.stock .sub_table th {padding: 0.98vw 1.83vw;}
	.stock .index_cont {margin-top: 3.66vw;}
	.stock .index_cont .desc {font-size: 0.98vw; margin-bottom: 0.91vw;}
}
@media screen and (max-width:1280px){
	/* 주식정보 */
	.stock .info {gap: 5.47vw; padding: 3.67vw;}
	.stock .info > div {width: calc(50% - 2.73vw);}
	.stock .st_title {margin-bottom: 2.97vw;}
	.stock .st_title p {font-size: 1.02vw; letter-spacing: -0.00vw;}
	.stock .st_title h2 {margin-top: 0.31vw; font-size: 2.42vw;}
	.stock .price .current {padding: 1.48vw 1.25vw;}
	.stock .price h3 {font-size: 2.42vw;  gap: 0.86vw;}
	.stock .price span {font-size: 1.25vw;}
	.stock .price p {font-size: 1.02vw;}
	.stock .detail {padding: 1.25vw 0;}
	.stock .detail li {padding: 1.25vw;}
	.stock .detail li p {font-size: 1.09vw;}
	.stock .detail li strong {font-size: 1.80vw;  margin-top: 1.25vw;}
	.stock .info .sub_table_wrap {margin-top: 2.42vw;}
	.stock .tab {margin-top: 3.67vw;}
	.stock .tab li {width: 17.03vw; padding: 1.02vw 0.00vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.stock .tab_wrap {margin-top: 4.30vw;}
	.stock .box {padding: 3.67vw;}
	.stock .cont_title {margin-bottom: 1.48vw;}
	.stock .cont_title p {font-size: 1.09vw;}
	.stock .cont_title h3 {font-size: 1.33vw; margin-top: 0.63vw;}
	.stock .sub_table th {padding: 1.02vw 1.80vw;}
	.stock .index_cont {margin-top: 3.67vw;}
	.stock .index_cont .desc {font-size: 1.02vw; margin-bottom: 0.94vw;}
}
@media screen and (max-width:768px){
	/* 주식정보 */
	.stock {padding: 0;}
	.stock .info {gap: 15.63vw; padding: 13.02vw 5.21vw; flex-direction: column;}
	.stock .info > div {width: 100%;}
	.stock .st_title {margin-bottom: 6.51vw;}
	.stock .st_title p {font-size: 3.13vw; letter-spacing: -0.09vw;}
	.stock .st_title h2 {margin-top: 1.30vw; font-size: 7.81vw;}
	.stock .price .current {padding: 6.25vw 5.21vw; flex-direction: column; align-items: flex-start; gap: 2.60vw;}
	.stock .price h3 {font-size: 7.81vw; gap: 2.60vw; line-height: 1;}
	.stock .price span {font-size: 3.65vw;}
	.stock .price p {font-size: 3.65vw;}
	.stock .detail {padding: 2.60vw; flex-wrap: wrap;}
	.stock .detail li {padding: 5.21vw; width: 50%;}
	.stock .detail li:nth-of-type(n + 3) {border-top: 0.13vw solid rgba(255,255,255,0.2);}
	.stock .detail li:nth-of-type(3) {border-left: 0;}
	.stock .detail li p {font-size: 3.65vw;}
	.stock .detail li strong {font-size: 5.21vw; margin-top: 3.91vw;}
	.stock .graph {height: 84.64vw;}
	.stock .info .sub_table_wrap {margin-top: 7.29vw;}
	.stock .tab {margin-top: 15.63vw;}
	.stock .tab li {width: 26.04vw; padding: 3.13vw 0; font-size: 3.65vw; letter-spacing: -0.17vw;}
	.stock .tab_wrap {margin-top: 7.81vw;}
	.stock .info .sub_table_wrap,
	.stock .index_cont .sub_table_wrap,
	.stock .tabCont .sub_table_wrap {overflow: hidden; overflow-x: scroll; position: relative;}
	.stock .info .sub_table_wrap .sub_table,
	.stock .index_cont .sub_table_wrap .sub_table,
	.stock .tabCont .sub_table_wrap .sub_table {width: max-content;}
	.stock .box {padding: 13.02vw 5.21vw;}
	.stock .cont_title {margin-bottom: 5.21vw;}
	.stock .cont_title p {font-size: 3.13vw;}
	.stock .cont_title h3 {font-size: 4.69vw; margin-top: 1.95vw;}
	.stock .sub_table th {padding: 2.99vw 5.34vw;}
	.stock .index_cont {margin-top: 7.81vw;}
	.stock .index_cont .cont_title {margin-bottom: 1.95vw;}
	.stock .index_cont .desc {font-size: 3.13vw; margin-bottom: 5.21vw; text-align: left;}
	.stock .index_cont table {width: 150% !important;}
	.stock .index_cont th {width: 25%;}
	.stock .index_cont td {width: 25%;}
}
/* 재무정보 */
.financial {background: #FAFAFA; padding: 60px;}
.financial .cont + .cont {margin-top: 60px; padding-top: 60px; border-top: 1px solid rgba(0, 0, 0, .3);}
.financial .cont h3 {font-size: 30px; color: #000; line-height: 1; margin-bottom: 25px; letter-spacing: -0.512px;}
.financial .cont .desc {font-size: 16px; color: #333; text-align: right; margin-bottom: 15px;}
.financial .sub_table_wrap {border-top: 0;}
.financial .tableCont {border-top: 1px solid #000;}
.financial table th {border-bottom: 1px solid #E3E3E3;}
.financial table tr:first-child th {padding: 16px 0;}
.financial table tr:first-child th + th {border-left: 1px solid #d7d7d7;}
.financial table td {text-align: right; border-left: 1px solid #E3E3E3;}
.financial table td:nth-of-type(1) {border-left: 1px solid #d7d7d7;}
@media screen and (max-width:1640px){	
	/* 재무정보 */
	.financial {padding: 3.66vw;}
	.financial .cont + .cont {margin-top: 3.66vw; padding-top: 3.66vw;}
	.financial .cont h3 {font-size: 1.83vw; margin-bottom: 1.52vw; letter-spacing: -0.03vw;}
	.financial .cont .desc {font-size: 0.98vw; margin-bottom: 0.91vw;}
	.financial table tr:first-child th {padding: 0.98vw 0;}
}
@media screen and (max-width:1280px){	
	/* 재무정보 */
	.financial {padding: 3.67vw;}
	.financial .cont + .cont {margin-top: 3.67vw; padding-top: 3.67vw;}
	.financial .cont h3 {font-size: 1.80vw; margin-bottom: 1.48vw; letter-spacing: -0.00vw;}
	.financial .cont .desc {font-size: 1.02vw; margin-bottom: 0.94vw;}
	.financial table tr:first-child th {padding: 1.02vw 0;}
}
@media screen and (max-width:768px){	
	/* 재무정보 */
	.financial {padding: 13.02vw 5.21vw;}
	.financial .cont + .cont {margin-top: 13.02vw; padding-top: 13.02vw;}
	.financial .cont h3 {font-size: 5.21vw; margin-bottom: 4vw; letter-spacing: -0.14vw;}
	.financial .cont .desc {font-size: 3vw; margin-bottom: 1.60vw; width: 170%;}
	.financial .sub_table_wrap {overflow: hidden; overflow-x: scroll; position: relative;}
	.financial .tableCont {width: 170%;}
	.financial .cont2 .desc,
	.financial .cont2 .tableCont {width: 220%;}
	.financial table tr:first-child th {padding: 2.99vw 0;}
	.financial table tr:nth-of-type(n + 2) th {width: 25%;}
}
/* 공시정보 */
.bd_investment .dpp_tbl_td a {border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; font-size: 18px; color: #fff; padding: 30px;}
.bd_investment .dpp_td_tt {width: 80%;}
.bd_investment .dpp_td_date {width: 20%; text-align: right;}
@media screen and (max-width:1640px){	
	/* 공시정보 */
	.bd_investment .dpp_tbl_td a {font-size: 1.10vw;  padding: 1.83vw;}
}
@media screen and (max-width:1280px){	
	/* 공시정보 */
	.bd_investment .dpp_tbl_td a {font-size: 1.09vw;  padding: 1.80vw;}
}
@media screen and (max-width:768px){	
	/* 공시정보 */
	.bd_investment .dpp_tbl_td {padding: 0 !important;}
	.bd_investment .dpp_tbl_td a {font-size: 4.43vw; padding: 3.91vw 3.13vw; flex-direction: column; gap: 1.04vw; border: 0;}
	.bd_investment .dpp_td_tt {width: 100%;}
	.bd_investment .dpp_btit {font-weight: 700;}
	.bd_investment .dpp_td_date {font-size: 3.39vw; text-align: left; width: 100%; opacity: .8;}
	.bd_investment .dpp_td_date::before {display: none;}
}
/* IR BOOK */
.bd_investment .dp_IRbook a {justify-content: space-between; padding: 20px 30px;}
.bd_investment .dpp_td_file .downIcon {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; background: #1D2088;}
.bd_investment .dpp_td_file .downIcon img {filter: brightness(0) invert(1); width: 21px;}
@media screen and (max-width:1640px){
	/* IR BOOK */
	.bd_investment .dp_IRbook a {padding: 1.22vw 1.83vw;}
	.bd_investment .dpp_td_file .downIcon {width: 3.66vw; height: 3.66vw;}
	.bd_investment .dpp_td_file .downIcon img {width: 1.28vw;}
}
@media screen and (max-width:1280px){
	/* IR BOOK */
	.bd_investment .dp_IRbook a {padding: 1.25vw 1.80vw;}
	.bd_investment .dpp_td_file .downIcon {width: 3.67vw; height: 3.67vw;}
	.bd_investment .dpp_td_file .downIcon img {width: 1.25vw;}
}
@media screen and (max-width:768px){
	/* IR BOOK */
	.bd_investment .dp_IRbook a {padding: 2.60vw 3.91vw; flex-direction: row;}
	.bd_investment .dpp_td_file .downIcon {width: 9.11vw; height: 9.11vw;}
	.bd_investment .dpp_td_file .downIcon img {width: 3.52vw;}
}