@charset "utf-8";
/* 
2024-10-14
- 2024-10-14 리뉴얼관련 CSS 

2024-10-29
- 기존 main.css 에 첨부되었던 reset.css 내용들 삭제

2024-10-30
- 미디어쿼리 정리를 이렇게 처리하면 어떨까?요?
- 원래 저의 기준은 아닌데, 기존 소스들을 고려하여 이렇게 바꾸어봤습니다.
@media (min-width: 410px) {}
@media screen and (min-width: 411px) and (max-width: 480px) {}
@media screen and (min-width: 481px) and (max-width: 768px) {}
@media screen and (min-width: 769px ) and (max-width: 1024px) {}
@media screen and (min-width: 1025px ) and (max-width: 1600px) {}
@media screen and (min-width: 1601px) {}
*/


/* Font */
@import url("https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css");

/* NotoSans */
@font-face {font-family:noto; font-weight:100; src:url('../css/font/NotoSans-Light.woff') format('woff'), url('../css/font/NotoSans-Light.woff2') format('woff2'), url('../css/font/NotoSans-Light.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:200; src:url('../css/font/NotoSans-DemiLight.woff') format('woff'), url('../css/font/NotoSans-DemiLight.woff2') format('woff2'), url('../css/font/NotoSans-DemiLight.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:400; src:url('../css/font/NotoSans-Regular.woff') format('woff'), url('../css/font/NotoSans-Regular.woff2') format('woff2'), url('../css/font/NotoSans-Regular.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:700; src:url('../css/font/NotoSans-Medium.woff') format('woff'), url('../css/font/NotoSans-Medium.woff2') format('woff2'), url('../css/font/NotoSans-Medium.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:800; src:url('../css/font/NotoSans-Bold.woff') format('woff'), url('../css/font/NotoSans-Bold.woff2') format('woff2'), url('../css/font/NotoSans-Bold.otf') format('OpenType')}

/* NanumMyeongjo */
@font-face {/*font-family:nm;*/ font-weight:800; src:url('../css/font/NanumMyeongjoBold.woff') format('woff'), url('../css/font/NanumMyeongjoB.woff2') format('woff2'), url('../css/font/NanumMyeongjoBold.otf') format('OpenType')}


/* style reset */
* {margin:0; padding:0; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

html {width:100%; font-size:10px; letter-spacing:-0.5px; }
body {width:100%; color:rgba(50,50,50,0.9); line-height:1.5; font-size:1.5rem; word-break:keep-all; word-wrap:break-word;}
ul, ol, li {list-style:none}
a {color:inherit; text-decoration:none; cursor:pointer;text-decoration-line:none;}
p{color:black; font-size: 17px; line-height: 200%;}
a:focus {outline:none}
em, address, i {font-style:normal}
caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0}
hr {font-size:0; line-height:0}
select {border-radius:0; color:rgba(102,102,102,0.9); -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
select::-ms-expand {display:none}
button {background:transparent; border:0; vertical-align:middle; cursor:pointer}
button:focus {outline:none}
pre {white-space:pre-line; word-break:break-all}
img {border:0; vertical-align:middle;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none;}
/*input[type="text"],
input[type="password"],
/* input[type="file"] {display:block; padding:0; background:#fff; border:0; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.9); outline:none} */
/* input[type="file"] {display:block; padding:0; background:#fff; border:1px solid #ddd; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.9); outline:none} */
/*input[type="file"] {display:block; background:#fff; border:1px solid #d0d3db; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.9); outline:none;
	height:40px; padding:5px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}*/

input[type="radio"],
input[type="checkbox"] {vertical-align:middle}
input::-ms-clear {display:none}
input::-webkit-input-placeholder {color:#bcbcbc; font-size:1.4rem; font-weight:400}
input:-moz-placeholder {color:#bcbcbc; font-size:1.4rem; font-weight:400}
input::-moz-placeholder{color:#bcbcbc; font-size:1.4rem; font-weight:400}
input:-ms-input-placeholder {color:#bcbcbc; font-size:1.4rem; font-weight:400}
textarea {display:block; overflow-x:hidden; overflow-y:auto; resize:none; background:#fff; vertical-align:middle; color:rgba(102,102,102,0.9)}
textarea::-webkit-input-placeholder {color:#bcbcbc; font-weight:400}
textarea:-moz-placeholder {color:#bcbcbc; font-weight:400}
textarea::-moz-placeholder {color:#bcbcbc; font-weight:400}
textarea:-ms-input-placeholder {color:#bcbcbc; font-weight:400}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}
body, button, input, textarea, select, pre {font-family:SUIT, noto, Dotum, Arial, sans-serif; font-weight:400}
.hide {overflow:hidden; position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0.1%; line-height:0.1%}
.transparents-layer {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50)}
.nocontents {width:100%; padding:5rem; text-align:center; font-size:1.6rem}
#guide_wrap h2 {display: block;margin: 0 20px 60px 20px;color: black;font-size: 35px;font-weight: 600;line-height: 40px;}

/*플로팅버튼*/
.floating-actions{position:fixed; right:2%; bottom:11%; z-index: 60; padding: 0; border:0;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;}
.action-btn {display: flex;align-items: center; justify-content:space-between;width: 180px;height:50px;border-radius:999px;font-weight:500;color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.2); margin-bottom: 6%; padding:0 5% 0 11%; font-size: 15px;opacity: 1;
  transform: translateY(0); transition:opacity 0.35s ease,transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);}
.blink-label {position: absolute;top:38%;left:5%;font-size: 11px;font-weight:500;z-index: 50;color: #fff;animation: strokeBlink 1.2s infinite; infinite; background: #5e12d2; padding: 1px 8px; border-radius: 999px; white-space: nowrap; border:0.7px solid rgba(255, 255, 255, 1);
}
@keyframes strokeBlink {
    0%, 100% {
        border-color: rgba(250, 235, 55, 1);
        box-shadow: 0 0 0 rgba(250,235,55,0);
    }
    50% {
        border-color: rgba(250, 235, 55, 0); /* 테두리 없어짐 */
        box-shadow: 0 0 6px rgba(250,235,55,0.7); /* 외곽 글로우만 */
    }
}
.floating-actions.collapsed .blink-label {display: none;}
/* 스태거*/
.action-btn:nth-child(1){ transition-delay: .05s; }
.action-btn:nth-child(2){ transition-delay: .1s; }
.action-btn:nth-child(3){ transition-delay: .15s; }
.action-btn:nth-child(4){ transition-delay: .2s; }
.floating-actions.collapsed .action-btn:nth-child(1){ transition-delay: 0s; }
.floating-actions.collapsed .action-btn:nth-child(2){ transition-delay: .05s; }
.floating-actions.collapsed .action-btn:nth-child(3){ transition-delay: .1s; }
.floating-actions.collapsed .action-btn:nth-child(4){ transition-delay: .15s; }
/* 접힘 상태 */
.floating-actions.collapsed .action-btn{opacity: 0; transform: translateY(30px) scale(0.95);pointer-events: none;}
/* 완전히 클릭 막기 위한 래퍼 pointer-events (토글은 예외) */
.floating-actions.collapsed { pointer-events: none; }
.floating-actions .action-toggle{ pointer-events: auto; }
.action-btn img{float:right;}
/* 초기 FOUC 방지: 첫 프레임엔 트랜지션 비활성 */
.no-anim .action-btn { transition: none !important; }

html[data-fab-state="closed"] #toggleBtn { content: "+"; }
/* 루트에 closed 표시가 있으면 아예 접힌 상태로 그려라 */
html[data-fab-state="closed"] .floating-actions .action-btn{
  transform: translateY(30px) scale(.95);
  opacity: 0;
  pointer-events: none;
}
.action-chat { background: linear-gradient(-90deg, rgb(0, 183, 231) 48.41%, rgb(0, 145, 231)) 100% center; color: white; background-size:200% 100%; animation: gradientMove 3s ease infinite;}  @keyframes gradientMove {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
.action-call { background: #3b4861; }              
.action-catalog { background: #079e5a; position:relative;}         
.action-demo { background: #fff; color: #222; border:1px solid #ddd; }
.action-toggle {width:6rem; height:6rem;border-radius: 50%;background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.2);display: flex;align-items: center; justify-content: center;font-size:30px;font-weight:500; float: right; transition: transform 0.25s ease;}
.action-toggle:active {transform: scale(0.9);}

/*상담원전화요청*/
.modal, .modal-content, #container-id { width: clamp(360px, 90vw, 960px); /* 최소 360, 화면의 90%, 최대 960 */ max-width: 960px;}
#modal_call{height:740px;}
.modal__content{padding:40px 20px;}
.callback_title {height: 50px;padding: 0 10px;line-height: 50px;display:flex;align-items: center;}
.callback_title h2{font-size:30px;font-weight: 700;color: black;}
.callback_title_p{margin-bottom:3%;}
.callback_title_p p{color: #9f9f9f;padding-left: 2%;}
.callback_title img { width:30px;height: 30px;margin-right: 2%;}
ul.callback_form {background-color: white;border-radius: 15px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);width: 95%;height:auto;margin: 0 auto;padding: 5%;}
ul.callback_form li { display: flex;align-items: center;margin-bottom: 4%;}
ul.callback_form li label {display: block;margin: 0 0 8px 0;color: #222;font-size:16px;font-weight: 700;width: 20%;}
ul.callback_form li input, ul.callback_form li button, ul.callback_form li a {vertical-align: top;cursor: pointer}
ul.callback_form .frm_input {height: 40px;width: 77%;line-height: 40px;text-indent: 10px;background: #fff;border: solid 1px #ccc;display: inline;}
.callback_select{font-size:16px;font-weight: 600;color: #222;}
 #callback_chk{display:flex;align-items: center; margin:2.5% 0;color: black;}
 #callback_chk input[type="checkbox"]{appearance: none; -webkit-appearance: none;width: 28px;height: 28px;box-sizing: border-box;border: 3px solid #00b5e9;border-radius: 50%;display: block;vertical-align: middle;cursor: pointer;background-color: #ffffff;position: relative;flex:0 0 28px;transition: border-color .18s ease-out, background-color .18s ease-out;margin-right: 3%;}
 #callback_chk input[type="checkbox"]::after{content: "";position: absolute;top: 50%;left: 50%;width: 14px;height: 14px;background: #3b3b3b;border-radius: 50%;inset:4px;opacity: 0;}
 #callback_chk input[type="checkbox"]:checked::after{ opacity: 1;}
a.btn, .btn {display: inline-block;height: 40px;padding: 0 24px;line-height: 40px;text-align: center; border: none;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.callback_btn{ margin:0 auto;text-align: center;margin-top: 4%;}
#c_btn_callback{ margin: 0 auto; width:90%;height:5rem;border-radius: 8px;font-size:16px;background-color: #353535;cursor: pointer;}
a.btn_submit, button.btn_submit, .btn_submit {color: #fff;background: #444;}
.agree_intro{margin-top:25%;}
.agree_intro h4{font-size:16px; color: #222; font-weight: 600;}
#callback_agree input[type="checkbox"] {transform: scale(1.5); margin-right: 2%;}
#callback_agree .desc{font-size:13px; display: flex; align-items: center; margin-top: 2.5%;}

/*test*/
/* 테스트 페이지에서만 적용 */
#test_pag .swiper-pagination-bullet {
    position: relative;
    overflow: hidden;
   background-color: rgba(255,255,255,0.7);
    background-image: linear-gradient(to right, #ffffff 0 0);
    background-repeat: no-repeat;
    background-size: 0% 100%;
}
/* JS에서 붙여주는 클래스: 이때만 채워지는 애니메이션 발동 */
#test_pag .swiper-pagination-bullet.bullet-anim {
    animation: bulletFill 9s linear forwards;  /* 4초 동안 차오름 */
}
/* autoplay delay: 4000 이면 4s 맞춰두면 됨 */
@keyframes bulletFill {
    from { background-size: 0% 100%;}
    to {background-size: 100% 100%;}}



/* index.php */
.index_section1{width: 100%; height: 82.1rem; position:relative;}
.swiper_container1{position:relative;}
.swiper_slide1{width:100%; }
.swiper_slide1 img{width: 100%; height:100%; object-fit: cover; /* 이미지를 부모 요소에 맞게 조정 */}
.index_pagination1 {top: 75%; left:15%;/* 페이지네이션 위치 조정 */}
/*/index_section1 .index_pagination1.first-slide {top:91%; left:45%;} 페이지네이션 정 가운데*/
.sc1_slide_video{width:100%;height:82.1rem;-webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; object-fit: cover;}
.swiper-pagination-bullet {width: 15px; height: 15px; background-color: #fff; margin: 5px;}
.swiper-pagination-bullet-active { width: 50px; transition: width .5s; border-radius: 10px; background-color: white; border: 1px solid transparent;}
.next_btn1{width:2%;height: 7.8%;position: absolute; background-image: url('/images/sc1_next.png');top:45%; margin-right: 2%; background-size: cover;background-repeat: no-repeat; border: none; cursor: pointer; display: inline-block; text-indent: -9999px; z-index:30; }
#next_btn1{width:2%;height: 7.8%;position: absolute; background-image: url('/images/sc1_next.png');top:45%; margin-right: 2%; background-size: cover;background-repeat: no-repeat; border: none; cursor: pointer; display: inline-block; text-indent: -9999px; z-index:30; }
.prev_btn1{width:2%;height: 7.8%; position: absolute; background-image: url('/images/sc1_prev.png');top:45%; margin-left: 2%;background-size: cover;background-repeat: no-repeat; border: non.index_pagination1 .swiper-pagination-bullet::beforee; cursor: pointer; display: inline-block; text-indent: -9999px; z-index:30;}
.next_btn1.swiper-button-disabled, .prev_btn1.swiper-button-disabled {opacity: 0.3;}
.sc1_slide_title{position:absolute; top:35%; margin-left:15%; text-align: left; font-size: 45px; font-weight: 800; color:white;}
.sc1_slide_content{position:absolute; top:45%; margin-left:15%; text-align: left; font-size: 20px; line-height: 180%; color:white;}
.sc1_slide_content_bold{position:absolute; top:45%; margin-left:15%; text-align: left; font-size: 30px; font-weight: 700; color:white; line-height:180%;}
.sc1_slide_btn{position: absolute;width:9%; height:7%; top:61%; left:15%; border-radius:30px; background-color:#00ac74; color: #fff; font-size: 17px; font-weight:500;}

.swiper-wrapper > .swiper-slide:nth-child(2) .sc1_slide_title, .swiper-wrapper > .swiper-slide:nth-child(2) .sc1_slide_content{color:white !important;}
.swiper-wrapper > .swiper-slide:nth-child(3) .sc1_slide_title, .swiper-wrapper > .swiper-slide:nth-child(3) .sc1_slide_content{color:white;}
.swiper-wrapper > .swiper-slide:nth-child(4) .sc1_slide_title, .swiper-wrapper > .swiper-slide:nth-child(4) .sc1_slide_content{color:white;}
.swiper-wrapper > .swiper-slide:nth-child(7) .sc1_slide_title, .swiper-wrapper > .swiper-slide:nth-child(7) .sc1_slide_content{color:black;}
.swiper-wrapper > .swiper-slide:nth-child(6) .sc1_slide_title, .swiper-wrapper > .swiper-slide:nth-child(7) .sc1_slide_title{top:34%;}
.swiper-wrapper > .swiper-slide:nth-child(6) .sc1_slide_content, .swiper-wrapper > .swiper-slide:nth-child(7) .sc1_slide_content{top:44%;}
.swiper-wrapper > .swiper-slide:nth-child(2) .sc1_slide_btn{background-color:#06c3bb; }
.swiper-wrapper > .swiper-slide:nth-child(3) .sc1_slide_btn{background-color:#e75b6b; }
.swiper-wrapper > .swiper-slide:nth-child(5) .sc1_slide_btn{background-color:#000; }
.swiper-wrapper > .swiper-slide:nth-child(6) .sc1_slide_btn{background-color:#207dff; top:55%;}
.swiper-wrapper > .swiper-slide:nth-child(7) .sc1_slide_btn{background-color:#6b74e5; top:56%;}
.sub_nav_parent{position:relative; height: auto;}
.sub_nav{width: 100%; height: 9rem; display: flex; align-items: center; position: sticky; top:0; z-index:50; background-color: white; font-size: 20px; color: #222222; overflow: hidden;}
.sc1_slide_btn.ye_10years{top:78%; left:46%;}
.sub_nav p, .sub_nav2 p{width:50%; text-align:center; font-size:20px;}
.sub_nav button, .sub_nav2 button{padding:4%;font-size: 20px; box-sizing: border-box; border: 1px solid #3d3d3d;}
.nav_btn{background-color: black; color:white;}
.nav_btn2{background-color: #1b986b; color:white;}
#nav_btn2{padding:2.5%; display: flex;}
#nav_btn2 img{width:25px; margin-right: 5px;}
.nav_btn.active{background-color: #207dff; color: white;}
.index_section2{width: 100%; height:800px; display: flex; flex-direction: column;}
.swiper_wrapper2{display:flex; flex-direction: column; height:800px;}
.swiper_container2, .swiper_container3, .swiper_container8{width:100%; height: 100%; overflow: hidden;}
.swiper_slide2{width: 100%;height: 100%; overflow: hidden;}
.swiper_slide2 img{width: 100%; height: 800px; object-fit: cover;}
.sc2_left_panel{flex:1; position: relative;}
.sc2_right_panel{width: 50%; height: 800px; flex:1;  background-color: rgba(0, 0, 0, 0.7); color: white; display:flex; flex-direction: column; padding: 20px; position:absolute; right: 0; z-index: 1;}
.slide_title_container{max-height: 100%; padding:6% 5% 5% 5%; font-size: 18px;}
.slide_title_container h3{font-size:30px; margin-left:5%;}
.slide_title_container h4{font-size:30px; margin-left:5%;}
.slide_title_container p, .slide_title_container3 p{color:white; line-height: 160%; font-size: 18px; font-weight: 300;}
.slide_title_container3 h3{font-size:30px; text-align: right; margin-right: 5%;}
.slide_title_container3 h4{font-size:30px; text-align: right; margin-right: 5%;}
.slide_title{opacity: 0.3; transition: opacity 0.3s; margin:5% 5% 4% 5%; cursor: pointer;}
.slide_title9{opacity: 0.3; transition: opacity 0.3s; margin:5% 5% 4% 5%; cursor: pointer;}
.slide_title h2, .slide_title9 h2{margin-bottom:1%;}
.slide_title3{opacity: 0.3; transition: opacity 0.3s; margin:5% 5% 4% 5%; cursor: pointer; right: 0; text-align: right;}
.slide_title7, .slide_title8{opacity: 0.3; transition: opacity 0.3s; margin:8% 5% 8% 5%; cursor: pointer; right: 0; text-align: right;}
.slide_title3 h2, .slide_title8 h2, .slide_title7 h2{margin-bottom:1%;}
.slide_title_container3{ padding:6% 5% 5% 5%; font-size: 18px;}
.slide_title.active, .slide_title3.active, .slide_title8.active, .slide_title7.active, .slide_title9.active{opacity: 1;}
.index_pagination2, .index_pagination3, .index_pagination8{display:none;}
.index_scrollbar2{width: 1%; height: 75%; position: absolute; right: 0; top:0; background: rgba(129, 129, 129, 0.5); border-radius: 4px; z-index: 2; margin:12% 10% 5% 0%;}
.index_scrollbar3, .index_scrollbar8{width: 1%; height: 75%; position: absolute; reft: 0; top:0; background: rgba(129, 129, 129, 0.5); border-radius: 4px; z-index: 2; margin:12% 0% 10% 10%;}
.index_scrollbar2 .swiper-scrollbar-drag, .index_scrollbar3 .swiper-scrollbar-drag, .index_scrollbar8 .swiper-scrollbar-drag {background: #207dff;border-radius: 4px;}
.index_section3{width: 100%; height:800px; display: flex; flex-direction: column;}
.sc3_left_panel{flex:1; position: relative;}
.sc3_right_panel{width: 50%; height: 800px; flex:1;  background-color: rgba(0, 0, 0, 0.7); color: white; display:flex; flex-direction: column; padding: 20px; position:absolute; left:0; z-index: 2;}
.index_section4{width: 100%; height:1000px; background-color: #f5f5f5;}
.sc4_slide_video{width: 35%; height:auto; border-radius:30px; object-fit: cover; margin-left:15%;-webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; object-fit: cover;}
.index_pagination4{display:none;}
.product_container4{display:flex; justify-content: center;}
.ct4_font{margin:6% 2% 5% 8%}
.ct4_font p{font-size: 25px;color:#9c9c9c; margin-bottom:9px;}
.ct4_font h2{font-size: 30px; color:#222222;}
.ct4_img{margin:7% 0% 5% 2%} 
.ct4_font h1{font-size:85px; font-weight: 900; color: #08b288;}
.ct4_img img{width: 80%;}
.swiper_container4{width:100%; height:45%; overflow: hidden; position: relative;}
.swiper_slide4{width: 100%;height: 100%; overflow: hidden; position: relative; transition: opacity 0.3s, transform 0.3s;}
/*.swiper-slide4-active{opacity:1;}*/
.swiper_slide4 img{width: 35%; height:auto; border-radius:30px; object-fit: cover; margin-left:15%;}
.sc4_slide_title{position:absolute; top:18%; margin-left: 55%; text-align: left; color: #222222;}
.sc4_slide_content{position:absolute;  width:26%; top:33%; margin-left: 55%; text-align: left; font-size: 18px; color: #222222;}
.scroll_bar4{position:absolute; width:13%; height: 5px; background-color:#9c9c9c;border-radius: 20px;margin-left: 58.8%; bottom: 30.5%; overflow: hidden;}
.scroll-progress{background-color:#207dff; width: 0; height: 100%; }
.prev_btn4{width: 0.7%;top:71%;left: 55%; position: absolute; color: #050505; background-image: url('/images/sc4_prev.png'); background-size: contain; display:inline-block; background-repeat: no-repeat;}
.next_btn4{width: 0.7%;top:71%;left: 75.5%; position: absolute; color: #050505; background-image: url('/images/sc4_next.png');background-size: contain; display:inline-block; background-repeat: no-repeat;}
.slide-number{width: 100%; position:absolute; top:66%; margin-left: 57%; color: #050505; font-weight: 500;}
.current-slide{ margin-right: 15%;}
.index_section5{width: 100%; height:900px; background-color: #131a21; position:relative;}
.product_container5{display:flex; justify-content: center;height:43%;}
.sc5_icon img{position:absolute;width:2.5%; top:30%; left:80%;}
.sc5_icon p{color:white;position:absolute;width:10%; top:34%; left:83%;}
.ct5_font{margin:5% 7% 5% 11%}
.ct5_font p{font-size: 25px;color:#9c9c9c; margin-bottom:9px;}
.ct5_font h2{font-size: 30px; color:#fff;}
.ct5_img{margin:6% 0% 5% 2%} 
.ct5_font h1{font-size:85px; font-weight: 900; color: #207dff;}
.ct5_img img{width:60%;}
.swiper_container5{width:100%; height: 60%; position: relative;overflow: hidden; cursor: grab;}
.swiper_container5:active{cursor:grabbing;}
.swiper_wrapper5{width:100%; margin-left: 15%;}
#main .index_section5 #swiper_slide5{width:30%;}
.swiper_slide5 img{width:85%; height:50%; object-fit: cover;}
.sc5_slide_title{width: 100%; color: #fff;margin:5% 0 2% 0%; font-size: 22px;}
.sc5_slide_content{position: absolute; width: 100%;color: #fff; font-size: 18px; font-weight: 100;}
.index_pagination5{position: absolute; width:60%; height:0.5%; border-radius: 30px; top:93%; left:15%;}
.swiper-pagination-progressbar {background:#9c9c9c;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius: 30px; background: #207dff; /* 프로그레스 바의 색상 */}
.index_section6{width: 100%; height:800px; background-color: #f5f5f5; position:relative;}
.ct6_font h2{font-size:30px; color: #222222;}
.ct6_font p{font-size:20px; color: #00b7e7; font-weight: 700;}
.title_container6{width:100%; height: 30%; padding:5% 5% 0 5%; position:relative;}
.swiper_container6{width: 100%; height: 60%; overflow: hidden;position:relative;}
.index_pagination6{display:none;}
.swiper_slide6{width: 27%;}
.swiper_slide6 img{width:85%; height:60%; object-fit: cover;}
.swiper_wrapper6{margin-left: 5%;}
.sc6_slide_title{font-size:22px; width:85%; margin-top:5%;  color: #222222;}
.sc6_slide_content{width: 85%; margin-top:5%; display:flex; justify-content: space-between; color: #222222; position:absolute; top:80%;}
.sc6_slide_content img{width:5%;}
.sc6_slide_content p{margin-left:auto;}
.prev_btn6{width:50px; height:83px; position: absolute; top:14%; left:80%; background-image: url('/images/sc6_prev.png'); /* 이미지 경로 */
    background-size: cover; /* 이미지 크기를 버튼에 맞게 조정 */
    background-repeat: no-repeat; /* 이미지 반복 방지 */
    border: none; /* 기본 테두리 제거 */
    cursor: pointer; /* 마우스 커서 변경 */
    display: inline-block; /* 블록처럼 동작하게 */
    text-indent: -9999px; /* 텍스트 숨기기 */
    z-index:30;}
.next_btn6{ width:50px; height:83px; position: absolute; top:14%; left:88%; background-image: url('/images/sc6_next.png'); /* 이미지 경로 */
    background-size: cover; /* 이미지 크기를 버튼에 맞게 조정 */
    background-repeat: no-repeat; /* 이미지 반복 방지 */
    border: none; /* 기본 테두리 제거 */
    cursor: pointer; /* 마우스 커서 변경 */
    display: inline-block; /* 블록처럼 동작하게 */
    text-indent: -9999px; /* 텍스트 숨기기 */
    z-index:30; }
.next_btn6:after, .prev_btn6:after {font-size: 300%; /* 버튼 크기 */ font-weight: 1000; border-radius:0;}



.next_btn6.swiper-button-disabled, .prev_btn6.swiper-button-disabled {opacity: 0.1;}
.index_section7{width: 100%; height:900px; background-color:white; text-align: center;}
.title_container7{width:100%; height:22%; padding:5% 5% 0 5%; text-align: center;}
.ct7_font h2{font-size:30px; color: #222222;}
.sc7_slide_title {width:100%;height:4.5%; display: flex; justify-content: center; margin-bottom:3%;}
.sc7_slide_title h1{font-size:22px; color:#222222; margin:0 25px; font-weight: 600; position: relative; cursor: pointer;}
.sc7_slide_title h1::after{content: ''; position:absolute; left: 0; bottom: 0; width:100%; height:3px; background:#207dff; transform:scaleX(0); transition: transform 0.3s ease;transform-origin: left;}
.sc7_slide_title h1:hover::after, .sc7_slide_title h1.active::after{transform:scaleX(1);}
.swiper_container7{width:100%; height:45%; text-align: center; overflow: hidden;}
.swiper_wrapper7{width: 100%;text-align: center;}
.swiper_slide7 img{width:40%; height:100%; object-fit: cover;}
.sc7_btn{width:10%; height: 6%; background-color:black; color:white; border-radius:30px; font-size: 18px; font-weight:500; margin-top:1%;}
.index_section8{width:100%; height:200px;background-color:white; display: flex;}
.title_container8{width:25%;text-align: right; padding:0 3%;color:#222222; margin-left: auto;}
.title_container8 h1{margin-bottom:0.5%; cursor:pointer;}
.title_container8 p{cursor:pointer;}
.index_section8 img{width:auto; height:38%; margin:0% 12% 0 0; cursor:pointer; animation: scaleAnimation 1.8s infinite; /* 애니메이션 적용 */}
@keyframes scaleAnimation {
    0% {transform: scale(1); /* 시작 크기 */}
    50% {transform: scale(1.3); /* 중간 크기 (커짐) */}
    100% { transform: scale(1); /* 끝 크기 (원래 크기) */}
}
.index_pagination7{display:none;}


/* /sub/all.php */
.product_section1{width:100%;height:50rem;background-image: url("/images/product_sc1.jpg"); position:relative;}
#sc_all2{background-image: url("/images/all2.png");}
.sub_nav2{width: 100%; height: 9rem; display: flex; align-items: center; z-index: 1000; background-color: white; font-size: 20px; color: #222222; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.product_menu{width:auto;height: 10rem; text-align: center; margin:3% auto; position:sticky; top:0; background-color: white; display: flex; justify-content: center; align-items: center;}
.product_menu_wrap{height: auto;}
.product_menu button{width:auto; height:auto; padding:0.5% 1%; font-size:18px; background-color:#f4f4f4;margin: 0 0.5%; border-radius: 10px; font-weight: 500;}
.product_menu button.active{background-color:#207dff; color: white;}
.section_product{width:70%; margin:0 auto; margin-top:5%; margin-bottom:5%; }
.product_wrap_parents{display:flex; flex-wrap:wrap;}
#parents_mic, #parents_RoomDevice{margin-bottom:5%;}
.product_wrap{flex: 0 0 23%; box-sizing: border-box;margin:2% 1%; cursor: pointer;}
.product_wrap p{font-size:20px; font-weight:700;text-align: center; margin-top: 5%; color: #5f5f5f;}
.product_img_wrap{ border: solid 1px #d3d3d3; border-radius:15px; padding:2% 2% 5% 2%; text-align: center;}
.product_img_wrap img{width:80%; object-fit: cover;}
.product_title{margin-left:2%; font-weight: 700;}
.product_sc1 h2{position:absolute; top:40%; left:15%; text-align: left; font-size: 45px; font-weight: 800; color:black;}
.product_sc1 p{position:absolute; top:55%; left:15%; text-align: left; font-size: 20px; line-height: 180%; color:black;}

/* sub/dataroom.php */
.data_lists .search_header p{font-size:25px;}
.dataroom_section1{width:100%; height:50rem; background-image: url("/images/dataroom_sc1.jpg"); position:relative;}
.dataroom_sc1 h2{position:absolute;top:40%; left:50%; transform: translate(-50%, -50%); color: white; font-size: 30px; font-weight: 500; text-align:center;}
.data_search{position:absolute;width:20%;left:50%;top:55%; transform: translate(-50%, -50%); }
.data_search button{ z-index: 20; position:relative;}
.data_search img{margin-right: 25px; position: absolute; top:-1.5rem; left:32rem;}
Input::placeholder{font-size:16px;}
#searchForm{display:flex; align-items: center;}
#searchInput{ width:100%; height:5rem; position: absolute; background-color: white; border-radius:30px; opacity: 0.8; cursor:text; border:none; color: black; font-size:20px; text-align: end; padding: 0 20%;}
.data_search p{margin-right: 20px;}
.data_btns {margin-bottom: 5%;}
.data_btns a.button {display:inline-block; width:auto; height:40px; line-height:40px; padding: 0px 20px; border-radius:15px;background-color: #f1f1f1; font-size: 15px; margin-right:10px; vertical-align: middle;cursor: pointer;}
.data_btns a.button.on {background-color:#818181; color:white;}
.category_wrap{border-bottom: 1px solid #d7d5d6;}
.header_category {cursor: pointer; margin:10% 0 5% 0; font-size:20px; color: black;font-weight: 600; display: flex; justify-content: space-between;}
.category_icon{margin-left: auto; font-size:25px; font-weight: 300;  }
.sub_category {height:0;overflow: hidden; transition: height 0.3s ease;cursor: pointer;display:flex; align-items: center;}

.dataroom_section2{width:100%; display: flex;}
.sc2_category{width:15%; margin:3% 8% 5% 15%; font-size: 20px; font-weight: 600;}
.sc2_data{width:50%; margin-top:4%;}
.sc2_data h2{padding-bottom:10px; margin-bottom:30px; color: #207dff;}
.data_wrap{margin-bottom: 5%;}
.header_data{font-size:20px; font-weight: 600; margin-bottom:3%; color: black;}
.no_icon{margin-left:auto;}
.sub_category_wrap{overflow: hidden;  transition: height 0.3s ease;}
.sub_category h3 {font-size:18px; font-weight: 400; margin:15% 3%;}
.sub_category h3.bold {font-size:18px;font-weight:800;}
.data_lists  {}
.data_lists .row {padding-top:15px;padding-bottom:15px;border-bottom: 1px solid #d7d5d6;}
.data_lists .subject {font-size:18px;}
.data_lists .bold {font-weight:bold;}
.data_lists .link {text-align:center;}
.data_lists .date {text-align:right; font-size:18px;}
.data_lists .new {display:inline-block; width:40px; height:26px; line-height:26px; text-align:center; background-color:#f9472d; border-radius: 30px; color: white; margin-left:15px; font-size:11px;}

.cursor {
    display: none; /* 기본적으로 숨김 */
    width: 1px; /* 커서 너비 */
    height: 20px; /* 커서 높이 */
    background-color: #494949; /* 커서 색상 */
    animation: blink 1s step-end infinite; /* 깜빡임 애니메이션 */
    margin-right: 3%;
}

@keyframes blink {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}


/* sub/dataroom.php - board */
.dataroom_section1_1 {width:100%; height:30rem;background-image: url("/images/dataroom_sc1.jpg"); position:relative;}


/*other*/
.other_sc1 h2{position:absolute;top:50%; left:50%; transform: translate(-50%, -50%); color: white; font-size: 30px; font-weight: 500; text-align:center;}
.other_section2 img{width:65%;display:block; margin: 0 auto; padding:2% 0;}
.other_section2 h2{text-align:center; font-size:30px; margin-top:4%;}

/* sub/almazncare.php */
.care_section1{width:100%; height:50rem; background-image: url("/images/care_sc1.jpg"); position:relative;}
.care_section1 h2{position:absolute; top:40%; left:15%; color:black; font-size: 40px; font-weight: 700;}
.care_section1 p{position:absolute; top:55%; left:15%; color:black; font-size: 20px;}
.sub_nav_parent_care{width: 100%; height:auto; position: relative;}
.sub_nav_care_wrap{}
.sub_nav_care{ position:sticky; top:0; background-color: white; align-self: flex-start; z-index :50; width:100%; height:7rem;display: flex; align-items: center; border:1px solid #e3e3e3;}
.sub_nav_care h2{margin:0 10% 0 15%; color:black;}
.sub_nav_care a{margin:0 1%;}
.nav_item{position:relative;  align-items: flex-start; padding:30px; display: flex; color: inherit;font-size:17px;  color:black; }
.nav_item.underline::after{content:''; position: absolute;  align-items: flex-start; display:block; width:70%; height: 7px; background-color: #e3e3e3; left:50%; transform:translateX(-50%); bottom:10%;}
.nav_item.underline2::after{content:''; position: absolute; display:block; width:70%; height: 7px; background-color: #00b7e7; left:50%; transform:translateX(-50%); bottom:10%;}
.nav_item.underline1::after{content:''; position: absolute; display:block; width:70%; height: 7px; background-color: #088855; left:50%; transform:translateX(-50%); bottom:10%;}
.sub_nav_care p{font-size:17px;  color:black;}
.sub_nav_intro h2{margin:0 5% 0 10%;}
.care_section2{width:100%; height:90rem; margin-bottom: 3%; position: relative;}
.care_sc_title{text-align: center;color:black; font-size:25px; font-weight: 700; margin:5% 0;}
.care_sc_title p{font-size:20px; font-weight:400; margin-top:0.5%;}
.care_sc2_img img:nth-child(1){position:absolute; top:17%; left:23%;}
.care_sc2_img img:nth-child(2){position:absolute; top:72%; left:73%;}
.care_sc2_content_wrap{}
.care_sc2_content{display:flex; margin-left: 30%; margin-bottom:3%;}
.care_sc2_content h2{ margin-right:5%; color:black; font-size:35px;}
.care_sc2_content p{line-height:250%; font-size:17px; color:black;}
.care_section3{width:100%; margin-bottom: 10%;}
.care_section3 img{display: block;margin:0 auto;}
.care_section4{width:100%; height:110rem; background-color:#a3a5dc;position: relative; padding-top:5%;}
.sc4_img_wrap img{position: absolute;}
.sc4_img_wrap img:nth-child(1){top:35%; left: 10%; width: 12%;}
.sc4_img_wrap img:nth-child(2){top:65%; right: 15%;}
.care_sc4_title{display: flex;align-items: center;justify-content: center; width:35%;height:8%;color:white;background-color:#454779; border-radius:40px; margin:0 auto; }
.care_sc4_title p{font-size:25px; color: white;}
.care_sc4_content1_wrap{display:flex; justify-content: center;}
.care_sc4_content1{margin:5% 0; position:relative; display: flex; flex-direction: column; align-items: center;}
.care_sc4_content1_wrap h2{position:absolute; top:30%; font-size: 30px; margin-right: 5%;}
.care_sc4_content1_wrap p{position:absolute; top:55%; font-size:16px; text-align: center; margin-right: 5%;}
.care_sc4_content2{display: flex; justify-content: center; color:white;}
.care_sc4_content2 p{line-height:250%; font-size:20px; color: white;}
.care_section5{width:100%; height:60rem;}
.care_section5 img{display:block; margin:0 auto;}
.care_section6{width:100%; height:70rem; background-image: url("/images/care_sc6_img.jpg"); padding-top:7%;}
.care_sc6_title{color:black; font-size:25px; font-weight: 700; margin-left:15%;}
.care_sc6_title p{font-size:20px; font-weight:400; margin-bottom:0.5%;}
.care_sc6_content{margin-top:2%;}
.care_sc6_content p{color:black; font-size:20px; line-height: 250%; margin-left:15%; margin-top:1%;}
.care_section7{width:100%; height: 40rem; display:flex; align-items: center; justify-content: center;}
.care_sc7_content{text-align:center; margin:0 10%;}
.care_sc7_content h2{margin-bottom:4%; font-size: 25px;}
.care_sc7_content p{font-size:18px;}

/*pineapple*/
.pa_section1{width:100%; height:50rem; background-image: url("/images/pa_sc1.jpg"); position:relative;}
.pa_section1 h2{position:absolute; top:40%; left:75%; color:black; font-size: 40px; font-weight: 700;}
.pa_section1 p{position:absolute; top:55%; left:64%; color:black; font-size: 20px;text-align: right;}
.pa_section2{width:100%; height:50rem;}
.pa_sc2_content1{display:flex; justify-content: center;}
.pa_sc2_content1 img{margin:0 5%; width:5%;}
.pa_sc2_content1 img:nth-child(2){width:6%;}
.pa_sc2_content2{display:flex; justify-content: center; margin:2% 0;}
.content2_wrap{display: flex; align-items: center;flex-wrap: nowrap;}
.content2_wrap:nth-child(1){width:15%; margin-right:3.5%; margin-left:7%; }
.content2_wrap:nth-child(2){width:8%;}
.content2_wrap:nth-child(3){width:27%; padding-left:5%;}
.content2_wrap img{width:4rem; margin-right:3%;}
.content2_wrap p{font-size:17px;}
.pa_section3{width:100%; height:120rem; position: relative; background-color: #f6f6f6; display: flex; align-items: center; flex-direction: column; justify-content: space-around;}
.sc3_img_wrap{display:inline-block;}
.sc3_img_wrap img:nth-child(1){position: absolute; left:75%; top:5%; width: 20%; display:inline-block; }
.sc3_img_wrap img:nth-child(2){position: absolute; top:55%; left:3%; display:inline-block;}
.pa_sc3_content{width:60%; height:30rem; border-radius:20px; border:3px solid #fcdc53; background-image: url("/images/pa_s3_back1.jpg"); z-index: 10;}
.pa_sc3_content:nth-child(2){background-image: url("/images/pa_s3_back2.jpg");}
.pa_sc3_content:nth-child(3){background-image: url("/images/pa_s3_back3.jpg");}
.sc3_text_wrap{display:flex;  margin-top:5%; margin-left: 16%;}
.content_title{font-size:25px; font-weight:700; margin-right: 15%;}
.content_text{font-size:17px; line-height:250%; font-weight: 500;}
.pa_sc3_link{margin-left:45%; margin-top:1%; line-height:220%; font-size: 17px;}
.link_click{font-weight:600; margin-top: 2%; }
.link_click2{ margin-top: 5%;font-weight:600; }
.link_click a,.link_click2 a {text-decoration: underline; color: #1D7EFF;}
.pa_section4{width:100%; height: 35rem;}
.pa_section4 > .care_sc_title {margin-top:2%;}
.pa_section4 h2{margin:2% 0;}
.pa_section4 p{line-height: 200%;}
.pa_section4 img{margin: 0 auto; display: block; margin-top:3%;}

/*company*/
.cp_section1{width:100%; height:50rem; background-image: url("/images/cp_sc1.jpg"); position:relative;}
.cp_section1 h2{position:absolute; top:50%; left:50%; transform: translateX(-50%); color:white; font-size: 30px; font-weight: 600;}
.cp_sc_title{width:40%;font-size:30px; font-weight:800; color: black;}
.cp_sc_title p{font-size:17px; font-weight:500; line-height: 200%; color: #2f2f2f; margin-top:5%;}
.cp_section2{width:100%; height:auto; display:flex; padding-left: 20%; padding-top:10%; box-sizing: border-box;}
.cp_sc2_content{display: flex; flex-direction: column;}
.cp_sc2_content img{width:75%; margin: 0 auto; display: block;}
.cp_sc2_content p{text-align:center; color:#7e7e7e; margin: 5% 0;}
.cp_sc2_btn{width:32%; height:6rem; display: flex; align-items: center; justify-content: center; color:white; border-radius:30px; background-color:#00b7e7; margin:0 auto; }
.cp_sc2_btn img{width:10%; margin:0;}
.cp_sc2_btn p{margin:0 3%; color:white;}
.cp_section3{width:100%; height:50rem; display:flex; padding-left: 20%; padding-top:5%;box-sizing: border-box;}
.cp_sc3_content {position:relative;} 
.cp_sc3_content h2{position:absolute; top:35%; left:15%; font-weight: 500; font-size: 20px;}
.cp_sc3_content img{margin:3% 0;}
.cp_section4{width:100%; height:30rem; display:flex; padding-left: 20%;box-sizing: border-box; align-items: center; margin-bottom: 5%;}
.cp_section4 img{width:20%; }
.cp_section5{width:100%; height:15rem;}

/*history*/
.his_title{text-align:center; font-size: 30px; font-weight:700; color: black; margin:5% 0;}
.his_section2{width:100%;display: flex; align-items: center; padding-left: 30%;margin-bottom: 5%}
.his_section2 img{width:18%;margin-right: 10%; ;}
.his_p_wrap p{text-indent:-3%; padding-left: 3%;}
.his_c2_content{display:flex; flex-direction: column;}
.his_sc2_textwrap, .his_sc3_textwrap,.his_sc4_textwrap,.his_sc5_textwrap{display:flex; align-items: center; white-space: nowrap;}
.his_sc2_textwrap h2{font-size:30px; color:#0387d0; margin:3%;}
.his_sc2_textwrap p,.his_sc3_textwrap p,.his_sc4_textwrap p,.his_sc5_textwrap p{font-size:17px; color:black;margin:2%;}
.his_sc3_textwrap h2{color:#01999e;font-size:30px;margin:2%;}
.his_sc4_textwrap h2{color:#f69d00;font-size:30px;margin:2%;}
.his_sc5_textwrap h2{color:#ff58b6;font-size:30px;margin:2%;}

/*orgchart*/
.org_chart{margin-bottom: 10%;}
.org_chart img{width:40%; display: block; margin:0 auto;} 

/*buyinfo*/
.customer_section{width:100%; height:47rem; background-image: url("/images/img_subvisual_04.jpg"); position:relative;}
.customer_section h2{position:absolute; top:50%; left:50%; transform: translateX(-50%); color:white; font-size: 30px; font-weight:500;}
.buyinfo_wrap_parents{display: flex; justify-content: center;}
.buyinfo_section2 h2{font-size: 35px; font-weight: 600; text-align: center; color: black; margin:5%;}
.buyinfo_wrap_parents{width:80%; margin:0 auto;}
.buyinfo_wrap{display:flex; flex-direction: column;}
.buyinfo_step{position:relative;}
.buyinfo_step > img{width:100%;}
.buyinfo_step_content{position: absolute; width:75%; text-align: center; left:3%; top:20%;}
.buyinfo_step_content h2{font-size:24px;}
.buyinfo_step_content p{font-size:15px; font-weight: 400; margin:0 auto; width:90%;}
.buyinfo_step_content2{position: absolute;display: flex; align-items: center; justify-content: center; font-weight:600; color: black; width:75%; height:15%; top:75%; text-align: center; left:3%;}
.buyinfo_wrap:nth-child(4) .buyinfo_step_content2{top:80%;}
.buyinfo_wrap_parents .buyinfo_wrap:nth-child(4) .buyinfo_step_content{ top:10%;}
.buyinfo_wrap_parents .buyinfo_wrap:nth-child(5) .buyinfo_step_content,.buyinfo_wrap_parents .buyinfo_wrap:nth-child(5) .buyinfo_step_content2{left:12%;}
.buyinfo_section3{width:100%; }
.buyinfo_sc3_content_wrap{width:100%; display: flex; justify-content: center; margin-bottom: 5%;}
.buyinfo_section3 .buyinfo_sc3_content_wrap:nth-child(3){margin-bottom:2%;}
.buyinfo_section3 .buyinfo_sc3_content_wrap:nth-child(5){margin-bottom:10%;}
.buyinfo_sc3_content h2{color:black; font-size: 35px; font-weight: 800; margin:5% 0 2% 0;}
.buyinfo_sc3_content h4{color:black; font-size: 20px; font-weight: 500; margin-bottom: 5%;}
.buyinfo_sc3_content h3{color:black; font-size: 14px; font-weight: 400;margin-bottom: 5%;}
.buyinfo_sc3_content{width:30%;}
.buyinfo_sc3_content2{background-color:#f5f5f5; width:100%;display: flex; align-items: center; padding:5%; margin-bottom: 5%;}
.buyinfo_sc3_btn{display:flex;}
.buyinfo_sc3_btn button{width:30%; height:6rem; background-color:black; color:white; font-size:17px; font-weight:400; margin-right:3%;}
.buyinfo_section3 > img {display:block; margin:0 auto;}

/*display*/
.common_section{width:100%; height: 50rem; background-image: url("/images/common_sc1.jpg"); position:relative; }
.common_section h2{position:absolute; text-align:center; color:white; font-size:30px; font-weight:400; top:50%; left:50%; transform: translateX(-50%);}
.display_section1{width:100%; padding-top:1%;}
.common_title{text-align:center; margin:5% 0 4% 0; }
.common_title h2{font-size: 35px; font-weight:700; text-align: center; color: black; margin-bottom:1%;}
.common_title h4{font-size: 45px; font-weight:800; text-align: center; color: black; margin-bottom:1%;}
.common_title h3{color:#207dff; font-size:20px; font-weight:500; font-style:italic;}
.common_title p{font-size:20px;color: black; line-height: 200%;}
.display_section0{margin-bottom:5%;}
.display_sc0_h2{font-size:25px; font-weight:500; text-align: center; color: black; margin-bottom: 2%;}
.display_sc0_p{text-align: center; width:50%; margin:0 auto;}
.display_sc0_content{display:flex; justify-content: center; margin: 3% 0 5% 0;}
.display_sc0_content img{width:25%;}
.circle-number {width: 32px;height: 32px; background-color: #237fff; color: #fff;  border-radius: 50%;display: flex;align-items: center;justify-content: center;
  font-weight: 600;font-size: 18px; margin-right:1%;}
.dispaly_sc0_content_wrap{margin:0 5%; background-color: #efefef; padding: 2%; border-radius: 10px;}
.dispaly_sc0_content_wrap h3{font-size: 20px; color: black; margin-bottom:10%;}
.display_sc0_content2{width:50%; margin: 0 auto;}
.dispaly_sc0_content_wrap2{margin-bottom:5%;}
.display_sc0_title{display:flex; margin-bottom:1.5%;}
.display_sc0_title h2{color:black; font-weight:600;}
.display_sc0_content2 img{width:100%; margin-top: 3%;}
.display_sc1_content{display:flex; justify-content: center;}
.display_sc1_h2{font-size:25px; font-weight:500; text-align: center; color: black; margin-bottom: 5%;}
.display_sc1_content_wrap{margin:0 5%;}
.display_sc1_content_wrap p{font-size:17px; line-height: 200%;}
.display_sc1_content_wrap h3{margin-top:5%; color: black; font-weight: 600;}
.display_sc1_content img{width:25%;}
.display_section2{padding-top:5%;}
.display_sc2_content img{margin: 0 auto; display: block;}
.display_sc2_content img:nth-child(1){width:60%;}
.display_section3{width:100%;padding-top:4%;}
.display_sc3_content{display:flex; justify-content: center; margin: 5% 0;}
.display_sc3_content_wrap{width:30%;}
.display_sc3_content_wrap h2{color:black; margin-bottom: 2%;}
.display_sc3_content_wrap p{font-size:17px; line-height: 200%; width:80%; text-indent: -3%;}
.swiper-container_display{width:30%; margin:0;}
.swiper-slide_display img{width:100%;}
.next_btn_display{ background-color: transparent;box-shadow: none; right:1%;}
.prev_btn_display{background-color: transparent;box-shadow: none;  left:1%; }
.next_btn_display::before,.prev_btn_display::before {content: ''; background-color: black;}
.next_btn_display::after,.prev_btn_display::after{color:white; font-size:30px;}
.display_section4{width:100%; height:auto; padding-bottom: 5%; background-color: #f6f6f6; padding-top:1px;}
.display_sc4_content{display:flex; flex-direction: column; justify-content: center; align-items: center;}
.display_sc4_content h2{font-size: 25px; font-weight:600; text-align: center; color:black; margin-bottom: 2%;}
.display_sc4_content p{width:57%; text-align: center; font-size:17px; line-height: 200%;}
.display_sc4_content img{width:50%; display: block; margin:2% 0 5% 0;}
.swiper-container_display2{width:50%; height: 50rem;}
.swiper-container_display2 .swiper-slide_display img{width:100%;}

/*speaker_trk*/
.section_king h2{color: black;}
.section_king p{line-height:200%; font-size:17px;}
.speaker_sc2_content > p {width:100%;}
.speaker_section1{}
.speaker_section1 iframe{width:50%; height: 535px; margin-top: 2%;}
.speaker_sc2_content{margin: 2%;}
.speaker_sc2_content h2{margin-bottom:2%; color:black;}
.speaker_sc2_content_wrap{display:flex; justify-content: center; width:60%; margin:0 auto; align-content: center;}
.speaker_sc2_content2{margin:0 auto; width:60%; padding:2%; background-color:#f5f5f5; margin-bottom:3%; }
#spk_sc2_img{display:block; margin: 0 auto; width:60%;}
.speaker_section3{padding-top:5%;}
.speaker_sc3_btn_wrap{width:62%; display:flex; justify-content: center; align-items: center; margin: 0 auto;}
.speaker_sc3_btn_wrap button{background-color:black; color: white; font-size: 18px; padding:2.5% 7%;}
.panel {display: none; /* 기본적으로 패널은 숨김 */}
.panel.active {display: block; /* 활성화된 패널만 보이도록 설정 */}
.speaker_sc3_btn.active {background-color: #007bff; /* 활성화된 버튼 색상 */ color: white; /* 텍스트 색상 */}
.spk_sc3_p{text-align:center; margin:2% 0;}
#spk_sc3_img img{margin:0 auto; display: block; width:60%;}
.speaker_sc4_content_wrap{display:flex; justify-content: center; margin-top:3%;}
.speaker_sc4_content{text-align:center; padding:0 1%;}
.speaker_sc4_content:nth-child(-n+2){border-right:1px solid #d8d8d8;}
.speaker_sc4_content h2{margin:5% 0; color: black;}
.speaker_section5{background-color:#f6f6f6; width:100%; margin-top: 5%; padding:0.1% 0 0; }
.speaker_sc5_content_wrap{display:flex; justify-content: center;}
.speaker_sc5_content{text-align:center; }
.speaker_sc5_content p{font-weight:600; }
.speaker_sc5_content img{width:80%;height: 85%; margin-bottom: 2%;}
.speaker_section6{background-color:#f6f6f6; width:100%; padding:0.1% 0% 1%; }
.speaker_sc6_h2{margin-left:13.5%;margin-bottom: 2%;color: black;}
.speaker_sc6_content_wrap{display:flex; justify-content: center; }
.speaker_sc6_content{text-align:center; margin-bottom: 5%; }
.speaker_sc6_content h2{margin:3% 0; color: black;}
.speaker_sc6_content img{width:80%;height: 65%; margin-bottom: 2%;}
.speaker_section7{width:100%; background-color:#171717; padding:8% 0 5% 0;}
.speaker_trk_video{text-align: center; }
.speaker_trk_video video{width:60%;}

/*roomsystem*/
.room_video{margin-top:4%; text-align: center;}
.room_video video{width:60%; height: 535px;}
.room_section2 img{width:55%; margin: 0 auto; display: block;margin-top: 3%;}
.room_section2{padding-bottom:5%;}
.room_section3{width:100%; background-color: #f1f1f1; padding: 0.1% 0 5% 0;}
.room_section4 .product_img, .room_section5 .product_img{margin-top: 3%;}
.room_content_wrap{width:60%; display:flex; margin: 0 auto; justify-content: center; align-items: center;}
.room_content_wrap img{width:15%; display: block; margin-right: 4%;}

.room_sc3_content2{background-color:#fff; color:black; font-size: 17px; line-height: 250%; line-height: 250%; padding:5%; width: 100%; margin-bottom: 2%; border-radius: 20px;}
.room_btn_1{display:flex; margin-top: 2%;}
.room_btn_1 button{width:20%; height:6rem; background-color:black; color:white; font-size:17px; font-weight:400; margin-right:3%;}
.room_section4{width:100%; background-color: #f1f1f1; padding-top:0.1%; padding-bottom: 5%;}
.room_section4 h2, .room_section4 p{color:black;}
.room_sc_content{display:flex; flex-direction: column; width:100%;}
.room_sc_content > p {margin:2% 0;}
.room_sc_content a{text-decoration: underline; color:#207dff; font-weight: 600;}
.room_sc_content1{display:flex;width:70%; flex-direction: column; align-items: center; }
.room_sc_content1 p{width:100%; margin-top: 5%;}
.room_sc_content2{width:100%; display: flex; background-color:#fff;color:black; font-size: 17px; line-height: 250%; padding:5%; margin-bottom: 2%; border-radius: 20px;}
.room_sc_content3 img{ width:90%;}
.room_sc_content3 h2{margin-top:10%;}
.room_sc_content3 p{color:black;}
.content_left{width:40%;}
.content_right{width:60%;}
.content_right p{text-indent:-3%; color: black;}
.room_btn_2_wrap{display:flex;}
.room_btn_2{display:flex; margin-top: 2%; margin-right: 3%;}
.room_btn_2 button{width:18rem; height:6rem; background-color:black; color:white; font-size:17px; font-weight:400; margin-right:3%;}
.room_content_wrap2{width:65%; display:flex; justify-content: center; align-items: center; text-align: center; margin: 0 auto; padding: 5% 0;}
#room_left_img{width:50%; height:auto; display: block; margin-right: 4%;}
.room_section5 #room_left_img{width:80%; height:auto; display: block; margin-right: 4%;}
.room_section3 #room_left_img{width:60%; height:auto; display: block; margin-right: 4%;}
.room_section5{width:100%; background-color: #1a1a1a; padding-top: 0.1%; padding-bottom: 5%;}
.room_section5 h2,.room_section5 .room_sc_content1 p {color:white;}
#room_left_img2{width:15%; height: 20%; display: block; margin-right: 4%;}
.room_btn_3{display:flex; margin-top: 2%; margin-right: 3%;}
.room_btn_3 button{width:27rem; height:6rem; background-color:#207dff; color:white; font-size:17px; font-weight:400; margin-right:3%;}
.room_table{width:60%; margin: 0 auto;}
.room_thead th{background-color:black; color: white; border-bottom:none !important; display: table-cell; height: 6rem; vertical-align: middle !important;}
.room_table td{border:1px solid #dee2e6 !important; padding:1%; }
.room_table tbody th{background-color:#f9f9f9;}
.room_table tbody tr:nth-child(1) td {padding:2%; line-height: 200%; font-weight: 600;}

/*uvc860series_test*/
.product_link_wrap{height:auto; z-index: 1000;}
.product_link{width:100%; height: 7rem; background-color: white; display:flex; align-items: center; gap:20px; padding: 2%; padding-left: 20%; position:sticky; top:0; z-index: 50;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);}
.product_link:nth-child(2) p:hover{color:#207dff; cursor: pointer; font-weight: 600;}
.product_link > img {width:2%; height:auto; cursor:pointer;}
.product_section_white{width:100%; padding-top:1.5%; padding-bottom: 5%; background-color: #fff;}
.uvc860_table{width:60%; margin: 0 auto;}
.uvc860_thead th{background-color:#05aa83; color: white; border-bottom:none !important; display: table-cell; height: 6rem; vertical-align: middle !important;}
.uvc860_table td{border:1px solid #dee2e6 !important; padding:1%; line-height: 200%;}
.product_section_darkgray{width:100%; padding-top:1.5%; padding-bottom: 5%; background-color:#1f1f1f; }
.product_section_black{width:100%; padding-top:1.5%; padding-bottom: 5%; background-color:black; }
.common_title2{text-align:center; margin:5% 0 4% 0; }
.common_title2 h2{font-size: 35px; font-weight:700; text-align: center; color: white; margin-bottom:1%;}
.common_title2 p{font-size:20px;color:white; line-height: 200%; font-weight: 300;}
.common_title3{ margin:5% 0 2% 0; display:flex; justify-content: center; }
.common_title3 h2{font-size: 30px; font-weight:700; text-align: center; color:black; margin-bottom:1%;}
.common_title3 p{font-size:20px;color:black; line-height: 200%; font-weight:400;}
.uvc860_video{margin-top:4%; text-align: center;}
.uvc860_video video{width:60%; height: 535px;}
.product_section_gray{width:100%; padding-top:1.5%; padding-bottom: 5%; background-color:#f2f2f2; }
.uvc860_sc3_content{display:flex; justify-content: center; align-items: center; gap:3%; margin-bottom: 3%;}
.uvc860_sc3_content > img{width:15%;}
.uvc860_sc3_content_text{position: relative; width: auto; height: auto;}
.p_wrap_860{width: 70%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.uvc860_sc3_content_text p{width:100%; font-size: 18px; font-weight: 500;}
.product_video{margin-top:4%; text-align: center; width:100%;}
.product_video video{width:70%; height:auto;}
.room_device_slide{display:flex; width:100%;height:85rem;padding-top:5%; padding-bottom: 5%; background-color:#1f1f1f; }
.room_device_slide h2{color:white;}
.room_device_slide p{color:white;}
.room_device_left{width:50%;display:flex; flex-direction: column;position:relative;}
.room_device_left img{width:70%; margin-left:15%;}
.room_device_left h2{font-size:35px; font-weight: 800; margin-bottom:2%;margin-left: 20%;}
.room_device_left button{background-color:#207dff; color: white; width:15%;height: 5rem; font-size:17px; border-radius:10px;margin-left: 20%;}
.next_btn_roomdevice{width:70px;height:70px; position: absolute; top:90%; left:80%;  box-shadow: none;  }
.prev_btn_roomdevice{ width:70px;height:70px;position: absolute; top:90%; left:70%; box-shadow: none; }
.room_device_right{width:50%;display:flex; flex-direction: column;}
.room_device_right > h2{font-size:35px; font-weight:700; margin-bottom: 1%;}
.right_text{margin:5% 0; width:80%; height: 30%;}
.swiper_slide_roomdevice{box-sizing: border-box;}
.swiper_slide_roomdevice > h2 {font-weight:500; margin-top:10%;}
.swiper_slide_roomdevice img{width:90%; cursor: pointer;}
.swiper_container_roomdevice{margin:0; width:100%;}
.install_img-Wrap{text-align:center;}
.install_swiper_parent{position:relative; margin-top:4%;}
.install_photo_swiper{width:100%;}
.install_next{width:60px; height: 60px; cursor: pointer; right: 8.5%; top:calc(50% - 10px); background-color: #fff; opacity: 0.8; border-radius: 50%;}
.install_prev{width:60px; height: 60px; cursor: pointer; left: 8.5%; top:calc(50% - 10px); background-color: #fff; opacity: 0.8; border-radius: 50%; }
.install_popup{position: fixed;left:50%; /* 정가운데 뜨게 하기 */top:50%;transform: translate(-50%,-50%);display: none;z-index: 120;background-color: #fff;}
.popup_container{width: 100%;height: 100%;}
.title_link{ background-color: #ffffff;
    width: 30%;
    text-align: center;
    margin: 5% auto 2% auto;
    height: 8rem;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;}
.title_link h2{color:#207dff;  cursor: pointer;}
.title_link:hover{background-color: #1f1f1f; cursor: pointer;}
.title_link:hover h2{color:white; cursor: pointer;}
.product_call{display:flex; justify-content: center; align-items: center;}
.product_call img{ margin-right: 0.5%;}
.product_spec h1{color:black;}
#moreinfo + [data-readmore-toggle]{text-align:center;}


/*uvc840series*/
.camera_84{display:flex; justify-content: center; align-items: center; margin-top:5%;}
.camera_84 img{width:20%;}

/*avhub*/
.product_section_white video{width:60%; height: 535px;display: block; margin: 0 auto;}
.avhub_section{width:100%; height:47rem; background-image: url("/images/avhub_mic.gif");}
.product_img{width:60%; margin:0 auto; text-align: center;}
.product_img img{width:100%;}
.product_img2{width:60%; margin:0 auto;}
.product_img2 img{width:100%; height: 45rem;}
.avhub_table {width:64%;margin: 0 auto;}
.avhub_thead{height:5rem; background-color: #05aa83; text-align: center; color: white;}
.avhub_thead2{height:5rem; background-color: #606060; text-align: center; color: white;}
.avhub_table th{font-weight:500; font-size: 18px;}
.avhub_table .avhub_table_content th{padding:3%; line-height: 200%; font-size: 16px; color: black;}
.avhub_table .avhub_table_content2 th{text-align:center; font-size:16px; font-weight: 600; color: black;}
.avhub_spec h1{color:black;}

/*A30*/
.product_intro{width:100%; display:flex; padding:7% 0 5% 0;}
.intro_left{width:50%;display:flex; align-items: center; margin-left:15%;}
.thumbnails_wrap{ margin:20% 0;}
.intro_thumbnails img{display: flex; flex-direction: column; width:150px; cursor:pointer; border:1px solid #c7c7c7; border-radius:10px;}
.intro_right{width:50%;display:flex; flex-direction: column;}
.intro_container{width:100%; margin:0; text-align: center;}
.intro_slide img{width:70%; border:1px solid #c7c7c7; border-radius:10px;}
.intro_title{margin-bottom:2%;}
.intro_title h2{color:black; font-size:30px; }
.intro_title p{color:#00b7e7; font-size:17px; }
.intro_title span{font-size:23px; color:red; font-weight: 400;}
.intro_content{color:black; width:60%; line-height: 200%; font-size: 17px;}
.intro_content p{text-indent:-3%; padding-left: 3%; line-height: 200%;}
.intro_right button{width:20%; height: 12%; background-color: #00b7e7; color:white; font-size: 17px;font-weight: 600; margin-top: 5%;}

.product_content{margin-top:5%;}
.product_content_wrap{display:flex; justify-content: center; align-items: center; margin-bottom: 5%;}
.product_content_text1{margin:0 4%;}
.product_content_text1 h2{color:black; font-size:30px; margin-bottom: 2%;}
.product_content_text1 p{color:black; font-size:18px; font-weight: 400;}

.product_content_text2{margin:0 4%; width:30%; } /* width값 추가 */
.product_content_text2 h2{color:black; font-size:30px; margin-bottom: 2%;}
.product_content_text2 p{color:black; font-size:18px; font-weight: 400;}

.product_content_text3{margin:0 4%; } 
.product_content_text3 h2{color:white; font-size:30px; margin-bottom: 2%;}
.product_content_text3 p{color:white; font-size:18px; font-weight: 200;}

.video_50{width:30%;}
.video_50 video{width:100%; height: 50rem;}

.product_content_text4{margin:0 4%; width:30%;} /* width값 추가 */
.product_content_text4 h2{color:white; font-size:30px; margin-bottom: 2%;}
.product_content_text4 p{color:white; font-size:18px; font-weight: 200;}

/*a10*/
.product_content_a10{display:flex; justify-content: center; align-items: center; margin-bottom: 2%; gap:20px;}
.product_content_a10 img{width:20%;}

/*sv40*/
.sv40_wrap img{max-height: 250px;}
.sv40_img-container{position:relative; width:70%; margin: 0 auto;}

/*uvc40*/
.uvc40_wrap img{min-height: 320px; width: auto;}
.uvc40_wrap2{display:flex; justify-content: center; align-items: center; width:60%; margin: 0 auto;}
.uvc40_wrap2_content h2{margin-top:5%; color: black;}
.uvc40_wrap2_content img{ width:90%;}
.uvc40_wrap2_content{display:flex; flex-direction: column; justify-content: center; align-items: center;}

/*uvc34*/
.uvc34_wrap{width:100%; margin:0 auto; margin-bottom: 5%;}
.uvc34_wrap img{max-height:350px; width: auto;}

/*meetingeye500*/
.Mee500_img {width:70%; margin:0 auto;}
.Mee500_img img{width:100%;}

/*meetingeye600*/
.Mee600_img {width:50%; margin:0 auto;}
.Mee600_img img{width:100%;}
.left_content{margin-right: 5%; width:50%; padding-left: 15%;}
.left_content h2{font-size: 30px; font-weight:700; margin-bottom:5%;}
.left_content p{font-size:20px;line-height: 200%;}
.left_content video{width: 90%;}
.right_content{width:50%;}
.right_content video{width: 65%;}
.right_content h2{font-size: 30px; font-weight:700; margin-bottom:5%;}
.right_content p{font-size:20px;line-height: 200%;}
.product_content_wrap2 {display:flex; justify-content: center; align-items: center; margin: 5% 0 0 0;}
.mee600_wrap{width:100%; margin:0 auto; margin-bottom: 5%;}
.mee600_wrap img{max-height:350px; width: auto;}

/*uvc86*/
.uvc86_img{width:40%; margin:0 auto;}
.uvc86_img img{width:100%;}
.spec_title h1{color:black !important;}
.spec_thead-dark th{color:black; background-color: #ddd;}

/*uvc30*/
.uvc30_sc1{width:100%; height:870px; background-image:url("/images/uvc30_02.jpg"); padding-top:0.1%; display: flex; justify-content: center; align-items: flex-end;}
.uvc30_sc1_wrap{display:flex; flex-direction: column; align-items: center; gap:20px; margin-bottom: 5%;}
.uvc30_sc1_wrap img{width:65%;}
.uvc30_sc1 h2{font-size:20px; color:white; text-align: center; font-weight: 400;}

/*vcm36-w*/
.vcm36-w_sc1{width:100%; height:780px; background-image:url("/images/vcm36_01.jpg"); padding-top:0.1%;}
.vcm36_text_wrap{width:50%;margin-left: 45%; margin-top: 13%;}
.vcm36-w_sc1 h2{font-size: 30px; font-weight:700;  color: black; margin-bottom:1%;}
.vcm36-w_sc1 p{font-size:20px;color: black; line-height: 200%;}
.vcm36-w_sc2{width:100%; height:700px; background-image:url("/images/vcm36_02.jpg"); padding-top:0.1%;}
.vcm36_text_wrap2{width:100%; text-align: center; margin-top: 10%;}
.vcm36-w_sc2 h2{font-size: 30px; font-weight:700;  color: white; margin-bottom:1%;}
.vcm36-w_sc2 p{font-size:20px;color: white; line-height: 200%;}

/*vcm34*/
.vcm34_img{width:30%; margin:0 auto;}
.vcm34_img img{width:100%;}

/*cm20*/
.cm20_text p{font-size:20px;}
.swiper_wrap{position:relative;}
#next_cm20{width:60px; height: 60px; cursor: pointer;  background-size: 20%; right: 17.5%; top:calc(50% - 10px); background-color: #fff; opacity: 0.8; border-radius: 50%;}
#prev_cm20{width:60px; height: 60px; cursor: pointer;  background-size: 20%; left:17.5%; top:calc(50% - 10px); background-color: #fff; opacity: 0.8; border-radius: 50%; }

/*cs10*/
.cs10_wrap{width:100%; margin:0 auto; margin-bottom: 5%;}
.cs10_wrap img{width:600px; height: 350px; border-radius: 20px;}

/*cp965*/
.product_img_cp965{width:60%; display:flex; justify-content: center; margin:0 auto;}
.product_img_cp965 img{width:100%;}

/*cp960*/
.cp960_sc1{width:100%; height:730px; background-image:url("/images/ctp960_1.jpg"); padding-top:0.1%;}
.cp960_sc1 h2{font-size:50px; font-weight:700;  color: black; margin-bottom:1%;}
.cp960_sc1 p{font-size:25px;color: black; line-height: 200%;}
.cp960_text_wrap{width:100%; display:flex; justify-content: center;  align-items: center; flex-direction: column; margin-top: 15%;}
.cp960_sc2{width:100%; height:450px; background-image:url("/images/cp960_5.gif"); padding-top: 0.1%; background-size: cover;
    background-position: center;}


/*cp900*/
.cp900_sc1{width:100%; height:450px; background-image:url("/images/cp900_1.gif"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.cp900_text_wrap{width:100%; text-align: center;}
.cp900_text_wrap h2{font-size: 30px; font-weight:700;  color: white; }
.cp900_text_wrap1{width:100%; margin-left: 10%;}
.cp900_text_wrap1 h2{font-size: 30px; font-weight:700;  color: white; margin-bottom:1%;}
.cp900_text_wrap1 p{font-size:20px;color: white; line-height: 200%;}
.cp900_text_wrap2{width:100%; margin-left:55%;}
.cp900_text_wrap2 h2{font-size: 30px; font-weight:700;  color: white; margin-bottom:1%;}
.cp900_text_wrap2 p{font-size:20px;color: white; line-height: 200%;}
.cp900_sc2{width:100%; height:780px; background-image:url("/images/cp900_2.png"); padding-top: 0.1%; display:flex; justify-content: center; align-items: center;}
.cp900_sc3{width:100%; height:780px; background-image:url("/images/cp900_3.png"); padding-top: 0.1%; display:flex; justify-content: center; align-items: center;}
.cp900_sc3{width:100%; height:780px; background-image:url("/images/cp900_3.png"); padding-top: 0.1%; display:flex; justify-content: center; align-items: center;}
.cp900_sc4{width:100%; height:780px; background-image:url("/images/cp900_4.png"); padding-top: 0.1%; display:flex; justify-content: center; align-items: center;}

/*roomcast*/
.roomcast_sc1{width:100%; height:780px; background-image:url("/images/roomcast_01.jpg"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.roomcast_text_wrap{margin-right:40%;}
.roomcast_text_wrap h2{font-size: 40px; font-weight:700;  color: black; margin-bottom:1%;}
.roomcast_text_wrap p{font-size:20px;color:black; line-height: 200%;}
.roomcast_wrap{width:100%; margin:0 auto; margin-bottom: 5%;}
.roomcast_wrap img{max-height:500px; width:auto;}
.roomcast_img{width:30%; margin:0 auto;}
.roomcast_img img{width:100%;}

/*roompanel*/
.roompanel_sc1{width:100%; height:780px; background-image:url("/images/roompanel_01.png"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.roompanel_text_wrap{text-align:center; margin-bottom: 5%;}
.roompanel_text_wrap h2{font-size: 40px; font-weight:700;  color: black; margin-bottom:1%;}
.roompanel_text_wrap p{font-size:20px;color:black; line-height: 200%; margin-bottom: 10%;}
.roompanel_sc2{width:100%; height:780px; background-image:url("/images/roompanel_02.jpg"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.roompanel_p p{margin-bottom:5%;}
.roompanel_wrap{margin-bottom: 0;}

/*roomsensor*/
.roomsensor_sc1{width:100%; height:780px; background-image:url("/images/roomsensor_01.png"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.roomsensor_text_wrap{margin-right: 50%;}
.roomsensor_text_wrap h2{font-size: 40px; font-weight:700;  color: black; margin-bottom:5%;}
.roomsensor_text_wrap p{font-size:20px;color:black; line-height: 200%; margin-bottom: 10%;}
.roomsensor_text_wrap1{margin-right: 50%;}
.roomsensor_text_wrap1 h2{font-size: 30px; font-weight:700;  color: black; margin-bottom:5%;}
.roomsensor_text_wrap1 p{font-size:20px;color:black; line-height: 200%; margin-bottom: 10%;}
.roomsensor_text_wrap2{margin-left: 50%;}
.roomsensor_text_wrap2 h2{font-size: 30px; font-weight:700;  color: black; margin-bottom:5%;}
.roomsensor_text_wrap2 p{font-size:20px;color:black; line-height: 200%; margin-bottom: 10%;}
.roomsensor_img{width:50%; margin:0 auto;}
.roomsensor_img img{width:100%;}
.roomsensor_img2{width:100%; margin:0 auto; text-align: center; }
.roomsensor_img2 img{ margin:0 auto;}
.roomsensor_left {padding-left:0;}
.roomsensor_sc2{width:100%; height:780px; background-image:url("/images/roomsensor_04.png"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.roomsensor_sc3{width:100%; height:750px; background-image:url("/images/roomsensor_06.jpg"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.roomsensor_right img{width:80%;}
.roomsensor_left img{width:100%;}
.roomsensor_wrap{margin-bottom:0;}
/*mspeech*/
.mspeech_wrap{width:100%; margin:0 auto; }
.mspeech_wrap img{max-height:350px; width: auto;}
/*wpp30*/
.wpp30_sc1{width:100%; height:780px; background-image:url("/images/wpp30_01.jpg"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.wpp30_sc2{width:100%; height:1000px; background-image:url("/images/wpp30_02.jpg"); padding-top:0.1%;background-size: cover;
    display:flex; justify-content: center; align-items: center;}
.wpp30_wrap{margin-top:5%;}
.wpp30_title h2, .wpp30_title p{color:white;}
.wpp30_title{text-align:center; margin-bottom: 35%;}
.wpp30_left{padding-left:10%;}
.wpp30_left img{width:100%;}
.wpp30_right img{width:50%;}
.wpp30_sc3{padding-bottom:0;}
.wpp30_sc4{width:80%; display:flex; margin:0 auto;}
.wpp30_sc4_content{width:35%; text-align: center; display:flex; flex-direction: column; align-items: center;}
.wpp30_sc4_content img{width:450px; height: 320px;}
.wpp30_sc4_content h2{color:white; font-size: 30px; font-weight:700;  margin:5% 0;}
.wpp30_sc4_content p{width:90%;color:white; font-size:20px;line-height: 200%; font-weight: 200;}

/*wpp20*/
.wpp20_img{text-align: center; display:flex; flex-direction: column; align-items: center;}
.wpp20_img img{width:800px;height: auto; object-fit: contain;}

/*mcore pro kit*/
.mcore_wrap{width:100%; margin:0 auto; margin-bottom: 5%;}
.mcore_wrap img{ width: 100%;}
.mcore_wrap2 img{width:80%;}

/*ctp18/20*/
.ctp_btn{display:flex; width:100%;}
.ctp_btn button{width:25%; height: 6rem; background-color: #00b7e7; color:white; font-size: 17px;font-weight: 600; margin-top: 5%; margin-right: 2%;}
.ctp_img{width:100%; margin:0 auto; overflow: hidden; text-align: center;}

/*byod_extender*/
.byod_btn button{height:5rem;}

/*vch51*/
.vch51_img {width:50%; margin:0 auto; text-align: center;}
.vch51_img img{width:60%;}

/*meetingboard65*/
.mb_section{width:100%;}
.mb_sc1{background-image:url("/img/mainbg.jpg"); width:100%; height: 40rem;}
.mb_left{padding-left: 16%;}
.mb_right{padding-left:5%;}
.mb_text{display:flex; align-items: center; justify-content:flex-start; margin: 5% 0;}
.mb_text p{font-weight: 500; font-size: 23px;}
.mb_text img{width:30px;height:27px; margin-right: 3%;}
.mb_sc2 img{width:80%; min-height: 360px;}
.mb_sc2_title{margin-bottom:5%;}
.mb_sc3 img{width:650px; height: auto;}
.mb_sc3 p{font-size:23px;}
.mb_left2{padding-left: 15%; display: flex; justify-content: flex-end; margin-right: 0;}
.mb_text2{margin:0;}
.mb_content{width:60%; margin:0 auto;}
.mb_itemlist{display: flex; align-items: center; padding:3%; border-bottom: 2px solid #cbd0dd;}
.mb_itemlist h1{font-size:35px; margin-right:5%; color: #9fa4b1;}
.mb_itemlist h3{font-size:20px;}
.mb_itemlist h4{word-spacing:3rem; font-size: 18px; font-weight: 500; padding:0 0 3% 9%; line-height:300%; margin-left: 2%;}
.mb_itemlist:nth-child(5){border-bottom: none;}
.mb_itemlist:nth-child(6){padding:0;}

.sc1_slide_video_mobile{display:none;}
.sc1_slide_img_mobile{display:none;}
.swiper_slide2_mobile{display:none;}
.uvc40_img img{width:auto; margin:0 auto;}

/*85-byod*/
.uvc85-byod_sc1{width:100%; height:780px; background-image:url("/images/sc85-byod_1.png"); padding-top:0.1%;background-size: cover;
    background-position: center;display:flex; justify-content: center; align-items: center;}
.uvc85-byod_text_wrap1{margin-right:20%; }
.uvc85-byod_text_wrap1 h2{font-size: 35px; font-weight:700;  color: black; margin-bottom:1%;}
.uvc85-byod_text_wrap1 p{width:50%; font-size:20px;color:black; line-height: 200%; margin-bottom: 10%;}
.uvc85-byod_sc2{width:100%; height:780px; background-image:url("/images/sc85-byod_3.jpg"); padding-top:0.1%;background-size: cover;
    background-position: center;}
.uvc85-byod_text_wrap2{display:flex; flex-direction: column; text-align: center; align-items: center; margin-top:5%;}
.uvc85-byod_text_wrap2 h2{font-size: 35px; font-weight:700;  color: black; margin-bottom:1%;}
.uvc85-byod_text_wrap2 p{width:50%; font-size:20px;color:black; line-height: 200%;}
.uvc85-byod_sc3{width:100%; height:780px; background-image:url("/images/sc85-byod_4.png"); padding-top:0.1%;background-size: cover;
    background-position: center;}
.uvc85-byod_sc4{width:100%; height:780px; background-color:#f3f8f7; padding-top:0.1%;background-size: cover;
    background-position: center;}

/*wireless*/
#pink_scroll .swiper-scrollbar-drag{background:#e75b6b;}
#wireless_table img{width:530px;}
#wireless_thead th{background-color:#e75b6b;}
#wireless_test{padding:0 3%;}
.panel_text{width:20%; position:absolute; z-index:10; right:1%; margin-top:1.5%; display:flex; align-items: center; flex-wrap: nowrap;}
.panel_text p{font-size:20px; color:white; text-align: right;}
.panel_text img{width:15%;}
.panel_text2{width:20%; position:absolute; z-index:10; left:1%; margin-top:1.5%; display:flex; align-items: center; flex-wrap: nowrap;}
.panel_text2 p{font-size:20px; color:white; text-align: right;}
.panel_text2 img{width:15%;}
.table_text{color:#b1b1b1; font-size:15px; text-align: right; position:absolute; right: 0; bottom:0; margin:2% 5%;}
.table_th{position:relative;}
.common_section2{width:100%; height:50rem; background-image: url(/images/common_sc2.jpg); position:relative;}
.common_section2 h2{position:absolute; text-align:center; color:white; font-size:30px; font-weight:400; top:50%; left:50%; transform: translateX(-50%);}
.sc_wireless_mic {width:60%;margin:0 auto;text-align:center;background-color:rgba(255,255,255,0.6);border-radius:10px;padding:2%;margin-bottom:2%;box-shadow:0 10px 30px rgba(0,0,0,0.05),0 1px 8px rgba(0,0,0,0.02);}
#sc_guide_wireless{margin-bottom:2%;}
.mic_text_wrap p{font-size:2rem; font-weight: 500; margin: 1.5% 0;}

/*a40*/
.triangle1{width: 0;height: 0;border-left:7px solid transparent; border-right:7px solid transparent; border-top:11px solid #37a928; margin: 4% 0;}
.triangle1_2{width: 0;height: 0;border-left:7px solid transparent; border-right:7px solid transparent; border-top:11px solid #37a928; margin: 2% 0;}
.triangle2{width: 0;height: 0;border-left:7px solid transparent; border-right:7px solid transparent; border-top:11px solid #5b83e7; margin: 4% 0;}
.triangle2_2{width: 0;height: 0;border-left:7px solid transparent; border-right:7px solid transparent; border-top:11px solid #5b83e7; margin: 2% 0;}
.triangle3{width: 0;height: 0;border-left:7px solid transparent; border-right:7px solid transparent; border-top:11px solid #e75b6b; margin: 4% 0;}
.mic_guide img{width:80%; cursor: pointer;}
.mic_guide p{width:95%; font-size:18px;}
.mic_guide_wrap{background-color:white; width:60%; margin:0 auto; display:flex; padding:4% 3%; border-radius: 20px;}
.mic_title1{width:23%; color:white; border-radius:30px; background-color:#37a928; margin: 3% 0; padding: 1%; font-size:20px;}
.mic_title1_2{width:15%; color:white; border-radius:30px; background-color:#37a928; margin: 3% 0; padding: 1%; font-size:20px;}
.mic_title2{width:23%; color:white; border-radius:30px; background-color:#5b83e7; margin: 3% 0; padding: 1%;font-size:20px;}
.mic_title2_2{width:15%; color:white; border-radius:30px; background-color:#5b83e7; margin: 3% 0; padding: 1%;font-size:20px;}
.mic_title3{width:23%; color:white; border-radius:30px; background-color:#e75b6b; margin: 3% 0; padding: 1%;font-size:20px;}
.cable_type {display:flex; flex-direction: column; align-items: center; text-align: center;}
.cable_type h2{font-size:25px; color:black; cursor: pointer;}
#a40_img img:nth-child(1){width:75%;}
.mic_img{display:flex;justify-content: center;}
.mic_img img{width:55%;}
.mic_h2{display:flex; justify-content: center;}
.mic_h2 h2{margin:0 35%;}
p.short_p{width:70%;}


/*esg*/
#sc_esg{background-color:#fff; height:800px;}
.esg_img_container{display:flex; width:100%; overflow: hidden;}
.esg_img{width:100%; height: 550px; transition: width 0.7s ease, transform 0.7s ease; background-size: cover; padding:4%; }
.esg_img_container h2{color:white; font-size:40px; }
.esg_img_container p{color:white; font-size:20px;}
.ct6_font{margin-top: 1%;}
#esg_img1{background-image: url('/images/esg_img1.jpg');}
#esg_img2{background-image: url('/images/esg_img2.jpg'); background-position: right;}
.esg_item{position:relative; width:50%; transition: width 0.7s ease, transform 0.7s ease;}
.esg_font{position:absolute; top:60%; left:8%;}
.esg_section1{width:100%; height:47rem; background-image: url(/images/esg_section1.jpg); position:relative;}
.esg_section1 h2{font-size:30px; color:white; top:40%; left:50%; transform: translateX(-50%); position: absolute;}
.esg_section1 p{font-size:20px; color:white; top:55%; left:50%; transform: translateX(-50%); position: absolute;}
.esg_section2{width:100%; height:47rem; background-image: url(/images/esg_section2.jpg); position:relative;}
.esg_section2 h2{font-size:30px; color:white; top:40%; left:50%; transform: translateX(-50%); position: absolute;}
.esg_section2 p{font-size:20px; color:white; top:55%; left:50%; transform: translateX(-50%); position: absolute;}
.env_section_gray{width:100%; height:650px; background-color: #f2f2f2; display:flex; padding:0 5%;}
.env_section_white{width:100%; height:650px; background-color: #fff; display:flex; padding:0 5%;}
.env_section_color{width:100%; height:650px; background:linear-gradient(to bottom, #fff, #e1edfc);; display:flex; padding:0 5%;}
.sc_left{width:50%;display:flex; justify-content: center; align-items: center; flex-direction: column;}
.sc_left h2, .sc_right h2{font-size:30px; color:black; margin-bottom: 5%;}
.sc_left p, .sc_right p {font-size:18px; color:black; width:100%;}
.sc_right{width:50%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.sc_right img, .sc_left img{width:75%; height:auto;}
.env_font{width:60%;}
.env_btn { display: flex; margin-top: 2%; }
.env_btn2 { display: flex; margin-top: 2%;}
.env_btn button img {width:11%; margin-left: 5%;}
.env_btn button{background-color:#088855; color:white; width:18rem; font-size:15px;font-weight:600; padding:7%; display: flex; justify-content: center; border-radius: 50px; margin:20px 20px 0 0;}
.env_btn2 button{background-color:#088855; color:white; width:12rem; font-size:15px;font-weight:600; padding:7%; display: flex; justify-content: center; border-radius: 50px; margin:20px 20px 0 0;}
#img_60{width:60%;}
#img_50{width:50%;}
.esg_inquiry1{width:100%; height:420px; background-image: url(/images/env_img5.jpg); display:flex; justify-content: center; flex-direction: column;text-align: center; align-items: center;}
#esg_inquiry2{background-image: url(/images/sec_img5.jpg);}
.esg_inquiry1 h2{font-size:30px; color: white; margin-bottom: 1%;}
.esg_inquiry1 button{background-color:#000; color: #fff; font-size:15px; font-weight: 600; padding:0.7%; width:15rem; border-radius: 50px; margin-bottom: 1.5%;}
#p_w{color:white; white-space: nowrap;}
#env_product_call img{margin-right: 10%;}
#sec_section{background-image: url(/images/sec_seciton.jpg);  }
#sec_section2{background-color: #F7F8F9;}

/*uvc85*/
.uvc85_sc1{background-image:url(/images/85-1.jpg); background-size: cover; width:100%; height:850px; padding-top:1%;}
.uvc85_sc1 .common_title p{padding: 0 30% 0 30%;}
#uvc85_thead th{background-color:#337ab7;}

/*uvc40-E2*/
.uvc40-e2_sc1{background-image:url(/images/uvc40-e2_sc1.jpg); background-size: cover; width:100%; height:850px; padding-top:1%; background-position: center;}
.uvc40-e2_sc1 .common_title2{margin-top:10%;}
.uvc40-e2_img img{width:80%;}

/*ctp25*/
#ctp25_img img{width:50%; margin: 0 auto;}

/*cp50*/
.cp50_sc1{width:100%; height:730px; background-image:url("/images/cp50_sc1.jpg");  padding-top:0.1%;}
.cp50_text_wrap{width:100%; display:flex; justify-content:center; align-items: center; flex-direction:column; margin-top:15%;}
.cp50_text_wrap2{width:100%; display:flex; justify-content:center; align-items: center; flex-direction:column; margin-top:5%;}
.cp50_text_wrap3{width:100%; display:flex; justify-content:center; align-items: center; flex-direction:column; margin-top:5%;}
.cp50_text_wrap4{width:100%; display:flex; align-items: flex-start; flex-direction:column; margin-top:15%; padding-left: 5%;}
.cp50_sc1 h2{font-size:50px; font-weight: 800; color: white; margin-bottom: 1%;}
.cp50_sc1 p{font-size:25px; color: white; line-height:200%;}
.cp50_sc2{width:100%; height:950px; background-image:url("/images/cp50_sc3.jpg");  padding-top:0.1%; background-position: bottom;}
.cp50_sc2 h2{font-size:35px; font-weight: 700; color: black; margin-bottom: 1%;}
.cp50_sc2 p{font-size:20px; color: black; line-height:200%; text-align: center;}
.cp50_sc3{width:100%; height:850px; background-image:url("/images/cp50_sc4.jpg");  padding-top:0.1%; background-position: bottom;}
.cp50_sc3 h2{font-size:35px; font-weight: 700; color: white; margin-bottom: 1%;}
.cp50_sc3 p{font-size:20px; color: white; line-height:200%; text-align: center;}
.cp50_sc4{width:100%; height:750px; background-image:url("/images/cp50_sc5.jpg");  padding-top:0.1%;}
.cp50_sc4 h2{font-size:35px; font-weight: 700; color: white; margin-bottom: 1%;}
.cp50_sc4 p{font-size:20px; color: white; line-height:200%;}

/*cpe40*/
.cpe40_sc1{width:100%; height:730px; background-image:url("/images/cpe40_sc1.jpg");  padding-top:0.1%;}
.cpe40_sc1 h2{font-size:50px; font-weight: 800; color: white; margin-bottom: 1%;}
.cpe40_sc1 p{font-size:25px; color: white; line-height:200%;}

/*10years*/
.yealink_section1{width:100%; height:110vh; background-image:url("/images/10years_bg.jpg"); background-size: cover; background-position: center; display:flex; flex-direction: column;text-align: center; justify-content: center; align-items: center; padding-top: 3%; overflow: hidden;}
.yealink_section1 img{opacity: 0; transform: translateY(30px);animation: fadeUp 0.7s ease forwards;}
.yealink_section1 img:nth-child(1){width:10%;}
.yealink_section1 img:nth-child(4){width:17%;}
.yealink_section1 h2{font-size:60px; color: white; font-weight: 900; line-height: 70px; margin: 2% 0 1% 0; opacity: 0; transform: translateY(30px);animation: fadeUp 1s ease forwards;}
.yealink_section1 p{font-size:22px; color: white; font-weight:400; margin-bottom: 2%; line-height: 40px; opacity: 0; transform: translateY(30px);animation: fadeUp 1s ease forwards;}
/* 등장 순서 조절 */
.yealink_section1 img:first-of-type {animation-delay: 0.1s;}
.yealink_section1 h2 {animation-delay: 0.25s;}
.yealink_section1 p {animation-delay: 0.4s;}
.yealink_section1 img:last-of-type {animation-delay: 0.55s;}
/* 페이드 + 위로 슬라이드 */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.yealink_section2{width:100%; background-color: black; position:relative; padding-bottom: 5%;}
.timeline-title{text-align: center; padding: 5% 0;}
.timeline-title h2{color:white; font-size:40px; text-align: center; font-weight: 700;}
.timeline-pin {display: flex;flex-direction: column;z-index: 10;}
.timeline-inner { margin:0 auto; position: relative; will-change: transform;}
.yealink_section2 .timeline-inner::-webkit-scrollbar {display: none;/* Chrome, Safari */}
.timeline-inner img{margin-bottom:8%;  display: block;  filter: grayscale(100%) brightness(0.7);opacity: 0.4;transform: scale(0.95);
transition:
      filter 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity 0.35s ease-out,
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.35s ease-out;}
.timeline-inner img.active {    filter: grayscale(0%) brightness(1);
    opacity: 1;
    transform: scale(1.04); /* 살짝 확대 */
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4); /* 강조용 그림자 */}
.yealink_section3{width:100%; height:110vh; background-image:url("/images/yealink_sc3_bg.jpg"); background-size: cover; background-position: center; text-align: center;    background:
        linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
        url("/images/yealink_sc3_bg.jpg");}
.yealink_section3 img{width:50%; cursor:pointer;}
.yealink_section4{width:100%; height:110vh; background-image:url("/images/yealink_sc4_bg.jpg"); background-size: cover; background-position: center;}
.yealink_sc4_wrap{display:flex; justify-content: center;}
.yealink_sc4_wrap a {display: block; width:100%; text-align: center;}
.yealink_section4 img{width:auto; margin: 0 1%; cursor:pointer;}
.yealink_section5{width:100%; height:105vh; background-color: black; position: relative; text-align: center;}
.yealink_sc5_slider {position: relative;max-width:75vw; margin: 0 auto;border-radius: 24px;overflow: hidden;}
.yealink_sc5_slider img {position:absolute; inset:0; width: 100%; height:auto; opacity:0; transform:translateX(20px); transition:opacity 1s ease,transform 1s ease;}
.yealink_sc5_slider img.active { opacity: 1;transform: translateX(0);position: relative;}
.yealink_sc5_slider img.inactive-left {transform: translateX(-20px);}
.yealink_section6{width:100%; height:90vh; background-color: #292929; text-align: center;}
.yealink_sc6_wrap{display:flex; align-items: center; padding-left: 25%;}
.yealink_sc6_wrap h2{color:#7bbadd; font-size:40px;font-weight: 700;}
.yealink_sc6_wrap p{color:white; font-size:20px;}
.yealink_sc6_wrap > img{width:8%; margin-right: 1%;}
.yealink_sc6_title{text-align:justify; margin:5% 0;}
.yealink_section6 > a > img{width:50%; cursor:pointer;}
.eos_bg{width:100%; height:40rem; background-image: url(/images/eos_bg.jpg); background-size: cover; background-position: center;}

/*cs10-d*/
.cs10-d img{width:50%; padding-top: 5%;}
/*cm50*/
.cm50_sc1{width:100%; height:900px; background-image:url(/images/sc_cm50_1.jpg); background-size: cover; background-position:center;}
.cm50_text_wrap p{margin-bottom:5%; color: #434343;}
.cm50_text_wrap2 p{margin-bottom:2%; color: white;}
.cm50_text_wrap2 p{margin-bottom:2%; color: black;}
.cm50_sc2{width:100%; padding:0.1% 0 2% 0; background-color:#F4EFE9; display: flex; flex-direction: column; align-items: center;}
.cm50_sc2 img{margin-bottom: 5%;}
.cm50_sc3{width:100%; padding:0.1% 0 2% 0; background-image:url(/images/sc_cm50_9.jpg);}
.cm50_sc3_wrap{display: flex;gap: 40px;justify-content: center;}
.cm50_sc3_steps {display: flex;flex-direction: column;gap: 10px;width:25%;justify-content: center;}
.step-block {text-align: left;margin-bottom: 5%;}
.step-title {display: block;border: none;background: none;padding:5px 0;font-size:18px;cursor: pointer;color: #666;transition: color 0.25s ease, transform 0.25s ease; padding-left: 28px; position:relative;}
.step-block.active .step-title {color: #06a573;font-weight:700;font-size:30px;color: #06a573;transform: translateX(2px);}
.step-desc {display: none; margin-top: 6px;font-size:18px;color: #444;width: 90%;line-height: 200%;}
/* 기본 동그라미 (고정된 원) */
.step-title::before {content: ""; position: absolute; left: 0;top: 50%;transform: translateY(-50%);width: 14px;height: 14px; border-radius: 50%; background: #c7eae1;}
/* 퍼지는 링 (애니메이션용) */
.step-title::after {content: ""; position: absolute;left: -2px;top: 50%;transform: translateY(-50%);width: 14px; height: 14px;border-radius: 50%;border: 2px solid rgba(6, 165, 115, 0.4);opacity: 0;}
.step-block.active .step-title::before {background: #06a573;}
/* active 상태에서만 링이 퍼지도록 애니메이션 */
.step-block.active .step-title::after {animation: pulseRing 1.4s ease-out infinite;}
/* 퍼지는 애니메이션 키프레임 */
@keyframes pulseRing {
  0% {transform: translateY(-50%) scale(1);opacity: 0.9;}
  100% {transform: translateY(-50%) scale(2.2); opacity: 0;}
}
#cm50_video{width:auto; height: auto;}

/*roompanel e2*/
.roompanel_e2_sc1{width:100%; height:100vh; background-image:url(/images/sc_roompanel_e2_1.jpg); background-size: cover; background-position:center; padding-top: 15%; padding-left: 8%;}
.roompanel_e2_wrap_1 h2{color:white; font-size:65px;}
.roompanel_e2_wrap_1 p{color:white; font-size:25px; margin-bottom:2%;}
#bg_lightblue{background-color:#f5f6fd;}
.roompanel_e2_sc2{width:100%; background-image:url(/images/sc_roompanel_e2_4_bg.jpg); background-size: cover; background-position:center; padding-top: 1.5%; padding-bottom:5%;}

/*mcore 4 kit*/
#m4kit_sc1{background-image:url(/images/sc_m4kit_1_bg.jpg); background-size: cover; background-position:center;}
#m4kit_img{width:80%;}
#m4kit_sc2{background-image:url(/images/sc_m4kit_4_bg.jpg); background-size: cover; background-position:center;}

/*sv80*/
#sv80_sc1{height:90vh; background-image:url(/images/sc_sv80_1.jpg); background-size: cover; background-position:center; display:flex; align-items: center;}
.sv80_text_wrap{margin-left:20%;}
.sv80_text_wrap h2{color:#fff1ba; font-size:70px;}
.sv80_text_wrap p{color:white; font-size:30px;}
#sv80_black_text h2{color:black;}
#sv80_black_text p{color:black; font-weight: 400;}
#sv80_whtie_text h2{color:white;}
#sv80_black_white p{color:white; font-weight: 400;}
#sv80_video video{width:100%;}
#sv80_video img{width:100%;}
.sv80_content{margin-left:5%; padding-right: 15%;}
.sv80_content2{ padding-left: 15%;}
#sv80_wrap_img img{width:auto; height: auto; margin-top:4%; min-height: auto;}
#sv80_content_wrap{margin-bottom:0; margin-top: 3%;}

/*meetingboard C*/
#mb_c_bg_1{background-image:url(/images/sc_mb_c_1.jpg); background-size: cover; background-position:bottom; height:95vh;}
#mb_c_bg_2{background-image:url(/images/sc_mb_c_bg2.jpg); background-size: cover; background-position:bottom;}
#mb_c_tabs{display:flex;justify-content:center;gap:10%;border-bottom:1px solid #e5e5e5;margin:2% auto 0; width:60%;}
#mb_c_tabs .tab{ background:transparent;border:0;padding:14px 6px; font-size:16px; color:#888; cursor:pointer;position:relative;line-height:1.2;white-space:nowrap;}
#mb_c_tabs .tab.is-active{color:#0aa06e;font-weight:700;font-size:20px;}
#mb_c_tabs .tab.is-active::after{content:"";position:absolute;left:0; right:0;bottom:-1px;height:3px;background:#111;  border-radius:2px;}
#mb_c_panels{width:60%; margin:2% auto 0;}
#mb_c_panels .panel{display:none;}
#mb_c_panels .panel.is-active{display:block;}
#mb_c_panels img{width:100%;height:auto;display:block;border-radius:18px;}
#mb_c_content_wrap{margin-bottom:0; padding-top: 3%;}
#mb_c_content_wrap img{width:40%;}
#mb_c_wrap img{width:70%; margin-top: 5%;}
#mb_c_wrap h2{color: white;}
#mb_c_wrap p{color: white;}
#mb_c_wrap2 img{width:70%; margin-top: 5%;}
#mb_c_wrap2 h2{color: black;}
#mb_c_wrap2 p{color: black;}
#big_img {width:80%;}
#mb_c_bg_3{background-image:url(/images/sc_mb_c_7.png); background-size: cover; background-position:center; height:70vh; position: relative;}
#mb_c_bg_3::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 40%; background: linear-gradient(to bottom,rgba(0,0,0,0.55),rgba(0,0,0,0));z-index: 1; pointer-events: none;}
#mb_c_bg_3 > .common_title2{z-index:10; position: relative;}
#mb_c_bg_4{background-image:url(/images/sc_mb_c_14.jpg); background-size: cover; background-position:top; height:160vh;}
#mb_c_content_wrap2{padding-top: 20%;}
#mb_c_bg_5{background-image:url(/images/sc_mb_c_15_bg.jpg); background-size: cover; background-position:center;}

/*ap08*/
.ap08_sc1{width:100%; height:900px; background-image:url(/images/sc_ap08_1.jpg); background-size: cover; background-position:center;}

/*a50*/
#a50_sc1{width:100%; height:800px; background-image:url(/images/sc_a50.png); background-size: cover; background-position:top; position: relative;}
#a50_title{ margin:24% 0 1% 0; z-index: 2; position: relative;}
#a50_title h2{font-size:70px; margin-bottom: 0;}
#a50_title p{font-size:30px;}
#a50_img img{width:25%; position: relative; z-index: 2;}
#a50_sc1::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 40%; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));z-index: 1; pointer-events: none;}
#a50_card img{width:70%; margin:0 auto 2%;}
#a50_img2 img{width:60%;}
#a50_img3{width:100%;}
#a50_sc2{width:100%; height:800px; background-image:url(/images/sc_a50_7.png); background-size: cover; background-position:center; position: relative;}
#no_margin_bottom{margin-bottom:0; padding-bottom:0;}
#a50_sc3{width:100%; background-image:url(/images/sc_a50_10_bg.jpg); background-size: cover; background-position:center; position: relative; padding-bottom: 0;}
#img_80 img{width:80%}
#img_60 img{width:60%}
#img_70 img{width:70%}
#img_40 img{width:40%}
#img_30 img{width:30%}
#img_wrap_80{width:80%;}
/*uvc860 pro*/
.uvc860pro_sc1_title{margin:3% 0; text-align: center;}
.blue_shape_title{ display: inline-block; padding: 6px 14px;background-color: #0065bb;color: #fff;font-size:20px;font-weight: 600; border-radius: 999px;line-height: 1;letter-spacing: -0.02em; margin:1% 0;}
.gray_shape_title{ display: inline-block; padding: 6px 14px;background-color: #3b3b3b;color: #fff;font-size:20px;font-weight: 600; border-radius: 999px;line-height: 1;letter-spacing: -0.02em; margin:1% 0;}
.uvc860pro_sc1_title h2{font-size:30px; color: black; margin-bottom:0.5%;}
.uvc860pro_sc1_title p{font-size:20px; color: #717171;}
.uvc860pro_wrap_1{margin-bottom:6%;}
#uvc860pro_bg1{width:100%; background-image:url(/images/sc_860pro_bg1.jpg); background-size: cover; background-position:center; position: relative;}
#uvc860pro_bg2{width:100%;  background-image:url(/images/sc_860pro_bg3.jpg); background-size: cover; background-position:inherit; position: relative;}
#uvc860pro_bg2::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height:70%; background: linear-gradient(to top,rgba(0,0,0,2),rgba(0,0,0,0));z-index: 1; pointer-events: none;}
#z-index_text{z-index: 2; position: relative; margin-bottom:0;}
#uvc860pro_card img{width:70%; margin:0 auto 5%;}
#uvc860pro_sc0_title h2{font-size:40px;}
#uvc860pro_sc0_title{margin:5% 0 6% 0;}
.uvc860pro_mic_img img{position: relative; z-index: 2;  will-change: transform, filter;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s cubic-bezier(.2,.8,.2,1);}
.uvc860pro_mic_img:hover img{transform: translateY(-6px) scale(1.035);filter: drop-shadow(0 7px 7px rgba(0,0,0,.22));}
.uvc860pro_mic_img::after{content:"▼"; position:absolute;left:50%;bottom:-1100px;transform: translateX(-50%) translateY(6px);font-size:35px;color:#0065bb;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index: 2;transition: opacity .25s ease;}
.uvc860pro_mic_img:hover::after{opacity:1;animation: arrowFloat 1.2s ease-in-out infinite;}
@keyframes arrowFloat{
  0%{transform: translateX(-50%) translateY(0);}
  50%{transform: translateX(-50%) translateY(8px);}
  100%{ transform: translateX(-50%) translateY(0);}}

/*mc10*/
.mc10_sc1{width:100%; height:900px; background-image:url(/images/mc10_1.png); background-size: cover; background-position:top;display: flex;
  align-items: flex-end;justify-content: center; overflow: hidden; position: relative; padding-bottom: 15%; padding-right:40%;}
.mc10_sc1::after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
 background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0,0) 30%); z-index: 2;}
.product_section_white .mc10_video{height: auto; display: block; margin: 0 auto;}
.reveal-content {color: white; text-align:justify; z-index: 3; position: relative;}
.reveal-content h2{opacity: 0; font-size:60px;font-weight: 800; letter-spacing: -0.04em; background: linear-gradient(180deg, #00a8ff 0%, #004e92 100%);
  background-clip: text; color: transparent; filter: drop-shadow(0 4px 10px rgba(0, 78, 146, 0.2)); margin-bottom: 2%; transform: translateY(30px); /* 30px 아래에서 대기 */ /* 쫀득한 움직임을 위한 베지어 곡선 적용 */
  transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);}
.reveal-content p{opacity: 0; color:white; font-size:20px; transform: translateY(30px); transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition-delay: 0.3s;}
.reveal-content.active h2,.reveal-content.active p {opacity: 1;transform: translateY(0);}
.installation-container {display: flex;gap: 30px;justify-content: center;padding: 20px;}
.card {width: 400px;cursor: pointer;text-align: left;}
.card h3{font-size:20px; color: black; margin-top: 2%;}
.card img { width: 100%;border-radius: 15px;transition: transform 0.3s; height: 500px; object-fit: cover;}
.card img:hover {transform: scale(1.02);}
.card_modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8); align-items: center;justify-content: center;opacity: 0; visibility: hidden;transition: opacity 0.3s ease-out, visibility 0.3s ease-out;}
.card_modal.show {opacity: 1;visibility: visible;}
.modal-content {max-width: 80%;max-height: 80%;border-radius: 10px;transform: scale(0.7); transition: transform 0.3s ease-out;}
.card_modal.show .modal-content {transform: scale(1.2);}
.card_close {position: absolute;top: 20px;right: 35px;color: #fff;font-size: 40px;cursor: pointer;}
.card_close:hover {transform: rotate(90deg);}
.applications {background-color: #050505; color: white; padding: 8% 10%;}
.tab-container {display: flex; gap: 20px; margin-bottom: 50px;}
.tab_btn {background: transparent;color: #888; border: none;padding: 12px 24px; border-radius: 30px; cursor: pointer;font-weight: bold; font-size:20px;}
.tab_btn.active {color: white; background: linear-gradient(45deg, #0f58c7, #3b81e1, #00c6ff, #0066ff);background-size: 300% 300%;animation: gradient-move 5s ease }
@keyframes gradient-move {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.content-wrapper {display: flex; gap:80px; align-items: center;}
.image-box {flex: 1.6; height:600px;border-radius: 20px; overflow: hidden;}
.image-box img {width: 100%; height: 100%; object-fit: cover;}
.text_box {flex: 1;}
.text_box h3 { font-size: 50px; margin-bottom: 5%; }
.text_box p { line-height: 1.6; color: #ccc; margin-bottom:5%; }
.text_box ul { list-style: none; padding: 0; }
.text_box li::before { content: "• "; color: #0066ff; margin-right: 10px; }
.text_box li { margin-bottom: 10px; color: #eee; font-size:17px;}
.reveal {opacity: 0;transform: translateX(30px);pointer-events: none;}
.active-ani {animation: slideFadeIn 0.8s ease forwards;pointer-events: auto;}
@keyframes slideFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* 순차적 지연 시간 */
#tab-image { animation-delay: 0.1s; }
#tab-title { animation-delay: 0.3s; }
#tab-desc  { animation-delay: 0.4s; width:80%; font-size: 18px;}
#tab-list  { animation-delay: 0.5s; }
.tab-btn { position: relative; z-index: 10; cursor: pointer; }

/*mc08*/
.card-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 24px;max-width: 1200px;margin: 50px auto;padding: 0 20px;font-family: 'Pretendard', sans-serif;}
.card-wrap {background: #f1f4f7;border-radius: 28px; padding: 45px 20px; text-align: center;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);cursor: pointer;height: 380px;border: 3px solid #fff;box-sizing: border-box;}
.card-wrap:hover {transform: translateY(-10px);box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);border-color: #3b82f6;}
.icon-wrap, .icon-wrapper {width: 90px;height: 90px;background-color: #f8faff;border-radius: 50%;margin: 0 auto 30px;display: flex;justify-content: center;align-items: center;transition: background-color 0.3s ease;}
.card-wrap:hover .icon-wrap,.card-wrap:hover .icon-wrapper {background-color: #cfdff3;}
.icon-wrap img, .icon-wrapper img { width: 50px;height: 50px;object-fit: contain;}
.card-wrap h3 {font-size: 20px;color: #111827;margin-bottom: 18px;font-weight: 700;line-height: 1.3;word-break: keep-all; }
.card-wrap p {font-size:16px;color: #4b5563;line-height: 1.8;margin: 0;word-break: keep-all;}
#mc08_img{width:40%;}
#card2 img{height:250px;}

/*c40t*/
#c40t_icon_wrap img{width:100px; height:100px;}
#c40t_card_wrap{background:#e8ebef;}
.c40t_video{width:60%; margin: 0 auto; display: block;}

/*mt100*/
.mt100_sc1{width:100%; height:95vh; background-image: url(/images/mt100_3.jpg); background-size: cover; background-position: center; padding-top: 15%; padding-left:15%;}
.mt100_sc1 h2{color:white; font-size: 65px;}
.mt100_sc1 p{color:white; font-size: 25px; margin-bottom: 2.5%;}
.mt100_sc1 img{width:30%;}

/*ma600d*/
.ma600d_sc1 video{width:100%; height: 90vh; object-fit: cover;}
#reveal-content_ma600d h2{background: linear-gradient(180deg, #00ff72 0%, #5bb3ff 100%); background-clip: text; color: transparent; filter: drop-shadow(0 4px 10px rgba(0, 78, 146, 0.2)); }
#ma600d_sc1{background-image:url(/images/ma600d_bg.png); background-position: center; padding-right: 0; padding-left: 40%; padding-bottom: 15%;}
#ma600d_sc1::after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0,0) 60%); z-index: 2;}
#ma600d_wrap{margin-bottom:0;}
#ma600d_wrap img{width:50%;}
#ma600d_section{padding-top:5%; padding-bottom:5%;}
#ma600d_text_wrap h2{font-size:35px;}
.video_60{width:50%; display: block; margin: 0 auto;}
/*mcs06*/
.round{border-radius:20px;}
/*dc20*/
#dc20_icon img{width:100px; height: 100px;}

/*intro*/
video-background { z-index: -1; pointer-events: none; overflow: hidden;}
#bg-video { width: 100%; height: 100%; object-fit: cover; }
.intro_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%); pointer-events: none;}
.intro_container2 { max-width: 65%; margin: 0 auto; padding: 12% 2% 10%; position: relative; z-index: 1; }
.intro_header { text-align: center; margin-bottom:6%; }
.intro_header h1 { font-size: 38px; font-weight: 700; color: #222; letter-spacing: -1px; word-break: keep-all; opacity: 0; animation: gwfadein 1.2s cubic-bezier(0.5, 1, 0.36, 1) forwards; animation-delay: 0.8s; }
.intro_header p{font-size:2rem; margin-top: 1%;opacity: 0; animation: gwfadein 1.2s cubic-bezier(0.5, 1, 0.36, 1) forwards; animation-delay: 0.8s;}
.intro_header h1 span { background: linear-gradient(90deg, #29abe2, #2e3192); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; opacity: 0; animation: gwfadein 1.2s cubic-bezier(0.5, 1, 0.36, 1) forwards; animation-delay: 0.5s; }
@keyframes gwfadein { from { opacity: 0; transform: translateY(30px); filter: blur(4px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.intro_card { position: relative; display: block; text-decoration: none; border-radius: 15px; overflow: hidden; aspect-ratio: 380 / 260; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
/*
.intro_card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15); }
.intro_card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.intro_card:hover img { transform: scale(1.08); }
.card_title { position: absolute; bottom:10%; left:8%; right:10%; color: #fff; font-size: 22px; font-weight: 600; line-height: 1.3; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); z-index: 4; }
.card_title.small-text { font-size: 19px; font-weight: 500; }
.intro_card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(9, 82, 156, 0.5); background-image: url('/images/intro_hover.png'); background-repeat: no-repeat; background-position: center; background-size: 30px auto; opacity: 0; transition: all 0.4s ease; z-index: 3; }
.intro_card:hover::before { opacity: 1; }
.intro_card::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%); pointer-events: none; z-index: 1; }
*/
.intro_card {position:relative;display:block;text-decoration:none;border-radius:15px;overflow:hidden;aspect-ratio:380/260;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);}
.intro_card img {width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;}
.card_title {position:absolute;bottom:10%;left:8%;right:10%;color:#fff;font-size:22px;font-weight:600;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,0.5);z-index:4;}
.intro_card::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(9,82,156,0.5);background-image:url('/images/intro_hover.png');background-repeat:no-repeat;background-position:center 40%;background-size:30px auto;opacity:0;transition:all 0.4s ease;z-index:3;}
.hover_layer {position:absolute;bottom:-100%;left:0;width:100%;height:auto;background:rgba(255,255,255,1);display:flex;align-items:center;padding:6.5%;transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);z-index:5;opacity:1 !important;visibility:visible !important; justify-content: center;}
.view_text {color:#000 !important;font-size:1.6rem;font-weight:500;line-height:1.4;word-break:keep-all;}
.intro_card:hover {transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,0.15);}
.intro_card:hover::before {opacity:1;}
.intro_card:hover img {transform:translateY(-10px) scale(1.05);}
.intro_card:hover .hover_layer {bottom:0;}

/*s,m_room*/
.sub_page_wrapper{padding-top:0; position:relative; z-index: 1;}
.video-background{position:absolute; z-index: -1;}
.sc_sub_title { width:60%; padding: 3% 0 1%; border-bottom: 1px solid #ddd; margin: 0 auto 7%;}
.title_container { margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end;  }
.sub_title { font-size: 32px; font-weight: 700; color: #111; }
.link_list { font-size: 16px; color: #666; display: flex; align-items: center; gap:15px;}
.link_list a {text-decoration: none;color: #666;transition: color 0.2s;}
.link_list a:hover {color: #09529c;}
.home_link img {width: 16px; height: auto;display: block;}
.sep { font-family: 'Arial', sans-serif; font-size: 12px; color: #ccc; font-weight: 300; margin: 0 2px; }
.current_page { color: #111; font-weight: 600; display: inline; }
.sc_guide { text-align: center; margin:8% 0;}
.guide_title {opacity: 0; font-size: 34px; font-weight: 700; color: #111; margin-bottom:4%; letter-spacing: -1px; animation: gwfadein 1.2s cubic-bezier(0.6, 1, 0.36, 1) forwards; animation-delay: 0.5s; }
.guide_title_p{opacity: 0; font-size:2rem; font-weight:400; color: #111; margin-bottom:4%; letter-spacing: -1px; animation: gwfadein 1.2s cubic-bezier(0.6, 1, 0.36, 1) forwards; animation-delay: 0.5s; line-height: 190%; width:60%; margin: 0 auto;}
.guide_title_small{font-size:2rem; font-weight:500; width:60%; margin: 0 auto; text-align: center; line-height: 200%;}
#margin_bottom_2{margin-bottom:2%;}
#margin_bottom_5{margin-bottom:5%;}
.guide_span { color: #0e7fff; } /* 강조 텍스트 파란색 */
.guide_item_grid { display: flex; justify-content: center; gap:60px; }
.guide_item { position: relative; opacity: 0;  animation: gwfadein 1.2s cubic-bezier(0.6, 1, 0.36, 1) forwards; display:flex;}
.guide_item:nth-child(1) { animation-delay: 1.2s; }
.guide_item:nth-child(2) { animation-delay: 1.7s; }
.guide_item:nth-child(3) { animation-delay: 2.2s; }
.circle_box { width:300px; height:300px; border-radius: 50%; overflow: hidden; margin-bottom: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.15); position: relative; }
.circle_box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.guide_item:hover .circle_box img { transform: scale(1.1); }
.guide_text { position: absolute; bottom: 20%; left: 0; width: 100%; color: #fff; font-size: 22px; font-weight: 600; text-shadow: 0 2px 10px rgba(0,0,0,0.8); }
.sc_main_small, .sc_main_middle { display: none;opacity: 0; ransition: opacity 0.5s ease, transform 0.5s ease; }
.sc_main_small.active, .sc_main_middle.active { display: block; opacity: 1; transition: opacity 0.4s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.tab_button { display: flex; justify-content: center; gap: 5px; margin:3% auto; }
.tab_btn2 { width:20%; padding:1% 3%; background-color: #f1f1f1; color: #555;  border-radius:10px; cursor: pointer; text-align: center; font-size:20px; transition: all 0.4s ease;}
.tab_btn2.active { font-weight: bold; color: white; background: linear-gradient(90deg, #397ecb, #2499a0, #397ecb); background-size: 200% auto; animation: gradientMove 3s ease infinite; border: none; }
@keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.main_img{width:60%; margin: 0 auto; height: 650px; overflow: hidden;}
.main_img img { width: 100%; height: 100%;  object-fit: cover; border-radius: 10px;}
.feature_info_bar { width:60%; display: grid; grid-template-columns: repeat(3, 1fr); gap:3%; margin:0 auto; margin-top: 2%; font-size:18px; color:black;}
.feature_item { flex: 1; display: flex; align-items: center; justify-content: center; padding: 15px; background: #fcfcfc; border-radius: 10px;box-shadow: 0 5px 1px rgba(0, 0, 0, 0.15); border: 2px solid rgba(0, 0, 0, 0.08);}
.check_icon { display: flex; align-items: center; margin-right: 10px; }
.check_icon img { width: 20px; height: 20px; object-fit: contain; }

.sc_table{margin:8% 0;}
.table_title { font-size: 34px; font-weight: 700; color: #111; margin-bottom:3%; letter-spacing: -1px; text-align: center;}
.product-table { width: 60%; margin: 0 auto; border-radius: 15px; overflow: hidden;  background: #fff; }
.table-header { display: flex; align-items: center; background: linear-gradient(90deg, #2499a0, #397ecb); color: white; font-size:18px; padding:5px 0; font-weight: bold; }
.table-row {display: flex; align-items: stretch; width: 100%; border-bottom: 1px solid #eee; background-color: #f5f5f5; min-height: 120px;}
.table-row > div { display: flex; align-items: center; justify-content: center; border-right: 2px solid #eee; min-height: 120px; box-sizing: border-box; }
.table-row > div:last-child { border-right: none; justify-content: flex-start; }
.col-size { flex: 1.52; text-align: center; }
.table-row .col-size{flex: 1.5; color:black;}
.col-brand { flex: 1.35; text-align: center; }
.col-brand img { width: 60%; max-width: 100px; }
.col-product-list { flex: 3.27; display: flex; align-items: center; justify-content: space-between !important; gap: 15px; padding:3% 6% !important; position: relative; overflow: hidden;}
.col-product-list::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(30, 30, 30, 0.5); background-image: url('/images/icon_search_b_w.png'); background-repeat: no-repeat; background-position: center; background-size:25px auto; opacity: 0; transition: all 0.3s ease; z-index: 2;}
.col-product-list:hover::before { opacity: 1; }
.col-product-name { display: flex; flex-direction: column; text-align: left; line-height: 1.4; margin-right: 5%;}
.col-product-name strong{font-size:18px; font-weight:700; color: black;}
.col-product-name .sub-text{color:gray; margin-bottom: 5%; font-size:14px;}
.col-mic { flex: 1.05; text-align: center; }
.table-row .col-mic{flex:1; color:black;}
.col-features { flex: 4; padding: 20px; text-align: center;}
#col-features{justify-content: flex-start; padding-left:4%;}
.col-features ul { display: grid; grid-template-columns: 1fr; list-style: none; gap: 8px 15px; font-size: 0.9rem; padding: 0; margin: 0; align-items: center;}
#col-features2 ul { display: grid; grid-template-columns: 1fr; list-style: none; gap: 8px 15px; font-size: 0.9rem; padding: 0; margin: 0; align-items: center;}
#col-features2 li{margin-bottom: 2%; line-height: 180%;}
.col-features li { position: relative; padding-left: 12px; color:black; text-align: left; font-size:15px;}
.col-features li::before { content: ""; color: #009191; position: absolute; left: 0; font-weight: bold; width:4px; height:4px; background-color: #009191; border-radius: 50%; top:50%;}
.prod-img { width:100px; height: auto; object-fit: contain; }
.table-footer-text{width:60%; color: black; margin: 0 auto; margin-top: 1%;}
.table-footer { width: 60%; display: flex; justify-content: flex-end; margin: 0 auto; margin-top: 2%; }
.btn-view-all { display: inline-block; padding: 1% 3%; background: linear-gradient(90deg, #2499a0, #1480b9); color: #fff; font-size: 16px; font-weight: 600; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.btn-view-all:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); opacity: 0.9;  background: background: linear-gradient(90deg, #1e3c72, #2a5298);}
/*테이블 수정 후(grid로 합침) */
.product-grid { display: grid; grid-template-columns: 0.65fr 1fr 1.5fr 0.55fr 2.4fr;width:60%; margin: 0 auto; background: linear-gradient(90deg, #0a92f9, #162c60) no-repeat; background-size: 100% 100px; border-radius: 15px;}
.grid-header { padding:20px; color: white; text-align: center; font-weight: bold; border-right: 1px solid rgba(255,255,255,0.2); background: transparent;}
.product-grid > div:not(.grid-header), .product-grid > a { background-color: #f5f5f5; padding:3% 2%; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: center; text-decoration: none; color:black; box-sizing: border-box; }
.product-grid2{display: grid; grid-template-columns: 0.6fr 1.1fr 0.55fr 1.5fr;width:60%; margin: 0 auto; background: linear-gradient(90deg, #0a92f9, #162c60) no-repeat; background-size: 100% 100px; border-radius: 15px;}
.product-grid3{display: grid; grid-template-columns: 0.6fr 1.2fr 1.5fr;width:60%; margin: 0 auto; background: linear-gradient(90deg, #0a92f9, #162c60) no-repeat; background-size: 100% 100px; border-radius: 15px;}
.product-grid2 > div:not(.grid-header), .product-grid2 > a { background-color: #f5f5f5; padding:3% 2%; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: center; text-decoration: none; color:black; box-sizing: border-box; }
.product-grid3 > div:not(.grid-header), .product-grid3 > a { background-color: #f5f5f5; padding:3% 2%; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: center; text-decoration: none; color:black; box-sizing: border-box; }
.cell-size-merged-l_room { grid-row: span 8; background-color: #f9f9f9; font-weight: bold; }
.cell-size-merged-s_room{ grid-row: span 3; background-color: #f9f9f9; font-weight: bold; }
.cell-size-merged-m_room{ grid-row: span 2; background-color: #f9f9f9; font-weight: bold; text-align: center;}
.cell-size-merged-town{ grid-row: span 5; background-color: #f9f9f9; font-weight: bold; }
.cell-package-ai_t_pro { grid-row: span 5; border-right: 1px solid #eee; display: flex; flex-direction: column;}
.cell-package-uvc860 { grid-row: span 3; border-right: 1px solid #eee; display: flex; flex-direction: column;}
#package_name strong{margin-top:30%; color: #105FAC; font-weight: 800;}

.sc_another_sloution { padding: 5% 0; background-color: #ededed; text-align: center; }
.another_title h1 { font-size: 30px; font-weight: 700; color: #111; margin-bottom: 50px; letter-spacing: -1px; }
.anotehr_card-grid {max-width:80%; display: grid; grid-template-columns: repeat(5, 1fr); gap:30px; margin: 0 auto; padding: 0 20px; }
.anotehr_card { position: relative; display: block; border-radius: 20px; overflow: hidden; aspect-ratio: 1 / 1.2; box-shadow: 0 10px 25px rgba(0,0,0,0.05); transition: transform 0.3s ease; }
.anotehr_card:hover { transform: translateY(-8px); }
.anotehr_card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.anotehr_card:hover img { transform: scale(1.1); }
.anotehr_card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(9, 82, 156, 0.6); background-image: url('/images/intro_hover.png'); background-repeat: no-repeat; background-position: center; background-size: 40px auto; opacity: 0; transition: all 0.3s ease; z-index: 2; }
.anotehr_card:hover::before { opacity: 1; }
.anotehr_card_title { position: absolute; bottom:10%; left: 0; width: 100%; color: #fff; font-size:20px; font-weight: 600; text-align: center; line-height: 1.3; text-shadow: 0 2px 8px rgba(0,0,0,0.6); z-index: 3; padding: 0 10px; box-sizing: border-box; word-break: keep-all; }
.anotehr_card::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%); z-index: 1; pointer-events: none; }
@media (max-width: 1024px) { .anotehr_card-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .anotehr_card-grid { grid-template-columns: repeat(2, 1fr); } }
.contact_banner { position: relative; width: 100%; padding: 6% 0; text-align: center; color: #fff; overflow: hidden;  margin-top: 7%; z-index: 1; }
.contact_banner::before { 
    content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; 
    background: linear-gradient(-45deg, #1e3c72, #2a5298, #2499a0, #48a999, #2499a0, #1e3c72); 
    background-size: 300% 300%; 
    animation: auroraShift 12s ease infinite alternate; 
    z-index: -1; }
.contact_msg { font-size: 30px; font-weight: 600; margin-bottom: 3%; line-height: 1.4; text-shadow: 0 2px 10px rgba(0,0,0,0.2); position: relative; z-index: 2; word-break: keep-all; letter-spacing: -0.5px; }
.contact_btn { display: inline-block; padding: 1% 3%; background-color: #fff; color: #000; font-weight: 600; border-radius: 5px; cursor: pointer; text-decoration: none; transition: all 0.3s ease; border: none; position: relative; z-index: 2; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
.contact_btn:hover { background-color: #000; color: #fff; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
@keyframes auroraShift { 
    0% { background-position: 0% 50%; } 
    50% { background-position: 100% 50%; } 
    100% { background-position: 0% 50%; } 
}

/*l_room*/
.guide_item_grid2 { display: flex; flex-direction: column; gap:40px; width:40%; margin: 0 auto; }
.guide_item2 { opacity: 0; display: flex; align-items: center; background: #fff; overflow: hidden; padding: 10px 30px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 2px solid transparent; transition: all 0.3s ease; cursor: pointer;  animation: slideIn 0.8s ease-out forwards; }
.guide_item2:hover { border-color: #007bff; box-shadow: 0 6px 20px rgba(0, 123, 255, 0.15); transform: translateY(-2px); }
.guide_check_icon { flex-shrink: 0; margin-right: 20px; }
.guide_check_icon img { width: 28px; height:28px; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
.guide_text2 { font-family: 'GmarketSansMedium'; flex-grow: 1; text-align: left; font-size: 20px; font-weight: 500; color: #333; }
.guide_item2 > img:last-of-type {height:90px; width: auto; object-fit: contain; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.guide_item2:hover > img:last-of-type{transform: scale(1.3) translateX(-5px);}
@keyframes slideIn { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
.guide_item2:nth-child(1) { animation-delay: 1.2s; }
.guide_item2:nth-child(2) { animation-delay: 1.7s; }
.guide_item2:nth-child(3) { animation-delay: 2.2s; }
#blue_gradient{background: linear-gradient(90deg, #0a92f9, #162c60);}

/*townhall*/
#square_box{width:340px; border-radius: 5%;}
.sc_middle { display: flex; align-items: center; justify-content: space-between; gap: 80px; width:60%; margin:8% auto; padding: 0 20px; opacity: 0; transform: translateY(50px); transition: all 1s cubic-bezier(0.21, 1, 0.36, 1);}
.sc_middle.reveal { opacity: 1; transform: translateY(0); pointer-events: auto;}
.sc_middle.reveal .middle_text_wrap { opacity: 1; transform: translateX(0); }
.sc_middle.reveal .middle_img_wrap { opacity: 1; transform: translateX(0); }
.middle_text_wrap { flex: 1; text-align: left; opacity: 0; transform: translateX(-30px); transition: all 1s 0.2s ease-out;}
.middle_text_wrap h1 { font-family: 'GmarketSansMedium', sans-serif !important; font-size:28px; font-weight: 700; color: #111; margin-bottom:5%; line-height: 1.3; word-break: keep-all; }
.middle_text_wrap p { font-size: 18px; color: black; line-height: 1.8; margin-bottom: 8%; word-break: keep-all; }
.btn_more { position: relative; z-index: 10; display: inline-block; padding: 12px 35px; border: 1.5px solid #333; border-radius: 30px; color: black; text-decoration: none; font-size: 16px; transition: all 0.3s ease; background-color: #f7f7f7;}
.btn_more:hover { background: #333; color: #fff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.middle_img_wrap { flex: 1.2; overflow: hidden; border-radius: 10px; opacity: 0; transform: translateX(30px); transition: all 1s 0.4s ease-out;}
.middle_img_wrap img { width: 100%; aspect-ratio:16/10; object-fit: cover;}
#sc_middle_title{text-align: center; margin: 8% 0; font-size: 3.5rem;}

/*boardroom*/
.table_sub_title { font-size: 24px;font-weight:700;color: #000; position: relative; right: -20%; width:20%; margin-bottom: 1%;}
.gradient-text { background: linear-gradient(90deg, #0a92f9, #162c60); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent;color: transparent; font-weight: 800;}

/*scenario*/
.scenario-section{padding:10% 0;;background:#fff;font-family:'Pretendard',sans-serif;}
.scenario-title{text-align:center;margin-bottom:4%;}
.scenario-title h2{font-size:4rem; font-weight: 700; color: #1f3f73; letter-spacing: -1px; word-break: keep-all; opacity: 0; animation: gwfadein 1.2s cubic-bezier(0.5, 1, 0.36, 1) forwards; animation-delay: 0.8s;}
.scenario-title p{font-size:2rem;margin-top: 1%;opacity: 0; animation: gwfadein 1.2s cubic-bezier(0.5, 1, 0.36, 1) forwards; animation-delay: 0.8s;}
.scenario-group{position:relative;max-width:70%;margin:0 auto 2%;padding:3%;border-radius:20px;overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,.2);}
.scenario-group.blue{background:#eaf2fd;}
.scenario-group.green{background:#edfff6;}
.group-visual{position:absolute;top:0;right:0;width:72%;height:37%;z-index:0;}
.group-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf2fd 0%,rgba(245,249,255,.95) 5%,rgba(245,249,255,.1) 25%,rgba(245,249,255,0) 100%);z-index:2;}
.group-visual img{display:block;width:100%;height:100%;object-fit:cover;}
.scenario-group.green .group-visual::before{background:linear-gradient(90deg,#edfff6 0%,rgba(243,251,247,.95) 5%,rgba(243,251,247,.1) 25%,rgba(243,251,247,0) 100%);}
.group-info-title{display: flex;}
.group-info{position:relative;z-index:3;margin-bottom:5%;}
.group-icon{width:72px;height:72px;border-radius:50%;background:#c5deff;display:flex;align-items:center;justify-content:center;margin-bottom:28px;}
.group-icon img{width:40px;height:40px;object-fit:contain;}
.group-info h3{font-size:5.6rem;font-weight:800;color:#2563eb;letter-spacing:-0.04em;margin-bottom:2%;}
.group-info p{font-size:19px;line-height:1.7;color:#232323;font-weight:500;}
.scenario-group.green .group-icon{background:#c1efda;}
.scenario-group.green .group-info h3{color:#13a86b;}
.scenario-cards{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.scenario-card{position:relative;display:block;padding:5%;background:#fff;border-radius:18px;text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.08);transition:.3s; border:2px solid transparent;}
.scenario-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(15,23,42,.12); border-color:rgba(47,103,255,.35);}
.scenario-group.green .scenario-card:hover{border-color:rgba(19,168,107,.35);}
.scenario-card .num{position:absolute;top:4%;left:4%;width:5rem;height:5rem;border-radius:12px;background:#2563eb;color:#fff;font-size:1.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:5;}
.scenario-card .thumb{display:block;width:100%;height:45%;object-fit:cover;border-radius:12px;margin-bottom:13%;background:#f8fafc;}
.scenario-group.green .scenario-card .num{background:#13a86b;}
.card-icon{position:absolute;left:6%;top:38%;width:58px;height:58px;border-radius:50%;background:#2563eb;border:4px solid #fff;display:flex;align-items:center;justify-content:center;z-index:5;}
.card-icon img{width:40px;height:40px;object-fit:contain;}
.scenario-group.green .card-icon{background:#13a86b;}
.scenario-card h4{font-size:2.7rem;font-weight:800;letter-spacing:-0.04em;margin-bottom:5%;color:#0f172a;}
.scenario-card p{font-size:1.5rem;line-height:1.8;color:#373737;margin-bottom:7%;}
.tags{display:flex;flex-wrap:wrap;gap:5px;}
.tags span{padding:1.5% 3%;border-radius:999px;background:#eef4ff;color:#2563eb;font-size:1.2rem;font-weight:700;}
.tags b{font-size:13px;color:#334155;line-height:30px;font-weight:600;}
.scenario-group.green .tags span{background:#e8f8f0;color:#13a86b;}
.scenario-card i{position:absolute;right:6%;bottom:4%;font-style:normal;font-size:2.2rem;color:#0f172a;}
.sub_nav_scenario h2{margin:0 10% 0 20%;}
.sub_nav_scenario a{margin-right:7%;}

/*edu-classroom*/
.room-page{width:100%;overflow:hidden;color:#111;}
.room-hero{position:relative;width:100%;min-height:56rem;overflow:hidden;background:#f6f9ff;}
.room-hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:15rem;background:linear-gradient(to bottom,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,0) 100%);z-index:2;pointer-events:none;}
.room-hero .hero-text{position:relative;z-index:3;width:50%;padding-left:20%;padding-top:7%;box-sizing:border-box;}
.hero-category{display:flex;align-items:center;gap:1rem;margin-bottom:5%;}
.hero-category-icon{width:5.2rem;height:5.2rem;border-radius:50%;background:#cfe0ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hero-category-icon img{width:2.8rem;height:2.8rem;object-fit:contain;}
.hero-category span{font-size:2rem;font-weight:600;color:#181818;letter-spacing:-.03em;}
.room-hero h1{margin:0 0 1.1rem;font-size:5rem;line-height:1.15;font-weight:800;color:#111; margin-bottom: 3%;}
.room-hero p{width:70%;margin:5% 0 1%;font-size:2rem;line-height:1.65;color:#174ea6;font-weight:500;}
.room-hero .hero-info{display:inline-flex;gap:1rem; width:fit-content; margin-top:5%;padding:3%;background:#fff;border-radius:1rem;box-shadow:0 .3rem 1.6rem rgba(15,23,42,.12);}
.hero-info .hero-info-wrap{display:flex; flex-direction: column; align-items: flex-start !important;}
.room-hero .hero-info div{display:flex;gap:.7rem;align-items: center;}
.room-hero .hero-info > div:nth-child(1){min-width:11rem;}
.room-hero .hero-info > div:nth-child(2){min-width:13rem;}
.room-hero .hero-info > div:nth-child(3){min-width:13rem;}
.room-hero .hero-info img{width:3.5rem; margin-right:3%;}
.room-hero .hero-info strong{display:block;font-size:1.5rem;color:#393939; font-weight: 800;}
.room-hero .hero-info span{display:block;font-size:1.3rem;color:#000000; word-break:keep-all;}
.room-hero .hero-img{position:absolute;top:0;right:0;width:50%;height:100%;z-index:1;overflow:hidden;}
.room-hero .hero-img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f9ff 0%,rgba(246,249,255,.1) 20%,rgba(246,249,255,.1) 5%,rgba(246,249,255,.0) 50%,rgba(246,249,255,0) 50%); z-index:2;}
.room-hero .hero-img img{display:block;width:100%;height:100%;object-fit:cover;}
.room-sec {width:60%; margin:0 auto; padding:6.5rem 0;}
.sec-title {margin-bottom:3rem; text-align:center;}
.sec-title h2 {margin:0; font-size:2.1875rem; line-height:1.35; font-weight:800;}
.problem-list{display:flex;gap:2rem;justify-content:center;width:60%;margin:0 auto;}
.problem-card{position:relative;flex:1;min-width:0;padding:3% 2%;background:#f7f8fa;border:1px solid transparent;border-radius:1rem;text-align:center;transition:.25s ease;box-shadow:0 0.3rem 1rem rgb(15 23 42 / 14%);}
.problem-card:hover{background:#eef5ff;border-color:#1f6fff;box-shadow:0 .8rem 2rem rgba(31,111,255,.12);transform:translateY(-.4rem);}
.problem-card:hover h3{color:#0f4fc7;}
.problem-card:hover p{color:#000;}
.problem-card:hover .icon-wrap::before{}
.problem-card .icon-wrap{position:relative;width:9rem;height:9rem;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;}
.problem-card .icon-wrap::before{content:"";position:absolute;inset:0;background:#fff;border-radius:50%;box-shadow:0 .4rem 1rem rgba(0,0,0,.04);z-index:0;}
.problem-card img{position:relative;z-index:1;display:block;width:5rem;height:5rem;object-fit:contain;}
.problem-card h3{margin:0 0 1.3rem;font-size:2rem;line-height:1.35;font-weight:700;color:#111;letter-spacing:-.04em;}
.problem-card p{margin:0;font-size:1.5rem;line-height:1.65;font-weight:400;color:#252525;letter-spacing:-.035em;}
.blue-sec {background:#dbe4f4;}
.gray-sec {background:#f1f2f4;}
.gray-sec2 {background:#f7f7f9; padding-bottom: 8%;}
.solution-list{display:flex;gap:2rem;width:60%;margin:0 auto;}
.solution-card{flex:1;min-width:0;  opacity:0;transform:translateY(4rem);transition:opacity .8s ease,transform .8s ease;}
.solution-card.show{opacity:1;transform:translateY(0);}
.solution-card:nth-child(1){transition-delay:0s;}
.solution-card:nth-child(2){transition-delay:.12s;}
.solution-card:nth-child(3){transition-delay:.24s;}
.solution-card-inner{height:100%;padding:8%;background:#fff;border:.1rem solid #d9dfe8;border-radius:1.2rem;}
.solution-head{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:2rem;}
.solution-head span{display:flex;align-items:center;justify-content:center;flex:0 0 4rem;width:4rem;height:4rem;border-radius:50%;background:#075eea;color:#fff;font-size:1.7rem;font-weight:800;}
.solution-title h3{margin:0 0 .4rem;font-size:2rem;line-height:1.25;color:#075eea;font-weight:800;letter-spacing:-.04em;}
.solution-title p{margin:0;font-size:1.35rem;line-height:1.4;color:#111;font-weight:600;}
.solution-img{height:15rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;}
.solution-img img{max-width:100%;max-height:100%;object-fit:contain; transition:0.5s ease;}
.solution-card:hover .solution-img img{transform:scale(1.05)}
.solution-card ul{margin:0;padding-left:1.8rem;}
.solution-card li{font-size:1.5rem;line-height:1.9;color:#111;letter-spacing:-.03em;}
.solution-card li::marker{color:#075eea;}
.scenario-list{display:flex;gap:2rem;width:60%;margin:0 auto;padding:1rem;}
.use-card{flex:1;min-width:0;padding:3rem 2rem 1.8rem;background:#fff;border:.1rem solid #dfe4ec;border-radius:1.2rem;display:flex;flex-direction:column;justify-content:space-between; opacity:0;transform:translateY(3rem);transition:.7s ease;}
.use-text{min-height:18rem;}
.use-text h3{margin:0 0 2rem;font-size:2.5rem;line-height:1.3;font-weight:800;color:#111;letter-spacing:-.04em;}
.use-text p{margin:0;font-size:1.7rem;line-height:1.75;font-weight:400;color:#222;letter-spacing:-.04em;}
.use-img{width:100%;margin-top:2rem;overflow:hidden;border-radius:.4rem;background:#f7f8fa;}
.use-img img{display:block;width:100%;height:auto;object-fit:cover;}
.use-card.show{opacity:1;transform:translateY(0);}
.use-card:nth-child(1){transition-delay:.0s;}
.use-card:nth-child(2){transition-delay:.1s;}
.use-card:nth-child(3){transition-delay:.2s;}
.use-card:nth-child(4){transition-delay:.3s;}

.compare-wrap{display:flex;gap:2rem;width:60%;margin:0 auto;}
.compare-box{flex:1;min-width:0;background:#fff;border:.1rem solid #e1e5ec;border-radius:1rem;overflow:hidden;box-shadow:0 .4rem 1.4rem rgba(15,23,42,.05);}
.compare-head{height:5rem;display:flex;align-items:center;justify-content:center;background:#eef1f6;font-size:2rem;font-weight:800;color:#222;letter-spacing:-.04em; padding: 5%;}
.compare-old{box-shadow:0 .4rem 1.2rem rgba(0,0,0,.05); opacity:0;transform:translateX(-5rem);transition:1.5s cubic-bezier(.22,.61,.36,1);}
.compare-head span{font-weight:600;color:#555;}
.compare-new{ box-shadow:0 0.1rem 2rem rgba(7,94,234,.1); background:linear-gradient(to bottom,#ffffff,#f7fbff); opacity:0; transform:translateX(5rem);transition:1.5s cubic-bezier(.22,.61,.36,1);}
.compare-box.show{opacity:1;transform:translateX(0);}
.compare-new .compare-head{background:#075eea;color:#fff;   background:linear-gradient(90deg, #2c5fc1, #1f7bff);
  box-shadow:0 .6rem 1.6rem rgba(7,94,234,.25);}
.compare-new .compare-item:hover{ background:#e7eff9;}
.compare-item{display:grid;grid-template-columns:7rem 1fr 18rem;align-items:center;gap:1.6rem;padding:2rem;border-bottom:.1rem solid #e8ebf0;}
.compare-item:last-child{border-bottom:0;}
.compare-icon{display:flex;align-items:center;justify-content:center;}
.compare-icon img{width:100%; object-fit:contain;}
.compare-text h3{margin:0 0 .8rem;font-size:2rem;line-height:1.35;font-weight:800;color:#111;letter-spacing:-.04em;}
.compare-text p{margin:0;font-size:1.5rem;line-height:2;color:#333;letter-spacing:-.035em;}
.compare-img{height:95%;border-radius:.7rem;overflow:hidden;background:#f5f6f8;}
.compare-img img{display:block;width:100%;height:100%;object-fit:cover;}
.gray-sec2 .product_img{position:relative;width:60%;margin:0 auto;}
.gray-sec2 .product_img img{display:block;}
.blue-btn{position:absolute;right:0;bottom:-10%;display:inline-flex;align-items:center;justify-content:center;height:5rem;padding:0 2.4rem;background:linear-gradient(90deg, #394d91, #3b5db5);border-radius:999px;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.03em;transition:.35s ease;z-index:3;}
.blue-btn:hover{transform:translateY(-.4rem);}
.effect-sec .common_title{text-align:center;margin-bottom:5rem;}
.effect-list{display:flex;gap:2rem;width:60%;margin:0 auto;}
.effect-card{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:2.4rem;padding:3rem 2.6rem;background:#fbfcff;border:.1rem solid #bcd2ff;border-radius:1.4rem;overflow:hidden;transition:.4s cubic-bezier(.22,.61,.36,1);}
.effect-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(31,111,255,.09) 50%,transparent 80%);transform:translateX(-120%);transition:.8s ease;}
.effect-card:hover{transform:translateY(-.8rem);border-color:#1f6fff;box-shadow:0 1.2rem 2.8rem rgba(31,111,255,.16);}
.effect-card:hover::before{transform:translateX(120%);}
.effect-icon{position:relative;z-index:1;flex:0 0 7.5rem;width:7.5rem;height:7.5rem;display:flex;align-items:center;justify-content:center;}
.effect-icon img{display:block;width:100%;height:100%;object-fit:contain;transition:.4s ease;}
.effect-card:hover .effect-icon img{transform:scale(1.08);}
.effect-text{position:relative;z-index:1;}
.effect-text h3{margin:0 0 1rem;font-size:2.3rem;line-height:1.35;font-weight:800;color:#003eb3;letter-spacing:-.04em;}
.effect-text p{margin:0;font-size:1.6rem;line-height:1.7;color:#000000;letter-spacing:-.035em;}
.effect-sec{padding-bottom:0;}
.fit-sec .common_title{text-align:center;margin-bottom:5rem;}
.fit-list{display:flex;gap:2rem;width:60%;margin:0 auto;}
.fit-card{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:2.4rem;padding:3rem 2.6rem;background:#fbfcff;border:.1rem solid #b8cdfd;border-radius:1.4rem;overflow:hidden;transition:.4s cubic-bezier(.22,.61,.36,1);}
.fit-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(125,170,255,.12) 50%,transparent 80%);transform:translateX(-120%);transition:.8s ease;}
.fit-card:hover{transform:translateY(-.8rem);border-color:#7ea9ff;box-shadow:0 1.2rem 2.8rem rgba(125,170,255,.18);background:#f4f8ff;}
.fit-card:hover::before{transform:translateX(120%);}
.fit-icon{position:relative;z-index:1;flex:0 0 7.5rem;width:7.5rem;height:7.5rem;display:flex;align-items:center;justify-content:center;}
.fit-icon img{display:block;width:100%;height:100%;object-fit:contain;transition:.4s ease;}
.fit-card:hover .fit-icon img{transform:scale(1.08);}
.fit-text{position:relative;z-index:1;}
.fit-text h3{margin:0 0 1rem;font-size:2.3rem;line-height:1.4;font-weight:800;color:#003eb3;letter-spacing:-.04em;}
.fit-text p{margin:0;font-size:1.6rem;line-height:1.7;color:#000000;letter-spacing:-.035em;}
.support-sec{padding:5% 0 10%;background:#fff;}
.support-wrap{display:flex;align-items:center;justify-content:space-between;gap:6rem;width:50%;margin:0 auto;}
.support-text{flex:0 0 42%;}
.support-text h2{margin:0 0 3rem;font-size:3.5rem;line-height:1.3;font-weight:800;color:#111;letter-spacing:-.05em;}
.support-text ul{margin:0;padding:0;list-style:none;}
.support-text li{position:relative;padding-left:1.6rem;margin-bottom:1.4rem;font-size:2rem;line-height:1.6;font-weight:500;color:#222;letter-spacing:-.035em;}
.support-text li::before{content:"·";position:absolute;left:0;top:0;color:#111;}
.support-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:3%;padding:3% 6%;background:linear-gradient(90deg, #579ee7, #1d4b95);border-radius:999px;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.03em;box-shadow:0 1rem 2rem rgba(19,87,234,.18);transition:.35s ease;}
.support-btn:hover{transform:translateY(-.4rem);box-shadow:0 1.4rem 2.8rem rgba(19,87,234,.28);}
.support-img{flex:0 0 48%;}
.support-img img{display:block;width:100%;}
.bottom-cta{position:relative;padding:8rem 0;background:linear-gradient(120deg, #188fc5, #4b71bf, #2f7ed1, #6bbbdf);background-size:300% 300%;overflow:hidden;animation:gradientWave 12s ease-in-out infinite;}
@keyframes gradientWave{
0%{background-position:0% 50%;}
25%{background-position:50% 100%;}
50%{background-position:100% 50%;}
75%{background-position:50% 0%;}
100%{background-position:0% 50%;}
}
.bottom-cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:8rem;width:70%;margin:0 auto;}
.bottom-cta-text{flex:1;}
.bottom-cta-text span{display:block;margin-bottom:1.5%;font-size:2.5rem;font-style:italic;font-weight:300;color:rgba(255,255,255,.9);letter-spacing:-.03em;}
.bottom-cta-text h2{margin:0 0 2.4rem;font-size:3rem;line-height:1.55;font-weight:700;color:#fff;letter-spacing:-.05em;word-break:keep-all;}
.bottom-cta-text p{margin:0;font-size:1.8rem;line-height:1.7;font-weight:400;color:rgba(255,255,255,.88);letter-spacing:-.03em;}
.cta-btns{display:flex;flex-direction:column;gap:1.6rem;flex-shrink:0;}
.cta-btn{position:relative;display:flex;align-items:center;justify-content:space-between;width:32rem;height:7.6rem;padding:0 2.8rem;border-radius:1.2rem;font-size:2rem;font-weight:700;letter-spacing:-.04em;transition:.35s cubic-bezier(.22,.61,.36,1);overflow:hidden;}
.cta-btn span{position:relative;z-index:2;}
.cta-btn::after{content:"→";position:relative;z-index:2;font-size:2.6rem;font-weight:300;transition:.35s ease;}
.cta-btn::before{content:"";position:absolute;inset:0;transform:translateX(-120%);transition:.8s ease;}
.cta-btn:hover{transform:translateY(-.5rem);}
.cta-btn:hover::after{transform:translateX(.4rem);}
.cta-btn:hover::before{transform:translateX(120%);}
.white-btn{background:#fff;color:#2152b7;box-shadow:0 1rem 2.4rem rgba(0,0,0,.14);}
.white-btn::before{background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);}
.blue-btn2{border:.1rem solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);backdrop-filter:blur(.8rem);color:#fff;}
.blue-btn2::before{background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);}
.blue-btn2:hover{background:rgba(255,255,255,.14);}

/*m_classroom*/
.feature-layout{display:flex;align-items:center;justify-content:space-between;gap:5%;width:70%;margin:5rem auto 0;}
.feature-visual{width:60%;opacity:0;transform:translateX(-4rem);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);}
.feature-visual img{width:100%;display:block;}
.feature-cards{width:37%;display:flex;flex-direction:column;gap:1.5rem;}
.feature-card{display:flex;gap:1.4rem;padding:6%;border-radius:1.8rem;background:#fff;box-shadow:0 .4rem 2rem rgba(15,23,42,.08);opacity:0;transform:translateY(2.5rem) scale(.96);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);}
.feature-card-text h3{font-size:2.1rem;font-weight:800;line-height:1.4;color:#1847b7;margin-bottom:.8rem;}
.feature-card-text p{font-size:1.5rem;line-height:1.8;color:#000000;word-break:keep-all;}
.feature-visual.show{opacity:1;transform:translateX(0);}
.feature-card.show{opacity:1;transform:translateY(0) scale(1);}
.feature-card:nth-child(1){transition-delay:.05s;}
.feature-card:nth-child(2){transition-delay:.17s;}
.feature-card:nth-child(3){transition-delay:.29s;}
.scenario-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:70%;margin:5rem auto 0;}
.scenario-card{padding:10% 7% 7% 7%;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 .3rem 1.2rem rgba(15,23,42,.04);overflow:hidden;opacity:0;transform:translateY(2.5rem) scale(.96);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);}
.scenario-card-num{width:3rem;height:3rem;margin:0 auto 5%;border-radius:50%;background:#2563eb;color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.scenario-card h3{min-height:3.5rem;font-size:2.2rem;font-weight:800;line-height:1.5;text-align:center;color:#343435;margin-bottom:5%;word-break:keep-all;}
.scenario-card-img{border-radius:1rem;overflow:hidden;}
.scenario-card-img img{width:100%;display:block;}
.scenario-card p{margin-top:1.3rem;font-size:1.7rem;line-height:1.8;color:#000000;word-break:keep-all;}
.scenario-card.show{opacity:1;transform:translateY(0) scale(1);}
.scenario-card:nth-child(1){transition-delay:.05s;}
.scenario-card:nth-child(2){transition-delay:.12s;}
.scenario-card:nth-child(3){transition-delay:.19s;}
.scenario-card:nth-child(4){transition-delay:.26s;}
.scenario-card:nth-child(5){transition-delay:.33s;}
#config-box-king{position:relative;}
.product-config-box{display:flex;justify-content:space-between;gap:3rem;width:85%;margin:-3rem auto 0;padding:2rem 2.5rem;background:#fff;border-radius:1rem;box-shadow:0 .4rem 1.6rem rgba(15,23,42,.12);position:relative;z-index:2;}
.config-group{flex:1;display:flex;flex-direction:column;align-items:center;}
.config-group:first-child{border-right:1px solid #d1d5db;}
.config-group h3{font-size:1.8rem;font-weight:800;color:#0046ad;margin-bottom:1.5rem;}
.config-items{display:flex;align-items:flex-end;gap:4rem; justify-content: center;}
.config-item{text-align:center;}
.config-item img{height:10rem;object-fit:contain;margin-bottom:.8rem;}
.config-item span{display:block;font-size:1.2rem;color:#9ca3af;margin-bottom:.25rem;}
.config-item strong{display:block;font-size:1.5rem;font-weight:700;color:#111;}
/*l_classroom*/
.feature-layout2{width:60%;margin:5rem auto 0;}
.feature-visual2{opacity:0;transform:translateY(3rem);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);}
.feature-visual2 img{width:100%;display:block;}
.feature-cards2{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;}
.feature-cards2 .feature-card{width:33.333%;padding:2.5%;text-align:center;opacity:0;transform:translateY(2.5rem) scale(.96);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);}
.feature-cards2 .feature-card-text h3{font-size:2.1rem;font-weight:800;line-height:1.5;color:#1847b7;margin-bottom:1rem;}
.feature-cards2 .feature-card-text p{font-size:1.5rem;line-height:1.8;color:#000000;word-break:keep-all;}
.feature-visual2.show{opacity:1;transform:translateY(0);}
.feature-cards2 .feature-card.show{opacity:1;transform:translateY(0) scale(1);}
.feature-cards2 .feature-card:nth-child(1){transition-delay:.05s;}
.feature-cards2 .feature-card:nth-child(2){transition-delay:.17s;}
.feature-cards2 .feature-card:nth-child(3){transition-delay:.29s;}
.purple-sec{background:#E9E9F8; padding-bottom: 8%;}
.purple-sec2{background:#ECECF6; padding-bottom: 8%;}
/*biz-room*/
.scenario-grid2{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:70%;margin:5rem auto 0;}
.item2{padding:3% 1.5%;}
.system-card-wrap{position: relative; width:75%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;}
.system-card{padding:5%;background:#fff;border:1px solid #b9c7e7;border-radius:1rem;box-shadow:0 .3rem 1.2rem rgba(30,55,120,.06);}
.system-card>h3{margin:0 0 3%;text-align:center;font-size:2rem;font-weight:800;color:#1558bf;}
.system-visual{overflow:hidden;border-radius:.8rem;background:#f5f5f5;}
.system-visual img{display:block;width:100%;}
.system-list{margin-top:1.8rem;}
.system-list h4{margin:0 0 4%;padding-bottom:.8rem;border-bottom:1px solid #cbd5e8;font-size:2rem;font-weight:800;color:#244a91;}
.system-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem 1.2rem;}
.system-item{display:grid;grid-template-columns:4rem 10rem 1fr;align-items:center;gap:.8rem;text-decoration:none;color:#111;transition:.2s ease;}
.system-item:hover{transform:translateY(-.15rem);}
.system-item em{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#1558bf;color:#fff;font-size:1.3rem;font-style:normal;font-weight:800;}
.system-item img{max-width:8rem;max-height:8rem;object-fit:contain;}
.system-item strong{display:block;font-size:1.6rem;font-weight:800;line-height:1.35;}
.system-item span{display:block;margin-top:.15rem;font-size:1.3rem;color:#666;line-height:1.35;}
.fit-sec2{background:#fff;}
.fit-card-wrap2{width:60%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:5rem;}
.fit-card2{padding:8% 5%;border:1px solid #bcd2ff;border-radius:1.2rem;background:#fbfcff;position:relative;overflow:hidden;transition:.4s cubic-bezier(.22,.61,.36,1);}
.fit-head2{display:flex;align-items:center;gap:2.5rem;}
.fit-icon2{width:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.fit-icon2 img{width:13rem;max-width:100%;display:block;}
.fit-title2 h3{margin:0;font-size:3rem;font-weight:800;color:#252525;line-height:1.2;}
.fit-title2 span{display:block;width:2.2rem;height:2px;margin:1.3rem 0;background:#1764ff;}
.fit-title2 p{margin:0;font-size:1.6rem;font-weight:700;color:#252525;line-height:1.7;}
.fit-check-list2{margin:2.5rem 0 0;padding:2.3rem 0 0;border-top:1px solid #dcdcdc;list-style:none;}
.fit-check-list2 li{position:relative;margin-top:1.3rem;padding-left:3.5rem;font-size:1.7rem;font-weight:500;color:#222;line-height:1.7;word-break:keep-all;}
.fit-check-list2 li:first-child{margin-top:0;}
.fit-check-list2 li::before{content:"✓";position:absolute;left:0;top:.2rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1.5px solid #1764ff;border-radius:50%;font-size:1.1rem;font-weight:800;color:#1764ff;}
.fit-card2::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(31,111,255,.09) 50%,transparent 80%);transform:translateX(-120%);transition:.8s ease;}
.fit-card2:hover{transform:translateY(-.8rem);border-color:#1f6fff;box-shadow:0 1.2rem 2.8rem rgba(31,111,255,.16);}
.fit-card2:hover::before{transform:translateX(120%);}
.fit-card2 > *{position:relative;z-index:1;}
/*biz-l_room*/
.problem_big_icon img{width:9rem; height:9rem;}
.problem_big_icon .icon-wrap{width:12rem; height: 12rem;}
#card_center{justify-content:center;}
.scenario-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:60%;margin:5rem auto 0;}
.purple-sec{background:#ececf6;}
.hybrid-system{position:relative;display:grid;grid-template-columns:1fr 32rem;gap:4rem;width:72%;margin:0 auto;align-items:start;}
.hybrid-visual{overflow:hidden;border-radius:.4rem;}
.hybrid-visual img{display:block;width:100%;height:auto;}
.hybrid-info{display:flex;flex-direction:column;gap:1.8rem;}
.hybrid-card{padding:2.2rem 2rem;background:#f8faff;border-radius:.8rem;box-shadow:0 .4rem 1.8rem rgba(30,45,80,.06);text-decoration:none;display:block;transition:.35s ease;}
.hybrid-card.green{background:#f5fbf2;}
.hybrid-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.8rem;}
.hybrid-head em{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:2.6rem;background:#1264df;border-radius:.5rem;color:#fff;font-size:1.5rem;font-weight:700;font-style:normal;}
.hybrid-card.green .hybrid-head em{background:#5f8e68;}
.hybrid-head strong{font-size:1.7rem;font-weight:800;color:#135bd2;line-height:1.35;}
.hybrid-card.green .hybrid-head strong{color:#47754f;}
.hybrid-head span{font-weight:700;}
.hybrid-card>img{display:block;max-width:12rem;margin-bottom: 5%;}
.hybrid-card ul{display:flex;flex-direction:column;gap:1.2rem;margin:0;padding:0;list-style:none;}
.hybrid-card li{position:relative;padding-left:1rem;font-size:1.35rem;line-height:1.5;color:#000000;word-break:keep-all;}
.hybrid-card li::before{content:"";position:absolute;left:0;top:1.05rem;width:.35rem;height:.35rem;background:#333;border-radius:50%;}
.hybrid-system .blue-btn{position:absolute;right:0;bottom:-5.5rem;display:inline-flex;align-items:center;justify-content:center;height:4.2rem;padding:0 2.4rem;background:#314f9b;border-radius:3rem;color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;}
.hybrid-card:hover{transform:translateY(-.4rem);box-shadow:0 .8rem 2.4rem rgba(20,35,90,.12);}
#big_effec-icon{width:15rem; height: 15rem; flex: 0 0 10rem;}
#scenario_p{text-align:center; margin-top: 7%;}
#card_center .feature-card{width:40%;}
/*biz-hall_room*/

.config-group2{padding:2.2rem;background:rgba(10,31,54,.94);border-radius:1.4rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.18);}
.config-group2 h3{margin:0 0 1.5rem;font-size:2rem;font-weight:600;color:#fff;}
.flow-list{display:flex;align-items:stretch;gap:1.2rem;}
.flow-box{flex:1;min-width:0;padding:1.6rem;border:.1rem solid #1788ff;border-radius:1rem;background:rgba(255,255,255,.03); display:flex;flex-direction:column;justify-content:flex-start;}
.flow-box .flow-title{flex-shrink:0;}
.flow-items,.flow-output{flex:1;}
.flow-box.purple{border-color:#9b6bff;}
.flow-title{margin-bottom:1.2rem;text-align:center;font-size:1.5rem;font-weight:600;color:#36a8ff;}
.flow-title.purple{color:#b58cff;}
.flow-items{display:flex;align-items:center;justify-content:center;gap:1.2rem;}
.flow-items div{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;color:#fff;font-size:1.3rem;line-height:1.35;}
.flow-items img{width: 100%; height: 10rem; object-fit:contain;}
.flow-items em{font-style:normal;font-size:2.8rem;font-weight:600;color:#fff;}
.flow-arrow{display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:300;color:#fff;}
.flow-output{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.output-icons{display:flex;align-items:center;justify-content:center;gap:2.8rem;margin-bottom:1.6rem;}
.output-icons img{width:4.6rem;height:4.6rem;object-fit:contain;display:block;}
.flow-output p{margin:0;padding-top:.2rem;text-align:center;font-size:1.35rem;font-weight:600;line-height:1.5;color:#fff;word-break:keep-all;}
.product-config-box2{display:flex;justify-content:space-between;gap:3rem;width:100%;margin:-3rem auto 0;padding:0;border-radius:1rem;position:relative;z-index:2;}



/*팝업 css */
.gwcns_modal2{display:none; position: fixed; z-index: 1000;left:50%;top:50%;margin-left: -12.5%;width: 25%;margin-top:-15%;height: auto;background-color: rgba(0,0,0,0.4); border-radius: 15px; overflow: hidden; animation: fadeInUp 0.3s ease-out forwards;}
@keyframes fadeInUp {from {opacity: 0;}to {opacity: 1;}}
.gwcns-modal-content2{margin: 0 auto;width: 100%;height: 100%;text-align:center; position:relative;}
.gwcns-modal-content2 p{font-weight:600; font-size: 14px; color: white; width:95%; top:54%; left:50%; transform: translateX(-50%); position: absolute;}
#content_mobile{display: none;}
#content_mobile2{display:none;}
.modal-close2{background-color: #fff;color: #212529;float: left;font-size:15px;font-weight: bold;width: 50%;height: 5rem;}
.modal-close-nomore2{background-color: #fff;color: #212529;float: left;font-size:15px;font-weight: bold;width: 50%;height: 5rem;}
.modal-close2:hover, .modal-close-nomore2:hover{text-decoration: none;cursor: pointer;color: #fff;background-color: #1f44b5;}
.almaznBtn{width: 35%;height:4rem; margin:0; background-color: #212121;color: #fff;border-radius:30px;font-size: 15px;font-weight: 500; position:absolute; left: 50%; transform: translateX(-50%); top:70%;}
.almaznBtn2{width: 70%;height:4.5rem; margin:0; background-color: #ff6b00;color: #fff;border-radius:10px;font-size: 15px;font-weight: 500;position:absolute; left: 50%; transform: translateX(-50%); top:80%;}
#moreinfo + [data-readmore-toggle]{background:#f7f7f7;}
.title_link h2{font-size:30px;}

/* 반응형: 모바일 */
@media screen and (max-width: 410px) {
        #main .sc1_slide_btn.ye_10years{top:75%;}
        #main .header .topmenu{background-color:#0BB0E0;}
         #information .header .topmenu{background-color:#0BB0E0;}
        #main .header .topmenu > ul > li ul.ps-2 {padding-left:0;}
        #main .index_section1{height: 700px; position: relative;}
        #main .next_btn1, #main .prev_btn1{display:none;}
        #main .index_pagination1{top:90%; left:50%; transform: translateX(-50%);}
        #main .sc1_slide_video{display:none;}
        #main .sc1_slide_video_mobile{display:block; width:100%; -webkit-mask-image: -webkit-radial-gradient(white, black);
		    -webkit-backface-visibility: hidden;
		    -moz-backface-visibility: hidden; object-fit: cover;}
        #main .index_section1{height: 640px;}
        #main .sc1_slide_title{font-size:25px;}
        #main .sc1_slide_content{font-size:15px; width: 75%;}
        #main .sc1_slide_content_bold{font-size:18px; width: 75%; margin-top:5%;}
        #main .sc1_slide_btn{width:35%; height: 6%; font-size: 13px; top:72%; left:50%; transform: translateX(-50%);}
        #main .sc1_slide_img{display:none;}
        #main .sc1_slide_img_mobile{display:block; width:100%;}
        #main .sub_nav{height:auto;} 
        #information .sub_nav2{height:4.5rem; z-index:40;}
        #main .sub_nav p, #information .sub_nav2 p{display:none;}
        #main .sub_nav button, #information .sub_nav2 button{width:50%; font-size: 12px; padding:4%;}
        #main #nav_btn2, #information #sub_btn2{ font-size: 12px; padding:4%;display:flex; align-items: center;}
        #main #nav_btn2 img, #information #sub_btn2 img{width:25px; height: 20px;}
        #main .index_section2, #main .index_section3{height:400px; position:relative;}
        #main .sc2_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden;}
        #main .sc3_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden; padding:20px 20px 20px 0; }
        #main .sc2_left_panel, #main .sc3_left_panel{width:100%; height:400px; position:absolute;}
        #main .slide_title_container,  #main .slide_title_container3{padding:0;}
        #main .slide_title_container h3, #main .slide_title_container3 h3{display:none;}
        #main .slide_title h2,#main .slide_title3 h2, #information .slide_title8 h2, #information .slide_title7 h2,#information .slide_title9 h2{font-size:18px;}
        #main .slide_title p,#main .slide_title3 p, #information .slide_title8 p,#information .slide_title7 p,#information .slide_title9 p{font-size:13px}
        #main .slide_title, .slide_title3, #information .slide_title8,#information .slide_title7, #information .slide_title9 {display:none;}
        #main .slide_title.active, .slide_title3.active, #information .slide_title8.active ,#information .slide_title7.active, #information .slide_title9.active {display:block;}
        #main .swiper_slide2_mobile{display:block; width:100%; height: 400px; overflow: hidden;}
        #main .swiper_slide2_mobile img{display:block; width:100%;height: 100%;}
        #main .swiper_slide2{display:none;}
        #main .index_scrollbar2,#main .index_scrollbar3,#information .index_scrollbar8{margin:5%;}
        #main .index_section4{height:650px;padding-top: 5%;}
        #main .sc5_icon img{position:absolute;width:5%; top:42%; left:60%;}
        #main .sc5_icon p{color:white;position:absolute;width:32%; top:43%; left:68%; font-size:11px;}
        #main .ct4_font{width:100%;}
        #main .ct4_font p{font-size:13px;}
        #main .ct4_font h2{font-size:16px;}
        #main .ct4_font h1{font-size:28px;}
        #main .ct4_img{width:100%; margin:20% 0 5% 2%;}
        #main .swiper_slide4{text-align:center; padding-top:5%;}
        #main .swiper_container4{height:70%; }
        #main .sc4_slide_video{width:80%; margin:0 auto;}
        #main .swiper_slide4 img{width:80%; margin:0 auto;}
        #main .sc4_slide_title {margin-left:50%; width:60%; transform: translateX(-50%); top:50%; text-align:center; font-size:20px;}
        #main .sc4_slide_content{margin-left:50%; width:80%; transform: translateX(-50%); top:60%; text-align:center; font-size:13px;}
        #main .scroll_bar4{width:50%; top:85%; margin-left:50%; transform: translateX(-50%);}
        #main .slide-number{width:70%; top:83%; margin-left:52%; transform: translateX(-50%);}
        #main .current-slide{margin-right: 80%;}
        #main .prev_btn4{width:2%; top:89%; left:10%;}
        #main .next_btn4{width:2%; top:89%; left:87%;}
        #main .index_section5{padding-top:5%; height: 600px;}
        #main .ct5_font p{font-size:13px;}
        #main .ct5_font h2{font-size:18px;}
        #main .ct5_font h1{font-size:30px;}
        #main .ct5_font{width:60%;}
        #main .product_container5{display:block; height: 32%;}
        #main .ct5_img{margin:6% 0 5% 5%;}
        #main .swiper_slide5 img{width:85%; height: 25%;}
        #main .sc5_slide_title{font-size:15px;}
        #main .sc5_slide_content{font-size:12px;}
        #main .swiper_container5{height:90%;}
        #main #swiper_slide5{margin-top:20%;}
        #main .index_pagination5{top:92%;}
        #main .index_section6{height:450px; padding:5% 0 0 5%;}
        #main .title_container6{height:30%;}
        #main .ct6_font h2{font-size:17px; width:80%;}
        #main .ct6_font p{font-size:15px;}
        #main .next_btn6{width:20px; height: 34px; top:18%}
        #main .prev_btn6{width:20px; height: 34px; top:18%; left:75%;}
        #main .swiper_slide6 img{height:auto;}
        #main .sc6_slide_title{font-size:15px;}
        #main .sc6_slide_content p{font-size:13px;}
        #main .sc6_slide_content img{width:8%; height: 8%;}
        #main .index_section7{padding-top:5%; height:400px; }
        #main .title_container7{height:17%;}
        #main .ct7_font h2{font-size:18px;}
        #main .sc7_slide_title {margin-bottom:5%;}
        #main .sc7_slide_title h1{font-size:10px; margin:0 10px;}
        #main .sc7_slide_title h1::after{bottom:0; height: 2px;}
        #main .swiper_container7{height:auto;}
        #main .swiper_slide7 img{width:80%; height: auto;}
        #main .sc7_btn{width:25%; height:7%; font-size:10px; margin-top:5%;}
        #main .index_section8{height:100px;}
        #main .title_container8{width:80%;}
        #main .index_section8 img{width:6%;}
        #main .title_container8 h1{font-size:18px;}
        #main .title_container8 p{font-size:13px;}
        #main .action-toggle{width:5rem; height: 5rem;}
        #main .action-btn{width:140px; height: 40px; font-size:11px;}
        #main .action-btn img {width:20%;}
        #information .action-toggle{width:5rem; height: 5rem;}
        #information .action-btn{width:140px; height: 40px; font-size:11px;}
        #information .action-btn img {width:20%;}
        #main .agree_intro h4{font-size:11px;}
        #information .agree_intro h4{font-size:11px;}
        #main .agree_intro .desc{font-size:8px;}
        #information .agree_intro .desc{font-size:8px;}
        #information .agree_intro input[type="checkbox"] {transform: scale(1);}
        #main .agree_intro input[type="checkbox"] {transform: scale(1);}
        #main #modal_call{height:510px;}
        #information #modal_call{height:510px;}
        #information .callback_title{height:35px;}
        #information .callback_title img{width:20px; height: 20px;}
        #information .callback_title h2{font-size:20px;}
        #main .callback_title_p p {font-size:10px;}
        #information .callback_title_p p {font-size:10px;}
        #information .modal__content{padding:20px 10px;}
        #main ul.callback_form li label{font-size:10px;}
        #main .agree_intro{margin-top:30%;}
        #information .agree_intro{margin-top:30%;}
        #information ul.callback_form li label{font-size:10px;}
        #information ul.callback_form .frm_input{height:30px;}
        #information .callback_select {font-size:11px;}
        #information #callback_chk {font-size:10px;}
        #main #callback_chk input[type="checkbox"]{height:18px; border:2px solid #00b5e9; flex:0 0 18px;}
        #information #callback_chk input[type="checkbox"]{height:18px; border:2px solid #00b5e9; flex:0 0 18px;}
        #main ul.callback_form {height:auto;}
        #information ul.callback_form {height:auto;}
        #information #c_btn_callback {font-size:12px; height: 4rem;}    
        #main .blink-label{top:37.5%; font-size:8px;}
        #information .blink-label{top:37.5%; font-size:8px;}
        /*전체제품보기*/
        #information .install_prev{left:3%;}
        #information .install_next{right:3%;}
        #information .product_section1{height:20rem; background-image: url("/images/product_sc1_mobile.jpg"); background-size: cover; background-position: center;}
        #information .product_sc1 h2{color:white; font-size:25px; left:50%; transform: translateX(-50%); font-weight: 600;}
        #information .product_sc1 p{color:white; font-size:13px; left:50%; transform: translateX(-50%); margin-top:2%;}
        #information .product_menu{flex-wrap: wrap; top:7%;}
        #information .product_menu button{font-size:12px; padding:1% 3%; border-radius: 6px;}
        #information .section_product{width:95%; }
        #information .product_title{font-size:15px;}   
        #information .product_wrap p{font-size:14px;}
        #information .product_wrap{flex: 0 0 48%;}
        /*제품상세페이지 - uvc860*/
        #information .product_section_gray{padding-bottom:10%;}
        #information .product_section_darkgray{padding-bottom:10%;}
        #information .product_section_white{padding-bottom:10%;}
        #information .product_section_black{ padding-bottom:10%;}
        #information .common_section{height:20rem; background-image: url("/images/common_sc1_mobile.jpg"); background-size: cover; background-position: center;}
        #information .common_section h2{font-size:15px; width: 100%;}
        #information .common_section2{height:20rem; background-image: url("/images/common_sc2_mobile.jpg"); background-size: cover; background-position: center;}
        #information .common_section2 h2{font-size:15px; width: 100%;}
        #information .product_link{height:6rem; padding-left:3%;}
        #information .product_link > img{width:5%;}
        #information .product_link p{font-size:10px;}
        #information .common_title{width:100%; margin:10% 0 4% 0;}
        #information .common_title h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title p{font-size:14px; width:95%; margin:0 auto;}
        #information .common_title2{width:100%; margin:10% 0 4% 0;}
        #information .common_title2 h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title2 p{font-size:14px; width:95%; margin:0 auto;}
        #information .common_title3{width:100%; margin:10% 0 4% 0;}
        #information .common_title3 h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title3 p{font-size:14px; width:95%; margin:0 auto;}
        #information .uvc860_table{width:90%;}
        #information .uvc860_thead th{font-size:10px; height:3rem;}
        #information .uvc860_table td{font-size:10px; }
        #information .table th{font-size:12px;}
        #information .uvc860_video video{width:75%; height: 200px;}
        #information .uvc860_sc3_content{gap:0; justify-content:space-around; margin:10% 0;}
        #information .p_wrap_860{width:90%; margin-left: 5%;}
        #information .uvc860_sc3_content_text{width:50%;}
        #information .uvc860_sc3_content_text img{width:100%;}
        #information .uvc860_sc3_content_text p{width:100%; font-size:8px; left:55%; text-indent: -3%;}
        #information .uvc860_sc3_content h2{font-size:12px;}
        #information .product_video video{width:100%; height: 200px;}
        #information .room_device_slide{padding-top:10%; height:46rem;}
        #information .room_device_slide p{font-size:10px;}
        #information .swiper_slide_roomdevice{width:calc(50%-10px);}
        #information .swiper_slide_roomdevice > h2 {font-size:11px;}
        #information .room_device_left h2{font-size:20px;}
        #information .room_device_left button{width:30%; height: 2.2rem; margin-top: 3%;  font-size:8px;}
        #information .room_device_right > h2 {font-size:20px; font-weight: 600;}
        #information .room_device_left img{width:80%; margin-left:10%;}
        #information .right_text{width:95%; height:45%;}
        #information .next_btn_roomdevice{top:75%; left:60%; width:45px; height: 45px;}
        #information .prev_btn_roomdevice{top:75%; left:30%; width:45px; height: 45px;}
        #information .title_link{width:60%; height:5rem; margin: 5% auto 5% auto;}
        #information .title_link h2{font-size:16px;}
        #information .product_call p{font-size:14px;}
        #information .product_call{margin-bottom:3%;}
        /*840*/
        #information .camera_84 img{width:30%;}
        /*avhub*/
        #information .product_img{width:90%;}
        #information .avhub_table{width:90%;}
        #information .avhub_thead{height:4rem;}
        #information .avhub_table .avhub_table_content th{font-size:11px;}
        #information .avhub_table th{font-size:14px;}
        #information .avhub_thead2{height:4rem;}
        #information .avhub_table_content2 th{font-size:11px;}
        /*meetingboard65*/
    #information .intro_left{margin-left:0;}
    #information .intro_thumbnails{display:none;}
    #information .product_intro{height:40rem; padding:0; display: flex; align-items: center;}
    #information .intro_slide img{width:90%;}
    #information .intro_title h2{font-size:18px;}
    #information .intro_title p{font-size:11px;}
    #information .intro_content{ margin: 5% 0; width:95%;}
    #information .intro_content p{font-size:12px;}
    #information .intro_right button{width:40%; height:3.5rem; font-size:13px; margin-top: 5%;}
    #information .mb_sc1{height:10rem; background-size: cover; background-position: center;}
    #information .mb_left .mb_text img{width:17px; height: 15px;}
    #information .mb_text p{font-size:10px;}
    #information .mb_left{padding-left:2%;}
    #information .mee600_wrap img{max-height:150px;}
    #information .product_content_text4 h2{font-size:18px;}
    #information .product_content_text4 p{font-size:12px;}
    #information .product_content_text3 h2{font-size:18px;}
    #information .product_content_text3 p{font-size:12px;}
    #information .product_content_text2 h2{font-size:18px;}
    #information .product_content_text2 p{font-size:12px;}
    #information .product_content_text1 h2{font-size:18px;}
    #information .product_content_text1 p{font-size:12px;}
    #information .product_content_wrap{margin-bottom:10%;}
    #information .mb_sc2 .mb_right img{width:95%; min-height: 100px;}
    #information .mb_right{padding-left:0;}
    #information .mb_left2{padding-left:1%;}
    #information .mb_sc3 .left_content img{width:100%;}
    #information .mb_sc3 .mb_right img {width:100%;}
    #information .mb_content{width:90%;}
    #information .mb_itemlist h1{font-size:25px;}
    #information .mb_itemlist h3{font-size:14px;}
    #information .mb_itemlist h4{font-size:11px;}
    /*a30*/
    #information .left_content{padding-left:2%;}
    #information .right_content video{width:90%;}
    #information .product_content_wrap img{width:50%; margin-left:2%;}
    /*a10*/
    #information .product_content_text2{width:50%;}
    #information .product_content_a10 img{width:30%;}
   /*uvc40*/
    #information .uvc40_wrap img{min-height:100px;} 
    #information .uvc40_wrap2{width:90%;}
    #information .uvc40_wrap2_content h2{font-size:14px;}
    #information .uvc40_img img{width:100%;}
     /*Mee500*/
    #information .Mee500_img{width:100%;}
    /*mee600*/
    #information .Mee600_img{width:90%;}
    #information .mee600_wrap img{width:90%; margin-left:2%;}
    #information .right_content img{width:100%;}
    /*uvc86*/
    #information .uvc86_img{width:80%;}
    /*uvc30*/
    #information .uvc30_sc1{height:300px; background-size:cover; background-position: center;}
    #information .uvc30_sc1 h2{font-size:6px;}
    /*vcm34*/
    #information .vcm34_img{width:65%;}
    /*vcm36-w*/
    #information .vcm36-w_sc1{height:300px; background-size:cover; background-position: center;}
    #information .vcm36_text_wrap h2{font-size:16px;}
    #information .vcm36_text_wrap p{font-size:12px;}
    #information .vcm36_text_wrap2 h2{font-size:16px;}
    #information .vcm36_text_wrap2 p{width:90%; font-size:12px; text-align: center; margin:0 auto;}
    #information .vcm36-w_sc2{height:300px; background-size:cover; background-position: center;}
    /*cm20*/
    #information #next_cm20 {right:2%;}
    #information #prev_cm20 {left:2%;}
    /*cs10*/
    #information .cs10_wrap img{width:100%; height:150px;}
    /*cp960*/
    #information .cp960_sc1{height:250px; background-size:cover; background-position: center;}
    #information .cp960_text_wrap{margin-top:20%;}
    #information .cp960_text_wrap h2{font-size:25px;}
    #information .cp960_text_wrap p{font-size:12px;}
    #information .cp960_sc2{height:150px; background-size:cover; background-position: center;}
    /*cp900*/
    #information .cp900_sc1{height:200px; background-size:cover; background-position: center;}
    #information .cp900_text_wrap{}
    #information .cp900_text_wrap h2,#information .cp900_text_wrap1 h2,#information .cp900_text_wrap2 h2{font-size:16px;}
    #information .cp900_text_wrap p,#information .cp900_text_wrap1 p,#information .cp900_text_wrap2 p{font-size:10px;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:250px; background-size:cover; background-position: center;}
    /*roomcast*/
    #information .roomcast_sc1{height:250px; background-size:cover; background-position: center;}
    #information .roomcast_text_wrap h2{font-size:16px;}
    #information .roomcast_text_wrap p{font-size:12px;}
    #information .left_content img{width:100%;}
    /*roompanel*/
    #information .roompanel_sc1{height:250px; background-size:cover; background-position: center;}
    #information .roompanel_sc1 img{width:65%;}
    #information .roompanel_text_wrap h2,#information .roompanel_text_wrap2 h2{font-size:16px;}
    #information .roompanel_text_wrap p,#information .roompanel_text_wrap2 p{font-size:12px;}
    #information .roompanel_sc2{height:250px; background-size:cover; background-position: center;}
    /*roomsensor*/
    #information .roomsensor_sc1,#information .roomsensor_sc2,#information .roomsensor_sc3{height:250px; background-size:cover; background-position: center;}
    #information .roomsensor_text_wrap{margin-right:30%;}
    #information .roomsensor_text_wrap1{margin-right:10%;}
    #information .roomsensor_text_wrap h2,#information .roomsensor_text_wrap1 h2,#information .roomsensor_text_wrap2 h2{font-size:16px;}
    #information .roomsensor_text_wrap p,#information .roomsensor_text_wrap1 p,#information .roomsensor_text_wrap2 p{font-size:12px;}
    #information .roomsensor_img2 img{width:100%;}
    /*wpp30*/
    #information .wpp30_sc1,#information .wpp30_sc2{height:250px; background-size:cover; background-position: center;}
    #information #wpp30_text{margin-right:0; width:80%;}
    #information #wpp30_text img{width:100%;}
    #information .wpp30_sc4{display:flex; justify-content: center;}
    #information .wpp30_sc4_content{width:100%; margin:0 2%;}
    #information .wpp30_sc4_content img{width:120px; height: auto;}
    #information .wpp30_sc4_content h2{font-size:15px;}
    #information .wpp30_sc4_content p{font-size:10px;}
    /*wpp20*/
    #information .wpp20_img img{width:100%;}
    /*ctp18_20*/
    #information .ctp_img img{width:100%;}
    /*vch51*/
    #information .vch51_img img{width:100%;}
     /*suv_nav*/
    #information .sub_nav_care{height:5rem;}
    #information .sub_nav_care h2{font-size:14px; margin:0 3%;}
    #information .sub_nav_care a{font-size:9px; padding:0 1%;}
    #information .nav_item.underline::after{bottom:-130%; width:100%;}
    #information .nav_item.underline1::after{bottom:-130%; width:100%;}
    /*roomsystem*/
    #information .room_table{width:90%;}
    #information .room_thead th{height:4rem;}
    #information .room_table tbody tr{font-size:12px;}
    #information .room_content_wrap{width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    #information .room_sc_content{width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    #information .room_sc_content1 p{text-align:center;margin-bottom: 5%;}
    #information .room_sc_content > p {font-size:12px; width:90%; margin:2% auto 2% auto;}
    #information .room_sc_content2{font-size:13px; width:95%;}
    #information #room_left_img{width:60%; margin:5% 0;}
    #information #room_left_img2{width:50%;}
    #information .room_btn_2 button{width:8.5rem; height: 4rem; font-size: 11px;}
    #information .room_btn_3 button{width:16rem; height: 4rem; font-size: 11px;}
    #information .room_content_wrap2{width:100%;}
    #information .room_sc_content3 h2{font-size:10px;}
    #information .room_sc_content3 p{font-size:8px;}
        /*speaker_trk*/
    #information .speaker_sc2_content_wrap{flex-direction:column; width:95%; margin:0 auto 5% auto;}
    #information .speaker_sc2_content h2{font-size:16px;}
    #information .speaker_sc2_content p{font-size:12px;}
    #information .speaker_sc2_content2 {width:90%; padding:4%;}
    #information .speaker_sc2_content2 p{font-size:12px; text-indent: -3%;}
    #information #spk_sc2_img{width:90%;}
    #information .speaker_sc3_btn_wrap{width:100%;}
    #information .speaker_sc3_btn_wrap button{font-size:12px; padding:2%}
    #information .spk_sc3_p{font-size:11px;}
    #information #spk_sc3_img img{width:90%;}
    #information .speaker_sc4_content_wrap{flex-direction:column;}
    #information .speaker_sc4_content:nth-child(-n+2){margin-bottom:5%;}
    #information .speaker_sc4_content img{width:20%;}
    #information .speaker_sc4_content h2{font-size:16px;}
    #information .speaker_sc4_content p{font-size:12px;}
    #information .speaker_sc5_content p{font-size:14px;}
    #information .speaker_sc6_content_wrap{flex-direction:column;}
    #information .speaker_sc6_content img{width:80%; height: auto;}
    #information .speaker_sc6_content h2{font-size:16px;}
    #information .speaker_sc6_content p{font-size:12px;}
    #information .speaker_sc6_h2{font-size:15px; margin-left:10%;}
    
    /*display*/
    #information .display_sc0_h2{font-size:18px;}
    #information .display_sc0_p{font-size:12px; width:90%;}
    #information .display_sc0_content {display:flex; flex-direction: column;}
    #information .display_sc0_content img{width:90%; margin: 0 auto;}
    #information .dispaly_sc0_content_wrap{margin: 2% 5%; padding:5%;}
    #information .dispaly_sc0_content_wrap h3{font-size:14px; margin-bottom: 1%;}
    #information .dispaly_sc0_content_wrap p{font-size:12px;}
    #information .display_sc0_content2{width:90%; margin-top:12%;}
    #information .dispaly_sc0_content_wrap2{margin-bottom:10%;}
    #information .display_sc0_title h2{font-size:18px;}
    #information .dispaly_sc0_content_wrap2 p{font-size:12px;}
    #information .circle-number{width:25px; height: 25px; font-size: 14px;}
    #information .display_sc1_h2{font-size:18px;}
    #information .display_sc1_content{flex-direction: column; align-items: center;}
    #information .display_sc1_content_wrap p{font-size:12px; text-align: center;}
    #information .display_sc1_content_wrap h3{font-size:14px; text-align: center; color: black;}
    #information .display_sc3_content{flex-direction:column; align-items: center;margin-bottom:10%;}
    #information .display_sc1_content img{width:60%; margin-top:6%;}
    #information .display_sc2_content img:nth-child(1){width:100%; margin-bottom: 3%;}
    #information .display_sc2_content img{width:100%;}
    #information .display_sc3_content_wrap h2{font-size:16px;}
    #information .display_sc3_content_wrap p{font-size:12px;}
    #information .display_sc3_content_wrap{width:100%; text-align: center;  display: flex; flex-direction: column; align-items: center;}
    #information .swiper-container_display,#information .swiper-container_display2{width:90%; height: auto;}
    #information .next_btn_display{right:0}
    #information .prev_btn_display{left:0}
    #information .display_sc4_content h2{font-size:16px;}
    #information .display_sc4_content p{font-size:12px; width: 90%;}
    #information .display_sc4_content img{width:100%;}
    .swiper-pagination-bullet-active{width:30px;}
    #information .display_section4{height:auto;}
     /*almazncare*/
    #information .care_section1{height:20rem; background-image:url("/images/care_sc1_mobile.jpg"); background-size: cover; background-position: bottom;}
    #information .care_section1 h2{font-size:25px; left:10%}
    #information .care_section1 p{font-size:16px; left:10%}
    #information #sub_nav_care h2{font-size:10px; margin:0 4%;}
    #information #sub_nav_care .nav_item.underline::after{bottom:-130%;}
    #information #sub_nav_care .nav_item.underline1::after{bottom:-70%;}
    #information .care_sc2_content_wrap{width:95%; margin:0 auto;}
    #information .care_sc2_content{margin-left:2%;}
    #information .care_sc2_content h2{font-size:20px; margin-right: 5%;}
    #information .care_sc2_content p{font-size:15px; text-indent:-3%;}
    #information .care_sc2_img{display:none;}
    #information .care_section2{height:auto; padding-bottom:5%;}
    #information .care_section3 img{width:100%;}
    #information .care_sc4_title{width:90%; height:5rem;}
    #information .care_sc4_title p{font-size:14px;}
    #information .care_sc4_content1 img{width:90%;}
    #information .care_sc4_content1_wrap h2{font-size:18px; top:20%;}
    #information .care_sc4_content1_wrap p{top:46%; font-size:11px; line-height: 150%;}
    #information .care_sc4_content2{width:90%; margin:0 auto;}
    #information .care_sc4_content2 p {font-size:15px; text-indent: -3%;}
    #information .sc4_img_wrap img{display:none;}
    #information .care_section4{height:auto; padding:10% 0;}
    #information .care_section5{height:auto; padding-bottom:10%;}
    #information .care_section5 img{width:95%;}
    #information .care_section6{padding:10% 0; padding-bottom:10%; height:auto;}
    #information .care_sc6_title{margin-left:3%;}
    #information .care_sc6_title h2{font-size:25px;}
    #information .care_sc6_title p{font-size:15px;}
    #information .care_sc6_content{width:90%; margin:5% auto;}
    #information .care_sc6_content p{font-size:15px; margin-left:2%; margin-top:0; text-indent: -3%;}
    #information .care_section7 img{display:none;}
    #information .care_sc7_content p{font-size:15px; }
    /*almaznpineapple*/
    #information .pa_section1{height:20rem; background-image:url("/images/pa_sc1_mobile.jpg"); background-size: cover; background-position: bottom;}
    #information .pa_section1 h2{font-size:25px; left:10%; top:30%;}
    #information .pa_section1 p{font-size:14px; left:10%; text-align: justify; line-height: 150%;}
    #information .pa_sc2_content1 img{width:15%;}
    #information .content2_wrap img{width:2.5rem;}
    #information .content2_wrap p{font-size:13px;}
    #information .content2_wrap:nth-child(1){width:100%;margin-left:0; margin-right: 0;}
    #information .content2_wrap:nth-child(2){width:100%;margin-left:0; margin-right: 0;}
    #information .content2_wrap:nth-child(3){width:100%;padding-left:0; margin-right: 0;}
    #information .pa_section2{height:auto; padding-bottom:10%;}
    #information .pa_section3{height:100rem; padding:10% 0;}
    #information .pa_sc3_content{width:95%; height: auto; padding-bottom: 5%;}
    #information .sc3_text_wrap{margin-left:3%; flex-direction: column;}
    #information .content_title{font-size:20px;}
    #information .content_text{font-size:15px; margin-top:3%;}
    #information .pa_sc3_link{margin-left:3%; font-size:15px; margin-top: 3%;}
    #information .sc3_img_wrap img{display:none;}
    #information .pa_section4{height:auto; padding: 10% 0;}
    #information .pa_section4 h2{font-size:25px;}
    #information .pa_section4 p{font-size:15px;}
        /*company*/
    #information .cp_section1{height:20rem; background-image:url("/images/cp_sc1_mobile.jpg"); background-size: cover; background-position: center;}
    #information .cp_section1 h2{font-size:20px; top:40%; width:80%; text-align:center;}
    #information #sub_nav_care a{font-size:9px; padding:0 3.5%;}
    #information .cp_section2,#information .cp_section3{height: auto; padding:10% 0 0 2%; flex-direction: column;}
    #information .cp_section4{height: auto; padding:10% 0 0 2%; flex-direction: column; margin-bottom:20%;}
    #information .cp_sc_title{width:100%; font-size:25px;margin-bottom: 5%;}
    #information .cp_section2 p{ font-size: 16px; }
    #information .cp_sc2_content{margin-top:5%;}
    #information .cp_sc2_btn{width:50%; height: 5rem;}
    #information .sc3_content_wrap{width:100%;}
    #information .cp_sc3_content img{width:90%;}
    #information .cp_sc3_content h2{font-size:15px;}
    #information .cp_sc_title p{font-size:16px;}
    #information .cp_section4 img{width:70%; margin-top:5%;}
    /*history*/
    #information .his_title{font-size:25px;text-align:center; margin: 10%;}
    #information .his_section2{padding-left:0; flex-direction: column;}
    #information .his_section2:nth-child(7){margin-bottom:20%;}
    #information .his_section2 img{margin-right: 0; width:45%; margin-bottom: 5%; }
    #information .his_sc2_textwrap, .his_sc3_textwrap,.his_sc4_textwrap,.his_sc5_textwrap{white-space:wrap;}
    #information .his_sc2_textwrap h2, .his_sc3_textwrap h2,.his_sc4_textwrap h2,.his_sc5_textwrap h2{font-size:25px;}
    #information .his_sc2_textwrap p, .his_sc3_textwrap p,.his_sc4_textwrap p,.his_sc5_textwrap p{font-size:15px;}
    #information .his_sc2_content{width:100%;}
    /*orgchart*/
    #information .org_chart{margin-bottom:20%;}
    #information .org_chart img{width:90%;}
    /*고객지원*/
    #information .customer_section{height:20rem; background-size: cover; background-position: center;}
    #information .customer_section h2{font-size:20px; width:80%; top:40%; text-align:center;}
    #information #subnav_customer{height:5rem;}
    #information #subnav_customer h2{font-size:14px; margin:0 2%;}
    #information #subnav_customer a{font-size:7.8px; padding:0 1%;}
    #information #subnav_customer .nav_item.underline::after{bottom:-160%;}
    #information #subnav_customer .nav_item.underline1::after{bottom:-160%;}  
    /*buyinfo*/
    #information .buyinfo_wrap_parents{width:80%; flex-direction: column;}
    #information .buyinfo_wrap:nth-child(5){width:85%;}
    #information .buyinfo_section2{margin-bottom:20%;}
    #information .buyinfo_section3 > img {width:100%;}
    #information .buyinfo_sc3_content_wrap{flex-direction:column;}
    #information .buyinfo_sc3_content{width:100%; display:flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 20%;}
    #information .buyinfo_sc3_content h2{font-size:25px;}
    #information .buyinfo_sc3_content h4{font-size:15px;}
    #information .buyinfo_sc3_content h3{width:90%;}
    #information .buyinfo_sc3_content2{text-align:justify;}
    #information .buyinfo_sc3_content2 p{font-size:14px;}
    #information .buyinfo_sc3_btn button{width:12rem; height: 5rem; font-size: 15px;}
     /*dataroom*/
    #information .dataroom_section1{height:20rem; background-size: cover; background-position:right;}
    #information .dataroom_sc1 h2{font-size:20px;}
    #information #searchInput{width:20rem; height:4rem; font-size: 16px; left:-45%; top:0.5px; left: -5.5rem; padding:0 50%;}
    #information .data_search img{width:2rem; left:11rem; top:10px;}
    #information Input::placeholder{font-size:14px; margin-right: 5%;}
    #information .sc2_category{width:30%; margin:1% 5% 5% 3%;}
    #information .header_category{font-size:15px; display:flex; align-items: center; margin:10% 0;}
    #information .sub_category{}
    #information .sub_category h3.bold{font-size:12px;}
    #information .sub_category h3{font-size:12px;}
    #information .category_icon{font-size:18px;}
    #information .sc2_data{width:60%;}
    #information .sc2_data h2{padding-bottom:10px; margin:0 0 10px 0; color: #207dff; font-size:15px;}
    #information .data_btns{display:flex; margin-bottom:10%;}
    #information .data_btns a.button{width:auto; height:25px; display: flex; justify-content: center; align-items: center; font-size:9px; border-radius:10px; padding:0 5px;} 
    #information .header_data{font-size:15px;}
    #information .data_lists .subject{font-size:12px;}
    #information .row{justify-content:space-between;}
    #information .row > * {padding-left:0;}
    #information .data_lists .link{width:18px;}
    #information .col-2{display:none;}
    #information .search_list {width:90%; margin:0 auto;}
    #information .search_type{display:flex; justify-content: center;}
    #information .search_type a.button {display:flex;align-items: center; height: 35px; margin-right:1px; font-size:11px; padding:0 15px; margin:0 1%;}
    #information #subnav_dataroom{height:5rem;}
    #information #subnav_dataroom h2{font-size:16px; margin:0 5%;}
    #information #subnav_dataroom a{font-size:14px; padding:0 3%;}
    #information #subnav_dataroom .nav_item.underline::after{bottom:-75%;}
    #information #subnav_dataroom .nav_item.underline1::after{bottom:-75%;}
    #information .data_lists .search_header p{font-size:13px;}
    #information .search_header{margin:50px 0;}
    #information #guide_wrap h1{font-size:25px;}
    /*UVC85-BYOD */
    #information .uvc85-byod_sc3 img{width:100%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap1 p{font-size:10px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap2 p{font-size:10px; width:90%;}
    #information .uvc85-byod_sc1{height:200px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:350px;}
    /*wireless*/
    #information .common_title img{width:9%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:7px;}
    #information .index_section2, #information .index_section3{height:400px; position:relative;}
    #information .sc2_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden;}
    #information .sc3_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden; padding:20px 20px 20px 0; }
    #information .sc2_left_panel, #information .sc3_left_panel{width:100%; height:400px; position:absolute;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container h3, #information .slide_title_container3 h3{display:none;}
    #information .swiper_slide2_mobile{display:block; width:100%; height: 400px; overflow: hidden;}
    #information .swiper_slide2_mobile img{display:block; width:100%;height: 100%;}
    #information .swiper_slide2{display:none;}
    #information .slide_title7,#information .slide_title8{margin:5% 5% 8% 5%;}
    #information .panel_text,#information .panel_text2 {width:65%}
    #information .panel_text p,#information .panel_text2 p{font-size:13px;}
    #information .index_scrollbar2,#information .index_scrollbar3,#information .index_scrollbar8{margin:5%;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:20px;}
    /*a40*/
    #information .mic_guide_wrap{width:90%;}
    #information .cable_type h2{font-size:18px;}
    #information .mic_guide img{width:100%;}
    #information .mic_guide p{width:95%; font-size:12px;}
    #information .mic_title1,#information .mic_title2,#information .mic_title3{width:40%; font-size:14px;}
    #information .mic_title1_2, #information .mic_title2_2 {width:30%; font-size:14px;}
    #information .triangle1{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #37a928;}
    #information .triangle2{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #5b83e7;}
    #information .triangle3{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #e75b6b;}
    #information .mic_img img{width:85%;}
    /*esg*/
    #main .esg_img_container{flex-direction: column;}
    #main .esg_item{width:100%;}
    #main .esg_img{height:180px;}
    #main .esg_font{top:35%;}
    #main .esg_img_container h2 {font-size:20px;}
    #main .esg_img_container p {font-size:12px;}
    #main #esg_title{height:20%;}
    #main #sc_esg{padding:5% 0 0 0; height:480px;}
    #information .esg_section1,#information .esg_section2{height:20rem; background-size:cover;}
    #information .esg_section1 h2,#information .esg_section2 h2{font-size:25px; top:30%;}
    #information .esg_section1 p,#information .esg_section2 p{font-size:16px; top:50%; width:80%; text-align: center;}
    #information .env_section_gray, #information .env_section_white, #information .env_section_color {flex-direction:column; height: 500px;}
    #information .sc_left, #information .sc_right{width:100%; margin-top:10%;}
    #information .sc_left h2, #information .sc_right h2{font-size:20px;}
    #information .sc_left p, #information .sc_right p{font-size:15px;}
    #information .env_btn button{width:14rem; font-size:12px;}
    #information .env_btn2 button{width:9rem; font-size:12px;}
    #information .env_font{width:100%; margin-bottom: 5%;}
    #information .esg_inquiry1{height:220px; background-size:cover;}
    #information .esg_inquiry1 h2{font-size:20px; margin-bottom: 3%;}
    #information .esg_inquiry1 button{font-size:12px; padding:2%; width:10rem;}
    #information .env_mobile{height:350px;}
    /*uvc85*/
    #information .uvc85_sc1{height:400px;background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
        /*uvc40 e2*/
    #information .uvc40-e2_sc1{height: 400px;}
        /*ctp25*/
    #information #ctp25_img{width:70%;}
    /*cp50*/
    #information .cp50_sc1{height:190px; background-size: cover;}
    #information .cp50_sc1 h2,#information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:18px;}
    #information .cp50_sc1 p,#information .cp50_sc2 p,#information .cp50_sc3 p,#information .cp50_sc4 p{font-size:12px;}
    #information .cp50_sc2{height:350px; background-size: cover; background-position: bottom; padding:2%;}
    #information .cp50_text_wrap2 img{width:100%;}
    #information .cp50_sc3{height:350px; background-size: cover; background-position: bottom; padding: 5%;}
    #information .cp50_sc4{height:250px; background-size: cover; background-position: right;}
    /*cpe40*/
    #information .cpe40_sc1{height:190px; background-size: cover;}
    #information .cpe40_sc1 h2{font-size:18px;}
    #information .cpe40_sc1 p{font-size:12px;}
    /*yalink!*/
    #information .yealink_section1{height:65vh;}
    #information .yealink_section1 img:nth-child(1){width:30%;}
    #information .yealink_section1 img:nth-child(4){width:40%;}
    #information .yealink_section1 h2{font-size:30px; line-height: 30px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:14px; line-height: 30px;}
    #information .timeline-title{padding:10% 0;}
    #information .timeline-inner img{width:85%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:20px;}
    #information .yealink_section3 {height:45vh; background-size: cover;}
    #information .yealink_section3 img {width:65%;}
    #information .yealink_section4 {height:45vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:40vh;}
    #information .yealink_sc5_slider {border-radius: 10px;}
    #information .yealink_sc6_wrap h2{font-size:20px;}
    #information .yealink_sc6_wrap p{font-size:10px;}  
    #information .yealink_section6 {height:35vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:65%;}
    /*cm50*/
    #information .cm50_sc1{height:200px;}
    #information .cm50_sc2 img{width:70%;}
    #information .cm50_sc2 video{width:100%;}
    #information #sc_cm50 video{width:100%;}
    #information .intro_pagination{display: none;}
    #information .step-block.active .step-title{font-size:15px;}
    #information .step-title{padding-left:20px; font-size:10px;}
    #information .step-desc{font-size:11px; width:100%;}
    #information .cm50_sc3_wrap{gap:5px; padding: 0 3%;}
    #information .cm50_sc3_steps{width:auto;}
    #information .cm50_sc3_detail img{width:90%; margin-top: 20%; margin-left: 5%;}
    /*roompanel e2*/
    #information .roompanel_e2_sc1{height:auto; padding-top: 10%; padding-left:8%; padding-bottom: 5%;}
    #information .roompanel_e2_sc1 h2{font-size:20px;}
    #information .roompanel_e2_sc1 p{font-size:10px;}
    #information .roompanel_e2_sc1 img{width:50%;}
    #information #roompanel_e2_right img{width:80%;}
    /*sv80*/
    #information #sv80_sc1{height:30vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:30px;}
    #information .sv80_text_wrap p{font-size:20px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;}
    /*meetingboard C*/
    #information #mb_c_bg_1{height:60vh;}
    #information #mb_c_panels{width:90%;}
    #information #mb_c_tabs .tab {font-size: 12px;}
    #information #mb_c_tabs .tab.is-active {font-size: 15px;}
    #information #mb_c_content_wrap, #information #mb_c_content_wrap2{margin-bottom:0;}
    #information #mb_c_wrap img,#information #mb_c_wrap2 img{width:70%;}
    #information #mb_c_bg_3{height:50vh;}
    #information #mb_c_bg_4{height:70vh;}
    /*ap08*/
    #information .ap08_sc1{height:200px;}
    /*a50*/
    #information #a50_sc1{height:250px;}
    #information #a50_title{margin:27% 0 0 0;}
    #information #a50_title h2{margin-bottom:0; font-size:30px;}
    #information #a50_sc2{height:400px;}
    /*uvc860pro*/
    #information .gray_shape_title{font-size:10px;}
    #information .blue_shape_title{font-size:10px;}
    #information .uvc860pro_sc1_title h2 {font-size:12px;}
    #information .uvc860pro_sc1_title p {font-size:12px;}
    #information #uvc860pro_sc0_title{margin:10% 0 10% 0;}
    #information .uvc860pro_wrap_1{margin-bottom:12%;}
    /*mc10*/
    #information .mc10_sc1{height:300px; padding-bottom: 20%; padding-right: 20%;}
    #information .reveal-content h2{font-size:25px;}
    #information .reveal-content p{font-size:10px;}
    #information .installation-container{flex-direction:column; align-items: center;}
    #information .card {width:300px;}
    #information .card img{height:200px;}
    #information .card h3{font-size:15px;}
    #information .applications{padding:5%;}
    #information .tab_btn{font-size:12px;}
    #information .content-wrapper{flex-direction:column; gap:30px;}
    #information .text_box h3{font-size:30px;}
    #information .text_box p{font-size:13px;}
    #information .text_box li {font-size:13px;}
    #information .image-box img{width:340px; height:230px;}
    /*ma600d*/
    #information .ma600d_sc1 video{height:30vh;}
    /*sub*/
    #information .intro_container2{max-width:90%;}
    #information .intro_header{margin-top:20%; margin-bottom: 15%;}
    #information .intro_header h1{font-size:2rem;}
    #information .intro_header p{font-size:1.3rem;}
    #information .card-grid{grid-template-columns:repeat(2, 1fr); gap:10px;}
    #information .intro_card{border-radius:10px;}
    #information .card_title{font-size:10px;}
    #information .sc_sub_title{width:90%;}
    #information .sub_title{font-size:20px;}
    #information .link_list{font-size:10px;}
    #information .sc_sub_title{margin:10% auto 12%;}
    #information .guide_title{font-size:17px; margin-bottom:8%;}
    #information .guide_item_grid{gap:10px;}
    #information .circle_box{width:90px; height: 90px;}
    #information .guide_text{bottom:30%; font-size:11px; text-shadow:0 1px 2px rgba(0,0,0,0.8);}
    #information .tab_btn2{width:40%; padding:2% 3%; border-radius:5px; font-size:11px;}
    #information .main_img {width:90%; height: 200px;}
    #information .feature_info_bar{width:90%; font-size:11px; grid-template-columns:1fr; gap:10%;}
    #information .check_icon img{width:10px; height: 10px;}
    #information .feature_item{padding:8px;}
    #information .table_title{font-size:17px;}
    #information .sc_table{margin:20% 0;} 
    #information .product-table{width:90%;}
    #information .table-header{font-size:11px;}
    #information .table-row{min-height:20px;}
    #information .col-features li{font-size:10px;}
    #information .table-row .col-size{font-size:10px;}
    #information .col-product-name .sub-text{font-size:10px;}
    #information .col-product-name strong{font-size:12px;}
    #information .col-product-list{flex-direction:column; }
    #information .table-row .col-product-list{justify-content: center;}
    #information .prod-img{width:50px;}
    #information .table-row .col-mic{font-size:10px;}
    #information .col-features{padding:10px;}
    #information .col-features ul {grid-template-columns:1fr;}
    #information .col-brand img{width:100%;}
    #information .btn-view-all{font-size:12px;}
    #information .anotehr_card {border-radius:15px;}
    #information .another_title h1{font-size:20px;}
    #information .sc_another_sloution{padding:10% 0;}
    #information .anotehr_card_title{font-size:12px;}
    #information .anotehr_card-grid{max-width:90%; gap:20px; padding:0;}
    #information .contact_banner{padding:15% 0;}
    #information .contact_msg{font-size:15px; margin-bottom: 5%;}
    #information .contact_btn{font-size:10px;}
    #information .guide_item_grid2{width:90%; gap:20px;}
    #information .guide_check_icon img{width:20px; height: 20px;}
    #information .guide_text2{font-size:12px;}
    #information .guide_item2 > img:last-of-type {height:50px;}
    #information .guide_item2{padding:10px 20px;}
    #information .sc_middle{width:90%; flex-direction: column; margin-top:20%; gap:30px;}
    #information .middle_text_wrap h1 {font-size:18px;}
    #information .middle_text_wrap p {font-size:16px;}
    #information .btn_more {font-size:10px;}
    #information #square_box{width:100px; height: 100px;}
    #information .table_sub_title{font-size:13px; width: 50%; right: -10%;}
    #information .product-grid{width:90%;}
    #information .grid-header{padding:10px; font-size:10px;}
    #information .product-grid > div:not(.grid-header), .product-grid > a{font-size:10px;}
    #information .table-footer{width:90%;}
    #information .product-grid2{width:90%;}
    #information .product-grid2 > div:not(.grid-header), .product-grid2 > a{font-size:10px;}
    #information .product-grid3{width:90%;}
#information .product-grid3 > div:not(.grid-header), .product-grid3 > a{font-size:10px;}


    
        #content_PC2{display: none;}
		#content_mobile2{display: block;}	
        .modal-king .gwcns_modal2{left: 26.5%; top:40%; width: 70%; height:auto;}    
        .gwcns_modal2 .gwcns-modal-content2{background-image: url("/images/26년 설날팝업_mobile.jpg");background-size: cover;}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{font-size: 9px; width: 60%; height:2rem; margin-top: 0; margin-left: 0; top:80%;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:10px;font-weight: bold;height:2.5rem;}
}

/* 반응형: 모바일 세로*/
@media screen and (min-width: 411px) and (max-width: 440px) {
        #main .sc1_slide_btn.ye_10years{top:75%;}
        #main .header .topmenu{background-color:#0BB0E0;}
        #information .header .topmenu{background-color:#0BB0E0;}
        #main .header .topmenu > ul > li ul.ps-2 {padding-left:0;}
		/* index.php */
        #main .index_section1{height: 700px; position: relative;}
        #main .next_btn1, #main .prev_btn1 {display:none;}
        #main .index_pagination1{position: absolute; top:90%; left:50%; transform: translateX(-50%);}
        #main .sc1_slide_video{display:none;}
        #main .sc1_slide_video_mobile{display:block; width:100%; -webkit-mask-image: -webkit-radial-gradient(white, black);
		    -webkit-backface-visibility: hidden;
		    -moz-backface-visibility: hidden; object-fit: cover;}
        #main .sc1_slide_title{font-size:25px; width:70%;}
        #main .sc1_slide_content{font-size:15px;}
        #main .sc1_slide_content_bold{font-size:20px; margin-top:5%;}
        #main .sc1_slide_btn{width:35%; height: 6%; font-size: 13px; top:72%; left:50%; transform: translateX(-50%);}
        #main .sc1_slide_img{display:none;}
        #main .sc1_slide_img_mobile{display:block; width:100%;}
        #main .sub_nav{height:auto;} 
        #information .sub_nav2{height:4.5rem; z-index:40;}
        #main .sub_nav p, #information .sub_nav2 p{display:none;}
        #main .sub_nav button, #information .sub_nav2 button{width:50%; font-size: 13px; padding:4%;}
        #main #nav_btn2, #information #sub_btn2{ font-size: 13px; padding:4.1%; display:flex; align-items: center;}
        #main #nav_btn2 img, #information #sub_btn2 img{width:25px; height: 20px;}
        #main .index_section2, #main .index_section3{height:400px; position:relative;}
        #main .sc2_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden;}
        #main .sc3_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden; padding:20px 20px 20px 0; }
        #main .sc2_left_panel, #main .sc3_left_panel{width:100%;height:400px; position:absolute;}
        #main .slide_title_container,  #main .slide_title_container3{padding:0;}
        #main .slide_title_container h3, #main .slide_title_container3 h3{display:none;}
        #main .slide_title h2,#main .slide_title3 h2, #information .slide_title8 h2,#information .slide_title7 h2,#information .slide_title9 h2{font-size:18px;}
        #main .slide_title p,#main .slide_title3 p, #information .slide_title8 p,#information .slide_title7 p,#information .slide_title9 p{font-size:13px;}
        #main .slide_title, .slide_title3, #information .slide_title8,#information .slide_title7,#information .slide_title9 {display:none;}
        #main .slide_title.active, .slide_title3.active,#information .slide_title8.active,#information .slide_title7.active, #information .slide_title9.active {display:block;}
        #main .swiper_slide2_mobile{display:block; width:100%; height: 400px; overflow: hidden;}
        #main .swiper_slide2_mobile img{display:block; width:100%;height: 100%;}
        #main .swiper_slide2{display:none;}
        #main .index_scrollbar2,#main .index_scrollbar3,#information .index_scrollbar8{margin:5%;}
        #main .index_section4{height:700px; padding-top: 5%;}
        #main .sc5_icon img{position:absolute;width:5%; top:42%; left:60%;}
        #main .sc5_icon p{color:white;position:absolute;width:32%; top:43%; left:68%; font-size:11px;}
        #main .ct4_font{width:100%;}
        #main .ct4_font p{font-size:13px;}
        #main .ct4_font h2{font-size:18px;}
        #main .ct4_font h1{font-size:30px;}
        #main .ct4_img{width:100%;margin:20% 0 5% 2%;}
        #main .swiper_slide4{text-align:center; padding-top:5%;}
        #main .swiper_container4{height:70%;}
        #main .sc4_slide_video{width:80%; margin:0 auto;}
        #main .sc4_slide_video video{margin:0 auto;}
        #main .swiper_slide4 img{width:80%; margin:0 auto;}
        #main .sc4_slide_title {margin-left:50%; width:60%; transform: translateX(-50%); top:50%; text-align:center; font-size:20px;}
        #main .sc4_slide_content{margin-left:50%; width:80%; transform: translateX(-50%); top:60%; text-align:center; font-size: 15px;}
        #main .scroll_bar4{width:50%; top:85%; margin-left:50%; transform: translateX(-50%);}
        #main .slide-number{width:65%; top:83%; margin-left:50%; transform: translateX(-50%);}
        #main .current-slide{margin-right: 85%;}
        #main .prev_btn4{width:2%; top:88.5%; left:10%;}
        #main .next_btn4{width:2%; top:88.5%; left:87%;}
        #main .index_section5{padding-top:5%; height: 600px;}
        #main .ct5_font p{font-size:13px;}
        #main .ct5_font h2{font-size:18px;}
        #main .ct5_font h1{font-size:30px;}
        #main .ct5_font{width:60%;}
        #main .product_container5{display:block; height: 32%;}
        #main .ct5_img{margin:6% 0 5% 5%;}
        #main .swiper_slide5 img{width:85%; height: 25%;}
        #main .sc5_slide_title{font-size:15px;}
        #main .sc5_slide_content{font-size:12px;}
        #main .swiper_container5{height:90%;}
        #main #swiper_slide5{margin-top:20%;}
        #main .index_pagination5{top:92%;}
        #main .index_section6{height:450px; padding:5% 0 0 5%;}
        #main .title_container6{height:30%;}
        #main .ct6_font h2{font-size:18px;width:80%;}
        #main .ct6_font p{font-size:15px;}
        #main .next_btn6{width:25px; height: 42px; top:18%}
        #main .prev_btn6{width:25px; height: 42px; top:18%; left:75%;}
        #main .swiper_slide6 img{height:auto;}
        #main .sc6_slide_title{font-size:15px;}
        #main .sc6_slide_content p{font-size:13px;}
        #main .sc6_slide_content img{width:8%; height: 8%;}
        #main .index_section7{padding-top:5%; height:400px; }
        #main .title_container7{height:17%;}
        #main .ct7_font h2{font-size:18px;}
        #main .sc7_slide_title {margin-bottom:5%;}
        #main .sc7_slide_title h1{font-size:11px; margin:0 10px;}
        #main .sc7_slide_title h1::after{bottom:0; height: 2px;}
        #main .swiper_container7{height:auto;}
        #main .swiper_slide7 img{width:80%; height: auto;}
        #main .sc7_btn{width:25%; height:7%; font-size:10px; margin-top:5%;}
        #main .index_section8{height:100px;}
        #main .title_container8{width:70%;}
        #main .index_section8 img{width:5%;}
        #main .title_container8 h1{font-size:18px;}
        #main .title_container8 p{font-size:13px;}
        #main .action-toggle{width:5rem; height: 5rem;}
        #main .action-btn{width:140px; height: 40px; font-size:11px;}
        #main .action-btn img {width:20%;}
        #information .action-toggle{width:5rem; height: 5rem;}
        #information .action-btn{width:140px; height: 40px; font-size:11px;}
        #information .action-btn img {width:20%;}
        #main .agree_intro h4{font-size:11px;}
        #information .agree_intro h4{font-size:11px;}
        #main .agree_intro .desc{font-size:8px;}
        #information .agree_intro .desc{font-size:8px;}
        #information .agree_intro input[type="checkbox"] {transform: scale(1);}
        #main .agree_intro input[type="checkbox"] {transform: scale(1);}
        #main #modal_call{height:530px;}
        #information #modal_call{height:530px;}
        #information .callback_title{height:35px;}
        #information .callback_title img{width:20px; height: 20px;}
        #information .callback_title h2{font-size:20px;}
        #main .callback_title_p p {font-size:10px;}
        #information .callback_title_p p {font-size:10px;}
        #information .modal__content{padding:20px 10px;}
        #main ul.callback_form li label{font-size:10px;}
        #main .agree_intro{margin-top:30%;}
        #information .agree_intro{margin-top:30%;}
        #information ul.callback_form li label{font-size:10px;}
        #information ul.callback_form .frm_input{height:30px;}
        #information .callback_select {font-size:11px;}
        #information #callback_chk {font-size:10px;}
        #main #callback_chk input[type="checkbox"]{height:18px; border:2px solid #00b5e9; flex:0 0 18px;}
        #information #callback_chk input[type="checkbox"]{height:18px; border:2px solid #00b5e9; flex:0 0 18px;}
        #main ul.callback_form {height:auto;}
        #information ul.callback_form {height:auto;}
        #information #c_btn_callback {font-size:12px; height: 4rem;}    
        #main .blink-label{top:37.5%; font-size:8px;}
        #information .blink-label{top:37.5%; font-size:8px;}
        /*전체제품보기*/
        #information .product_section1{height:20rem; background-image: url("/images/product_sc1_mobile.jpg");background-size: cover; background-position: center;}
        #information .product_sc1 h2{color:white; font-size:25px; left:50%; transform: translateX(-50%); font-weight: 600;}
        #information .product_sc1 p{color:white; font-size:15px; left:50%; transform: translateX(-50%); margin-top:2%;}
        #information .product_menu{flex-wrap: wrap; top:6%;}
        #information .product_menu button{font-size:12px; padding:1% 3%; border-radius: 6px;}
        #information .section_product{width:95%; }
        #information .product_title{font-size:15px;}   
        #information .product_wrap p{font-size:16px;}
        #information .product_wrap{flex: 0 0 48%;}
        /*제품상세페이지 - uvc860*/
        #information .product_section_gray{padding-bottom:10%;}
        #information .product_section_darkgray{padding-bottom:10%;}
        #information .product_section_white{padding-bottom:10%;}
        #information .product_section_black{ padding-bottom:10%;}    
        #information .common_section{height:20rem; background-image: url("/images/common_sc1_mobile.jpg"); background-size: cover; background-position: center;}
        #information .common_section h2{font-size:15px; width: 100%;}
        #information .common_section2{height:20rem; background-image: url("/images/common_sc2_mobile.jpg"); background-size: cover; background-position: center;}
        #information .common_section2 h2{font-size:15px; width: 100%;}
        #information .product_link{height:6rem; padding-left:2%;}
        #information .product_link > img{width:5%;}
        #information .product_link p{font-size:12px;}
        #information .common_title{width:100%; margin:10% 0 4% 0;}
        #information .common_title h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title2{width:100%; margin:10% 0 4% 0;}
        #information .common_title2 h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title2 p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title3{width:100%; margin:10% 0 4% 0;}
        #information .common_title3 h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title3 p{font-size:15px; width:95%; margin:0 auto;}
        #information .uvc860_table{width:90%;}
        #information .uvc860_thead th{font-size:10px; height:3rem;}
        #information .uvc860_table td{font-size:10px; }
        #information .table th{font-size:12px;}
        #information .uvc860_video video{width:75%; height: 200px;}
        #information .uvc860_sc3_content{gap:0; justify-content:space-around; margin:10% 0;}
        #information .p_wrap_860{width:90%; margin-left:5%;}
        #information .uvc860_sc3_content_text{width:50%;}
        #information .uvc860_sc3_content_text img{width:100%;}
        #information .uvc860_sc3_content_text p{width:100%; font-size:9px; left:55%;text-indent: -3%;}
        #information .uvc860_sc3_content h2{font-size:12px;}
        #information .product_video video{width:100%; height: 200px;}
        #information .room_device_slide{padding-top:10%; height:46rem;}
        #information .room_device_slide p{font-size:10px;}
        #information .swiper_slide_roomdevice{width:calc(50%-10px);}
        #information .swiper_slide_roomdevice > h2 {font-size:11px;}
        #information .room_device_left h2{font-size:20px;}
        #information .room_device_left button{width:30%; height: 2.2rem; margin-top: 3%;  font-size:8px;}
        #information .room_device_right > h2 {font-size:20px; font-weight: 600;}
        #information .room_device_left img{width:80%; margin-left:10%;}
        #information .right_text{width:95%; height:45%;}
        #information .next_btn_roomdevice{top:75%; left:60%; width:45px; height: 45px;}
        #information .prev_btn_roomdevice{top:75%; left:30%; width:45px; height: 45px;}
        #information .title_link{width:60%; height:6rem; margin-bottom: 5%;margin: 5% auto 5% auto;}
        #information .title_link h2{font-size:17px;}
        #information .product_call p{font-size:14px;}
        #information .product_call{margin-bottom:3%;}
        /*840*/
        #information .camera_84 img{width:30%;}
        /*avhub*/
        #information .product_img{width:90%;}
        #information .avhub_table{width:90%;}
        #information .avhub_thead{height:4rem;}
        #information .avhub_table .avhub_table_content th{font-size:11px;}
        #information .avhub_table th{font-size:14px;}
        #information .avhub_thead2{height:4rem;}
        #information .avhub_table_content2 th{font-size:11px;}
        /*meetingboard65*/
    #information .intro_left{margin-left:0;}
    #information .intro_thumbnails{display:none;}
    #information .product_intro{height:40rem; padding:0; display: flex; align-items: center;}
    #information .intro_slide img{width:90%;}
    #information .intro_title h2{font-size:20px;}
    #information .intro_title p{font-size:11px;}
    #information .intro_content{ margin: 5% 0; width:95%;}
    #information .intro_content p{font-size:12px;}
    #information .intro_right button{width:40%; height:3.5rem; font-size:13px; margin-top: 5%;}
    #information .mb_sc1{height:10rem; background-size: cover; background-position: center;}
    #information .mb_left .mb_text img{width:17px; height: 15px;}
    #information .mb_text p{font-size:10px;}
    #information .mb_left{padding-left:2%;}
    #information .mee600_wrap img{max-height:150px;}
    #information .product_content_text4 h2{font-size:18px;}
    #information .product_content_text4 p{font-size:12px;}
    #information .product_content_text3 h2{font-size:18px;}
    #information .product_content_text3 p{font-size:12px;}
    #information .product_content_text2 h2{font-size:18px;}
    #information .product_content_text2 p{font-size:12px;}
    #information .product_content_text1 h2{font-size:18px;}
    #information .product_content_text1 p{font-size:12px;}
    #information .product_content_wrap{margin-bottom:10%;}
    #information .mb_sc2 .mb_right img{width:95%; min-height: 100px;}
    #information .mb_right{padding-left:0;}
    #information .mb_left2{padding-left:1%;}
    #information .mb_sc3 .left_content img {width:100%;}
    #information .mb_sc3 .mb_right img {width:100%;}
    #information .mb_content{width:90%;}
    #information .mb_itemlist h1{font-size:25px;}
    #information .mb_itemlist h3{font-size:14px;}
    #information .mb_itemlist h4{font-size:11px;}
    /*a30*/
    #information .left_content{padding-left:2%;}
    #information .right_content video{width:90%;}
    #information .product_content_wrap img{width:50%; margin-left:2%;}
    /*a10*/
    #information .product_content_text2{width:50%;}
    #information .product_content_a10 img{width:30%;}
    /*uvc40*/
    #information .uvc40_wrap img{min-height:100px;}
    #information .uvc40_wrap2{width:90%;}
    #information .uvc40_wrap2_content h2{font-size:14px;}
    #information .uvc40_img img{width:100%;}
    /*Mee500*/
    #information .Mee500_img{width:100%;}
    /*mee600*/
    #information .Mee600_img{width:90%;}
    #information .mee600_wrap img{width:90%; margin-left:2%;}
    #information .right_content img{width:100%;}
    /*uvc86*/
    #information .uvc86_img{width:80%;}
    /*uvc30*/
    #information .uvc30_sc1{height:300px; background-size:cover; background-position: center;}
    #information .uvc30_sc1 h2{font-size:6.5px;}
    /*vcm34*/
    #information .vcm34_img{width:65%;}
    /*vcm36-w*/
    #information .vcm36-w_sc1{height:300px; background-size:cover; background-position: center;}
    #information .vcm36_text_wrap h2{font-size:16px;}
    #information .vcm36_text_wrap p{font-size:12px;}
    #information .vcm36_text_wrap2 h2{font-size:16px;}
    #information .vcm36_text_wrap2 p{width:90%; font-size:12px; text-align: center; margin:0 auto;}
    #information .vcm36-w_sc2{height:300px; background-size:cover; background-position: center;}
    /*cm20*/
    #information #next_cm20 {right:2%;}
    #information #prev_cm20 {left:2%;}
    /*cs10*/
    #information .cs10_wrap img{width:100%; height:150px;}
    /*cp960*/
    #information .cp960_sc1{height:250px; background-size:cover; background-position: center;}
    #information .cp960_text_wrap{margin-top:20%;}
    #information .cp960_text_wrap h2{font-size:16px;}
    #information .cp960_text_wrap p{font-size:12px;}
    #information .cp960_sc2{height:150px; background-size:cover; background-position: center;}
    /*cp900*/
    #information .cp900_sc1{height:200px; background-size:cover; background-position: center;}
    #information .cp900_text_wrap{}
    #information .cp900_text_wrap h2,#information .cp900_text_wrap1 h2,#information .cp900_text_wrap2 h2{font-size:16px;}
    #information .cp900_text_wrap p,#information .cp900_text_wrap1 p,#information .cp900_text_wrap2 p{font-size:10px;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:250px; background-size:cover; background-position: center;}
    /*roomcast*/
    #information .roomcast_sc1{height:250px; background-size:cover; background-position: center;}
    #information .roomcast_text_wrap h2{font-size:16px;}
    #information .roomcast_text_wrap p{font-size:12px;}
    #information .left_content img{width:100%;}
    /*roompanel*/
    #information .roompanel_sc1{height:250px; background-size:cover; background-position: center;}
    #information .roompanel_wrap{margin-bottom:0; margin-top:10%;}
    #information .roompanel_sc1 img{width:65%;}
    #information .roompanel_text_wrap h2,#information .roompanel_text_wrap2 h2{font-size:16px;}
    #information .roompanel_text_wrap p,#information .roompanel_text_wrap2 p{font-size:12px;}
    #information .roompanel_sc2{height:250px; background-size:cover; background-position: center;}
    /*roomsensor*/
    #information .roomsensor_sc1,#information .roomsensor_sc2,#information .roomsensor_sc3{height:250px; background-size:cover; background-position: center;}
    #information .roomsensor_wrap{margin-top:10%;}
    #information .roomsensor_text_wrap{margin-right:30%;}
    #information .roomsensor_text_wrap1{margin-right:10%;}
    #information .roomsensor_text_wrap h2,#information .roomsensor_text_wrap1 h2,#information .roomsensor_text_wrap2 h2{font-size:16px;}
    #information .roomsensor_text_wrap p,#information .roomsensor_text_wrap1 p,#information .roomsensor_text_wrap2 p{font-size:12px;}
    #information .roomsensor_img2 img{width:100%;}
    /*wpp30*/
    #information .wpp30_sc1,#information .wpp30_sc2{height:250px; background-size:cover; background-position: center;}
    #information #wpp30_text{margin-right:0; width:80%;}
    #information #wpp30_text img{width:100%;}
    #information .wpp30_sc4{display:flex; justify-content: center;}
    #information .wpp30_sc4_content{width:100%; margin:0 2%;}
    #information .wpp30_sc4_content img{width:120px; height: auto;}
    #information .wpp30_sc4_content h2{font-size:15px;}
    #information .wpp30_sc4_content p{font-size:10px;}
    /*wpp20*/
    #information .wpp20_img img{width:100%;}
    /*ctp18_20*/
    #information .ctp_img img{width:100%;}
    /*vch51*/
    #information .vch51_img img{width:100%;}
    /*suv_nav*/
    #information .sub_nav_care{height:5rem;}
    #information .sub_nav_care h2{font-size:14px; margin:0 3%;}
    #information .sub_nav_care a{font-size:10px; padding:0 1%;}
    #information .nav_item.underline::after{bottom:-120%; width:100%;}
    #information .nav_item.underline1::after{bottom:-120%; width:100%;}
    /*roomsystem*/
    #information .room_table{width:90%;}
    #information .room_thead th{height:4rem;}
    #information .room_table tbody tr{font-size:13px;}
    #information .room_content_wrap{width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    #information .room_sc_content1 p{text-align:center; margin-bottom: 5%;}
    #information .room_sc_content{width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    #information .room_sc_content > p {font-size:12px; width:90%; margin:2% auto 2% auto;}
    #information .room_sc_content2{font-size:14px; width:95%;}
    #information #room_left_img{width:60%; margin: 5% 0;}
    #information #room_left_img2{width:50%;}
    #information .room_btn_2 button{width:9.5rem; height: 5rem; font-size: 12px;}
    #information .room_btn_3 button{width:17rem; height: 5rem; font-size: 12px;}
    #information .room_content_wrap2{width:100%;}
    #information .room_sc_content3 h2{font-size:11px;}
    #information .room_sc_content3 p{font-size:9px;}
    /*speaker_trk*/
    #information .speaker_sc2_content_wrap{flex-direction:column; width:95%; margin:0 auto 5% auto;}
    #information .speaker_sc2_content h2{font-size:15px;}
    #information .speaker_sc2_content p{font-size:14px;}
    #information .speaker_sc2_content2 {width:90%; padding:4%;}
    #information .speaker_sc2_content2 p{font-size:14px; text-indent: -3%;}
    #information #spk_sc2_img{width:90%;}
    #information .speaker_sc3_btn_wrap{width:100%;}
    #information .speaker_sc3_btn_wrap button{font-size:12px; padding:2%}
    #information .spk_sc3_p{font-size:11px;}
    #information #spk_sc3_img img{width:90%;}
    #information .speaker_sc4_content_wrap{flex-direction:column;}
    #information .speaker_sc4_content:nth-child(-n+2){margin-bottom:5%;}
    #information .speaker_sc4_content img{width:20%;}
    #information .speaker_sc4_content h2{font-size:15px;}
    #information .speaker_sc4_content p{font-size:14px;}
    #information .speaker_sc5_content p{font-size:14px;}
    #information .speaker_sc6_content_wrap{flex-direction:column;}
    #information .speaker_sc6_content img{width:80%; height: auto;}
    #information .speaker_sc6_content h2{font-size:17px;}
    #information .speaker_sc6_content p{font-size:14px;}
    #information .speaker_sc6_h2{font-size:15px; margin-left:10%;}
    /*display*/
    #information .display_sc0_h2{font-size:18px;}
    #information .display_sc0_p{font-size:14px; width:90%;}
    #information .display_sc0_content {display:flex; flex-direction: column;}
    #information .display_sc0_content img{width:90%; margin: 0 auto;}
    #information .dispaly_sc0_content_wrap{margin: 2% 5%; padding:5%;}
    #information .dispaly_sc0_content_wrap h3{font-size:14px; margin-bottom: 1%;}
    #information .dispaly_sc0_content_wrap p{font-size:14px;}
    #information .display_sc0_content2{width:90%; margin-top:12%;}
    #information .dispaly_sc0_content_wrap2{margin-bottom:10%;}
    #information .display_sc0_title h2{font-size:18px;}
    #information .dispaly_sc0_content_wrap2 p{font-size:14px;}
    #information .circle-number{width:25px; height: 25px; font-size: 14px;}
    #information .display_sc1_h2{font-size:18px;}
    #information .display_sc1_content{flex-direction: column; align-items: center;}
    #information .display_sc1_content_wrap p{font-size:14px; text-align: center;}
    #information .display_sc1_content_wrap h3{font-size:15px; text-align: center; color: black;}
    #information .display_sc3_content{flex-direction:column; align-items: center; margin-bottom:10%;}
    #information .display_sc1_content img{width:60%; margin-top:6%;}
    #information .display_sc2_content img:nth-child(1){width:100%; margin-bottom: 3%;}
    #information .display_sc2_content img{width:100%;}
    #information .display_sc3_content_wrap h2{font-size:15px;}
    #information .display_sc3_content_wrap p{font-size:14px;}
    #information .display_sc3_content_wrap{width:100%; text-align: center; display: flex; flex-direction: column; align-items: center;}
    #information .swiper-container_display,#information .swiper-container_display2{width:90%; height: auto;}
    #information .next_btn_display{right:0}
    #information .prev_btn_display{left:0}
    #information .display_sc4_content h2{font-size:15px;}
    #information .display_sc4_content p{font-size:14px; width: 90%;}
    #information .display_sc4_content img{width:100%;}
    .swiper-pagination-bullet-active{width:30px;}
    #information .display_section4{height:auto;}
    /*almazncare*/
    #information .care_section1{height:20rem; background-image:url("/images/care_sc1_mobile.jpg"); background-size: cover; background-position: bottom;}
    #information .care_section1 h2{font-size:25px; left:10%}
    #information .care_section1 p{font-size:16px; left:10%}
    #information #sub_nav_care h2{font-size:16px; margin:0 10%;}
    #information #sub_nav_care a{font-size:14px; padding:0 3%;}
    #information #sub_nav_care .nav_item.underline::after{bottom:-75%;}
    #information #sub_nav_care .nav_item.underline1::after{bottom:-75%;}
    #information .care_sc2_content_wrap{width:95%; margin:0 auto;}
    #information .care_sc2_content{margin-left:2%;}
    #information .care_sc2_content h2{font-size:20px; margin-right:5%;}
    #information .care_sc2_content p{font-size:14px; text-indent:-3%;}
    #information .care_sc2_img{display:none;}
    #information .care_section2{height:auto; padding-bottom:5%;}
    #information .care_section3 img{width:100%;}
    #information .care_sc4_title{width:90%; height:5rem;}
    #information .care_sc4_title p{font-size:15px;}
    #information .care_sc4_content1 img{width:90%;}
    #information .care_sc4_content1_wrap h2{font-size:20px; top:20%;}
    #information .care_sc4_content1_wrap p{top:46%; font-size:12px; line-height: 150%;}
    #information .care_sc4_content2{width:90%; margin:0 auto;}
    #information .care_sc4_content2 p {font-size:15px; text-indent: -3%;}
    #information .sc4_img_wrap img{display:none;}
    #information .care_section4{height:auto; padding:10% 0;}
    #information .care_section5{height:auto; padding-bottom:10%;}
    #information .care_section5 img{width:95%;}
    #information .care_section6{padding:10% 0; padding-bottom:10%; height:auto;}
    #information .care_sc6_title{margin-left:3%;}
    #information .care_sc6_title h2{font-size:25px;}
    #information .care_sc6_title p{font-size:15px;}
    #information .care_sc6_content{width:90%; margin:5% auto;}
    #information .care_sc6_content p{font-size:15px; margin-left:2%; margin-top:0; text-indent: -3%;}
    #information .care_section7 img{display:none;}
    #information .care_sc7_content p{font-size:15px; }
    /*almaznpineapple*/
    #information .pa_section1{height:20rem; background-image:url("/images/pa_sc1_mobile.jpg"); background-size: cover; background-position: bottom;}
    #information .pa_section1 h2{font-size:25px; left:10%; top:30%;}
    #information .pa_section1 p{font-size:16px; left:10%; text-align: justify; line-height: 150%;}
    #information .pa_sc2_content1 img{width:15%;}
    #information .content2_wrap img{width:2.5rem;}
    #information .content2_wrap p{font-size:13px;}
    #information .content2_wrap:nth-child(1){width:100%;margin-left:0; margin-right: 0;}
    #information .content2_wrap:nth-child(2){width:100%;margin-left:0; margin-right: 0;}
    #information .content2_wrap:nth-child(3){width:100%;padding-left:0; margin-right: 0;}
    #information .pa_section2{height:auto; padding-bottom:10%;}
    #information .pa_section3{height:100rem; padding:10% 0;}
    #information .pa_sc3_content{width:95%; height: auto; padding-bottom: 5%;}
    #information .sc3_text_wrap{margin-left:3%; flex-direction: column;}
    #information .content_title{font-size:20px;}
    #information .content_text{font-size:15px; margin-top:3%;}
    #information .pa_sc3_link{margin-left:3%; font-size:15px; margin-top: 3%;}
    #information .sc3_img_wrap img{display:none;}
    #information .pa_section4{height:auto; padding: 10% 0;}
    #information .pa_section4 h2{font-size:25px;}
    #information .pa_section4 p{font-size:15px;}
    /*company*/
    #information .cp_section1{height:20rem; background-image:url("/images/cp_sc1_mobile.jpg"); background-size: cover; background-position: center;}
    #information .cp_section1 h2{font-size:20px; top:40%; width:80%; text-align:center;}
    #information #sub_nav_care a{font-size:14px; padding:0 5%;}
    #information .cp_section2,#information .cp_section3{height: auto; padding:10% 0 0 2%; flex-direction: column;}
    #information .cp_section4{height: auto; padding:10% 0 0 2%; flex-direction: column; margin-bottom:20%;}
    #information .cp_sc_title{width:100%; font-size:25px;margin-bottom: 5%;}
    #information .cp_section2 p{ font-size: 16px; }
    #information .cp_sc2_content{margin-top:5%;}
    #information .cp_sc2_btn{width:50%; height: 5rem;}
    #information .sc3_content_wrap{width:100%;}
    #information .cp_sc3_content img{width:90%;}
    #information .cp_sc3_content h2{font-size:16px;}
    #information .cp_sc_title p{font-size:16px;}
    #information .cp_section4 img{width:70%; margin-top:5%;}
    /*history*/
    #information .his_title{font-size:25px;text-align:center; margin: 10%;}
    #information .his_section2{padding-left:0; flex-direction: column;}
    #information .his_section2:nth-child(7){margin-bottom:20%;}
    #information .his_section2 img{margin-right: 0; width:45%; margin-bottom: 5%; }
    #information .his_sc2_textwrap, .his_sc3_textwrap,.his_sc4_textwrap,.his_sc5_textwrap{white-space:wrap;}
    #information .his_sc2_textwrap h2, .his_sc3_textwrap h2,.his_sc4_textwrap h2,.his_sc5_textwrap h2{font-size:25px;}
    #information .his_sc2_textwrap p, .his_sc3_textwrap p,.his_sc4_textwrap p,.his_sc5_textwrap p{font-size:16px;}
    #information .his_sc2_content{width:100%;}
    /*orgchart*/
    #information .org_chart{margin-bottom:20%;}
    #information .org_chart img{width:90%;}
    /*고객지원*/
    #information .customer_section{height:20rem; background-size: cover; background-position: center;}
    #information .customer_section h2{font-size:20px; width:80%; top:40%; text-align:center;}
    #information #subnav_customer{height:5rem;}
    #information #subnav_customer h2{font-size:14px; margin:0 2%;}
    #information #subnav_customer a{font-size:9px; padding:0 1%;}
    #information #subnav_customer .nav_item.underline::after{bottom:-130%;}
    #information #subnav_customer .nav_item.underline1::after{bottom:-130%;} 
    /*buyinfo*/
    #information .buyinfo_wrap_parents{width:80%; flex-direction: column;}
    #information .buyinfo_wrap:nth-child(5){width:85%;}
    #information .buyinfo_section2{margin-bottom:20%;}
    #information .buyinfo_section3 > img {width:100%;}
    #information .buyinfo_sc3_content_wrap{flex-direction:column;}
    #information .buyinfo_sc3_content{width:100%; display:flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 20%;}
    #information .buyinfo_sc3_content h2{font-size:25px;}
    #information .buyinfo_sc3_content h4{font-size:15px;}
    #information .buyinfo_sc3_content h3{width:90%;}
    #information .buyinfo_sc3_content2{text-align:justify;}
    #information .buyinfo_sc3_content2 p{font-size:15px;}
    #information .buyinfo_sc3_btn button{width:13rem; height: 5rem; font-size: 15px;}
    /*dataroom*/
    #information .dataroom_section1{height:20rem; background-size: cover; background-position:right;}
    #information .dataroom_sc1 h2{font-size:20px;}
    #information #searchInput{width:20rem; height:4rem; font-size: 16px; left:-45%; top:0.5px; left: -5.5rem; padding:0 50%;}
    #information .data_search img{width:2rem; left:11rem; top:10px;}
    #information Input::placeholder{font-size:14px; margin-right: 5%;}
    #information .sc2_category{width:30%; margin:1% 5% 5% 3%;}
    #information .header_category{font-size:15px; display:flex; align-items: center; margin:10% 0;}
    #information .sub_category{}
    #information .sub_category h3.bold{font-size:12px;}
    #information .sub_category h3{font-size:12px;}
    #information .category_icon{font-size:18px;}
    #information .sc2_data{width:60%;}
    #information .sc2_data h2{padding-bottom:10px; margin:0 0 10px 0; color: #207dff; font-size:15px;}
    #information .data_btns{display:flex; margin-bottom:10%;}
    #information .data_btns a.button{width:auto; height:25px; display: flex; justify-content: center; align-items: center; font-size:9px; border-radius:10px; padding:0 10px;} 
    #information .header_data{font-size:15px;}
    #information .data_lists .subject{font-size:12px;}
    #information .row{justify-content:space-between;}
    #information .row > * {padding-left:0;}
    #information .data_lists .link{width:18px;}
    #information .col-2{display:none;}
    #information .search_list {width:90%; margin:0 auto;}
    #information .search_type{display:flex; justify-content: center;}
    #information .search_type a.button {display:flex;align-items: center; height: 35px; margin-right:1px; font-size:12px; padding:0 15px; margin:0 1%;}
    #information #subnav_dataroom{height:5rem;}
    #information #subnav_dataroom h2{font-size:16px; margin:0 5%;}
    #information #subnav_dataroom a{font-size:14px; padding:0 3%;}
    #information #subnav_dataroom .nav_item.underline::after{bottom:-75%;}
    #information #subnav_dataroom .nav_item.underline1::after{bottom:-75%;}
    #information .data_lists .search_header p{font-size:15px;}
    #information .search_header{margin:50px 0;}
    #information #guide_wrap h1{font-size:25px;}
    #information .install_next{right:3%;}
    #information .install_prev{left:3%;}
     /*UVC85-BYOD */
    #information .uvc85-byod_sc3 img{width:100%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap1 p{font-size:12px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap2 p{font-size:12px; width:90%;}
    #information .uvc85-byod_sc1{height:200px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:350px;}
    /*wireless*/
    #information .common_title img{width:9%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:7px;}
    #information .index_section2, #information .index_section3{height:400px; position:relative;}
    #information .sc2_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden;}
    #information .sc3_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden; padding:20px 20px 20px 0; }
    #information .sc2_left_panel, #information .sc3_left_panel{width:100%; height:400px; position:absolute;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container h3, #information .slide_title_container3 h3{display:none;}
    #information .swiper_slide2_mobile{display:block; width:100%; height: 400px; overflow: hidden;}
    #information .swiper_slide2_mobile img{display:block; width:100%;height: 100%;}
    #information .swiper_slide2{display:none;}
    #information .slide_title7,#information .slide_title8{margin:5% 5% 8% 5%;}
    #information .panel_text,#information .panel_text2 {width:65%}
    #information .panel_text p,#information .panel_text2 p{font-size:13px;}
    #information .index_scrollbar2,#information .index_scrollbar3,#information .index_scrollbar8{margin:5%;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:20px;}
    /*a40*/
    #information .mic_guide_wrap{width:90%;}
    #information .cable_type h2{font-size:18px;}
    #information .mic_guide img{width:100%;}
    #information .mic_guide p{width:95%; font-size:12px;}
    #information .mic_title1,#information .mic_title2,#information .mic_title3{width:40%; font-size:14px;}
    #information .mic_title1_2, #information .mic_title2_2 {width:30%; font-size:14px;}
    #information .triangle1{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #37a928;}
    #information .triangle1_2{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #37a928;}
    #information .triangle2{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #5b83e7;}
    #information .triangle2_2{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #5b83e7;}
    #information .triangle3{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #e75b6b;}
    #information .mic_img img{width:85%;}
    /*esg*/
    #main .esg_img_container{flex-direction: column;}
    #main .esg_item{width:100%;}
    #main .esg_img{height:200px;}
    #main .esg_font{top:35%;}
    #main .esg_img_container h2 {font-size:20px;}
    #main .esg_img_container p {font-size:12px;}
    #main #esg_title{height:20%;}
    #main #sc_esg{padding:5% 0 0 0; height:500px;}
    #information .esg_section1,#information .esg_section2{height:20rem; background-size:cover;}
    #information .esg_section1 h2,#information .esg_section2 h2{font-size:25px; top:30%;}
    #information .esg_section1 p,#information .esg_section2 p{font-size:16px; top:50%; width:80%; text-align: center;}
    #information .env_section_gray, #information .env_section_white, #information .env_section_color {flex-direction:column; height: 530px;}
    #information .sc_left, #information .sc_right{width:100%; margin-top:10%;}
    #information .sc_left h2, #information .sc_right h2{font-size:20px;}
    #information .sc_left p, #information .sc_right p{font-size:15px;}
    #information .env_btn button{width:14rem; font-size:12px;}
    #information .env_btn2 button{width:9rem; font-size:12px;}
    #information .env_font{width:100%; margin-bottom: 5%;}
    #information .esg_inquiry1{height:220px; background-size:cover;}
    #information .esg_inquiry1 h2{font-size:20px; margin-bottom: 3%;}
    #information .esg_inquiry1 button{font-size:12px; padding:2%; width:10rem;}
    #information .env_mobile{height:350px;}
     /*uvc85*/
    #information .uvc85_sc1{height:400px;background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
    /*uvc40 e2*/
    #information .uvc40-e2_sc1{height: 450px;}
    /*ctp25*/
    #information #ctp25_img{width:70%;}
    /*cp50*/
    #information .cp50_sc1{height:190px; background-size: cover;}
    #information .cp50_sc1 h2,#information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:18px;}
    #information .cp50_sc1 p,#information .cp50_sc2 p,#information .cp50_sc3 p,#information .cp50_sc4 p{font-size:12px;}
    #information .cp50_sc2{height:350px; background-size: cover; background-position: bottom; padding: 2%;}
    #information .cp50_text_wrap2 img{width:100%;}
    #information .cp50_sc3{height:350px; background-size: cover; background-position: bottom; padding: 5%;}
    #information .cp50_sc4{height:250px; background-size: cover; background-position: right; } 
    /*cpe40*/
    #information .cpe40_sc1{height:190px; background-size: cover;}
    #information .cpe40_sc1 h2{font-size:18px;}
    #information .cpe40_sc1 p{font-size:12px;}
    /*yalink!*/
    #information .yealink_section1{height:65vh;}
    #information .yealink_section1 img:nth-child(1){width:30%;}
    #information .yealink_section1 img:nth-child(4){width:40%;}
    #information .yealink_section1 h2{font-size:30px; line-height: 30px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:14px; line-height: 30px;}
    #information .timeline-title{padding:10% 0;}
    #information .timeline-inner img{width:85%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:20px;}
    #information .yealink_section3 {height:40vh; background-size: cover;}
    #information .yealink_section3 img {width:65%;}
    #information .yealink_section4 {height:35vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:30vh;}
    #information .yealink_sc5_slider {border-radius: 10px;}
    #information .yealink_sc6_wrap h2{font-size:20px;}
    #information .yealink_sc6_wrap p{font-size:10px;}  
    #information .yealink_section6 {height:30vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:65%;}
    /*cm50*/
    #information .cm50_sc1{height:200px;}
    #information .cm50_sc2 img{width:70%;}
    #information .cm50_sc2 video{width:100%;}
    #information #sc_cm50 video{width:100%;}
    #information .intro_pagination{display: none;}
    #information .step-block.active .step-title{font-size:15px;}
    #information .step-title{padding-left:20px; font-size:10px;}
    #information .step-desc{font-size:11px; width:100%;}
    #information .cm50_sc3_wrap{gap:5px; padding: 0 3%;}
    #information .cm50_sc3_steps{width:auto;}
    #information .cm50_sc3_detail img{width:90%; margin-top: 20%; margin-left: 5%;}
    /*roompanel e2*/
    #information .roompanel_e2_sc1{height:auto; padding-top: 10%; padding-left:8%; padding-bottom: 5%;}
    #information .roompanel_e2_sc1 h2{font-size:20px;}
    #information .roompanel_e2_sc1 p{font-size:10px;}
    #information .roompanel_e2_sc1 img{width:50%;}
    #information #roompanel_e2_right img{width:80%;}
    /*sv80*/
    #information #sv80_sc1{height:30vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:30px;}
    #information .sv80_text_wrap p{font-size:20px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;}
    /*meetingboard C*/
    #information #mb_c_bg_1{height:60vh;}
    #information #mb_c_panels{width:90%;}
    #information #mb_c_tabs .tab {font-size: 12px;}
    #information #mb_c_tabs .tab.is-active {font-size: 15px;}
    #information #mb_c_content_wrap, #information #mb_c_content_wrap2{margin-bottom:0;}
    #information #mb_c_wrap img,#information #mb_c_wrap2 img{width:70%;}
    #information #mb_c_bg_3{height:50vh;}
    #information #mb_c_bg_4{height:70vh;}
    /*ap08*/
    #information .ap08_sc1{height:200px;}
    /*a50*/
    #information #a50_sc1{height:250px;}
    #information #a50_title{margin:27% 0 0 0;}
    #information #a50_title h2{margin-bottom:0; font-size:30px;}
    #information #a50_sc2{height:400px;}
    /*uvc860pro*/
    #information .gray_shape_title{font-size:10px;}
    #information .blue_shape_title{font-size:10px;}
    #information .uvc860pro_sc1_title h2 {font-size:12px;}
    #information .uvc860pro_sc1_title p {font-size:12px;}
    #information #uvc860pro_sc0_title{margin:10% 0 10% 0;}
    #information .uvc860pro_wrap_1{margin-bottom:12%;} 
        /*mc10*/
    #information .mc10_sc1{height:300px; padding-bottom: 20%; padding-right: 20%;}
    #information .reveal-content h2{font-size:25px;}
    #information .reveal-content p{font-size:10px;}
    #information .installation-container{flex-direction:column; align-items: center;}
    #information .card {width:300px;}
    #information .card img{height:200px;}
    #information .card h3{font-size:15px;}
    #information .applications{padding:5%;}
    #information .tab_btn{font-size:12px;}
    #information .content-wrapper{flex-direction:column; gap:30px;}
    #information .text_box h3{font-size:30px;}
    #information .text_box p{font-size:13px;}
    #information .text_box li {font-size:13px;}
    #information .image-box img{width:340px; height:230px;}
        /*ma600d*/
    #information .ma600d_sc1 video{height:30vh;}
     /*sub*/
    #information .intro_container2{max-width:90%;}
    #information .intro_header{margin-top:20%; margin-bottom: 15%;}
    #information .intro_header h1{font-size:2rem;}
    #information .intro_header p{font-size:1.3rem;}
    #information .card-grid{grid-template-columns:repeat(2, 1fr); gap:10px;}
    #information .intro_card{border-radius:10px;}
    #information .card_title{font-size:10px;}
    #information .sc_sub_title{width:90%;}
    #information .sub_title{font-size:20px;}
    #information .link_list{font-size:10px;}
    #information .sc_sub_title{margin:10% auto 12%;}
    #information .guide_title{font-size:17px; margin-bottom:8%;}
    #information .guide_item_grid{gap:10px;}
    #information .circle_box{width:90px; height: 90px;}
    #information .guide_text{bottom:30%; font-size:11px; text-shadow:0 1px 2px rgba(0,0,0,0.8);}
    #information .tab_btn2{width:40%; padding:2% 3%; border-radius:5px; font-size:11px;}
    #information .main_img {width:90%; height: 200px;}
    #information .feature_info_bar{width:90%; font-size:11px; grid-template-columns:1fr; gap:10%;}
    #information .check_icon img{width:10px; height: 10px;}
    #information .feature_item{padding:8px;}
    #information .table_title{font-size:17px;}
    #information .sc_table{margin:20% 0;} 
    #information .product-table{width:90%;}
    #information .table-header{font-size:11px;}
    #information .table-row{min-height:20px;}
    #information .col-features li{font-size:10px;}
    #information .table-row .col-size{font-size:10px;}
    #information .col-product-name .sub-text{font-size:10px;}
    #information .col-product-name strong{font-size:12px;}
    #information .col-product-list{flex-direction:column; }
    #information .table-row .col-product-list{justify-content: center;}
    #information .prod-img{width:50px;}
    #information .table-row .col-mic{font-size:10px;}
    #information .col-features{padding:10px;}
    #information .col-features ul {grid-template-columns:1fr;}
    #information .col-brand img{width:100%;}
    #information .btn-view-all{font-size:12px;}
    #information .anotehr_card {border-radius:15px;}
    #information .another_title h1{font-size:20px;}
    #information .sc_another_sloution{padding:10% 0;}
    #information .anotehr_card_title{font-size:12px;}
    #information .anotehr_card-grid{max-width:90%; gap:20px; padding:0;}
    #information .contact_banner{padding:15% 0;}
    #information .contact_msg{font-size:15px; margin-bottom: 5%;}
    #information .contact_btn{font-size:10px;}
    #information .guide_item_grid2{width:90%; gap:20px;}
    #information .guide_check_icon img{width:20px; height: 20px;}
    #information .guide_text2{font-size:12px;}
    #information .guide_item2 > img:last-of-type {height:50px;}
    #information .guide_item2{padding:10px 20px;}
    #information .sc_middle{width:90%; flex-direction: column; margin-top:20%; gap:30px;}
    #information .middle_text_wrap h1 {font-size:18px;}
    #information .middle_text_wrap p {font-size:16px;}
    #information .btn_more {font-size:10px;}
    #information #square_box{width:100px; height: 100px;}
    #information .table_sub_title{font-size:13px; width: 50%; right: -10%;}
    #information .product-grid{width:90%;}
    #information .grid-header{padding:10px; font-size:10px;}
    #information .product-grid > div:not(.grid-header), .product-grid > a{font-size:10px;}
    #information .table-footer{width:90%;}
    #information .product-grid2{width:90%;}
    #information .product-grid2 > div:not(.grid-header), .product-grid2 > a{font-size:10px;}
#information .product-grid3{width:90%;}
#information .product-grid3 > div:not(.grid-header), .product-grid3 > a{font-size:10px;}

    
        #content_PC2{display: none;}
		#content_mobile2{display: block;}	
        .modal-king .gwcns_modal2{left: 26.5%; top:40%; width: 70%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{font-size: 9px; width: 60%; height:2rem;margin-top:0; margin-left: 0; top:80%;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:10px;font-weight: bold;height:2.5rem;}
}

/*반응형: 모바일 세로*/
@media screen and (min-width: 441px) and (max-width: 480px) {
        #main .sc1_slide_btn.ye_10years{top:75%;}
        #main .header .topmenu > ul > li ul.ps-2 {padding-left:0;}
		/* index.php */
        #main .index_section1{height: 700px; position: relative;}
        #main .next_btn1, #main .prev_btn1 {display:none;}
        #main .index_pagination1{position: absolute; top:90%; left:50%; transform: translateX(-50%);}
        #main .sc1_slide_video{display:none;}
        #main .sc1_slide_video_mobile{display:block; width:100%; -webkit-mask-image: -webkit-radial-gradient(white, black);
		    -webkit-backface-visibility: hidden;
		    -moz-backface-visibility: hidden; object-fit: cover;}
        #main .sc1_slide_title{font-size:30px; width:70%;}
        #main .sc1_slide_content{font-size:17px; top:42%;}
        #main .sc1_slide_content_bold{font-size:20px; top:42%; margin-top:5%;}
        #main .sc1_slide_btn{width:35%; height: 6%; font-size: 13px; top:60%; left:50%; transform: translateX(-50%);}
        #main .sc1_slide_img{display:none;}
        #main .sc1_slide_img_mobile{display:block; width:100%;}
        #main .sub_nav{height:auto;} 
        #information .sub_nav2{height:4.5rem; z-index:40;}
        #main .sub_nav p, #information .sub_nav2 p{display:none;}
        #main .sub_nav button, #information .sub_nav2 button{width:50%; font-size: 15px; padding:4%;}
        #main #nav_btn2, #information #sub_btn2{ font-size: 13px; padding:4.1%; display:flex; align-items: center;}
        #main #nav_btn2 img, #information #sub_btn2 img{width:25px; height: 20px;}
        #main .index_section2, #main .index_section3{height:450px; position:relative;}
        #main .sc2_right_panel{width:100%; height:168px; position:absolute; top:63%; overflow: hidden;}
        #main .sc3_right_panel{width:100%; height:168px; position:absolute; top:63%; overflow: hidden; padding:20px 20px 20px 0; }
        #main .sc2_left_panel, #main .sc3_left_panel{width:100%;height:450px; position:absolute;}
        #main .slide_title_container,  #main .slide_title_container3{padding:0;}
        #main .slide_title_container h3, #main .slide_title_container3 h3{display:none;}
        #main .slide_title h2,#main .slide_title3 h2, #information .slide_title8 h2,#information .slide_title7 h2,#information .slide_title9 h2{font-size:18px;}
        #main .slide_title p,#main .slide_title3 p, #information .slide_title8 p, #information .slide_title7 p, #information .slide_title9 p{font-size:13px;}
        #main .slide_title, .slide_title3, #information .slide_title8, #information .slide_title7, #information .slide_title9 {display:none;}
        #main .slide_title.active, .slide_title3.active,#information .slide_title8.active, #information .slide_title7.active, #information .slide_title9.active {display:block;}
        #main .swiper_slide2_mobile{display:block; width:100%; height: 450px; overflow: hidden;}
        #main .swiper_slide2_mobile img{display:block; width:100%;height: 100%;}
        #main .swiper_slide2{display:none;}
        #main .index_scrollbar2,#main .index_scrollbar3,#information .index_scrollbar8{margin:5%;}
        #main .index_section4{height:700px; padding-top: 5%;}
        #main .sc5_icon img{position:absolute;width:5%; top:42%; left:60%;}
        #main .sc5_icon p{color:white;position:absolute;width:32%; top:43%; left:68%; font-size:11px;}
        #main .ct4_font{width:100%;}
        #main .ct4_font p{font-size:13px;}
        #main .ct4_font h2{font-size:18px;}
        #main .ct4_font h1{font-size:30px;}
        #main .ct4_img{width:100%;margin:20% 0 5% 2%;}
        #main .swiper_slide4{text-align:center; padding-top:5%;}
        #main .swiper_container4{height:70%;}
        #main .sc4_slide_video{width:80%; margin:0 auto;}
        #main .sc4_slide_video video{margin:0 auto;}
        #main .swiper_slide4 img{width:80%; margin:0 auto;}
        #main .sc4_slide_title {margin-left:50%; width:60%; transform: translateX(-50%); top:55%; text-align:center; font-size:20px;}
        #main .sc4_slide_content{margin-left:50%; width:80%; transform: translateX(-50%); top:65%; text-align:center; font-size: 15px;}
        #main .scroll_bar4{width:50%; top:90%; margin-left:50%; transform: translateX(-50%);}
        #main .slide-number{width:65%; top:83%; margin-left:50%; transform: translateX(-50%);}
        #main .current-slide{margin-right: 85%;}
        #main .prev_btn4{width:2%; top:93.5%; left:10%;}
        #main .next_btn4{width:2%; top:93.5%; left:87%;}
        #main .index_section5{padding-top:5%; height: 650px;}
        #main .ct5_font p{font-size:13px;}
        #main .ct5_font h2{font-size:18px;}
        #main .ct5_font h1{font-size:30px;}
        #main .ct5_font{width:60%;}
        #main .product_container5{display:block; height: 32%;}
        #main .ct5_img{margin:6% 0 5% 5%;}
        #main .swiper_slide5 img{width:85%; height: 25%;}
        #main .sc5_slide_title{font-size:15px;}
        #main .sc5_slide_content{font-size:12px;}
        #main .swiper_container5{height:90%;}
        #main #swiper_slide5{margin-top:20%;}
        #main .index_pagination5{top:92%;}
        #main .index_section6{height:450px; padding:5% 0 0 5%;}
        #main .swiper_container6{height:70%;}
        #main .title_container6{height:30%;}
        #main .ct6_font h2{font-size:18px;width:80%;}
        #main .ct6_font p{font-size:15px;}
        #main .next_btn6{width:25px; height: 42px; top:18%}
        #main .prev_btn6{width:25px; height: 42px; top:18%; left:75%;}
        #main .swiper_slide6 img{height:auto;}
        #main .sc6_slide_title{font-size:15px;}
        #main .sc6_slide_content p{font-size:13px;}
        #main .sc6_slide_content img{width:8%; height: 8%;}
        #main .index_section7{padding-top:5%; height:400px; }
        #main .title_container7{height:17%;}
        #main .ct7_font h2{font-size:18px;}
        #main .sc7_slide_title {margin-bottom:5%;}
        #main .sc7_slide_title h1{font-size:11px; margin:0 10px;}
        #main .sc7_slide_title h1::after{bottom:0; height: 2px;}
        #main .swiper_container7{height:auto;}
        #main .swiper_slide7 img{width:80%; height: auto;}
        #main .sc7_btn{width:25%; height:7%; font-size:10px; margin-top:5%;}
        #main .index_section8{height:100px;}
        #main .title_container8{width:70%;}
        #main .index_section8 img{width:5%;}
        #main .title_container8 h1{font-size:18px;}
        #main .title_container8 p{font-size:13px;}
/*
        #main .agree_intro h4{font-size:11px;}
        #information .agree_intro h4{font-size:11px;}
        #main .agree_intro .desc{font-size:8px;}
        #information .agree_intro .desc{font-size:8px;}
        #information .agree_intro input[type="checkbox"] {transform: scale(1);}
        #main .agree_intro input[type="checkbox"] {transform: scale(1);}
        #main #modal_call{height:510px;}
        #information #modal_call{height:510px;}
        #information .callback_title{height:35px;}
        #information .callback_title img{width:20px; height: 20px;}
        #information .callback_title h2{font-size:20px;}
        #main .callback_title_p p {font-size:10px;}
        #information .callback_title_p p {font-size:10px;}
        #information .modal__content{padding:20px 10px;}
        #main ul.callback_form li label{font-size:10px;}
        #main .agree_intro{margin-top:30%;}
        #information .agree_intro{margin-top:30%;}
        #information ul.callback_form li label{font-size:10px;}
        #information ul.callback_form .frm_input{height:30px;}
        #information .callback_select {font-size:11px;}
        #information #callback_chk {font-size:10px;}
        #main #callback_chk input[type="checkbox"]{height:18px; border:2px solid #00b5e9; flex:0 0 18px;}
        #information #callback_chk input[type="checkbox"]{height:18px; border:2px solid #00b5e9; flex:0 0 18px;}
        #main ul.callback_form {height:auto;}
        #information ul.callback_form {height:auto;}
        #information #c_btn_callback {font-size:12px; height: 4rem;}    
*/
        /*전체제품보기*/
        #information .product_section1{height:20rem; background-image: url("/images/product_sc1_mobile.jpg");background-size: cover; background-position: center;}
        #information .product_sc1 h2{color:white; font-size:25px; left:50%; transform: translateX(-50%); font-weight: 600;}
        #information .product_sc1 p{color:white; font-size:15px; left:50%; transform: translateX(-50%); margin-top:2%;}
        #information .product_menu{flex-wrap: wrap; top:6%;}
        #information .product_menu button{font-size:12px; padding:1% 3%; border-radius: 6px;}
        #information .section_product{width:95%; }
        #information .product_title{font-size:15px;}   
        #information .product_wrap p{font-size:16px;}
        #information .product_wrap{flex: 0 0 48%;}
        /*제품상세페이지 - uvc860*/
        #information .product_section_gray{padding-bottom:10%;}
        #information .product_section_darkgray{padding-bottom:10%;}
        #information .product_section_white{padding-bottom:10%;}
        #information .product_section_black{ padding-bottom:10%;}    
        #information .common_section{height:20rem; background-image: url("/images/common_sc1_mobile.jpg"); background-size: cover; background-position: center;}
        #information .common_section h2{font-size:15px; width: 100%;}
        #information .common_section2{height:20rem; background-image: url("/images/common_sc2_mobile.jpg"); background-size: cover; background-position: center;}
        #information .common_section2 h2{font-size:15px; width: 100%;}
        #information .product_link{height:6rem; padding-left:5%;}
        #information .product_link > img{width:5%;}
        #information .product_link p{font-size:12px;}
        #information .common_title{width:100%; margin:10% 0 4% 0;}
        #information .common_title h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title2{width:100%; margin:10% 0 4% 0;}
        #information .common_title2 h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title2 p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title3{width:100%; margin:10% 0 4% 0;}
        #information .common_title3 h2{font-size:20px; margin-bottom: 2%;}
        #information .common_title3 p{font-size:15px; width:95%; margin:0 auto;}
        #information .uvc860_table{width:90%;}
        #information .uvc860_thead th{font-size:10px; height:3rem;}
        #information .uvc860_table td{font-size:10px; }
        #information .table th{font-size:12px;}
        #information .uvc860_video video{width:75%; height: 200px;}
        #information .uvc860_sc3_content{gap:0; justify-content:space-around; margin:10% 0;}
        #information .p_wrap_860{width:90%; margin-left:5%;}
        #information .uvc860_sc3_content_text{width:50%;}
        #information .uvc860_sc3_content_text img{width:100%;}
        #information .uvc860_sc3_content_text p{width:100%; font-size:9px; left:55%;text-indent: -3%;}
        #information .uvc860_sc3_content h2{font-size:12px;}
        #information .product_video video{width:100%; height: 200px;}
        #information .room_device_slide{padding-top:10%; height:46rem;}
        #information .room_device_slide p{font-size:10px;}
        #information .swiper_slide_roomdevice{width:calc(50%-10px);}
        #information .swiper_slide_roomdevice > h2 {font-size:11px;}
        #information .room_device_left h2{font-size:20px;}
        #information .room_device_left button{width:30%; height: 2.2rem; margin-top: 3%;  font-size:8px;}
        #information .room_device_right > h2 {font-size:20px; font-weight: 600;}
        #information .room_device_left img{width:80%; margin-left:10%;}
        #information .right_text{width:95%; height:45%;}
        #information .next_btn_roomdevice{top:75%; left:60%; width:45px; height: 45px;}
        #information .prev_btn_roomdevice{top:75%; left:30%; width:45px; height: 45px;}
        #information .title_link{width:60%; height:6rem; margin-bottom: 5%;margin: 5% auto 5% auto;}
        #information .title_link h2{font-size:17px;}
        #information .product_call p{font-size:14px;}
        #information .product_call{margin-bottom:3%;}
        /*840*/
        #information .camera_84 img{width:30%;}
        /*avhub*/
        #information .product_img{width:90%;}
        #information .avhub_table{width:90%;}
        #information .avhub_thead{height:4rem;}
        #information .avhub_table .avhub_table_content th{font-size:11px;}
        #information .avhub_table th{font-size:14px;}
        #information .avhub_thead2{height:4rem;}
        #information .avhub_table_content2 th{font-size:11px;}
        /*meetingboard65*/
    #information .intro_left{margin-left:0;}
    #information .intro_thumbnails{display:none;}
    #information .product_intro{height:40rem; padding:0; display: flex; align-items: center;}
    #information .intro_slide img{width:90%;}
    #information .intro_title h2{font-size:20px;}
    #information .intro_title p{font-size:11px;}
    #information .intro_content{ margin: 5% 0; width:95%;}
    #information .intro_content p{font-size:12px;}
    #information .intro_right button{width:40%; height:3.5rem; font-size:13px; margin-top: 5%;}
    #information .mb_sc1{height:10rem; background-size: cover; background-position: center;}
    #information .mb_left .mb_text img{width:17px; height: 15px;}
    #information .mb_text p{font-size:10px;}
    #information .mb_left{padding-left:2%;}
    #information .mee600_wrap img{max-height:150px;}
    #information .product_content_text4 h2{font-size:18px;}
    #information .product_content_text4 p{font-size:12px;}
    #information .product_content_text3 h2{font-size:18px;}
    #information .product_content_text3 p{font-size:12px;}
    #information .product_content_text2 h2{font-size:18px;}
    #information .product_content_text2 p{font-size:12px;}
    #information .product_content_text1 h2{font-size:18px;}
    #information .product_content_text1 p{font-size:12px;}
    #information .product_content_wrap{margin-bottom:10%;}
    #information .mb_sc2 .mb_right img{width:95%; min-height: 100px;}
    #information .mb_right{padding-left:0;}
    #information .mb_left2{padding-left:1%;}
    #information .mb_sc3 .left_content img {width:100%;}
    #information .mb_sc3 .mb_right img {width:100%;}
    #information .mb_content{width:90%;}
    #information .mb_itemlist h1{font-size:25px;}
    #information .mb_itemlist h3{font-size:14px;}
    #information .mb_itemlist h4{font-size:11px;}
    /*a30*/
    #information .left_content{padding-left:2%;}
    #information .right_content video{width:90%;}
    #information .product_content_wrap img{width:50%; margin-left:2%;}
    /*a10*/
    #information .product_content_text2{width:50%;}
    #information .product_content_a10 img{width:30%;}
    /*uvc40*/
    #information .uvc40_wrap img{min-height:100px;}
    #information .uvc40_wrap2{width:90%;}
    #information .uvc40_wrap2_content h2{font-size:14px;}
    #information .uvc40_img img{width:100%;}
    /*Mee500*/
    #information .Mee500_img{width:100%;}
    /*mee600*/
    #information .Mee600_img{width:90%;}
    #information .mee600_wrap img{width:90%; margin-left:2%;}
    #information .right_content img{width:100%;}
    /*uvc86*/
    #information .uvc86_img{width:80%;}
    /*uvc30*/
    #information .uvc30_sc1{height:300px; background-size:cover; background-position: center;}
    #information .uvc30_sc1 h2{font-size:6.5px;}
    /*vcm34*/
    #information .vcm34_img{width:65%;}
    /*vcm36-w*/
    #information .vcm36-w_sc1{height:300px; background-size:cover; background-position: center;}
    #information .vcm36_text_wrap h2{font-size:16px;}
    #information .vcm36_text_wrap p{font-size:12px;}
    #information .vcm36_text_wrap2 h2{font-size:16px;}
    #information .vcm36_text_wrap2 p{width:90%; font-size:12px; text-align: center; margin:0 auto;}
    #information .vcm36-w_sc2{height:300px; background-size:cover; background-position: center;}
    /*cm20*/
    #information #next_cm20 {right:2%;}
    #information #prev_cm20 {left:2%;}
    /*cs10*/
    #information .cs10_wrap img{width:100%; height:150px;}
    /*cp960*/
    #information .cp960_sc1{height:250px; background-size:cover; background-position: center;}
    #information .cp960_text_wrap{margin-top:20%;}
    #information .cp960_text_wrap h2{font-size:16px;}
    #information .cp960_text_wrap p{font-size:12px;}
    #information .cp960_sc2{height:150px; background-size:cover; background-position: center;}
    /*cp900*/
    #information .cp900_sc1{height:200px; background-size:cover; background-position: center;}
    #information .cp900_text_wrap{}
    #information .cp900_text_wrap h2,#information .cp900_text_wrap1 h2,#information .cp900_text_wrap2 h2{font-size:16px;}
    #information .cp900_text_wrap p,#information .cp900_text_wrap1 p,#information .cp900_text_wrap2 p{font-size:12px;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:250px; background-size:cover; background-position: center;}
    /*roomcast*/
    #information .roomcast_sc1{height:250px; background-size:cover; background-position: center;}
    #information .roomcast_text_wrap h2{font-size:16px;}
    #information .roomcast_text_wrap p{font-size:12px;}
    #information .left_content img{width:100%;}
    /*roompanel*/
    #information .roompanel_sc1{height:250px; background-size:cover; background-position: center;}
    #information .roompanel_sc1 img{width:65%;}
    #information .roompanel_text_wrap h2,#information .roompanel_text_wrap2 h2{font-size:16px;}
    #information .roompanel_text_wrap p,#information .roompanel_text_wrap2 p{font-size:12px;}
    #information .roompanel_sc2{height:250px; background-size:cover; background-position: center;}
    /*roomsensor*/
    #information .roomsensor_sc1,#information .roomsensor_sc2,#information .roomsensor_sc3{height:250px; background-size:cover; background-position: center;}
    #information .roomsensor_text_wrap{margin-right:30%;}
    #information .roomsensor_text_wrap1{margin-right:10%;}
    #information .roomsensor_text_wrap h2,#information .roomsensor_text_wrap1 h2,#information .roomsensor_text_wrap2 h2{font-size:16px;}
    #information .roomsensor_text_wrap p,#information .roomsensor_text_wrap1 p,#information .roomsensor_text_wrap2 p{font-size:12px;}
    #information .roomsensor_img2 img{width:100%;}
    /*wpp30*/
    #information .wpp30_sc1,#information .wpp30_sc2{height:250px; background-size:cover; background-position: center;}
    #information #wpp30_text{margin-right:0; width:80%;}
    #information #wpp30_text img{width:100%;}
    #information .wpp30_sc4{display:flex; justify-content: center;}
    #information .wpp30_sc4_content{width:100%; margin:0 2%;}
    #information .wpp30_sc4_content img{width:120px; height: auto;}
    #information .wpp30_sc4_content h2{font-size:15px;}
    #information .wpp30_sc4_content p{font-size:10px;}
    /*wpp20*/
    #information .wpp20_img img{width:100%;}
    /*ctp18_20*/
    #information .ctp_img img{width:100%;}
    /*vch51*/
    #information .vch51_img img{width:100%;}
    /*suv_nav*/
    #information .sub_nav_care{height:5rem;}
    #information .sub_nav_care h2{font-size:14px; margin:0 3%;}
    #information .sub_nav_care a{font-size:10px; padding:0 1%;}
    #information .nav_item.underline::after{bottom:-120%; width:100%;}
    #information .nav_item.underline1::after{bottom:-120%; width:100%;}
    /*roomsystem*/
    #information .room_table{width:90%;}
    #information .room_thead th{height:4rem;}
    #information .room_table tbody tr{font-size:13px;}
    #information .room_content_wrap{width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    #information .room_sc_content1 p{text-align:center; margin-bottom: 5%;}
    #information .room_sc_content{width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    #information .room_sc_content > p {font-size:12px; width:90%; margin:2% auto 2% auto;}
    #information .room_sc_content2{font-size:14px; width:95%;}
    #information #room_left_img{width:60%; margin: 5% 0;}
    #information #room_left_img2{width:50%;}
    #information .room_btn_2 button{width:9.5rem; height: 5rem; font-size: 12px;}
    #information .room_btn_3 button{width:17rem; height: 5rem; font-size: 12px;}
    #information .room_content_wrap2{width:100%;}
    #information .room_sc_content3 h2{font-size:11px;}
    #information .room_sc_content3 p{font-size:9px;}
    /*speaker_trk*/
    #information .speaker_sc2_content_wrap{flex-direction:column; width:95%; margin:0 auto 5% auto;}
    #information .speaker_sc2_content h2{font-size:15px;}
    #information .speaker_sc2_content p{font-size:14px;}
    #information .speaker_sc2_content2 {width:90%; padding:4%;}
    #information .speaker_sc2_content2 p{font-size:14px; text-indent: -3%;}
    #information #spk_sc2_img{width:90%;}
    #information .speaker_sc3_btn_wrap{width:100%;}
    #information .speaker_sc3_btn_wrap button{font-size:12px; padding:2%}
    #information .spk_sc3_p{font-size:11px;}
    #information #spk_sc3_img img{width:90%;}
    #information .speaker_sc4_content_wrap{flex-direction:column;}
    #information .speaker_sc4_content:nth-child(-n+2){margin-bottom:5%;}
    #information .speaker_sc4_content img{width:20%;}
    #information .speaker_sc4_content h2{font-size:15px;}
    #information .speaker_sc4_content p{font-size:14px;}
    #information .speaker_sc5_content p{font-size:14px;}
    #information .speaker_sc6_content_wrap{flex-direction:column;}
    #information .speaker_sc6_content img{width:80%; height: auto;}
    #information .speaker_sc6_content h2{font-size:17px;}
    #information .speaker_sc6_content p{font-size:14px;}
    #information .speaker_sc6_h2{font-size:15px; margin-left:10%;}
    /*display*/
    #information .display_sc0_h2{font-size:18px;}
    #information .display_sc0_p{font-size:14px; width:90%;}
    #information .display_sc0_content {display:flex; flex-direction: column;}
    #information .display_sc0_content img{width:90%; margin: 0 auto;}
    #information .dispaly_sc0_content_wrap{margin: 2% 5%; padding:5%;}
    #information .dispaly_sc0_content_wrap h3{font-size:14px; margin-bottom: 1%;}
    #information .dispaly_sc0_content_wrap p{font-size:14px;}
    #information .display_sc0_content2{width:90%; margin-top:12%;}
    #information .dispaly_sc0_content_wrap2{margin-bottom:10%;}
    #information .display_sc0_title h2{font-size:18px;}
    #information .dispaly_sc0_content_wrap2 p{font-size:14px;}
    #information .circle-number{width:25px; height: 25px; font-size: 14px;}
    #information .display_sc1_h2{font-size:18px;}
    #information .display_sc1_content{flex-direction: column; align-items: center;}
    #information .display_sc1_content_wrap p{font-size:14px; text-align: center;}
    #information .display_sc1_content_wrap h3{font-size:15px; text-align: center; color: black;}
    #information .display_sc3_content{flex-direction:column; align-items: center; margin-bottom:10%;}
    #information .display_sc1_content img{width:60%; margin-top:6%;}
    #information .display_sc2_content img:nth-child(1){width:100%; margin-bottom: 3%;}
    #information .display_sc2_content img{width:100%;}
    #information .display_sc3_content_wrap h2{font-size:15px;}
    #information .display_sc3_content_wrap p{font-size:14px;}
    #information .display_sc3_content_wrap{width:100%; text-align: center; display: flex; flex-direction: column; align-items: center;}
    #information .swiper-container_display,#information .swiper-container_display2{width:90%; height: auto;}
    #information .next_btn_display{right:0}
    #information .prev_btn_display{left:0}
    #information .display_sc4_content h2{font-size:15px;}
    #information .display_sc4_content p{font-size:14px; width: 90%;}
    #information .display_sc4_content img{width:100%;}
    .swiper-pagination-bullet-active{width:30px;}
    #information .display_section4{height:auto;}
    /*almazncare*/
    #information .care_section1{height:20rem; background-image:url("/images/care_sc1_mobile.jpg"); background-size: cover; background-position: bottom;}
    #information .care_section1 h2{font-size:25px; left:10%}
    #information .care_section1 p{font-size:16px; left:10%}
    #information #sub_nav_care h2{font-size:16px; margin:0 10%;}
    #information #sub_nav_care a{font-size:14px; padding:0 3%;}
    #information #sub_nav_care .nav_item.underline::after{bottom:-75%;}
    #information #sub_nav_care .nav_item.underline1::after{bottom:-75%;}
    #information .care_sc2_content_wrap{width:95%; margin:0 auto;}
    #information .care_sc2_content{margin-left:2%;}
    #information .care_sc2_content h2{font-size:20px; margin-right:5%;}
    #information .care_sc2_content p{font-size:14px; text-indent:-3%;}
    #information .care_sc2_img{display:none;}
    #information .care_section2{height:auto; padding-bottom:5%;}
    #information .care_section3 img{width:100%;}
    #information .care_sc4_title{width:90%; height:5rem;}
    #information .care_sc4_title p{font-size:15px;}
    #information .care_sc4_content1 img{width:90%;}
    #information .care_sc4_content1_wrap h2{font-size:20px; top:20%;}
    #information .care_sc4_content1_wrap p{top:46%; font-size:12px; line-height: 150%;}
    #information .care_sc4_content2{width:90%; margin:0 auto;}
    #information .care_sc4_content2 p {font-size:15px; text-indent: -3%;}
    #information .sc4_img_wrap img{display:none;}
    #information .care_section4{height:auto; padding:10% 0;}
    #information .care_section5{height:auto; padding-bottom:10%;}
    #information .care_section5 img{width:95%;}
    #information .care_section6{padding:10% 0; padding-bottom:10%; height:auto;}
    #information .care_sc6_title{margin-left:3%;}
    #information .care_sc6_title h2{font-size:25px;}
    #information .care_sc6_title p{font-size:15px;}
    #information .care_sc6_content{width:90%; margin:5% auto;}
    #information .care_sc6_content p{font-size:15px; margin-left:2%; margin-top:0; text-indent: -3%;}
    #information .care_section7 img{display:none;}
    #information .care_sc7_content p{font-size:15px; }
    /*almaznpineapple*/
    #information .pa_section1{height:20rem; background-image:url("/images/pa_sc1_mobile.jpg"); background-size: cover; background-position: bottom;}
    #information .pa_section1 h2{font-size:25px; left:10%; top:30%;}
    #information .pa_section1 p{font-size:16px; left:10%; text-align: justify; line-height: 150%;}
    #information .pa_sc2_content1 img{width:15%;}
    #information .content2_wrap img{width:2.5rem;}
    #information .content2_wrap p{font-size:13px;}
    #information .content2_wrap:nth-child(1){width:100%;margin-left:0; margin-right: 0;}
    #information .content2_wrap:nth-child(2){width:100%;margin-left:0; margin-right: 0;}
    #information .content2_wrap:nth-child(3){width:100%;padding-left:0; margin-right: 0;}
    #information .pa_section2{height:auto; padding-bottom:10%;}
    #information .pa_section3{height:100rem; padding:10% 0;}
    #information .pa_sc3_content{width:95%; height: auto; padding-bottom: 5%;}
    #information .sc3_text_wrap{margin-left:3%; flex-direction: column;}
    #information .content_title{font-size:20px;}
    #information .content_text{font-size:15px; margin-top:3%;}
    #information .pa_sc3_link{margin-left:3%; font-size:15px; margin-top: 3%;}
    #information .sc3_img_wrap img{display:none;}
    #information .pa_section4{height:auto; padding: 10% 0;}
    #information .pa_section4 h2{font-size:25px;}
    #information .pa_section4 p{font-size:15px;}
    /*company*/
    #information .cp_section1{height:20rem; background-image:url("/images/cp_sc1_mobile.jpg"); background-size: cover; background-position: center;}
    #information .cp_section1 h2{font-size:20px; top:40%; width:80%; text-align:center;}
    #information #sub_nav_care a{font-size:14px; padding:0 5%;}
    #information .cp_section2,#information .cp_section3{height: auto; padding:10% 0 0 2%; flex-direction: column;}
    #information .cp_section4{height: auto; padding:10% 0 0 2%; flex-direction: column; margin-bottom:20%;}
    #information .cp_sc_title{width:100%; font-size:25px;margin-bottom: 5%;}
    #information .cp_section2 p{ font-size: 16px; }
    #information .cp_sc2_content{margin-top:5%;}
    #information .cp_sc2_btn{width:50%; height: 5rem;}
    #information .sc3_content_wrap{width:100%;}
    #information .cp_sc3_content img{width:90%;}
    #information .cp_sc3_content h2{font-size:16px;}
    #information .cp_sc_title p{font-size:16px;}
    #information .cp_section4 img{width:70%; margin-top:5%;}
    /*history*/
    #information .his_title{font-size:25px;text-align:center; margin: 10%;}
    #information .his_section2{padding-left:0; flex-direction: column;}
    #information .his_section2:nth-child(7){margin-bottom:20%;}
    #information .his_section2 img{margin-right: 0; width:45%; margin-bottom: 5%; }
    #information .his_sc2_textwrap, .his_sc3_textwrap,.his_sc4_textwrap,.his_sc5_textwrap{white-space:wrap;}
    #information .his_sc2_textwrap h2, .his_sc3_textwrap h2,.his_sc4_textwrap h2,.his_sc5_textwrap h2{font-size:25px;}
    #information .his_sc2_textwrap p, .his_sc3_textwrap p,.his_sc4_textwrap p,.his_sc5_textwrap p{font-size:16px;}
    #information .his_sc2_content{width:100%;}
    /*orgchart*/
    #information .org_chart{margin-bottom:20%;}
    #information .org_chart img{width:90%;}
    /*고객지원*/
    #information .customer_section{height:20rem; background-size: cover; background-position: center;}
    #information .customer_section h2{font-size:20px; width:80%; top:40%; text-align:center;}
    #information #subnav_customer{height:5rem;}
    #information #subnav_customer h2{font-size:14px; margin:0 2%;}
    #information #subnav_customer a{font-size:9px; padding:0 1%;}
    #information #subnav_customer .nav_item.underline::after{bottom:-130%;}    
    #information #subnav_customer .nav_item.underline1::after{bottom:-130%;}  
    /*buyinfo*/
    #information .buyinfo_wrap_parents{width:80%; flex-direction: column;}
    #information .buyinfo_wrap:nth-child(5){width:85%;}
    #information .buyinfo_section2{margin-bottom:20%;}
    #information .buyinfo_section3 > img {width:100%;}
    #information .buyinfo_sc3_content_wrap{flex-direction:column;}
    #information .buyinfo_sc3_content{width:100%; display:flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 20%;}
    #information .buyinfo_sc3_content h2{font-size:25px;}
    #information .buyinfo_sc3_content h4{font-size:15px;}
    #information .buyinfo_sc3_content h3{width:90%;}
    #information .buyinfo_sc3_content2{text-align:justify;}
    #information .buyinfo_sc3_content2 p{font-size:15px;}
    #information .buyinfo_sc3_btn button{width:13rem; height: 5rem; font-size: 15px;}
    /*dataroom*/
    #information .dataroom_section1{height:20rem; background-size: cover; background-position:right;}
    #information .dataroom_sc1 h2{font-size:20px;}
    #information #searchInput{width:20rem; height:4rem; font-size: 16px; left:-45%; top:0.5px; left: -5.5rem; padding:0 50%;}
    #information .data_search img{width:2rem; left:11rem; top:10px;}
    #information Input::placeholder{font-size:14px; margin-right: 5%;}
    #information .sc2_category{width:30%; margin:1% 5% 5% 3%;}
    #information .header_category{font-size:15px; display:flex; align-items: center; margin:10% 0;}
    #information .sub_category{}
    #information .sub_category h3.bold{font-size:12px;}
    #information .sub_category h3{font-size:12px;}
    #information .category_icon{font-size:18px;}
    #information .sc2_data{width:60%;}
    #information .sc2_data h2{padding-bottom:10px; margin:0 0 10px 0; color: #207dff; font-size:15px;}
    #information .data_btns{display:flex; margin-bottom:10%;}
    #information .data_btns a.button{width:auto; height:25px; display: flex; justify-content: center; align-items: center; font-size:9px; border-radius:10px; padding:0 10px;} 
    #information .header_data{font-size:15px;}
    #information .data_lists .subject{font-size:12px;}
    #information .row{justify-content:space-between;}
    #information .row > * {padding-left:0;}
    #information .data_lists .link{width:18px;}
    #information .col-2{display:none;}
    #information .search_list {width:90%; margin:0 auto;}
    #information .search_type{display:flex; justify-content: center;}
    #information .search_type a.button {display:flex;align-items: center; height: 35px; margin-right:1px; font-size:12px; padding:0 15px; margin:0 1%;}
    #information #subnav_dataroom{height:5rem;}
    #information #subnav_dataroom h2{font-size:16px; margin:0 5%;}
    #information #subnav_dataroom a{font-size:14px; padding:0 3%;}
    #information #subnav_dataroom .nav_item.underline::after{bottom:-75%;}
    #information .data_lists .search_header p{font-size:15px;}
    #information .search_header{margin:50px 0;}
    #information #guide_wrap h1{font-size:25px;}
    #information .install_next{right:3%;}
    #information .install_prev{left:3%;}
    /*UVC85-BYOD */
    #information .uvc85-byod_sc3 img{width:100%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap1 p{font-size:12px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap2 p{font-size:12px; width:90%;}
    #information .uvc85-byod_sc1{height:200px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:350px;}
    /*wireless*/
    #information .common_title img{width:9%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:7px;}
    #information .index_section2, #information .index_section3{height:400px; position:relative;}
    #information .sc2_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden;}
    #information .sc3_right_panel{width:100%; height:150px; position:absolute; top:63%; overflow: hidden; padding:20px 20px 20px 0; }
    #information .sc2_left_panel, #information .sc3_left_panel{width:100%; height:400px; position:absolute;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container h3, #information .slide_title_container3 h3{display:none;}
    #information .swiper_slide2_mobile{display:block; width:100%; height: 400px; overflow: hidden;}
    #information .swiper_slide2_mobile img{display:block; width:100%;height: 100%;}
    #information .swiper_slide2{display:none;}
    #information .slide_title7,#information .slide_title8{margin:5% 5% 8% 5%;}
    #information .panel_text,#information .panel_text2 {width:65%}
    #information .panel_text p,#information .panel_text2 p{font-size:13px;}
    #information .index_scrollbar2,#information .index_scrollbar3,#information .index_scrollbar8{margin:5%;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:20px;}
    /*a40*/
    #information .mic_guide_wrap{width:90%;}
    #information .cable_type h2{font-size:18px;}
    #information .mic_guide img{width:100%;}
    #information .mic_guide p{width:95%; font-size:12px;}
    #information .mic_title1,#information .mic_title2,#information .mic_title3{width:40%; font-size:14px;}
    #information .mic_title1_2, #information .mic_title2_2 {width:30%; font-size:14px;}
    #information .triangle1{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #37a928;}
    #information .triangle2{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #5b83e7;}
    #information .triangle3{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #e75b6b;}
    #information .mic_img img{width:85%;}
    /*esg*/
    #main .esg_img_container{flex-direction: column;}
    #main .esg_item{width:100%;}
    #main .esg_img{height:200px;}
    #main .esg_font{top:35%;}
    #main .esg_img_container h2 {font-size:20px;}
    #main .esg_img_container p {font-size:12px;}
    #main #esg_title{height:20%;}
    #main #sc_esg{padding:5% 0 0 0; height:500px;}
    #information .esg_section1,#information .esg_section2{height:20rem; background-size:cover;}
    #information .esg_section1 h2,#information .esg_section2 h2{font-size:25px; top:30%;}
    #information .esg_section1 p,#information .esg_section2 p{font-size:16px; top:50%; width:80%; text-align: center;}
    #information .env_section_gray, #information .env_section_white, #information .env_section_color {flex-direction:column; height: 530px;}
    #information .sc_left, #information .sc_right{width:100%; margin-top:10%;}
    #information .sc_left h2, #information .sc_right h2{font-size:20px;}
    #information .sc_left p, #information .sc_right p{font-size:15px;}
    #information .env_btn button{width:14rem; font-size:12px;}
    #information .env_btn2 button{width:9rem; font-size:12px;}
    #information .env_font{width:100%; margin-bottom: 5%;}
    #information .esg_inquiry1{height:220px; background-size:cover;}
    #information .esg_inquiry1 h2{font-size:20px; margin-bottom: 3%;}
    #information .esg_inquiry1 button{font-size:12px; padding:2%; width:10rem;}
    #information .env_mobile{height:350px;}
      /*uvc85*/
    #information .uvc85_sc1{height:450px;background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
     /*uvc40 e2*/
    #information .uvc40-e2_sc1{height: 400px;}
    /*ctp25*/
    #information #ctp25_img{width:70%;}
        /*cp50*/
    #information .cp50_sc1{height:190px; background-size: cover;}
    #information .cp50_sc1 h2,#information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:18px;}
    #information .cp50_sc1 p,#information .cp50_sc2 p,#information .cp50_sc3 p,#information .cp50_sc4 p{font-size:12px;}
    #information .cp50_sc2{height:350px; background-size: cover; background-position: bottom;}
    #information .cp50_text_wrap2 img{width:100%;}
    #information .cp50_sc3{height:350px; background-size: cover; background-position: bottom;}
    #information .cp50_sc4{height:250px; background-size: cover; background-position: right;}
    /*cpe40*/
    #information .cpe40_sc1{height:190px; background-size: cover;}
    #information .cpe40_sc1 h2{font-size:18px;}
    #information .cpe40_sc1 p{font-size:12px;}
        /*yalink!*/
    #information .yealink_section1{height:65vh;}
    #information .yealink_section1 img:nth-child(1){width:30%;}
    #information .yealink_section1 img:nth-child(4){width:40%;}
    #information .yealink_section1 h2{font-size:30px; line-height: 30px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:14px; line-height: 30px;}
    #information .timeline-title{padding:10% 0;}
    #information .timeline-inner img{width:85%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:20px;}
    #information .yealink_section3 {height:40vh; background-size: cover;}
    #information .yealink_section3 img {width:65%;}
    #information .yealink_section4 {height:35vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:30vh;}
    #information .yealink_sc5_slider {border-radius: 10px;}
    #information .yealink_sc6_wrap h2{font-size:20px;}
    #information .yealink_sc6_wrap p{font-size:10px;}  
    #information .yealink_section6 {height:30vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:65%;}
    /*cm50*/
    #information .cm50_sc1{height:200px;}
    #information .cm50_sc2 img{width:70%;}
    #information .cm50_sc2 video{width:100%;}
    #information #sc_cm50 video{width:100%;}
    #information .intro_pagination{display: none;}
    #information .step-block.active .step-title{font-size:15px;}
    #information .step-title{padding-left:20px; font-size:10px;}
    #information .step-desc{font-size:11px; width:100%;}
    #information .cm50_sc3_wrap{gap:5px; padding: 0 3%;}
    #information .cm50_sc3_steps{width:auto;}
    #information .cm50_sc3_detail img{width:90%; margin-top: 20%; margin-left: 5%;}
    /*roompanel e2*/
    #information .roompanel_e2_sc1{height:auto; padding-top: 10%; padding-left:8%; padding-bottom: 5%;}
    #information .roompanel_e2_sc1 h2{font-size:20px;}
    #information .roompanel_e2_sc1 p{font-size:10px;}
    #information .roompanel_e2_sc1 img{width:50%;}
    #information #roompanel_e2_right img{width:80%;}
    /*sv80*/
    #information #sv80_sc1{height:30vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:30px;}
    #information .sv80_text_wrap p{font-size:20px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;}
    /*ap08*/
    #information .ap08_sc1{height:200px;}
    /*a50*/
    #information #a50_sc1{height:250px;}
    #information #a50_title{margin:27% 0 0 0;}
    #information #a50_title h2{margin-bottom:0; font-size:30px;}
    #information #a50_sc2{height:400px;}
    /*uvc860pro*/
    #information .gray_shape_title{font-size:10px;}
    #information .blue_shape_title{font-size:10px;}
    #information .uvc860pro_sc1_title h2 {font-size:12px;}
    #information .uvc860pro_sc1_title p {font-size:12px;}
    #information #uvc860pro_sc0_title{margin:10% 0 10% 0;}
    #information .uvc860pro_wrap_1{margin-bottom:12%;}
        /*mc10*/
    #information .mc10_sc1{height:300px; padding-bottom: 20%; padding-right: 20%;}
    #information .reveal-content h2{font-size:25px;}
    #information .reveal-content p{font-size:10px;}
    #information .installation-container{flex-direction:column; align-items: center;}
    #information .card {width:300px;}
    #information .card img{height:200px;}
    #information .card h3{font-size:15px;}
    #information .applications{padding:5%;}
    #information .tab_btn{font-size:12px;}
    #information .content-wrapper{flex-direction:column; gap:30px;}
    #information .text_box h3{font-size:30px;}
    #information .text_box p{font-size:13px;}
    #information .text_box li {font-size:13px;}
    #information .image-box img{width:340px; height:230px;}
        /*ma600d*/
    #information .ma600d_sc1 video{height:30vh;}
    /*sub*/
    #information .intro_container2{max-width:90%;}
    #information .intro_header{margin-top:20%; margin-bottom: 15%;}
    #information .intro_header h1{font-size:2rem;}
    #information .intro_header p{font-size:1.3rem;}
    #information .card-grid{grid-template-columns:repeat(2, 1fr); gap:10px;}
    #information .intro_card{border-radius:10px;}
    #information .card_title{font-size:10px;}
    #information .sc_sub_title{width:90%;}
    #information .sub_title{font-size:20px;}
    #information .link_list{font-size:10px;}
    #information .sc_sub_title{margin:10% auto 12%;}
    #information .guide_title{font-size:17px; margin-bottom:8%;}
    #information .guide_item_grid{gap:10px;}
    #information .circle_box{width:90px; height: 90px;}
    #information .guide_text{bottom:30%; font-size:11px; text-shadow:0 1px 2px rgba(0,0,0,0.8);}
    #information .tab_btn2{width:40%; padding:2% 3%; border-radius:5px; font-size:11px;}
    #information .main_img {width:90%; height: 200px;}
    #information .feature_info_bar{width:90%; font-size:11px; grid-template-columns:1fr; gap:10%;}
    #information .check_icon img{width:10px; height: 10px;}
    #information .feature_item{padding:8px;}
    #information .table_title{font-size:17px;}
    #information .sc_table{margin:20% 0;} 
    #information .product-table{width:90%;}
    #information .table-header{font-size:11px;}
    #information .table-row{min-height:20px;}
    #information .col-features li{font-size:10px;}
    #information .table-row .col-size{font-size:10px;}
    #information .col-product-name .sub-text{font-size:10px;}
    #information .col-product-name strong{font-size:12px;}
    #information .col-product-list{flex-direction:column; }
    #information .table-row .col-product-list{justify-content: center;}
    #information .prod-img{width:50px;}
    #information .table-row .col-mic{font-size:10px;}
    #information .col-features{padding:10px;}
    #information .col-features ul {grid-template-columns:1fr;}
    #information .col-brand img{width:100%;}
    #information .btn-view-all{font-size:12px;}
    #information .anotehr_card {border-radius:15px;}
    #information .another_title h1{font-size:20px;}
    #information .sc_another_sloution{padding:10% 0;}
    #information .anotehr_card_title{font-size:12px;}
    #information .anotehr_card-grid{max-width:90%; gap:20px; padding:0;}
    #information .contact_banner{padding:15% 0;}
    #information .contact_msg{font-size:15px; margin-bottom: 5%;}
    #information .contact_btn{font-size:10px;}
    #information .guide_item_grid2{width:90%; gap:20px;}
    #information .guide_check_icon img{width:20px; height: 20px;}
    #information .guide_text2{font-size:12px;}
    #information .guide_item2 > img:last-of-type {height:50px;}
    #information .guide_item2{padding:10px 20px;}
    #information .sc_middle{width:90%; flex-direction: column; margin-top:20%; gap:30px;}
    #information .middle_text_wrap h1 {font-size:18px;}
    #information .middle_text_wrap p {font-size:16px;}
    #information .btn_more {font-size:10px;}
    #information #square_box{width:100px; height: 100px;}
    #information .table_sub_title{font-size:13px; width: 50%; right: -10%;} 
    #information .product-grid{width:90%;}
    #information .grid-header{padding:10px; font-size:10px;}
    #information .product-grid > div:not(.grid-header), .product-grid > a{font-size:10px;}
    #information .table-footer{width:90%;}
    #information .product-grid3{width:90%;}
#information .product-grid3 > div:not(.grid-header), .product-grid3 > a{font-size:10px;}

        #content_PC2{display: none;}
		#content_mobile2{display: block;}	
        .modal-king .gwcns_modal2{left: 26.5%; top:40%; width: 70%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{font-size: 9px; width: 60%; height:2rem;margin-top:0; margin-left: 0; top:80%;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:10px;font-weight: bold;height:2.5rem;}
}
/*모바일 가로 , 테블릿 세로 미니*/
@media screen and (min-width: 481px) and (max-width: 767px) {
body#main .header{border-bottom: 0;}
#main .sc1_slide_btn.ye_10years{top:80%;}
    #main .index_section1{height:33rem;}
    #main .footer ul.familysite img, #information .footer ul.familysite img{width:50%;}
    #main .index_section1{height:35rem;}
    #main .index_pagination1{top:85%;}
    #main .swiper-pagination-bullet{width:10px; height: 10px;}
    #main .swiper-pagination-bullet-active{width:30px;}
    #main .prev_btn1,#main .next_btn1{top:50%; width:3%; height:11.5%;}
    #main .sc1_slide_title{top:27%; font-size:25px;}
    #main .sc1_slide_content{top:40%; font-size:14px;}
    #main .sc1_slide_content_bold{top:40%; font-size:18px;}
    #main .sc1_slide_btn{top:65%; font-size:10px; width:10%; height: 8%;}
    #main .swiper_slide1 img{height:35rem;}
    #main .sc1_slide_video{height:35rem;}
    #main .sub_nav, #information .sub_nav2{height:6rem;}
    #main .sub_nav p,#information .sub_nav2 p{font-size:13px;}
    #main .sub_nav button, #information .sub_nav2 button{width:25%; font-size:13px;}
    #main #nav_btn2, #information #sub_btn2{display:flex; align-items: center;}
    #main #nav_btn2 img, #information #sub_btn2 img{width:25px; height: 20px;}
    #main .slide_title_container,#main .slide_title_container3{padding:2%;}
    #main .slide_title_container h3,#main .slide_title_container3 h3{font-size:15px;}
    #main .slide_title,#main .slide_title3{margin:3% 5% 4% 5%;}
    #main .slide_title h2,#main .slide_title3 h2{font-size:11px;}
    #main .slide_title_container p, #main .slide_title_container3 p {font-size:7px;}
    #main .index_section2,#main .index_section3{height:300px;}
    #main .swiper_wrapper2,#main .swiper_wrapper3{height:300px;}
    #main .sc2_right_panel, #main .sc3_right_panel{height:300px;}
    #main .swiper_slide2 img{height:300px;}
    #main .index_section4{height:auto; padding-bottom:8%;}
    #main .ct4_img img{width:70%;}
    #main .swiper_slide4 img{width:45%; margin-left:5%}
    #main .sc4_slide_video{width:45%; margin-left:5%}
    #main .sc4_slide_title{top:1%; font-size:20px;}
    #main .sc4_slide_content{top:20%; width: 40%;  font-size:13px;}
    #main .ct4_font{width:60%;}
    #main .ct4_font p{font-size:15px;}
    #main .ct4_font h2{font-size:15px;}
    #main .ct4_font h1{font-size:40px;}
    #main .ct4_img{margin:10% 0 5% 2%;}
    #main .scroll_bar4{width:25%; top:80%; left:60%; margin-left: 0;}
    #main .prev_btn4{top:91%; width: 1%;}
    #main .next_btn4{top:91%; left:90%; width: 1%;}
    #main .slide-number{width:180%; top:76%; left:0;}
    #main .index_section5{height:700px;}
    #main .ct5_font{width:70%;}
    #main .ct5_font p{font-size:15px;}
    #main .ct5_font h2{font-size:15px;}
    #main .ct5_font h1{font-size:40px;}
    #main .sc5_icon{}
    #main .sc5_icon p{width:30%; font-size: 15px; top:28%; left: 70%;}
    #main .sc5_icon img{width:4%; top:24.5%; left: 65%;}
    #main .product_container5{height:35%;}
    #main .sc5_slide_title{font-size:20px;}
    #main .sc5_slide_content{font-size:15px;}
    #main .swiper_wrapper5{margin-left:10%;}
    #main .index_pagination5{top:90%; left:10%;}
    #main .swiper_slide5 img{height:50%;}
    #main .index_section6{height:630px;}
    #main .title_container6{padding:6% 5% 0 5%;}
    #main .ct6_font p{font-size:15px;}
    #main .ct6_font h2{font-size:25px;}
    #main .next_btn6{width:30px; height: 50px; top:13%;}
    #main .prev_btn6{width:30px; height: 50px; top:13%; left: 75%;}
    #main .swiper_slide6 > img{width:90%; height: auto;}
    #main .sc6_slide_title{font-size:16px;}
    #main .index_section7{height: auto; padding-bottom: 15%;}
    #main .title_container7{padding:10% 5% 0 5%; height: 20%;}
    #main .ct7_font{margin-bottom:5%;}
    #main .ct7_font h2{font-size:25px;}
    #main .sc7_slide_title{margin-bottom:5%;}
    #main .sc7_slide_title h1{font-size:17px;}
    #main .swiper_container7{width:70%; margin-bottom: 5%;}
    #main .swiper_slide7 img{width:100%; height: auto;}
    #main .sc7_btn{width:20%; height: 5rem; font-size: 15px;}
    #main .title_container7 h1{font-size:25px;}
    #main .title_container7 p{font-size:18px;}
    #main .title_container8 h1{font-size:25px;}
    #main .title_container8{width:60%;}
    #main .title_container8 p{font-size:18px;}
    #main .index_section8 img{width:auto;}
    
    #main .action-toggle{width:5rem; height: 5rem;}
    #main .action-btn{width:140px; height: 40px; font-size:11px;}
    #main .action-btn img {width:20%;}
    #information .action-toggle{width:5rem; height: 5rem;}
    #information .action-btn{width:140px; height: 40px; font-size:11px;}
    #information .action-btn img {width:20%;}
    #information #modal_call{height:800px;}
    #main #modal_call{height:800px;}
    #information #modal_call{height:800px;}
    #information ul.callback_form {height:auto;}
    #main .blink-label{top:37.5%; font-size:8px;}
    #information .blink-label{top:37.5%; font-size:8px;}
    
    #information .product_title{font-size:17px;}
    #information .product_section1{height:20rem; background-size:cover;}
    #information .product_sc1 h2{font-size:25px; left:10%;}
    #information .product_sc1 p{font-size:15px; left:10%; top:59%;}
    #information .product_menu{flex-wrap: wrap;width:80%; top:5%;}
    #information .product_menu button{font-size:15px; padding:1% 3%; border-radius: 6px;}
    #information .product_menu button.active{color:white;}
    #information .product_wrap p{font-size:14px;}
    #information .section_product{width:80%;}
    #information .common_section{height:20rem; background-size: cover;}
    #information .common_section h2{font-size:20px; width:100%;}
    #information .common_section2{height:20rem; background-size: cover;}
    #information .common_section2 h2{font-size:20px; width:100%;}
    #information .common_title h2{font-size:25px;}
    #information .common_title h3{font-size:18px;}    
    #information .common_title p{font-size:15px;} 
    #information .sub_nav_care h2{margin:0 5% 0 5%; font-size:18px;}
    #information .sub_nav_care{height:6rem;}
    #information .sub_nav_care a{font-size:15px;}
    #information .nav_item{padding:20px;}
    #information .nav_item.underline::after{bottom:1%; z-index:5}
    #information .nav_item.underline1::after{bottom:1%; z-index:5}
    #information .product_video video{width:80%; height: auto;}
    #information .product_img{width:90%;}
    /*roomsystem*/
    #information .room_section1,#information .room_section2,#information .room_section3,#information .room_section4,#information .room_section5{padding-bottom:5%;}
    #information .room_table{width:90%;}
    #information .room_table td, #information .room_table tbody th{font-size:15px;}
    #information .room_content_wrap{width:90%;}
    #information .room_sc_content > p {font-size:13px;}
    /*speaker_*/
    #information .speaker_section1,#information .speaker_section2,#information .speaker_section3, #information .speaker_section4,#information .speaker_section5,#information .speaker_section6,#information .speaker_section7{padding-bottom:5%;}
    #information .speaker_sc2_content_wrap{width:90%;}
    #information .speaker_sc2_content h2{font-size:20px;}
    #information .speaker_sc2_content > p {font-size:14px;}
    #information .speaker_sc2_content2 {width:90%; padding: 2% 4%;}
    #information .speaker_sc2_content2 p{text-indent:-2%;}
    #information #spk_sc2_img{width:90%;}
    #information .speaker_sc3_btn_wrap{width:100%;}
    #information .speaker_sc3_btn_wrap button{padding:3% 4%; font-size:14px;}
    #information .spk_sc3_p {font-size:12px;}
    #information #spk_sc3_img img{width:90%;}
    #information .speaker_sc4_content h2{font-size:20px;}
    #information .speaker_sc4_content p{font-size:14px;}
    #information .speaker_sc5_content{width:40%;}
    #information .speaker_sc5_content img{width:85%; height: auto;}
    #information .speaker_sc6_content_wrap{width:90%; margin:0 auto;}
    #information .speaker_sc6_content img{width:80%; height: auto;}
    #information .speaker_sc6_h2 {margin-left:8%;}
    #information .speaker_sc6_content h2{font-size:20px;}
    #information .speaker_sc6_content p{font-size:14px;}
    /*display*/
    #information .display_sc0_h2{font-size:20px;}
    #information .display_sc0_p{font-size:15px;}
    #information .display_sc0_title h2 {font-size:20px;}
    #information .dispaly_sc0_content_wrap2 p{font-size:15px;}
    #information .display_sc0_p{width:80%;}
    #information .display_sc0_content img{width:50%;}
    #information .display_sc0_content2{width:80%;}
    #information .display_sc1_h2{font-size:20px;}
    #information .display_sc1_content_wrap{margin:0 5% 0 0; text-align: center;}
    #information .display_sc1_content_wrap p{font-size:15px;}
    #information .display_sc1_content {flex-direction:column;}
    #information .display_sc1_content img{margin:5% auto 0 auto; width:40%;}
    #information .display_sc2_content img{width:90%;}
    #information .display_sc3_content_wrap{width:55%;}
    #information .display_sc3_content_wrap h2{font-size:20px;}
    #information .display_sc3_content_wrap p{font-size:14px;}
    #information .display_sc3_content:nth-child(3) .prev_btn_display{width:30px; height: 30px; top:calc(35% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(3) .next_btn_display{width:30px; height: 30px; top:calc(35% - 10px); right:-1%;}
    #information .display_sc3_content:nth-child(2) .prev_btn_display{width:30px; height: 30px; top:calc(45% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(2) .next_btn_display{width:30px; height: 30px; top:calc(45% - 10px); right:-1%;}
    #information .display_sc3_content:nth-child(4) .prev_btn_display{width:30px; height: 30px; top:calc(40% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(4) .next_btn_display{width:30px; height: 30px; top:calc(40% - 10px); right:-1%;}
    #information .display_sc3_content .prev_btn_display::after, #information .display_sc3_content .next_btn_display::after {font-size:20px;}
    #information .display_sc4_content h2{font-size:20px;}
    #information .display_sc4_content p{font-size:15px; width:90%;}
    #information .display_sc4_content img{width:80%;}
    #information .swiper-container_display2{width:80%; height: auto;}
    #information .swiper-container_display2 .swiper-slide_display img{width:100%;}
    #information .pagination_display{top:85%;}
    #information .display_section4{height:auto; padding-bottom:5%;}
    /*care*/
    #information .care_section1{height:20rem; background-size: cover;}
    #information .care_section1 h2{font-size:20px; width:90%; left:10%;}
    #information .care_section1 p{font-size:15px; width:90%; left:10%;}
    #information .care_section2{height:auto; padding-bottom: 5%;}
    #information .care_sc2_content{margin-left:10%;}
    #information .care_sc2_content h2{font-size:25px;}
    #information .care_sc2_content p{font-size:15px;}
    #information .care_sc2_img img:nth-child(1) {top:10%; left:4%; width:4%;}
    #information .care_sc2_img img:nth-child(2) {top:55%; left:90%; width:4%;}
    #information .care_section3 img{width:100%;}
    #information .care_section4,#information .care_section5,#information .care_section6{height:auto; padding-bottom: 10%;}
    #information .care_sc4_title{width:70%; height: 5rem;}
    #information .care_sc4_title p{font-size:20px;}
    #information .care_sc4_content1_wrap{width:85%; margin: 0 auto;}
    #information .care_sc4_content1_wrap h2{top:25%; font-size:30px;} 
    #information .care_sc4_content1_wrap p{top:50%; font-size:13px;} 
    #information .care_sc4_content1 > img {width:85%;}
    #information .care_sc4_content2 p{font-size:15px;}
    #information .sc4_img_wrap img:nth-child(1) {top:46%; left:3%; width:12%;}
    #information .sc4_img_wrap img:nth-child(2) {top:68%; right:3%; width:20%;}
    #information .care_section5 img{width:95%;}
    #information .care_section7 img{width:20%;}
    #information .care_sc6_title{margin-left:5%;}
    #information .care_sc6_title h2{font-size:25px;}
    #information .care_sc6_title p{font-size:15px;}
    #information .care_sc6_content {margin-top:5%;}
    #information .care_sc6_content p{margin-left:5%; font-size:15px;}
    #information .care_sc7_content h2{font-size:20px;}
    #information .care_sc7_content{margin:0 1%;}
    /*pineapple*/
    #information .pa_section1{height:20rem; background-size: cover;}
    #information .pa_section1 h2{font-size:20px;}
    #information .pa_section1 p{font-size:15px;left: 47%; top:57%;}
    #information .pa_section2{height:auto; padding-bottom: 5%;}
    #information .pa_sc2_content1 img{width:8%; height: auto;}
    #information .pa_sc2_content1 img:nth-child(2){width:10%; height: auto;}
    #information .content2_wrap p{font-size:14px;}
    #information .content2_wrap:nth-child(1){width:32%; margin-right: 1%; margin-left: 2%;}
    #information .content2_wrap:nth-child(2){width:20%;}
    #information .content2_wrap:nth-child(3){width:30%; padding-left: 0;}
    #information .pa_sc3_content{width:90%;}
    #information .sc3_text_wrap{margin-left:5%;}
    #information .pa_sc3_link {margin-left:39%;}
    #information .sc3_text_wrap .content_title{margin-right:10%;}
    #information .pa_section3 .sc3_img_wrap img:nth-child(1){left:69%; top:10%; width:30%;}
    #information .pa_section3 .sc3_img_wrap img:nth-child(2){left:3%; top:60%; width:55%;}
    #information .pa_section4 h2{font-size:25px;}
    #information .pa_section4 {height:auto; padding:5% 0;}
    /*company*/
    #information .cp_section1{height:20rem; background-size: cover;}
    #information .cp_section1 h2{font-size:20px; width:100%; text-align: center;}
    #information .cp_section2,#information .cp_section3,#information .cp_section4{padding-left:5%;}
    #information .cp_sc_title{font-size:25px; width:50%;}
    #information .cp_sc2_btn{width:35%; height: 5rem;}
    #information .cp_sc2_btn p{font-size:15px;}
    #information .cp_section4 img{width:40%; margin-left: 3%;}
    /*history*/
    #information .his_title{font-size:25px;}
    #information .his_section2{padding-left:2%;}
    #information .his_section2 img{width:20%; margin-right: 2%;}
    #information .his_sc2_textwrap h2,#information .his_sc3_textwrap h2,#information .his_sc4_textwrap h2,#information .his_sc5_textwrap h2{font-size:25px;}
    #information .his_sc2_textwrap p,#information .his_sc3_textwrap p,#information .his_sc4_textwrap p,#information .his_sc5_textwrap p{font-size:15px; margin:1%;}
    /*org_chart*/
    #information .org_chart img{width:70%;}
    /*고객지원*/
    #information .customer_section{height:20rem; background-size: cover;}
    #information .customer_section h2{font-size:20px; width:100%; text-align: center;}
    #information #subnav_customer h2{margin:0 4% 0 4%; font-size:18px;}
    #information #subnav_customer{height:6rem;}
    #information #subnav_customer a{font-size:12px;}
    #information #subnav_customer .nav_item.underline::after{bottom:-1%;}
    #information #subnav_customer .nav_item.underline1::after{bottom:-1%;}
    /*buyinfo*/
    #information .buyinfo_wrap_parents{width:95%;}
    #information .buyinfo_step_content{top:18%;}
    #information .buyinfo_wrap_parents .buyinfo_wrap:nth-child(4) .buyinfo_step_content{top:8%;}
    #information .buyinfo_step_content > img {width:18%;}
    #information .buyinfo_step_content h2{font-size:12px;}
    #information .buyinfo_step_content p{font-size:7.5px;}
    #information .buyinfo_section3 > img{width:100%;}
    #information .buyinfo_step_content2 {font-size:6px; top:80%;}
    #information .buyinfo_sc3_content_wrap{align-items:center;}
    #information .buyinfo_sc3_content_wrap img{width:45%;}
    #information .buyinfo_sc3_content_wrap:nth-child(n+2) img{width:45%; height:30%;}
    #information .buyinfo_sc3_content{width:50%;}
    #information .buyinfo_sc3_content h2{font-size:25px;}
    #information .buyinfo_sc3_content h4{font-size:15px;}
    #information .buyinfo_sc3_content h3{font-size:12px;}
    #information .buyinfo_sc3_content2 p{font-size:15px;}
    #information .buyinfo_sc3_btn button{height:5rem; font-size:14px;}
    /*dataroom*/
    #information .dataroom_section1{height:20rem; background-size: cover;}
    #information .dataroom_section1 h2{font-size:20px; width:100%; text-align: center;}
    #information .data_search{width:25%; top:65%;}
    #information #searchInput{height:4rem; padding:0 25%; font-size:12px;}
    #information Input::placeholder{font-size:12px;}
    #information .data_search img{width:20px; left:13rem; top:-1rem;}
    #information .sc2_category{width:30%; margin:1% 5% 5% 3%;}
    #information .header_category{font-size:17px; display:flex; align-items: center; margin:10% 0;}
    #information .sub_category{}
    #information .sub_category h3.bold{font-size:14px;}
    #information .sub_category h3{font-size:14px;}
    #information .category_icon{font-size:18px;}
    #information .sc2_data{width:60%;}
    #information .sc2_data h2{padding-bottom:10px; margin:0 0 10px 0; color: #207dff; font-size:17px;}
    #information .data_btns{display:flex; margin-bottom:10%;}
    #information .data_btns a.button{width:auto; height:25px; display: flex; justify-content: center; align-items: center; font-size:12px; border-radius:10px; } 
    #information .header_data{font-size:15px;}
    #information .data_lists .subject{font-size:14px;}
    #information .row{justify-content:space-between;}
    #information .row > * {padding-left:0;}
    #information .data_lists .link{width:18px;}
    #information .col-2{display:none;}
    #information .search_list {width:90%; margin:0 auto;}
    #information .search_type{display:flex; justify-content: center;}
    #information .search_type a.button {display:flex;align-items: center; height: 35px; margin-right:1px; font-size:12px; padding:0 15px; margin:0 1%;}
    #information .data_lists .search_header p{font-size:20px;}
            /*제품상세페이지 - uvc860*/
        #information .product_section_gray{padding-bottom:5%;}
        #information .product_section_darkgray{padding-bottom:5%;}
        #information .product_section_white{padding-bottom:5%;}
        #information .product_section_black{padding-top:5%; padding-bottom:5%;}    
        #information .product_link{height:6rem; padding-left:10%;}
        #information .product_link > img{width:3%;}
        #information .product_link p{font-size:14px;}
        #information .common_title{width:100%; margin:5% 0 4% 0;}
        #information .common_title h2{font-size:25px; margin-bottom: 2%;}
        #information .common_title p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title2{width:100%; margin:5% 0 4% 0;}
        #information .common_title2 h2{font-size:25px; margin-bottom: 2%;}
        #information .common_title2 p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title3{width:100%; margin:5% 0 4% 0;}
        #information .common_title3 h2{font-size:25px; margin-bottom: 2%;}
        #information .common_title3 p{font-size:15px; width:95%; margin:0 auto;}
        #information .uvc860_table{width:90%;}
        #information .uvc860_thead th{font-size:14px; height:3rem;}
        #information .uvc860_table td{font-size:14px; }
        #information .table th{font-size:15px;}
        #information .uvc860_video video{width:80%; height:400px;}
        #information .uvc860_sc3_content{gap:0; justify-content:space-around; margin:5% 0;}
        #information .p_wrap_860{width:90%; margin-left:5%;}
        #information .uvc860_sc3_content_text{width:50%;}
        #information .uvc860_sc3_content_text img{width:100%;}
        #information .uvc860_sc3_content_text p{width:100%; font-size:13px; left:55%;text-indent: -3%;}
        #information .uvc860_sc3_content h2{font-size:15px;}
        #information .product_video video{width:80%; height: 400px;}
        #information .room_device_slide{padding-top:5%; height:46rem;}
        #information .room_device_slide p{font-size:11px;}
        #information .swiper_slide_roomdevice{width:calc(50%-10px);}
        #information .swiper_slide_roomdevice > h2 {font-size:14px;}
        #information .room_device_left h2{font-size:25px; margin-left: 10%; margin-top: 7%;}
        #information .room_device_left button{width:30%; height:3.5rem; margin-top: 3%;  font-size:14px; margin-left: 10%;}
        #information .room_device_right > h2 {font-size:25px; font-weight: 600;}
        #information .room_device_left img{width:80%; margin-left:10%;}
        #information .right_text{width:95%; height:35%;}
        #information .next_btn_roomdevice{top:90%; left:80%; width:45px; height: 45px;}
        #information .prev_btn_roomdevice{top:90%; left:65%; width:45px; height: 45px;}
        #information .title_link{width:42%; height:6rem; margin-bottom: 5%;margin: 5% auto 5% auto;}
        #information .title_link h2{font-size:20px; margin-bottom:0;}
        #information .product_call p{font-size:17px;}
        #information .product_call{margin-bottom:1%;}
        #information .install_next{right:7%;}
        #information .install_prev{left:7%;}
        /*840*/
        #information .camera_84 img{width:30%;}
        /*avhub*/
        #information .product_img{width:90%;}
        #information .avhub_table{width:90%;}
        #information .avhub_thead{height:4rem;}
        #information .avhub_table .avhub_table_content th{font-size:11px;}
        #information .avhub_table th{font-size:14px;}
        #information .avhub_thead2{height:4rem;}
        #information .avhub_table_content2 th{font-size:11px;}
        /*meetingboard65*/
    #information .intro_left{margin-left:0;}
    #information .intro_thumbnails{margin: 5% 0 5% 5%;}
    #information .intro_thumbnails img{width:120px;}
    #information .intro_left{width:60%;}
    #information .product_intro{height:40rem; padding:0; display: flex; align-items: center;}
    #information .intro_slide img{width:90%;}
    #information .intro_title h2{font-size:23px;}
    #information .intro_title p{font-size:12px;}
    #information .intro_content{ margin: 5% 0; width:95%; font-size:}
    #information .intro_content p{font-size:13px;}
    #information .intro_right button{width:40%; height:4rem; font-size:15px; margin-top: 5%;}
    #information .mb_sc1{height:20rem; background-size: cover; background-position: center;}
    #information .mb_left .mb_text img{width:17px; height: 15px;}
    #information .mb_text p{font-size:10px;}
    #information .product_content .mb_left{padding-left:5%; width:70%;}
    #information .mee600_wrap img{max-height:150px;}
    #information .product_content_text4 h2{font-size:18px;}
    #information .product_content_text4 p{font-size:15px;}
    #information .product_content_text3 h2{font-size:18px;}
    #information .product_content_text3 p{font-size:15px;}
    #information .product_content_text2 h2{font-size:18px;}
    #information .product_content_text2 p{font-size:15px;}
    #information .product_content_text1 h2{font-size:18px;}
    #information .product_content_text1 p{font-size:15px;}
    #information .product_content_wrap{margin-bottom:5%;}
    #information .mb_sc2 .mb_right img{width:95%; min-height: 180px;}
    #information .mb_right{padding-left:0;}
    #information .product_content .mb_right img{width:50%;}
    #information .mb_left2{padding-left:1%;}
    #information .mb_sc3 .left_content img {width:100%;}
    #information .mb_sc3 .mb_right img {width:100%;}
    #information .mb_content{width:90%;}
    #information .mb_itemlist h1{font-size:27px;}
    #information .mb_itemlist h3{font-size:15px;}
    #information .mb_itemlist h4{font-size:13px;}
    .spec > ul.description-list{padding:0 5%;}
    
    /*a30*/
    #information .left_content{padding-left:2%;}
    #information .right_content video{width:90%;}
    #information .product_content_wrap img{width:45%; margin-left:2%; max-height:180px;}
    /*a10*/
    #information .product_content_text2{width:50%;}
    #information .product_content_a10 img{width:30%;}
    /*uvc40*/
    #information .uvc40_wrap img{min-height:100px;}
    #information .uvc40_wrap2{width:90%;}
    #information .uvc40_wrap2_content h2{font-size:14px;}
    #information .uvc40_img img{width:70%;}
    /*Mee500*/
    #information .Mee500_img{width:100%;}
    /*mee600*/
    #information .Mee600_img img{width:70%; margin:0 auto;}
    #information .Mee600_img{width:90%; display: flex;}
    #information .mee600_wrap img{width:90%; margin-left:2%;}
    #information .right_content img{width:80%;}
    #information .left_content{margin-right:0;}
    #information .product_content_wrap2{margin:5% 0 5% 0;}
    #information .content_margin{margin-bottom:5%;}
    /*uvc86*/
    #information .uvc86_img{width:80%; display:flex; justify-content: center;}
    #information .uvc86_img img{width:70%; }
    #information #uvc86_left{margin-left:5%;}
    /*uvc30*/
    #information .uvc30_sc1{height:300px; background-size:cover; background-position: center;}
    #information .uvc30_sc1 h2{font-size:12px;}
    /*vcm34*/
    #information .vcm34_img{width:65%;}
    /*vcm36-w*/
    #information .vcm36-w_sc1{height:300px; background-size:cover; background-position: center;}
    #information .vcm36_text_wrap{margin-top:10%;}
    #information .vcm36_text_wrap h2{font-size:20px;}
    #information .vcm36_text_wrap p{font-size:13px;}
    #information .vcm36_text_wrap2 h2{font-size:20px;}
    #information .vcm36_text_wrap2 p{width:90%; font-size:13px; text-align: center; margin:0 auto;}
    #information .vcm36-w_sc2{height:300px; background-size:cover; background-position: center;}
    /*cm20*/
    #information #next_cm20 {right:2%;}
    #information #prev_cm20 {left:2%;}
    /*cs10*/
    #information .cs10_wrap img{width:80%; height:150px;}
    /*cp960*/
    #information .cp960_sc1{height:250px; background-size:cover; background-position: center;}
    #information .cp960_text_wrap{margin-top:10%;}
    #information .cp960_text_wrap h2{font-size:30px;}
    #information .cp960_text_wrap p{font-size:15px;}
    #information .cp960_sc2{height:150px; background-size:cover; background-position: center;}
    /*cp965*/
    #information #cp965_text p{margin-left:5%;}
    #information .product_img_cp965 img{width:75%;}
    /*cp900*/
    #information .cp900_sc1{height:200px; background-size:cover; background-position: center;}
    #information .cp900_text_wrap{}
    #information .cp900_text_wrap h2,#information .cp900_text_wrap1 h2,#information .cp900_text_wrap2 h2{font-size:20px;}
    #information .cp900_text_wrap p,#information .cp900_text_wrap1 p,#information .cp900_text_wrap2 p{font-size:13px;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:300px; background-size:cover; background-position: center;}
    /*mspeech*/
    #information .product_content_wrap{margin-bottom:5%;}
    #information .mee600_wrap{margin-bottom:5%;}
    /*roomcast*/
    #information .roomcast_sc1{height:350px; background-size:cover; background-position: center;}
    #information .roomcast_img img{width:70%;}
    #information .roomcast_img2 img{width:100%;}
    #information .roomcast_text_wrap h2{font-size:20px;}
    #information .roomcast_text_wrap p{font-size:13px;}
    #information .left_content img{width:80%;}
    #information #roomcast_left{margin-left:5%;}
    #information .roomcast_text_wrap{margin-left:5%;}
    /*roompanel*/
    #information .roompanel_sc1{height:350px; background-size:cover; background-position: center;}
    #information .roompanel_sc1 img{width:65%;}
    #information .roompanel_text_wrap h2,#information .roompanel_text_wrap2 h2{font-size:30px;}
    #information .roompanel_text_wrap p,#information .roompanel_text_wrap2 p{font-size:13px;}
    #information .roompanel_sc2{height:350px; background-size:cover; background-position: center;}
    #information #panel_right img{width:50%;}
    /*roomsensor*/
    #information .roomsensor_sc1,#information .roomsensor_sc2,#information .roomsensor_sc3{height:350px; background-size:cover; background-position: center;}
    #information .roomsensor_wrap{margin-top:5%;}
    #information .roomsensor_text_wrap{margin-right:50%;}
    #information .roomsensor_text_wrap1{margin-right:40%;}
    #information .roomsensor_text_wrap h2,#information .roomsensor_text_wrap1 h2,#information .roomsensor_text_wrap2 h2{font-size:25px;}
    #information .roomsensor_text_wrap p,#information .roomsensor_text_wrap1 p,#information .roomsensor_text_wrap2 p{font-size:15px;}
    #information .roomsensor_img2 img{width:80%;}
    #information .roomsensor_img2{display:flex; justify-content: center;}
    #information #roomsensor_h2 h2{font-size:25px;}
    /*wpp30*/
    #information .wpp30_sc1,#information .wpp30_sc2{height:350px; background-size:cover; background-position: center;}
    #information #wpp30_text{margin-right:0; width:80%;}
    #information #wpp30_text img{width:60%;}
    #information #wpp30_text h2,#information #wpp30_text p{margin-bottom:2%;}
    #information .wpp30_sc4{width:90%; display:flex; justify-content: center;}
    #information .wpp30_sc4_content{width:100%; margin:0 2%;}
    #information .wpp30_sc4_content img{width:180px; height: auto;}
    #information .wpp30_sc4_content h2{font-size:15px;}
    #information .wpp30_sc4_content p{width:100%; font-size:12px;}
    /*wpp20*/
    #information .wpp20_img img{width:100%;}
    /*ctp18_20*/
    #information .ctp_img img{width:100%;}
    /*vch51*/
    #information .vch51_img img{width:100%;}
    /*UVC85-BYOD */
    #information .uvc85-byod_sc3 img{width:100%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap1 p{font-size:12px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:20px;}
    #information .uvc85-byod_text_wrap2 p{font-size:12px; width:90%;}
    #information .uvc85-byod_sc1{height:350px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:450px;}
        /*wireless*/
    #information .common_title img{width:5%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:7px;}
    #information .index_section2,information .index_section3{height:350px;}
    #information .swiper_wrapper2,#information .swiper_wrapper3{height:350px;}
    #information .sc2_right_panel, #information .sc3_right_panel{height:350px;}
    #information .swiper_slide2 img{height:350px;}
    #information .slide_title8, #information .slide_title7,#information .slide_title9{margin:8% 5% 4% 5%;}
    #information .slide_title8 h2, #information .slide_title7 h2,#information .slide_title9 h2{font-size:13px;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container p,  #information .slide_title_container3 p{font-size:12px;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:15px;}
    #information .panel_text,#information .panel_text2 {width:35%}
    #information .panel_text p,#information .panel_text2 p{font-size:15px;}
    /*a40*/
    #information .mic_guide_wrap{width:90%;}
    #information .mic_title1_2, #information .mic_title2_2 {width:25%; font-size:20px;}
    #information .mic_img img{width:70%;}
		/* index.php */
        #main .sc7_slide_title {margin-bottom:5%;}
        #main .sc7_slide_title h1{font-size:18px; margin:0 8px;}
        #main .sc7_slide_title h1::after{bottom:0; height: 2px;}
    /*esg*/
    #main .esg_img{height:330px;}
    #main .esg_font{top:45%;}
    #main .esg_img_container h2 {font-size:25px;}
    #main .esg_img_container p {font-size:15px;}
    #main #esg_title{height:30%;}
    #main #sc_esg{padding:5% 0 0 0; height:480px;} 
    #information .env_font{width:100%; margin-bottom:5%; }
    #information .env_section_gray, #information .env_section_white, #information .env_section_color { height: 500px;}
    #information .env_btn button, #information .env_btn2 button{margin:0 6px 0 0;}
    #information .esg_section1, #information .esg_section2{height:30rem; background-size: cover;}
    #information .esg_section1 p, #information .esg_section2 p{width:100%; text-align: center;}
    #information .esg_inquiry1{height:300px; background-size: cover;}
    #information .esg_inquiry1 button{padding:1.5%;}
    #information .esg_inquiry1 h2{margin-bottom:2%;}
         /*uvc85*/
    #information .uvc85_sc1{height:400px;background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
        /*uvc40 e2*/
    #information .uvc40-e2_sc1{height: 400px;}
    /*ctp25*/
    #information #ctp25_img{width:70%;}  
            /*cp50*/
    #information .cp50_sc1{height:350px; background-size: cover;}
    #information .cp50_sc1 h2{font-size:30px;}
    #information .cp50_sc1 p{font-size:20px;}
    #information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:25px;}
    #information .cp50_sc2 p,#information .cp50_sc3 p,#information .cp50_sc4 p{font-size:15px;}
    #information .cp50_sc2{height:500px; background-size: cover; background-position: bottom; padding: 2%;}
    #information .cp50_text_wrap2 img{width:100%;}
    #information .cp50_text_wrap3{margin-top:10%;}
    #information .cp50_sc3{height:450px; background-size: cover; background-position: bottom; padding: 5%;}
    #information .cp50_sc4{height:400px; background-size: cover; background-position: right;}
    /*cpe40*/
    #information .cpe40_sc1{height:350px; background-size: cover;}
    #information .cpe40_sc1 h2{font-size:30px;}
    #information .cpe40_sc1 p{font-size:20px;}
            /*yalink!*/
    #information .yealink_section1{height:65vh;}
    #information .yealink_section1 img:nth-child(1){width:25%;}
    #information .yealink_section1 img:nth-child(4){width:45%;}
    #information .yealink_section1 h2{font-size:40px; line-height:45px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:20px; line-height: 30px; margin-bottom: 5%;}
    #information .timeline-title{padding:10% 0;}
    #information .timeline-inner img{width:85%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:35px;}
    #information .yealink_section3 {height:65vh; background-size: cover;}
    #information .yealink_section3 img {width:70%;}
    #information .yealink_section4 {height:60vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:55vh;}
    #information .yealink_sc5_slider {border-radius: 10px;}
    #information .yealink_sc6_wrap h2{font-size:35px;}
    #information .yealink_sc6_wrap p{font-size:20px;}  
    #information .yealink_section6 {height:48vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:70%;}
    /*cm50*/
    #information .cm50_sc1{height:400px;}
    #information .cm50_sc2 img{width:60%;}
    #information .cm50_sc2 video{width:80%;}
    #information #sc_cm50 video{width:80%;}
    #information .intro_pagination{display: none;}
    #information .step-block.active .step-title{font-size:15px;}
    #information .step-title{padding-left:20px; font-size:12px;}
    #information .step-desc{font-size:12px; width:100%;}
    #information .cm50_sc3_wrap{gap:5px; padding: 0 3%;}
    #information .cm50_sc3_steps{width:auto;}
    #information .cm50_sc3_detail img{width:90%; margin-top:0; margin-left: 5%;}
    /*roompanel e2*/
    #information .roompanel_e2_sc1{height:auto; padding-top: 10%; padding-left:8%; padding-bottom: 5%;}
    #information .roompanel_e2_sc1 h2{font-size:30px;}
    #information .roompanel_e2_sc1 p{font-size:20px;}
    #information .roompanel_e2_sc1 img{width:50%;}
    #information #roompanel_e2_right img{width:60%; max-height:none;}
        /*sv80*/
    #information #sv80_sc1{height:30vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:40px;}
    #information .sv80_text_wrap p{font-size:20px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;}
    /*meetingboard C*/
    #information #mb_c_bg_1{height:50vh;}
    #information #mb_c_panels{width:90%;}
    #information #mb_c_tabs .tab {font-size: 12px;}
    #information #mb_c_tabs .tab.is-active {font-size: 15px;}
    #information #mb_c_content_wrap, #information #mb_c_content_wrap2{margin-bottom:0; }
    #information #mb_c_content_wrap img{max-height: none;}
    #information #mb_c_wrap img,#information #mb_c_wrap2 img{width:70%;}
    #information #mb_c_bg_3{height:40vh;}
    #information #mb_c_bg_4{height:60vh;}
     /*ap08*/
    #information .ap08_sc1{height:400px;}
    /*a50*/
    #information #a50_sc1{height:400px;}
    #information #a50_title{margin:27% 0 0 0;}
    #information #a50_title h2{margin-bottom:0; font-size:50px;}
    #information #a50_title p{font-size: 20px;}
    #information #a50_sc2{height:550px;}
    /*uvc860pro*/
    #information .gray_shape_title{font-size:14px;}
    #information .blue_shape_title{font-size:14px;}
    #information .uvc860pro_sc1_title h2 {font-size:20px;}
    #information .uvc860pro_sc1_title p {font-size:14px;}
    #information #uvc860pro_sc0_title{margin:10% 0 10% 0;}
    #information .uvc860pro_wrap_1{margin-bottom:12%;}
    /*mc10*/
    #information .mc10_sc1{height:500px; padding-bottom: 18%;}
    #information .reveal-content h2{font-size:40px;}
    #information .reveal-content p{font-size:15px;}
    #information .content-wrapper{gap:40px;}
    #information .card img{height:300px;}
    #information .applications{padding:5%;}
    #information .image-box{height:350px;}
    #information .text_box h3{font-size:30px;} 
    /*ma600d*/
    #information .ma600d_sc1 video{height:40vh;}
    /*sub*/
    #information .intro_container2{max-width:90%; padding: 5% 2% 10%;}
    #information .intro_header{margin-top:20%; margin-bottom: 15%;}
    #information .intro_header h1{font-size:3.5rem;}
    #information .intro_header p{font-size:2rem;}
    #information .card-grid{grid-template-columns:repeat(2, 1fr); gap:30px;}
    #information .intro_card{border-radius:10px;}
    #information .card_title{font-size:18px;}
    #information .sc_sub_title{width:90%;}
    #information .sub_title{font-size:30px;}
    #information .link_list{font-size:15px;}
    #information .sc_sub_title{margin:5% auto 12%;}
    #information .guide_title{font-size:25px; margin-bottom:8%;}
    #information .guide_item_grid{gap:10px;}
    #information .circle_box{width:180px; height:180px;}
    #information .guide_text{bottom:20%; font-size:15px; text-shadow:0 1px 2px rgba(0,0,0,0.8);}
    #information .tab_btn2{width:40%; padding:2% 3%; border-radius:5px; font-size:15px;}
    #information .main_img {width:90%; height:400px;}
    #information .feature_info_bar{width:90%; font-size:13px; gap:2%;}
    #information .check_icon img{width:10px; height: 10px;}
    #information .feature_item{padding:8px;}
    #information .table_title{font-size:25px;}
    #information .sc_table{margin:12% 0;} 
    #information .product-table{width:90%;}
    #information .table-header{font-size:13px;}
    #information .table-row{min-height:20px;}
    #information .col-features li{font-size:12px;}
    #information .table-row .col-size{font-size:13px;}
    #information .col-product-name .sub-text{font-size:12px;}
    #information .col-product-name strong{font-size:14px;}
    #information .table-row .col-product-list{justify-content: space-between;}
    #information .prod-img{width:70px;}
    #information .table-row .col-mic{font-size:13px;}
    #information .col-features{padding:10px;}
    #information .col-features ul {grid-template-columns:1fr;}
    #information .col-brand img{width:100%;}
    #information .btn-view-all{font-size:12px;}
    #information .anotehr_card {border-radius:10px;}
    #information .another_title h1{font-size:25px;}
    #information .sc_another_sloution{padding:10% 0;}
    #information .anotehr_card_title{font-size:15px;}
    #information .anotehr_card-grid{max-width:95%; gap:10px; padding:0; grid-template-columns: repeat(5, 1fr);}
    #information .contact_banner{padding:10% 0;}
    #information .contact_msg{font-size:25px; margin-bottom: 5%;}
    #information .contact_btn{font-size:13px;}
    #information .guide_item_grid2{width:70%; gap:20px;}
    #information .guide_check_icon img{width:20px; height: 20px;}
    #information .guide_text2{font-size:16px;}
    #information .guide_item2 > img:last-of-type {height:70px;}
    #information .guide_item2{padding:10px 20px;}
    #information .sc_middle{width:90%; margin-top:20%; gap:30px;}
    #information .middle_text_wrap h1 {font-size:20px;}
    #information .middle_text_wrap p {font-size:15px;}
    #information .btn_more {font-size:13px;}
    #information #square_box{width:200px; height:180px;}
    #information .table_sub_title{font-size:16px; width: 50%; right: -5%;}
    #information .product-grid{width:90%;}
    #information .table-footer{width:90%;}
    #information .product-grid2{width:90%;}
    #information .product-grid2 > div:not(.grid-header), .product-grid2 > a{font-size:10px;}
    #information .product-grid3{width:90%;}

         #content_PC2{display: none;}
        #content_mobile2{display: block;}	
        .modal-king .gwcns_modal2{left: 26.5%; top:50%; width: 70%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{font-size: 9px; width: 60%; height:2rem; margin-top: 19rem; margin-left: 0;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:10px;font-weight: bold;height:2.5rem;}
}
/*테블릿 세로*/
@media screen and (min-width:768px ) and (max-width: 1023px) {
#main .sc1_slide_btn.ye_10years{top:80%;}
    #main .footer ul.familysite img, #information .footer ul.familysite img{width:50%;}
    #main .index_section1{height:35rem;}
    #main .index_pagination1{top:85%;}
    #main .swiper-pagination-bullet{width:10px; height: 10px;}
    #main .swiper-pagination-bullet-active{width:30px;}
    #main .prev_btn1,#main .next_btn1{top:50%; width:3%; height:11.5%;}
    #main .sc1_slide_title{top:27%; font-size:25px;}
    #main .sc1_slide_content{top:40%; font-size:14px;}
    #main .sc1_slide_content_bold{top:40%; font-size:18px;}
    #main .sc1_slide_btn{top:65%; font-size:10px; width:10%; height: 8%;}
    #main .swiper_slide1 img{height:35rem;}
    #main .sc1_slide_video{height:35rem;}
    #main .sub_nav, #information .sub_nav2{height:6rem;}
    #main .sub_nav p,#information .sub_nav2 p{font-size:13px;}
    #main .sub_nav button, #information .sub_nav2 button{width:25%; font-size:13px;}
    #main #nav_btn2, #information #sub_btn2{display:flex; align-items: center;}
    #main #nav_btn2 img, #information #sub_btn2 img{width:25px; height: 20px;}
    #main .slide_title_container,#main .slide_title_container3{padding:2%;}
    #main .slide_title_container h3,#main .slide_title_container3 h3{font-size:15px;}
    #main .slide_title,#main .slide_title3 {margin:3% 5% 4% 5%;}
    #main .slide_title h2,#main .slide_title3 h2{font-size:12px;}
    #main .slide_title_container p, #main .slide_title_container3 p{font-size:9px;}
    #main .index_section2,#main .index_section3{height:350px;}
    #main .swiper_wrapper2,#main .swiper_wrapper3{height:350px;}
    #main .sc2_right_panel, #main .sc3_right_panel{height:350px;}
    #main .swiper_slide2 img{height:350px;}
    #main .index_section4{height:auto; padding-bottom:8%;}
    #main .ct4_img img{width:70%;}
    #main .swiper_slide4 img{width:45%; margin-left:5%}
    #main .sc4_slide_video{width:45%; margin-left:5%}
    #main .sc4_slide_title{top:1%; font-size:20px;}
    #main .sc4_slide_content{top:18%; width: 40%;  font-size:15px;}
    #main .ct4_font{width:60%;}
    #main .ct4_font p{font-size:15px;}
    #main .ct4_font h2{font-size:18px;}
    #main .ct4_font h1{font-size:40px;}
    #main .ct4_img{margin:10% 0 5% 2%;}
    #main .scroll_bar4{width:25%; top:80%; left:60%; margin-left: 0;}
    #main .prev_btn4{top:88%; width: 1%;}
    #main .next_btn4{top:88%; left:90%; width: 1%;}
    #main .slide-number{width:180%; top:76%; left:0;}
    #main .index_section5{height:700px;}
    #main .ct5_font{width:60%;}
    #main .ct5_font p{font-size:15px;}
    #main .ct5_font h2{font-size:18px;}
    #main .ct5_font h1{font-size:40px;}
    #main .sc5_icon{}
    #main .sc5_icon p{width:30%; font-size: 15px; top:28%; left: 70%;}
    #main .sc5_icon img{width:4%; top:24.5%; left: 65%;}
    #main .product_container5{height:35%;}
    #main .sc5_slide_title{font-size:20px;}
    #main .sc5_slide_content{font-size:15px;}
    #main .swiper_wrapper5{margin-left:10%;}
    #main .index_pagination5{top:90%; left:10%;}
    #main .swiper_slide5 img{height:50%;}
    #main .index_section6{height:630px;}
    #main .title_container6{padding:6% 5% 0 5%;}
    #main .ct6_font p{font-size:15px;}
    #main .ct6_font h2{font-size:25px;}
    #main .next_btn6{width:30px; height: 50px; top:13%;}
    #main .prev_btn6{width:30px; height: 50px; top:13%; left: 75%;}
    #main .swiper_slide6 > img{width:90%; height: auto;}
    #main .sc6_slide_title{font-size:16px;}
    #main .index_section7{height: auto; padding-bottom: 15%;}
    #main .title_container7{padding:10% 5% 0 5%; height: 20%;}
    #main .ct7_font{margin-bottom:5%;}
    #main .ct7_font h2{font-size:25px;}
    #main .sc7_slide_title{margin-bottom:5%;}
    #main .sc7_slide_title h1{font-size:17px;}
    #main .swiper_container7{width:70%; margin-bottom: 5%;}
    #main .swiper_slide7 img{width:100%; height: auto;}
    #main .sc7_btn{width:20%; height: 5rem; font-size: 15px;}
    #main .title_container7 h1{font-size:25px;}
    #main .title_container7 p{font-size:18px;}
    #main .title_container8{width:70%;}
    #main .title_container8 h1{font-size:25px;}
    #main .title_container8 p{font-size:18px;}
    #main .index_section8 img{width:auto;}
    
    #main .action-toggle{width:5rem; height: 5rem;}
    #main .action-btn{width:140px; height: 40px; font-size:11px;}
    #main .action-btn img {width:20%;}
    #information .action-toggle{width:5rem; height: 5rem;}
    #information .action-btn{width:140px; height: 40px; font-size:11px;}
    #information .action-btn img {width:20%;}
    #main #modal_call{height:820px;}
    #information #modal_call{height:820px;}
    #information ul.callback_form {height:auto;}
    #main .blink-label{top:37.5%; font-size:8px;}
    #information .blink-label{top:37.5%; font-size:8px;}
    
    #information .product_title{font-size:17px;}
    #information .product_section1{height:20rem; background-size:cover;}
    #information .product_sc1 h2{font-size:25px; left:10%;}
    #information .product_sc1 p{font-size:15px; left:10%; top:59%;}
    #information .product_menu{flex-wrap: wrap;width:80%; top:5%;}
    #information .product_menu button{font-size:15px; padding:1% 3%; border-radius: 6px;}
    #information .product_menu button.active{color:white;}
    #information .product_wrap p{font-size:14px;}
    #information .section_product{width:80%;}
    #information .common_section{height:20rem; background-size: cover;}
    #information .common_section h2{font-size:20px; width:100%;}
    #information .common_section2{height:20rem; background-size: cover;}
    #information .common_section2 h2{font-size:20px; width:100%;}
    #information .common_title h2{font-size:25px;}
    #information .common_title h3{font-size:18px;}    
    #information .common_title p{font-size:15px;} 
    #information .sub_nav_care h2{margin:0 5% 0 5%; font-size:18px;}
    #information .sub_nav_care{height:6rem;}
    #information .sub_nav_care a{font-size:15px;}
    #information .nav_item{padding:20px;}
    #information .nav_item.underline::after{bottom:1%; z-index:5}
    #information .nav_item.underline1::after{bottom:1%; z-index:5}
    #information .product_video video{width:80%; height: auto;}
    #information .product_img{width:90%;}
    /*roomsystem*/
    #information .room_section1,#information .room_section2,#information .room_section3,#information .room_section4,#information .room_section5{padding-bottom:5%;}
    #information .room_table{width:90%;}
    #information .room_table td, #information .room_table tbody th{font-size:15px;}
    #information .room_content_wrap{width:90%;}
    #information .room_sc_content > p {font-size:13px;}
    /*speaker_*/
    #information .speaker_section1,#information .speaker_section2,#information .speaker_section3, #information .speaker_section4,#information .speaker_section5,#information .speaker_section6,#information .speaker_section7{padding-bottom:5%;}
    #information .speaker_sc2_content_wrap{width:90%;}
    #information .speaker_sc2_content h2{font-size:20px;}
    #information .speaker_sc2_content > p {font-size:14px;}
    #information .speaker_sc2_content2 {width:90%; padding: 2% 4%;}
    #information .speaker_sc2_content2 p{text-indent:-2%;}
    #information #spk_sc2_img{width:90%;}
    #information .speaker_sc3_btn_wrap{width:100%;}
    #information .speaker_sc3_btn_wrap button{padding:3% 4%; font-size:14px;}
    #information .spk_sc3_p {font-size:12px;}
    #information #spk_sc3_img img{width:90%;}
    #information .speaker_sc4_content h2{font-size:20px;}
    #information .speaker_sc4_content p{font-size:14px;}
    #information .speaker_sc5_content{width:40%;}
    #information .speaker_sc5_content img{width:85%; height: auto;}
    #information .speaker_sc6_content_wrap{width:90%; margin:0 auto;}
    #information .speaker_sc6_content img{width:80%; height: auto;}
    #information .speaker_sc6_h2 {margin-left:8%;}
    #information .speaker_sc6_content h2{font-size:20px;}
    #information .speaker_sc6_content p{font-size:14px;}
    /*display*/
    #information .display_sc0_h2{font-size:20px;}
    #information .display_sc0_p{font-size:15px;}
    #information .dispaly_sc0_content_wrap h3{font-size:18px;}
    #information .display_sc0_content p{font-size:14px;}
    #information .display_sc0_title h2 {font-size:20px;}
    #information .dispaly_sc0_content_wrap2 p{font-size:15px;}
    #information .display_sc0_p{width:80%;}
    #information .display_sc0_content img{width:50%;}
    #information .display_sc0_content2{width:80%;}
    #information .display_sc1_h2{font-size:20px;}
    #information .display_sc1_content_wrap{margin:0 5% 0 0; text-align: center;}
    #information .display_sc1_content_wrap p{font-size:15px;}
    #information .display_sc1_content {flex-direction:column;}
    #information .display_sc1_content img{margin:5% auto 0 auto; width:40%;}
    #information .display_sc2_content img{width:90%;}
    #information .display_sc3_content_wrap{width:55%;}
    #information .display_sc3_content_wrap h2{font-size:20px;}
    #information .display_sc3_content_wrap p{font-size:14px;}
    #information .display_sc3_content:nth-child(3) .prev_btn_display{width:30px; height: 30px; top:calc(35% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(3) .next_btn_display{width:30px; height: 30px; top:calc(35% - 10px); right:-1%;}
    #information .display_sc3_content:nth-child(2) .prev_btn_display{width:30px; height: 30px; top:calc(45% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(2) .next_btn_display{width:30px; height: 30px; top:calc(45% - 10px); right:-1%;}
    #information .display_sc3_content:nth-child(4) .prev_btn_display{width:30px; height: 30px; top:calc(40% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(4) .next_btn_display{width:30px; height: 30px; top:calc(40% - 10px); right:-1%;}
    #information .display_sc3_content .prev_btn_display::after, #information .display_sc3_content .next_btn_display::after {font-size:20px;}
    #information .display_sc4_content h2{font-size:20px;}
    #information .display_sc4_content p{font-size:15px; width:90%;}
    #information .display_sc4_content img{width:80%;}
    #information .swiper-container_display2{width:80%; height: auto;}
    #information .swiper-container_display2 .swiper-slide_display img{width:100%;}
    #information .pagination_display{top:85%;}
    #information .display_section4{height:auto; padding-bottom:5%;}
    /*care*/
    #information .care_section1{height:20rem; background-size: cover;}
    #information .care_section1 h2{font-size:20px; width:90%; left:10%;}
    #information .care_section1 p{font-size:15px; width:90%; left:10%;}
    #information .care_section2{height:auto; padding-bottom: 5%;}
    #information .care_sc2_content{margin-left:10%;}
    #information .care_sc2_content h2{font-size:25px;}
    #information .care_sc2_content p{font-size:15px;}
    #information .care_sc2_img img:nth-child(1) {top:10%; left:4%; width:4%;}
    #information .care_sc2_img img:nth-child(2) {top:55%; left:90%; width:4%;}
    #information .care_section3 img{width:100%;}
    #information .care_section4,#information .care_section5,#information .care_section6{height:auto; padding-bottom: 10%;}
    #information .care_sc4_title{width:70%; height: 5rem;}
    #information .care_sc4_title p{font-size:20px;}
    #information .care_sc4_content1_wrap{width:85%; margin: 0 auto;}
    #information .care_sc4_content1_wrap h2{top:25%; font-size:30px;} 
    #information .care_sc4_content1_wrap p{top:50%; font-size:13px;} 
    #information .care_sc4_content1 > img {width:85%;}
    #information .care_sc4_content2 p{font-size:15px;}
    #information .sc4_img_wrap img:nth-child(1) {top:46%; left:3%; width:12%;}
    #information .sc4_img_wrap img:nth-child(2) {top:68%; right:3%; width:20%;}
    #information .care_section5 img{width:95%;}
    #information .care_section7 img{width:20%;}
    #information .care_sc6_title{margin-left:5%;}
    #information .care_sc6_title h2{font-size:25px;}
    #information .care_sc6_title p{font-size:15px;}
    #information .care_sc6_content {margin-top:5%;}
    #information .care_sc6_content p{margin-left:5%;}
    #information .care_sc7_content h2{font-size:25px;}
    #information .care_sc7_content{margin:0 1%;}
    /*pineapple*/
    #information .pa_section1{height:20rem; background-size: cover;}
    #information .pa_section1 h2{font-size:20px; }
    #information .pa_section1 p{font-size:15px; left: 47%; top:57%;}
    #information .pa_section2{height:auto; padding-bottom: 5%;}
    #information .pa_sc2_content1 img{width:8%; height: auto;}
    #information .pa_sc2_content1 img:nth-child(2){width:10%; height: auto;}
    #information .content2_wrap p{font-size:14px;}
    #information .content2_wrap:nth-child(1){width:32%; margin-right: 1%; margin-left: 2%;}
    #information .content2_wrap:nth-child(2){width:20%;}
    #information .content2_wrap:nth-child(3){width:30%; padding-left: 0;}
    #information .pa_sc3_content{width:90%;}
    #information .sc3_text_wrap{margin-left:5%;}
    #information .pa_sc3_link {margin-left:39%;}
    #information .sc3_text_wrap .content_title{margin-right:10%;}
    #information .pa_section3 .sc3_img_wrap img:nth-child(1){left:69%; top:10%; width:30%;}
    #information .pa_section3 .sc3_img_wrap img:nth-child(2){left:3%; top:60%; width:55%;}
    #information .pa_section4 h2{font-size:25px;}
    #information .pa_section4 {height:auto; padding:5% 0;}
    /*company*/
    #information .cp_section1{height:20rem; background-size: cover;}
    #information .cp_section1 h2{font-size:20px; width:100%; text-align: center;}
    #information .cp_section2,#information .cp_section3,#information .cp_section4{padding-left:5%;}
    #information .cp_sc_title{font-size:25px; width:50%;}
    #information .cp_sc2_btn{width:35%; height: 5rem;}
    #information .cp_sc2_btn p{font-size:15px;}
    #information .cp_section4 img{width:40%; margin-left: 3%;}
    /*history*/
    #information .his_title{font-size:25px;}
    #information .his_section2{padding-left:2%;}
    #information .his_section2 img{width:20%; margin-right: 2%;}
    #information .his_sc2_textwrap h2,#information .his_sc3_textwrap h2,#information .his_sc4_textwrap h2,#information .his_sc5_textwrap h2{font-size:25px;}
    #information .his_sc2_textwrap p,#information .his_sc3_textwrap p,#information .his_sc4_textwrap p,#information .his_sc5_textwrap p{font-size:15px; margin:1%;}
    /*org_chart*/
    #information .org_chart img{width:70%;}
    /*고객지원*/
    #information .customer_section{height:20rem; background-size: cover;}
    #information .customer_section h2{font-size:20px; width:100%; text-align: center;}
    #information #subnav_customer h2{margin:0 4% 0 4%; font-size:18px;}
    #information #subnav_customer{height:6rem;}
    #information #subnav_customer a{font-size:12px;}
    #information #subnav_customer .nav_item.underline::after{bottom:-1%;}
    #information #subnav_customer .nav_item.underline1::after{bottom:-1%;}
    /*buyinfo*/
    #information .buyinfo_wrap_parents{width:95%;}
    #information .buyinfo_step_content{top:18%;}
    #information .buyinfo_wrap_parents .buyinfo_wrap:nth-child(4) .buyinfo_step_content{top:8%;}
    #information .buyinfo_step_content > img {width:18%;}
    #information .buyinfo_step_content h2{font-size:12px;}
    #information .buyinfo_step_content p{font-size:7.5px;}
    #information .buyinfo_section3 > img{width:100%;}
    #information .buyinfo_step_content2 {font-size:6px; top:80%;}
    #information .buyinfo_sc3_content_wrap{align-items:center;}
    #information .buyinfo_sc3_content_wrap img{width:45%;}
    #information .buyinfo_sc3_content_wrap:nth-child(n+2) img{width:45%; height:30%;}
    #information .buyinfo_sc3_content{width:50%;}
    #information .buyinfo_sc3_content h2{font-size:25px;}
    #information .buyinfo_sc3_content h4{font-size:15px;}
    #information .buyinfo_sc3_content h3{font-size:12px;}
    #information .buyinfo_sc3_content2 p{font-size:15px;}
    #information .buyinfo_sc3_btn button{height:5rem; font-size:14px;}
    /*dataroom*/
    #information .dataroom_section1{height:20rem; background-size: cover;}
    #information .dataroom_section1 h2{font-size:20px; width:100%; text-align: center;}
    #information .data_search{width:25%; top:65%;}
    #information #searchInput{height:4rem; padding:0 20%; font-size:12px;}
    #information Input::placeholder{font-size:12px;}
    #information .data_search img{width:20px; left:16rem; top:-1rem;}
    #information .sc2_category{width:30%; margin:1% 5% 5% 3%;}
    #information .header_category{font-size:17px; display:flex; align-items: center; margin:10% 0;}
    #information .sub_category{}
    #information .sub_category h3.bold{font-size:14px;}
    #information .sub_category h3{font-size:14px;}
    #information .category_icon{font-size:18px;}
    #information .sc2_data{width:60%;}
    #information .sc2_data h2{padding-bottom:10px; margin:0 0 10px 0; color: #207dff; font-size:17px;}
    #information .data_btns{display:flex; margin-bottom:10%;}
    #information .data_btns a.button{width:auto; height:25px; display: flex; justify-content: center; align-items: center; font-size:12px; border-radius:10px; } 
    #information .header_data{font-size:15px;}
    #information .data_lists .subject{font-size:14px;}
    #information .row{justify-content:space-between;}
    #information .row > * {padding-left:0;}
    #information .data_lists .link{width:18px;}
    #information .col-2{display:none;}
    #information .search_list {width:90%; margin:0 auto;}
    #information .search_type{display:flex; justify-content: center;}
    #information .search_type a.button {display:flex;align-items: center; height: 35px; margin-right:1px; font-size:12px; padding:0 15px; margin:0 1%;}
    #information .data_lists .search_header p{font-size:20px;}
            /*제품상세페이지 - uvc860*/
        #information .product_section_gray{padding-bottom:5%;}
        #information .product_section_darkgray{padding-bottom:5%;}
        #information .product_section_white{padding-bottom:5%;}
        #information .product_section_black{padding-top:5%; padding-bottom:5%;}    
        #information .product_link{height:6rem; padding-left:10%;}
        #information .product_link > img{width:3%;}
        #information .product_link p{font-size:14px;}
        #information .common_title{width:100%; margin:5% 0 4% 0;}
        #information .common_title h2{font-size:25px; margin-bottom: 2%;}
        #information .common_title p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title2{width:100%; margin:5% 0 4% 0;}
        #information .common_title2 h2{font-size:25px; margin-bottom: 2%;}
        #information .common_title2 p{font-size:15px; width:95%; margin:0 auto;}
        #information .common_title3{width:100%; margin:5% 0 4% 0;}
        #information .common_title3 h2{font-size:25px; margin-bottom: 2%;}
        #information .common_title3 p{font-size:15px; width:95%; margin:0 auto;}
        #information .uvc860_table{width:90%;}
        #information .uvc860_thead th{font-size:14px; height:3rem;}
        #information .uvc860_table td{font-size:14px; }
        #information .table th{font-size:15px;}
        #information .uvc860_video video{width:80%; height:400px;}
        #information .uvc860_sc3_content{gap:0; justify-content:space-around; margin:5% 0;}
        #information .p_wrap_860{width:90%; margin-left:5%;}
        #information .uvc860_sc3_content_text{width:50%;}
        #information .uvc860_sc3_content_text img{width:100%;}
        #information .uvc860_sc3_content_text p{width:100%; font-size:13px; left:55%;text-indent: -3%;}
        #information .uvc860_sc3_content h2{font-size:15px;}
        #information .product_video video{width:80%; height: 400px;}
        #information .room_device_slide{padding-top:5%; height:46rem;}
        #information .room_device_slide p{font-size:11px;}
        #information .swiper_slide_roomdevice{width:calc(50%-10px);}
        #information .swiper_slide_roomdevice > h2 {font-size:14px;}
        #information .room_device_left h2{font-size:25px; margin-left: 10%; margin-top: 7%;}
        #information .room_device_left button{width:30%; height:3.5rem; margin-top: 3%;  font-size:14px; margin-left: 10%;}
        #information .room_device_right > h2 {font-size:25px; font-weight: 600;}
        #information .room_device_left img{width:80%; margin-left:10%;}
        #information .right_text{width:95%; height:35%;}
        #information .next_btn_roomdevice{top:90%; left:80%; width:45px; height: 45px;}
        #information .prev_btn_roomdevice{top:90%; left:65%; width:45px; height: 45px;}
        #information .title_link{width:42%; height:6rem; margin-bottom: 5%;margin: 5% auto 5% auto;}
        #information .title_link h2{font-size:20px; margin-bottom:0;}
        #information .product_call p{font-size:17px;}
        #information .product_call{margin-bottom:1%;}
        #information .install_next{right:7%;}
        #information .install_prev{left:7%;}
        /*840*/
        #information .camera_84 img{width:30%;}
        /*avhub*/
        #information .product_img{width:90%;}
        #information .avhub_table{width:90%;}
        #information .avhub_thead{height:4rem;}
        #information .avhub_table .avhub_table_content th{font-size:11px;}
        #information .avhub_table th{font-size:14px;}
        #information .avhub_thead2{height:4rem;}
        #information .avhub_table_content2 th{font-size:11px;}
        /*meetingboard65*/
    #information .intro_left{margin-left:0;}
    #information .intro_thumbnails{margin: 5% 0 5% 5%;}
    #information .intro_thumbnails img{width:120px;}
    #information .intro_left{width:60%;}
    #information .product_intro{height:40rem; padding:0; display: flex; align-items: center;}
    #information .intro_slide img{width:90%;}
    #information .intro_title h2{font-size:23px;}
    #information .intro_title p{font-size:12px;}
    #information .intro_content{ margin: 5% 0; width:95%; font-size:}
    #information .intro_content p{font-size:13px;}
    #information .intro_right button{width:40%; height:4rem; font-size:15px; margin-top: 5%;}
    #information .mb_sc1{height:20rem; background-size: cover; background-position: center;}
    #information .mb_left .mb_text img{width:17px; height: 15px;}
    #information .mb_text p{font-size:10px;}
    #information .product_content .mb_left{padding-left:5%; width:70%;}
    #information .mee600_wrap img{max-height:150px;}
    #information .product_content_text4 h2{font-size:18px;}
    #information .product_content_text4 p{font-size:15px;}
    #information .product_content_text3 h2{font-size:18px;}
    #information .product_content_text3 p{font-size:15px;}
    #information .product_content_text2 h2{font-size:18px;}
    #information .product_content_text2 p{font-size:15px;}
    #information .product_content_text1 h2{font-size:18px;}
    #information .product_content_text1 p{font-size:15px;}
    #information .product_content_wrap{margin-bottom:5%;}
    #information .mb_sc2 .mb_right img{width:95%; min-height: 180px;}
    #information .mb_right{padding-left:0;}
    #information .product_content .mb_right img{width:50%;}
    #information .mb_left2{padding-left:1%;}
    #information .mb_sc3 .left_content img {width:100%;}
    #information .mb_sc3 .mb_right img {width:100%;}
    #information .mb_content{width:90%;}
    #information .mb_itemlist h1{font-size:27px;}
    #information .mb_itemlist h3{font-size:15px;}
    #information .mb_itemlist h4{font-size:13px;}
    .spec > ul.description-list{padding:0 5%;}
    
    /*a30*/
    #information .left_content{padding-left:2%;}
    #information .right_content video{width:90%;}
    #information .product_content_wrap img{width:45%; margin-left:2%; max-height:180px;}
    /*a10*/
    #information .product_content_text2{width:50%;}
    #information .product_content_a10 img{width:30%;}
    /*uvc40*/
    #information .uvc40_wrap img{min-height:100px;}
    #information .uvc40_wrap2{width:90%;}
    #information .uvc40_wrap2_content h2{font-size:14px;}
    #information .uvc40_img img{width:70%;}
    /*Mee500*/
    #information .Mee500_img{width:100%;}
    /*mee600*/
    #information .Mee600_img img{width:70%; margin:0 auto;}
    #information .Mee600_img{width:90%; display: flex;}
    #information .mee600_wrap img{width:90%; margin-left:2%;}
    #information .right_content img{width:80%;}
    #information .left_content{margin-right:0;}
    #information .product_content_wrap2{margin:5% 0 5% 0;}
    #information .content_margin{margin-bottom:5%;}
    /*uvc86*/
    #information .uvc86_img{width:80%; display:flex; justify-content: center;}
    #information .uvc86_img img{width:70%; }
    #information #uvc86_left{margin-left:5%;}
    /*uvc30*/
    #information .uvc30_sc1{height:300px; background-size:cover; background-position: center;}
    #information .uvc30_sc1 h2{font-size:12px;}
    /*vcm34*/
    #information .vcm34_img{width:65%;}
    /*vcm36-w*/
    #information .vcm36-w_sc1{height:300px; background-size:cover; background-position: center;}
    #information .vcm36_text_wrap{margin-top:10%;}
    #information .vcm36_text_wrap h2{font-size:20px;}
    #information .vcm36_text_wrap p{font-size:13px;}
    #information .vcm36_text_wrap2 h2{font-size:20px;}
    #information .vcm36_text_wrap2 p{width:90%; font-size:13px; text-align: center; margin:0 auto;}
    #information .vcm36-w_sc2{height:300px; background-size:cover; background-position: center;}
    /*cm20*/
    #information #next_cm20 {right:2%;}
    #information #prev_cm20 {left:2%;}
    /*cs10*/
    #information .cs10_wrap img{width:80%; height:150px;}
    /*cp960*/
    #information .cp960_sc1{height:250px; background-size:cover; background-position: center;}
    #information .cp960_text_wrap{margin-top:10%;}
    #information .cp960_text_wrap h2{font-size:30px;}
    #information .cp960_text_wrap p{font-size:15px;}
    #information .cp960_sc2{height:150px; background-size:cover; background-position: center;}
    /*cp965*/
    #information #cp965_text p{margin-left:5%;}
    #information .product_img_cp965 img{width:75%;}
    /*cp900*/
    #information .cp900_sc1{height:200px; background-size:cover; background-position: center;}
    #information .cp900_text_wrap{}
    #information .cp900_text_wrap h2,#information .cp900_text_wrap1 h2,#information .cp900_text_wrap2 h2{font-size:20px;}
    #information .cp900_text_wrap p,#information .cp900_text_wrap1 p,#information .cp900_text_wrap2 p{font-size:13px;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:300px; background-size:cover; background-position: center;}
    /*mspeech*/
    #information .product_content_wrap{margin-bottom:5%;}
    #information .mee600_wrap{margin-bottom:5%;}
    /*roomcast*/
    #information .roomcast_sc1{height:350px; background-size:cover; background-position: center;}
    #information .roomcast_img img{width:70%;}
    #information .roomcast_img2 img{width:100%;}
    #information .roomcast_text_wrap h2{font-size:20px;}
    #information .roomcast_text_wrap p{font-size:13px;}
    #information .left_content img{width:80%;}
    #information #roomcast_left{margin-left:5%;}
    #information .roomcast_text_wrap{margin-left:5%;}
    /*roompanel*/
    #information .roompanel_sc1{height:350px; background-size:cover; background-position: center;}
    #information .roompanel_sc1 img{width:65%;}
    #information .roompanel_text_wrap h2,#information .roompanel_text_wrap2 h2{font-size:30px;}
    #information .roompanel_text_wrap p,#information .roompanel_text_wrap2 p{font-size:13px;}
    #information .roompanel_sc2{height:350px; background-size:cover; background-position: center;}
    #information #panel_right img{width:50%;}
    /*roomsensor*/
    #information .roomsensor_sc1,#information .roomsensor_sc2,#information .roomsensor_sc3{height:350px; background-size:cover; background-position: center;}
    #information .roomsensor_wrap{margin-top:5%;}
    #information .roomsensor_text_wrap{margin-right:50%;}
    #information .roomsensor_text_wrap1{margin-right:40%;}
    #information .roomsensor_text_wrap h2,#information .roomsensor_text_wrap1 h2,#information .roomsensor_text_wrap2 h2{font-size:25px;}
    #information .roomsensor_text_wrap p,#information .roomsensor_text_wrap1 p,#information .roomsensor_text_wrap2 p{font-size:15px;}
    #information .roomsensor_img2 img{width:80%;}
    #information .roomsensor_img2{display:flex; justify-content: center;}
    #information #roomsensor_h2 h2{font-size:25px;}
    /*wpp30*/
    #information .wpp30_sc1,#information .wpp30_sc2{height:350px; background-size:cover; background-position: center;}
    #information #wpp30_text{margin-right:0; width:80%;}
    #information #wpp30_text img{width:60%;}
    #information #wpp30_text h2,#information #wpp30_text p{margin-bottom:2%;}
    #information .wpp30_sc4{width:90%; display:flex; justify-content: center;}
    #information .wpp30_sc4_content{width:100%; margin:0 2%;}
    #information .wpp30_sc4_content img{width:180px; height: auto;}
    #information .wpp30_sc4_content h2{font-size:15px;}
    #information .wpp30_sc4_content p{width:100%; font-size:12px;}
    /*wpp20*/
    #information .wpp20_img img{width:100%;}
    /*ctp18_20*/
    #information .ctp_img img{width:100%;}
    /*vch51*/
    #information .vch51_img img{width:100%;}
         /*UVC85-BYOD */
    #information .uvc85-byod_sc3 img{width:100%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:25px;}
    #information .uvc85-byod_text_wrap1 p{font-size:15px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:25px;}
    #information .uvc85-byod_text_wrap2 p{font-size:15px; width:90%;}
    #information .uvc85-byod_sc1{height:400px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:550px;}
        /*wireless*/
    #information .common_title img{width:5%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:7px;}
    #information .index_section2,information .index_section3{height:350px;}
    #information .swiper_wrapper2,#information .swiper_wrapper3{height:350px;}
    #information .sc2_right_panel, #information .sc3_right_panel{height:350px;}
    #information .swiper_slide2 img{height:350px;}
    #information .slide_title8, #information .slide_title7,#information .slide_title9{margin:8% 5% 4% 5%;}
    #information .slide_title8 h2, #information .slide_title7 h2,#information .slide_title9 h2{font-size:13px;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container p,  #information .slide_title_container3 p{font-size:12px;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:15px; margin-top:2%;}
    #information .panel_text,#information .panel_text2 {width:35%}
    #information .panel_text p,#information .panel_text2 p{font-size:15px;}
        /*a40*/
    #information .mic_guide_wrap{width:90%;}
    #information .mic_title1_2, #information .mic_title2_2 {width:25%; font-size:20px;}
    #information .mic_img img{width:70%;}
    /*esg*/
    #main .esg_img{height:350px;}
    #main .esg_font{top:45%;}
    #main .esg_img_container h2 {font-size:25px;}
    #main .esg_img_container p {font-size:15px;}
    #main #esg_title{height:25%; padding:1% 5% 0 5%}
    #main #sc_esg{padding:5% 0 0 0; height:480px;}    
    #information .env_font{width:100%; margin-bottom:5%; }
    #information .env_section_gray, #information .env_section_white, #information .env_section_color { height: 500px;}
    #information .env_btn button, #information .env_btn2 button{margin:0 6px 0 0;}
    #information .esg_section1, #information .esg_section2{height:30rem; background-size: cover;}
    #information .esg_section1 p, #information .esg_section2 p{width:100%; text-align: center;}
    #information .esg_inquiry1{height:300px; background-size: cover;}
    #information .esg_inquiry1 button{padding:1.5%;}
    #information .esg_inquiry1 h2{margin-bottom:2%;}
      /*uvc85*/
    #information .uvc85_sc1{height:400px;background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
        /*uvc40 e2*/
    #information .uvc40-e2_sc1{height: 450px;}
        /*ctp25*/
    #information #ctp25_img{width:70%;}
            /*cp50*/
    #information .cp50_sc1{height:350px; background-size: cover;}
    #information .cp50_sc1 h2{font-size:30px;}
    #information .cp50_sc1 p{font-size:20px;}
    #information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:25px;}
    #information .cp50_sc2 p,#information .cp50_sc3 p,#information .cp50_sc4 p{font-size:15px;}
    #information .cp50_sc2{height:500px; background-size: cover; background-position: bottom;}
    #information .cp50_text_wrap2 img{width:100%;}
    #information .cp50_text_wrap3{margin-top:10%;}
    #information .cp50_sc3{height:450px; background-size: cover; background-position: bottom;}
    #information .cp50_sc4{height:400px; background-size: cover; background-position: right;}
   /*cpe40*/
    #information .cpe40_sc1{height:350px; background-size: cover;}
    #information .cpe40_sc1 h2{font-size:30px;}
    #information .cpe40_sc1 p{font-size:20px;}
            /*yalink!*/
    #information .yealink_section1{height:65vh;}
    #information .yealink_section1 img:nth-child(1){width:25%;}
    #information .yealink_section1 img:nth-child(4){width:45%;}
    #information .yealink_section1 h2{font-size:40px; line-height:45px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:20px; line-height: 30px; margin-bottom: 5%;}
    #information .timeline-title{padding:10% 0;}
    #information .timeline-inner img{width:85%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:35px;}
    #information .yealink_section3 {height:65vh; background-size: cover;}
    #information .yealink_section3 img {width:70%;}
    #information .yealink_section4 {height:60vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:55vh;}
    #information .yealink_sc5_slider {border-radius: 10px;}
    #information .yealink_sc5_slider {border-radius: 10px;}
    #information .yealink_sc6_wrap h2{font-size:35px;}
    #information .yealink_sc6_wrap p{font-size:20px;}  
    #information .yealink_section6 {height:48vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:70%;}
    /*cm50*/
    #information .cm50_sc1{height:400px;}
    #information .cm50_sc2 img{width:60%;}
    #information .cm50_sc2 video{width:80%;}
    #information #sc_cm50 video{width:80%;}
    #information .intro_pagination{display: none;}
    #information .step-block.active .step-title{font-size:15px;}
    #information .step-title{padding-left:20px; font-size:12px;}
    #information .step-desc{font-size:12px; width:100%;}
    #information .cm50_sc3_wrap{gap:5px; padding: 0 3%;}
    #information .cm50_sc3_steps{width:auto;}
    #information .cm50_sc3_detail img{width:90%; margin-top:0; margin-left: 5%;}
    /*roompanel e2*/
    #information .roompanel_e2_sc1{height:auto; padding-top: 10%; padding-left:8%; padding-bottom: 5%;}
    #information .roompanel_e2_sc1 h2{font-size:30px;}
    #information .roompanel_e2_sc1 p{font-size:20px;}
    #information .roompanel_e2_sc1 img{width:50%;}
    #information #roompanel_e2_right img{width:60%; max-height:none;}
     /*sv80*/
    #information #sv80_sc1{height:30vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:40px;}
    #information .sv80_text_wrap p{font-size:20px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;}
    /*meetingboard C*/
    #information #mb_c_bg_1{height:50vh;}
    #information #mb_c_panels{width:90%;}
    #information #mb_c_tabs .tab {font-size: 12px;}
    #information #mb_c_tabs .tab.is-active {font-size: 15px;}
    #information #mb_c_content_wrap, #information #mb_c_content_wrap2{margin-bottom:0; }
    #information #mb_c_content_wrap img{max-height: none;}
    #information #mb_c_wrap img,#information #mb_c_wrap2 img{width:70%;}
    #information #mb_c_bg_3{height:40vh;}
    #information #mb_c_bg_4{height:60vh;}
    /*ap08*/
    #information .ap08_sc1{height:400px;}
    /*a50*/
    #information #a50_sc1{height:400px;}
    #information #a50_title{margin:27% 0 0 0;}
    #information #a50_title h2{margin-bottom:0; font-size:50px;}
    #information #a50_title p{font-size: 20px;}
    #information #a50_sc2{height:550px;}
    /*uvc860pro*/
    #information .gray_shape_title{font-size:14px;}
    #information .blue_shape_title{font-size:14px;}
    #information .uvc860pro_sc1_title h2 {font-size:20px;}
    #information .uvc860pro_sc1_title p {font-size:14px;}
    #information #uvc860pro_sc0_title{margin:10% 0 10% 0;}
    #information .uvc860pro_wrap_1{margin-bottom:12%;}
        /*mc10*/
    #information .mc10_sc1{height:500px; padding-bottom: 18%;}
    #information .reveal-content h2{font-size:40px;}
    #information .reveal-content p{font-size:15px;}
    #information .content-wrapper{gap:40px;}
    #information .card img{height:300px;}
    #information .applications{padding:5%;}
    #information .image-box{height:350px;}
    #information .text_box h3{font-size:30px;}
    #information #tab-desc{width:100%; font-size:16px;}
       /*ma600d*/
    #information .ma600d_sc1 video{height:40vh;}
     /*sub*/
    #information .intro_container2{max-width:90%; padding: 5% 2% 10%;}
    #information .intro_header{margin-top:20%; margin-bottom: 15%;}
    #information .intro_header h1{font-size:3.5rem;}
    #information .intro_header p{font-size:2rem;}
    #information .card-grid{grid-template-columns:repeat(2, 1fr); gap:30px;}
    #information .intro_card{border-radius:10px;}
    #information .card_title{font-size:18px;}
    #information .sc_sub_title{width:90%;}
    #information .sub_title{font-size:30px;}
    #information .link_list{font-size:15px;}
    #information .sc_sub_title{margin:5% auto 12%;}
    #information .guide_title{font-size:25px; margin-bottom:8%;}
    #information .guide_item_grid{gap:10px;}
    #information .circle_box{width:180px; height:180px;}
    #information .guide_text{bottom:20%; font-size:15px; text-shadow:0 1px 2px rgba(0,0,0,0.8);}
    #information .tab_btn2{width:40%; padding:2% 3%; border-radius:5px; font-size:15px;}
    #information .main_img {width:90%; height:400px;}
    #information .feature_info_bar{width:90%; font-size:13px; gap:2%;}
    #information .check_icon img{width:10px; height: 10px;}
    #information .feature_item{padding:8px;}
    #information .table_title{font-size:25px;}
    #information .sc_table{margin:12% 0;} 
    #information .product-table{width:90%;}
    #information .table-header{font-size:13px;}
    #information .table-row{min-height:20px;}
    #information .col-features li{font-size:12px;}
    #information .table-row .col-size{font-size:13px;}
    #information .col-product-name .sub-text{font-size:12px;}
    #information .col-product-name strong{font-size:14px;}
    #information .table-row .col-product-list{justify-content: space-between;}
    #information .prod-img{width:70px;}
    #information .table-row .col-mic{font-size:13px;}
    #information .col-features{padding:10px;}
    #information .col-features ul {grid-template-columns:1fr;}
    #information .col-brand img{width:100%;}
    #information .btn-view-all{font-size:12px;}
    #information .anotehr_card {border-radius:10px;}
    #information .another_title h1{font-size:25px;}
    #information .sc_another_sloution{padding:10% 0;}
    #information .anotehr_card_title{font-size:15px;}
    #information .anotehr_card-grid{max-width:95%; gap:10px; padding:0; grid-template-columns: repeat(5, 1fr);}
    #information .contact_banner{padding:10% 0;}
    #information .contact_msg{font-size:25px; margin-bottom: 5%;}
    #information .contact_btn{font-size:13px;}
    #information .guide_item_grid2{width:70%; gap:20px;}
    #information .guide_check_icon img{width:20px; height: 20px;}
    #information .guide_text2{font-size:16px;}
    #information .guide_item2 > img:last-of-type {height:70px;}
    #information .guide_item2{padding:10px 20px;}
    #information .sc_middle{width:90%; margin-top:20%; gap:30px;}
    #information .middle_text_wrap h1 {font-size:20px;}
    #information .middle_text_wrap p {font-size:15px;}
    #information .btn_more {font-size:13px;}
    #information #square_box{width:200px; height:180px;}
    #information .table_sub_title{font-size:16px; width: 50%; right: -5%;}
    #information .product-grid{width:90%;}
    #information .table-footer{width:90%;}
#information .product-grid2{width:90%;}
#information .product-grid3{width:90%;}


        #content_PC2{display: none;}
		#content_mobile2{display: block;}
        .modal-king .gwcns_modal2{left: 26.5%; top:40%; width: 70%;height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{font-size:15px; width: 35%; height:4rem; margin-top:0; margin-left: 0;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:12px;font-weight: bold; height:4rem;}
}
/*테블릿 세로 ipad Pro*/
@media screen and (min-width:1024px) and (max-width: 1365px) {
    #main .sc1_slide_btn.ye_10years{top:85%;}
    #main .footer ul.familysite img, #information .footer ul.familysite img{width:40%;}
    #main .index_section1{height:35rem;}
    #main .index_pagination1{top:85%;}
    #main .swiper-pagination-bullet{width:10px; height: 10px;}
    #main .swiper-pagination-bullet-active{width:30px;}
    #main .prev_btn1,#main .next_btn1{top:50%; width:3%; height:14%;}
    #main .sc1_slide_title{top:27%; font-size:25px;}
    #main .sc1_slide_content{top:40%; font-size:14px;}
    #main .sc1_slide_content_bold{top:40%; font-size:20px;}
    #main .sc1_slide_btn{top:65%; font-size:10px; width:10%; height: 8%;}
    #main .swiper_slide1 img{height:35rem;}
    #main .sc1_slide_video{height:35rem;}
    #main .sub_nav, #information .sub_nav2{height:6rem;}
    #main .sub_nav p,#information .sub_nav2 p{font-size:13px;}
    #main .sub_nav button, #information .sub_nav2 button{width:25%; font-size:13px;}
    #main #nav_btn2, #information #sub_btn2{display:flex; align-items: center;}
    #main #nav_btn2 img, #information #sub_btn2 img{width:25px; height: 20px;}
    #main .slide_title_container,#main .slide_title_container3{padding:2%;}
    #main .slide_title_container h3,#main .slide_title_container3 h3{font-size:15px;}
    #main .slide_title,#main .slide_title3,#information .slide_title8,#information .slide_title7, #information .slide_title9{margin:3% 5% 4% 5%;}
    #main .slide_title h2,#main .slide_title3 h2,#information .slide_title8 h2, #information .slide_title7 h2,#information .slide_title9 h2{font-size:12px;}
    #main .slide_title_container p, #main .slide_title_container3 p{font-size:9px;}
    #main .index_section2,#main .index_section3{height:350px;}
    #main .swiper_wrapper2,#main .swiper_wrapper3{height:350px;}
    #main .sc2_right_panel, #main .sc3_right_panel{height:350px;}
    #main .swiper_slide2 img{height:350px;}
    #main .index_section4{height:auto; padding-bottom:8%;}
    #main .ct4_img img{width:70%;}
    #main .swiper_slide4 img{width:45%; margin-left:5%}
    #main .sc4_slide_video{width:45%; margin-left:5%}
    #main .sc4_slide_title{top:1%; font-size:20px;}
    #main .sc4_slide_content{top:18%; width: 40%;  font-size:15px;}
    #main .ct4_font{width:60%;}
    #main .ct4_font p{font-size:15px;}
    #main .ct4_font h2{font-size:18px;}
    #main .ct4_font h1{font-size:40px;}
    #main .ct4_img{margin:10% 0 5% 2%;}
    #main .scroll_bar4{width:25%; top:80%; left:60%; margin-left: 0;}
    #main .prev_btn4{top:88%; width: 1%;}
    #main .next_btn4{top:88%; left:90%; width: 1%;}
    #main .slide-number{width:180%; top:76%; left:0;}
    #main .index_section5{height:700px;}
    #main .ct5_font{width:60%;}
    #main .ct5_font p{font-size:15px;}
    #main .ct5_font h2{font-size:18px;}
    #main .ct5_font h1{font-size:40px;}
    #main .sc5_icon{}
    #main .sc5_icon p{width:30%; font-size: 15px; top:28%; left: 70%;}
    #main .sc5_icon img{width:4%; top:24.5%; left: 65%;}
    #main .product_container5{height:35%;}
    #main .sc5_slide_title{font-size:20px;}
    #main .sc5_slide_content{font-size:15px;}
    #main .swiper_wrapper5{margin-left:10%;}
    #main .index_pagination5{top:90%; left:10%;}
    #main .swiper_slide5 img{height:50%;}
    #main .index_section6{height:630px;}
    #main .title_container6{padding:6% 5% 0 5%;}
    #main .ct6_font p{font-size:15px;}
    #main .ct6_font h2{font-size:25px;}
    #main .next_btn6{width:30px; height: 50px; top:13%;}
    #main .prev_btn6{width:30px; height: 50px; top:13%; left: 75%;}
    #main .swiper_slide6 > img{width:90%; height: auto;}
    #main .sc6_slide_title{font-size:16px;}
    #main .index_section7{height: auto; padding-bottom: 15%;}
    #main .title_container7{padding:10% 5% 0 5%; height: 20%;}
    #main .ct7_font{margin-bottom:5%;}
    #main .ct7_font h2{font-size:25px;}
    #main .sc7_slide_title{margin-bottom:5%;}
    #main .sc7_slide_title h1{font-size:17px;}
    #main .swiper_container7{width:70%; margin-bottom: 5%;}
    #main .swiper_slide7 img{width:100%; height: auto;}
    #main .sc7_btn{width:20%; height: 5rem; font-size: 15px;}
    #main .title_container7 h1{font-size:25px;}
    #main .title_container7 p{font-size:18px;}
    #main .title_container8{width:50%;}
    #main .title_container8 h1{font-size:25px;}
    #main .title_container8 p{font-size:18px;}
    #main .index_section8 img{width:auto;}
    #main #modal_call{height:670px;}
    #information #modal_call{height:670px;}
    #information ul.callback_form {height:auto;}     
    #information .product_title{font-size:17px;}
    #information .product_section1{height:30rem; background-size:cover;}
    #information .product_sc1 h2{font-size:25px; left:10%;}
    #information .product_sc1 p{font-size:15px; left:10%; top:59%;}
    #information .product_menu{flex-wrap: wrap;width:80%; position:static;}
    #information .product_menu button{font-size:15px; padding:1% 3%; border-radius: 6px;}
    #information .product_menu button.active{color:white;}
    #information .product_wrap p{font-size:14px;}
    #information .section_product{width:80%;}
    #information .common_section{height:30rem; background-size: cover;}
    #information .common_section h2{font-size:20px; width:100%;}
    #information .common_section2{height:30rem; background-size: cover;}
    #information .common_section2 h2{font-size:20px; width:100%;}    
    #information .common_title h2{font-size:25px;}
    #information .common_title h3{font-size:18px;}    
    #information .common_title p{font-size:15px;} 
    #information .sub_nav_care h2{margin:0 5% 0 5%; font-size:18px;}
    #information .sub_nav_care{height:6rem;}
    #information .sub_nav_care a{font-size:15px;}
    #information .nav_item{padding:20px;}
    #information .nav_item.underline::after{bottom:1%; z-index:5}
    #information .nav_item.underline1::after{bottom:1%; z-index:5}
    #information .product_video video{width:80%; height: auto;}
    #information .product_img{width:90%;}
    /*roomsystem*/
    #information .room_section1,#information .room_section2,#information .room_section3,#information .room_section4,#information .room_section5{padding-bottom:5%;}
    #information .room_table{width:90%;}
    #information .room_table td, #information .room_table tbody th{font-size:15px;}
    #information .room_content_wrap{width:90%;}
    #information .room_sc_content > p {font-size:13px;}
    /*speaker_*/
    #information .speaker_section1,#information .speaker_section2,#information .speaker_section3, #information .speaker_section4,#information .speaker_section5,#information .speaker_section6,#information .speaker_section7{padding-bottom:5%;}
    #information .speaker_sc2_content_wrap{width:90%;}
    #information .speaker_sc2_content h2{font-size:20px;}
    #information .speaker_sc2_content > p {font-size:14px;}
    #information .speaker_sc2_content2 {width:90%; padding: 2% 4%;}
    #information .speaker_sc2_content2 p{text-indent:-2%;}
    #information #spk_sc2_img{width:90%;}
    #information .speaker_sc3_btn_wrap{width:100%;}
    #information .speaker_sc3_btn_wrap button{padding:3% 4%; font-size:14px;}
    #information .spk_sc3_p {font-size:12px;}
    #information #spk_sc3_img img{width:90%;}
    #information .speaker_sc4_content h2{font-size:20px;}
    #information .speaker_sc4_content p{font-size:14px;}
    #information .speaker_sc5_content{width:40%;}
    #information .speaker_sc5_content img{width:85%; height: auto;}
    #information .speaker_sc6_content_wrap{width:90%; margin:0 auto;}
    #information .speaker_sc6_content img{width:80%; height: auto;}
    #information .speaker_sc6_h2 {margin-left:8%;}
    #information .speaker_sc6_content h2{font-size:20px;}
    #information .speaker_sc6_content p{font-size:14px;}
    /*display*/
    #information .display_sc0_p{width:70%;}
    #information .display_sc0_content img {width:40%;}
    #information .display_sc0_content2{width:75%;}
    #information .display_sc1_h2{font-size:20px;}
    #information .display_sc1_content_wrap{margin:0 5% 0 0; text-align: center;}
    #information .display_sc1_content_wrap p{font-size:15px;}
    #information .display_sc1_content {flex-direction:column;}
    #information .display_sc1_content img{margin:5% auto 0 auto; width:40%;}
    #information .display_sc2_content img{width:90%;}
    #information .display_sc3_content_wrap{width:55%;}
    #information .display_sc3_content_wrap h2{font-size:20px;}
    #information .display_sc3_content_wrap p{font-size:15px;}
    #information .display_sc3_content:nth-child(3) .prev_btn_display{width:30px; height: 30px; top:calc(50% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(3) .next_btn_display{width:30px; height: 30px; top:calc(50% - 10px); right:-1%;}
    #information .display_sc3_content:nth-child(2) .prev_btn_display{width:30px; height: 30px; top:calc(60% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(2) .next_btn_display{width:30px; height: 30px; top:calc(60% - 10px); right:-1%;}
    #information .display_sc3_content:nth-child(4) .prev_btn_display{width:30px; height: 30px; top:calc(55% - 10px); left:-1%;}
    #information .display_sc3_content:nth-child(4) .next_btn_display{width:30px; height: 30px; top:calc(55% - 10px); right:-1%;}
    #information .display_sc3_content .prev_btn_display::after, #information .display_sc3_content .next_btn_display::after {font-size:20px;}
    #information .display_sc4_content h2{font-size:25px;}
    #information .display_sc4_content p{font-size:15px; width:90%;}
    #information .display_sc4_content img{width:80%;}
    #information .swiper-container_display2{width:80%; height: auto;}
    #information .swiper-container_display2 .swiper-slide_display img{width:100%;}
    #information .pagination_display{display:none;}
    #information .pagination_display2{display:block; top:85%;}
    #information .display_section4{height:auto; padding-bottom:5%;}
    /*care*/
    #information .care_section1{height:30rem; background-size: cover;}
    #information .care_section1 h2{font-size:25px; width:90%; left:10%;}
    #information .care_section1 p{font-size:15px; width:90%; left:10%;}
    #information .care_section2{height:auto; padding-bottom: 5%;}
    #information .care_sc2_content{margin-left:10%;}
    #information .care_sc2_content h2{font-size:25px;}
    #information .care_sc2_content p{font-size:15px;}
    #information .care_sc2_img img:nth-child(1) {top:10%; left:4%; width:4%;}
    #information .care_sc2_img img:nth-child(2) {top:55%; left:90%; width:4%;}
    #information .care_section3 img{width:100%;}
    #information .care_section4,#information .care_section5,#information .care_section6{height:auto; padding-bottom: 10%;}
    #information .care_sc4_title{width:70%; height: 5rem;}
    #information .care_sc4_title p{font-size:20px;}
    #information .care_sc4_content1_wrap{width:85%; margin: 0 auto;}
    #information .care_sc4_content1_wrap h2{top:25%; font-size:30px;} 
    #information .care_sc4_content1_wrap p{top:50%; font-size:13px;} 
    #information .care_sc4_content1 > img {width:85%;}
    #information .care_sc4_content2 p{font-size:15px;}
    #information .sc4_img_wrap img:nth-child(1) {top:46%; left:3%; width:12%;}
    #information .sc4_img_wrap img:nth-child(2) {top:68%; right:3%; width:20%;}
    #information .care_section5 img{width:95%;}
    #information .care_section7 img{width:20%;}
    #information .care_sc6_title{margin-left:5%;}
    #information .care_sc6_title h2{font-size:25px;}
    #information .care_sc6_title p{font-size:15px;}
    #information .care_sc6_content {margin-top:5%;}
    #information .care_sc6_content p{margin-left:5%;}
    #information .care_sc7_content h2{font-size:25px;}
    #information .care_sc7_content{margin:0 1%;}
    /*pineapple*/
    #information .pa_section1{height:30rem; background-size: cover;}
    #information .pa_section1 h2{font-size:25px; left:73%;}
    #information .pa_section1 p{font-size:15px; left: 55%; top:57%;}
    #information .pa_section2{height:auto; padding-bottom: 5%;}
    #information .pa_sc2_content1 img{width:8%; height: auto;}
    #information .pa_sc2_content1 img:nth-child(2){width:10%; height: auto;}
    #information .content2_wrap p{font-size:14px;}
    #information .content2_wrap:nth-child(1){width:32%; margin-right: 1%; margin-left: 2%;}
    #information .content2_wrap:nth-child(2){width:20%;}
    #information .content2_wrap:nth-child(3){width:30%; padding-left: 0;}
    #information .pa_sc3_content{width:90%;}
    #information .sc3_text_wrap{margin-left:5%;}
    #information .pa_sc3_link {margin-left:39%;}
    #information .sc3_text_wrap .content_title{margin-right:10%;}
    #information .pa_section3 .sc3_img_wrap img:nth-child(1){left:69%; top:10%; width:30%;}
    #information .pa_section3 .sc3_img_wrap img:nth-child(2){left:3%; top:60%; width:55%;}
    #information .pa_section4 h2{font-size:25px;}
    #information .pa_section4 {height:auto; padding:5% 0;}
    /*company*/
    #information .cp_section1{height:30rem; background-size: cover;}
    #information .cp_section1 h2{font-size:20px; width:100%; text-align: center;}
    #information .cp_section2,#information .cp_section3,#information .cp_section4{padding-left:5%;}
    #information .cp_sc_title{font-size:25px; width:50%;}
    #information .cp_sc2_btn{width:35%; height: 5rem;}
    #information .cp_sc2_btn p{font-size:15px;}
    #information .cp_section4 img{width:40%; margin-left: 3%;}
    /*history*/
    #information .his_title{font-size:25px;}
    #information .his_section2{padding-left:2%;}
    #information .his_section2 img{width:20%; margin-right: 2%;}
    #information .his_sc2_textwrap h2,#information .his_sc3_textwrap h2,#information .his_sc4_textwrap h2,#information .his_sc5_textwrap h2{font-size:25px;}
    #information .his_sc2_textwrap p,#information .his_sc3_textwrap p,#information .his_sc4_textwrap p,#information .his_sc5_textwrap p{font-size:15px; margin:1%;}
    /*org_chart*/
    #information .org_chart img{width:70%;}
    /*고객지원*/
    #information .customer_section{height:30rem; background-size: cover;}
    #information .customer_section h2{font-size:20px; width:100%; text-align: center;}
    #information #subnav_customer h2{margin:0 4% 0 4%; font-size:18px;}
    #information #subnav_customer{height:6rem;}
    #information #subnav_customer a{font-size:12px;}
    #information #subnav_customer .nav_item.underline::after{bottom:-1%;}
    #information #subnav_customer .nav_item.underline1::after{bottom:-1%;}
    /*buyinfo*/
    #information .buyinfo_wrap_parents{width:95%;}
    #information .buyinfo_step_content{top:18%;}
    #information .buyinfo_wrap_parents .buyinfo_wrap:nth-child(4) .buyinfo_step_content{top:8%;}
    #information .buyinfo_step_content > img {width:18%;}
    #information .buyinfo_step_content h2{font-size:12px;}
    #information .buyinfo_step_content p{font-size:7.5px;}
    #information .buyinfo_section3 > img{width:100%;}
    #information .buyinfo_step_content2 {font-size:6px; top:80%;}
    #information .buyinfo_sc3_content_wrap{align-items:center;}
    #information .buyinfo_sc3_content_wrap img{width:45%;}
    #information .buyinfo_sc3_content_wrap:nth-child(n+2) img{width:45%; height:30%;}
    #information .buyinfo_sc3_content{width:50%;}
    #information .buyinfo_sc3_content h2{font-size:25px;}
    #information .buyinfo_sc3_content h4{font-size:15px;}
    #information .buyinfo_sc3_content h3{font-size:12px;}
    #information .buyinfo_sc3_content2 p{font-size:15px;}
    #information .buyinfo_sc3_btn button{height:5rem; font-size:14px;}
    /*dataroom*/
    #information .dataroom_section1{height:30rem; background-size: cover;}
    #information .dataroom_section1 h2{font-size:20px; width:100%; text-align: center;}
    #information .data_search{width:25%; top:65%;}
    #information #searchInput{height:4rem; padding:0 20%; font-size:12px;}
    #information Input::placeholder{font-size:12px;}
    #information .data_search img{width:20px; left:21rem; top:-1rem;}
    #information .sc2_category{width:30%; margin:1% 5% 5% 3%;}
    #information .header_category{font-size:17px; display:flex; align-items: center; margin:10% 0;}
    #information .sub_category{}
    #information .sub_category h3.bold{font-size:14px;}
    #information .sub_category h3{font-size:14px;}
    #information .category_icon{font-size:18px;}
    #information .sc2_data{width:60%;}
    #information .sc2_data h2{padding-bottom:10px; margin:0 0 10px 0; color: #207dff; font-size:17px;}
    #information .data_btns{display:flex; margin-bottom:10%;}
    #information .data_btns a.button{width:auto; height:25px; display: flex; justify-content: center; align-items: center; font-size:12px; border-radius:10px; } 
    #information .header_data{font-size:15px;}
    #information .data_lists .subject{font-size:14px;}
    #information .row{justify-content:space-between;}
    #information .row > * {padding-left:0;}
    #information .data_lists .link{width:18px;}
    #information .col-2{display:none;}
    #information .search_list {width:90%; margin:0 auto;}
    #information .search_type{display:flex; justify-content: center;}
    #information .search_type a.button {display:flex;align-items: center; height: 35px; margin-right:1px; font-size:12px; padding:0 15px; margin:0 1%;}
    #information .data_lists .search_header p{font-size:20px;}
            /*제품상세페이지 - uvc860*/
        #information .product_section_gray{padding-bottom:5%;}
        #information .product_section_darkgray{padding-bottom:5%;}
        #information .product_section_white{padding-bottom:5%;}
        #information .product_section_black{padding-top:5%; padding-bottom:5%;}    
        #information .product_link{height:6rem; padding-left:10%;}
        #information .product_link > img{width:3%;}
        #information .product_link p{font-size:14px;}
        #information .common_title{width:100%; margin:5% 0 4% 0;}
        #information .common_title h2{font-size:30px; margin-bottom: 2%;}
        #information .common_title p{font-size:20px; width:95%; margin:0 auto;}
        #information .common_title2{width:100%; margin:5% 0 4% 0;}
        #information .common_title2 h2{font-size:30px; margin-bottom: 2%;}
        #information .common_title2 p{font-size:20px; width:95%; margin:0 auto;}
        #information .common_title3{width:100%; margin:5% 0 4% 0;}
        #information .common_title3 h2{font-size:30px; margin-bottom: 2%;}
        #information .common_title3 p{font-size:20px; width:95%; margin:0 auto;}
        #information .uvc860_table{width:90%;}
        #information .uvc860_thead th{font-size:20px; height:3rem;}
        #information .uvc860_table td{font-size:18px; }
        #information .table th{font-size:20px;}
        #information .uvc860_video video{width:80%; height:400px;}
        #information .uvc860_sc3_content{gap:0; justify-content:space-around; margin:5% 0;}
        #information .p_wrap_860{width:90%; margin-left:5%;}
        #information .uvc860_sc3_content_text{width:50%;}
        #information .uvc860_sc3_content_text img{width:100%;}
        #information .uvc860_sc3_content_text p{width:100%; font-size:13px; left:55%;text-indent: -3%;}
        #information .uvc860_sc3_content h2{font-size:15px;}
        #information .product_video video{width:80%; height: 400px;}
        #information .room_device_slide{padding-top:5%; height:55rem;}
        #information .room_device_slide p{font-size:13.5px;}
        #information .swiper_slide_roomdevice{width:calc(50%-10px);}
        #information .swiper_slide_roomdevice > h2 {font-size:15px; margin-top:5%;}
        #information .room_device_left h2{font-size:25px; margin-left: 10%; margin-top: 7%;}
        #information .room_device_left button{width:25%; height:4rem; margin-top:1%;  font-size:14px; margin-left: 10%;}
        #information .room_device_right > h2 {font-size:25px; font-weight: 600;}
        #information .room_device_left img{width:80%; margin-left:10%;}
        #information .right_text{width:95%; height:35%;}
        #information .next_btn_roomdevice{top:90%; left:80%; width:55px; height:55px;}
        #information .prev_btn_roomdevice{top:90%; left:65%; width:55px; height:55px;}s
        #information .product_section_white .common_title.title_link{width:42%; height:6rem; margin-bottom: 5%;margin: 5% auto 5% auto;}
        #information .title_link h2{font-size:20px; margin-bottom:0;}
        #information .product_call p{font-size:17px;}
        #information .product_call{margin-bottom:1%;}
        #information .install_next{right:7%;}
        #information .install_prev{left:7%;}
        /*840*/
        #information .camera_84 img{width:30%;}
        /*avhub*/
        #information .product_img{width:90%;}
        #information .avhub_table{width:90%;}
        #information .avhub_thead{height:4rem;}
        #information .avhub_table .avhub_table_content th{font-size:11px;}
        #information .avhub_table th{font-size:14px;}
        #information .avhub_thead2{height:4rem;}
        #information .avhub_table_content2 th{font-size:11px;}
        /*meetingboard65*/
    #information .intro_left{margin-left:0;}
    #information .intro_thumbnails{margin: 5% 0 5% 5%;}
    #information .intro_thumbnails img{width:130px;}
    #information .intro_left{width:60%;}
    #information .product_intro{height:40rem; padding:0; display: flex; align-items: center;}
    #information .intro_slide img{width:80%;}
    #information .intro_title h2{font-size:23px;}
    #information .intro_title p{font-size:14px;}
    #information .intro_content{ margin: 5% 0; width:95%; font-size:}
    #information .intro_content p{font-size:15px;}
    #information .intro_right button{width:30%; height:4rem; font-size:14px; margin-top: 5%;}
    #information .mb_sc1{height:20rem; background-size: cover; background-position: center;}
    #information .mb_left .mb_text img{width:17px; height: 15px;}
    #information .mb_text p{font-size:10px;}
    #information .product_content .mb_left{padding-left:5%; width:70%;}
    #information .mee600_wrap img{max-height:150px;}
    #information .product_content_text4 h2{font-size:25px;}
    #information .product_content_text4 p{font-size:20px;}
    #information .product_content_text3 h2{font-size:25px;}
    #information .product_content_text3 p{font-size:20px;}
    #information .product_content_text2 h2{font-size:25px;}
    #information .product_content_text2 p{font-size:20px;}
    #information .product_content_text1 h2{font-size:25px;}
    #information .product_content_text1 p{font-size:20px;}
    #information .product_content_wrap{margin-bottom:5%;}
    #information .mb_sc2 .mb_right img{width:95%; min-height: 180px;}
    #information .mb_right{padding-left:0;}
    #information .product_content .mb_right img{width:50%;}
    #information .mb_left2{padding-left:1%;}
    #information .mb_sc3 .left_content img {width:100%;}
    #information .mb_sc3 .mb_right img {width:100%;}
    #information .mb_content{width:90%;}
    #information .mb_itemlist h1{font-size:27px;}
    #information .mb_itemlist h3{font-size:20px;}
    #information .mb_itemlist h4{font-size:20px;}
    .spec > ul.description-list{padding:0 5%;}
    
    /*a30*/
    #information .left_content{padding-left:2%;}
    #information .right_content video{width:90%;}
    #information .product_content_wrap img{width:45%; margin-left:2%; max-height:250px;}
    /*a10*/
    #information .product_content_text2{width:50%;}
    #information .product_content_a10 img{width:30%;}
    /*uvc40*/
    #information .uvc40_wrap img{min-height:100px;}
    #information .uvc40_wrap2{width:90%;}
    #information .uvc40_wrap2_content h2{font-size:14px;}
    #information .uvc40_img img{width:70%;}
    /*Mee500*/
    #information .Mee500_img{width:100%;}
    /*mee600*/
    #information .Mee600_img img{width:70%; margin:0 auto;}
    #information .Mee600_img{width:90%; display: flex;}
    #information .mee600_wrap img{width:90%; margin-left:2%;}
    #information .right_content img{width:80%;}
    #information .left_content{margin-right:0;}
    #information .product_content_wrap2{margin:5% 0 5% 0;}
    #information .content_margin{margin-bottom:5%;}
    /*uvc86*/
    #information .uvc86_img{width:80%; display:flex; justify-content: center;}
    #information .uvc86_img img{width:70%; }
    #information #uvc86_left{margin-left:5%;}
    /*uvc30*/
    #information .uvc30_sc1{height:300px; background-size:cover; background-position: center;}
    #information .uvc30_sc1 h2{font-size:12px;}
    /*vcm34*/
    #information .vcm34_img{width:65%;}
    /*vcm36-w*/
    #information .vcm36-w_sc1{height:300px; background-size:cover; background-position: center;}
    #information .vcm36_text_wrap{margin-top:10%;}
    #information .vcm36_text_wrap h2{font-size:20px;}
    #information .vcm36_text_wrap p{font-size:13px;}
    #information .vcm36_text_wrap2 h2{font-size:20px;}
    #information .vcm36_text_wrap2 p{width:90%; font-size:13px; text-align: center; margin:0 auto;}
    #information .vcm36-w_sc2{height:300px; background-size:cover; background-position: center;}
    /*cm20*/
    #information #next_cm20 {right:2%;}
    #information #prev_cm20 {left:2%;}
    /*cs10*/
    #information .cs10_wrap img{width:80%; height:150px;}
    /*cp960*/
    #information .cp960_sc1{height:250px; background-size:cover; background-position: center;}
    #information .cp960_text_wrap{margin-top:10%;}
    #information .cp960_text_wrap h2{font-size:30px;}
    #information .cp960_text_wrap p{font-size:15px;}
    #information .cp960_sc2{height:150px; background-size:cover; background-position: center;}
    /*cp965*/
    #information #cp965_text p{margin-left:5%;}
    #information .product_img_cp965 img{width:75%;}
    /*cp900*/
    #information .cp900_sc1{height:200px; background-size:cover; background-position: center;}
    #information .cp900_text_wrap{}
    #information .cp900_text_wrap h2,#information .cp900_text_wrap1 h2,#information .cp900_text_wrap2 h2{font-size:25px;}
    #information .cp900_text_wrap p,#information .cp900_text_wrap1 p,#information .cp900_text_wrap2 p{font-size:20px;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:300px; background-size:cover; background-position: center;}
    /*mspeech*/
    #information .product_content_wrap{}
    #information .mee600_wrap{margin-bottom:5%;}
    /*roomcast*/
    #information .roomcast_sc1{height:350px; background-size:cover; background-position: center;}
    #information .roomcast_img img{width:70%;}
    #information .roomcast_img2 img{width:100%;}
    #information .roomcast_text_wrap h2{font-size:20px;}
    #information .roomcast_text_wrap p{font-size:13px;}
    #information .left_content img{width:80%;}
    #information #roomcast_left{margin-left:5%;}
    #information .roomcast_text_wrap{margin-left:5%;}
    /*roompanel*/
    #information .roompanel_sc1{height:450px; background-size:cover; background-position: center;}
    #information .roompanel_sc1 img{width:65%;}
    #information .roompanel_text_wrap h2,#information .roompanel_text_wrap2 h2{font-size:30px;}
    #information .roompanel_text_wrap p,#information .roompanel_text_wrap2 p{font-size:13px;}
    #information .roompanel_sc2{height:450px; background-size:cover; background-position: center;}
    #information #panel_right img{width:50%;}
    /*roomsensor*/
    #information .roomsensor_sc1,#information .roomsensor_sc2,#information .roomsensor_sc3{height:450px; background-size:cover; background-position: center;}
    #information .roomsensor_wrap{margin-top:5%;}
    #information .roomsensor_text_wrap{margin-right:50%;}
    #information .roomsensor_text_wrap1{margin-right:40%;}
    #information .roomsensor_text_wrap h2,#information .roomsensor_text_wrap1 h2,#information .roomsensor_text_wrap2 h2{font-size:30px;}
    #information .roomsensor_text_wrap p,#information .roomsensor_text_wrap1 p,#information .roomsensor_text_wrap2 p{font-size:15px;}
    #information .roomsensor_img2 img{width:80%;}
    #information .roomsensor_img2{display:flex; justify-content: center;}
    #information #roomsensor_h2 h2{font-size:30px;}
    /*wpp30*/
    #information .wpp30_sc1,#information .wpp30_sc2{height:450px; background-size:cover; background-position: center;}
    #information #wpp30_text{margin-right:0; width:80%;}
    #information #wpp30_text img{width:60%;}
    #information #wpp30_text h2,#information #wpp30_text p{margin-bottom:2%;}
    #information .wpp30_sc4{width:90%; display:flex; justify-content: center;}
    #information .wpp30_sc4_content{width:100%; margin:0 2%;}
    #information .wpp30_sc4_content img{width:180px; height: auto;}
    #information .wpp30_sc4_content h2{font-size:15px;}
    #information .wpp30_sc4_content p{width:100%; font-size:12px;}
    /*wpp20*/
    #information .wpp20_img img{width:100%;}
    /*ctp18_20*/
    #information .ctp_img img{width:100%;}
    /*vch51*/
    #information .vch51_img img{width:100%;}
    /*UVC85-BYOD */
    #information .uvc85-byod_sc3 img{width:100%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:30px;}
    #information .uvc85-byod_text_wrap1 p{font-size:20px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:30px;}
    #information .uvc85-byod_text_wrap2 p{font-size:20px; width:90%;}
    #information .uvc85-byod_sc1{height:500px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:650px;}
     /*wireless*/
    #information .common_title img{width:5%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:15px;}
    #information .index_section2,information .index_section3{height:450px;}
    #information .swiper_wrapper2,#information .swiper_wrapper3{height:450px;}
    #information .sc2_right_panel, #information .sc3_right_panel{height:450px;}
    #information .swiper_slide2 img{height:450px;}
    #information .slide_title8, #information .slide_title7,#information .slide_title9{margin:5% 5% 4% 5%;}
    #information .slide_title8 h2, #information .slide_title7 h2,#information .slide_title9 h2{font-size:18px;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container p,  #information .slide_title_container3 p{font-size:15px;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:20px; margin-top:5%;}
    #information .panel_text,#information .panel_text2 {width:30%}
    #information .panel_text p,#information .panel_text2 p{font-size:16px;}
       /*a40*/
    #information .mic_guide_wrap{width:90%;} 
    #information .mic_title1_2, #information .mic_title2_2 {width:25%; font-size:20px;}
    #information .mic_img img{width:70%;}
        /*esg*/
    #main .esg_img{height:400px;}
    #main .esg_font{top:45%;}
    #main .esg_img_container h2 {font-size:30px;}
    #main .esg_img_container p {font-size:19px;}
    #main #esg_title{height:20%; padding:0 5% 0 5%;}
    #main #sc_esg{padding:5% 0 0 0; height:550px;}     
    #information .env_font{width:100%; margin-bottom:5%; }
    #information .env_section_gray, #information .env_section_white, #information .env_section_color { height: 500px;}
    #information .env_btn2 button{margin:0 5px 0 0;}
    #information .esg_section1, #information .esg_section2{height:30rem; background-size: cover;}
    #information .esg_section1 p, #information .esg_section2 p{width:100%; text-align: center;}
    #information .esg_inquiry1{height:300px; background-size: cover;}
    #information .esg_inquiry1 button{padding:1.5%;}
    #information .esg_inquiry1 h2{margin-bottom:2%;}
     /*uvc85*/
    #information .uvc85_sc1{height:550px; background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
    /*uvc40 e2*/
    #information .uvc40-e2_sc1{height: 600px;}
    /*ctp25*/
    #information #ctp25_img{width:70%;}
     /*cp50*/
    #information .cp50_sc1{height:450px; background-size: cover;}
    #information .cp50_sc1 h2{font-size:40px;}
    #information .cp50_sc1 p{font-size:25px;}
    #information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:30px;}
    #information .cp50_sc2 p,#information .cp50_sc3 p,#information .cp50_sc4 p{font-size:18px;}
    #information .cp50_sc2{height:600px; background-size: cover; background-position: bottom;}
    #information .cp50_text_wrap2 img{width:75%;}
    #information .cp50_text_wrap3{margin-top:10%;}
    #information .cp50_sc3{height:550px; background-size: cover; background-position: bottom;}
    #information .cp50_sc4{height:450px; background-size: cover; background-position: right;}
    /*cpe40*/
    #information .cpe40_sc1{height:450px; background-size: cover;}
    #information .cpe40_sc1 h2{font-size:40px;}
    #information .cpe40_sc1 p{font-size:25px;}
    /*yalink!*/
    #information .yealink_section1{height:65vh;}
    #information .yealink_section1 img:nth-child(1){width:25%;}
    #information .yealink_section1 img:nth-child(4){width:45%;}
    #information .yealink_section1 h2{font-size:60px; line-height:65px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:30px; line-height:50px; margin-bottom: 5%;}
    #information .timeline-title{padding:10% 0;}
    #information .timeline-inner img{width:85%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:45px;}
    #information .yealink_section3 {height:65vh; background-size: cover;}
    #information .yealink_section3 img {width:75%;}
    #information .yealink_section4 {height:60vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:55vh;}
    #information .yealink_sc5_slider {border-radius: 10px; max-width: 80vw;}
    #information .yealink_sc6_wrap h2{font-size:35px;}
    #information .yealink_sc6_wrap p{font-size:20px;}  
    #information .yealink_section6 {height:48vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:75%;}
    /*roompanel e2*/
    #information .roompanel_e2_sc1{height:auto; padding-top: 10%; padding-left:8%; padding-bottom: 5%;}
    #information .roompanel_e2_sc1 h2{font-size:35px;}
    #information .roompanel_e2_sc1 p{font-size:20px;}
    #information .roompanel_e2_sc1 img{width:50%;}
    /*cm50*/
    #information .cm50_sc1{height:500px;}
    #information .cm50_sc2 img{width:60%;}
    #information .cm50_sc2 video{width:80%;}
    #information #sc_cm50 video{width:80%;}
    #information .intro_pagination{display: none;}
    #information .step-block.active .step-title{font-size:25px;}
    #information .step-title{padding-left:20px; font-size:20px;}
    #information .step-desc{font-size:15px; width:100%;}
    #information .cm50_sc3_wrap{gap:5px; padding: 0 3%;}
    #information .cm50_sc3_steps{width:auto;}
    #information .cm50_sc3_detail img{width:90%; margin-top:0; margin-left: 5%;}
    /*sv80*/
    #information #sv80_sc1{height:30vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:40px;}
    #information .sv80_text_wrap p{font-size:20px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;} 
    /*meetingboard C*/
    #information #mb_c_bg_1{height:60vh;}
    #information #mb_c_panels{width:90%;}
    #information #mb_c_tabs .tab {font-size: 12px;}
    #information #mb_c_tabs .tab.is-active {font-size: 15px;}
    #information #mb_c_content_wrap, #information #mb_c_content_wrap2{margin-bottom:0; }
    #information #mb_c_content_wrap img{max-height: none;}
    #information #mb_c_wrap img,#information #mb_c_wrap2 img{width:70%;}
    #information #mb_c_bg_3{height:50vh;}
    #information #mb_c_bg_4{height:70vh;}
    /*ap08*/
    #information .ap08_sc1{height:500px;}
    /*a50*/
    #information #a50_sc1{height:600px;}
    #information #a50_title{margin:27% 0 0 0;}
    #information #a50_title h2{margin-bottom:0; font-size:60px;}
    #information #a50_title p{font-size:30px;}
    #information #a50_sc2{height:600px;}
    /*uvc860pro*/
    #information .gray_shape_title{font-size:16px;}
    #information .blue_shape_title{font-size:16px;}
    #information .uvc860pro_sc1_title h2 {font-size:25px;}
    #information .uvc860pro_sc1_title p {font-size:16px;}
    #information #uvc860pro_sc0_title{margin:10% 0 10% 0;}
    #information .uvc860pro_wrap_1{margin-bottom:12%;}
            /*mc10*/
    #information .mc10_sc1{height:500px; padding-bottom: 18%;}
    #information .reveal-content h2{font-size:40px;}
    #information .reveal-content p{font-size:15px;}
    #information .content-wrapper{gap:40px;}
    #information .card img{height:300px;}
    #information .applications{padding:5%;}
    #information .image-box{height:350px;}
    #information .text_box h3{font-size:30px;}
    #information #tab-desc{width:100%; font-size:16px;}
       /*ma600d*/
    #information .ma600d_sc1 video{height:40vh;}
        /*sub*/
    #information .intro_container2{max-width:90%; padding: 5% 2% 10%;}
    #information .intro_header{margin-top:20%; margin-bottom: 15%;}
    #information .intro_header h1{font-size:4.7rem;}
    #information .intro_header p{font-size:3rem;}
    #information .card-grid{grid-template-columns:repeat(2, 1fr); gap:30px;}
    #information .intro_card{border-radius:10px;}
    #information .card_title{font-size:30px;}
    #information .sc_sub_title{width:90%;}
    #information .sub_title{font-size:35px;}
    #information .link_list{font-size:20px;}
    #information .sc_sub_title{margin:5% auto 12%;}
    #information .guide_title{font-size:30px; margin-bottom:8%;}
    #information .guide_item_grid{gap:10px;}
    #information .circle_box{width:220px; height:220px;}
    #information .guide_text{bottom:20%; font-size:20px; text-shadow:0 1px 2px rgba(0,0,0,0.8);}
    #information .tab_btn2{width:40%; padding:2% 3%; border-radius:5px; font-size:20px;}
    #information .main_img {width:90%; height:500px;}
    #information .feature_info_bar{width:90%; font-size:16px; gap:2%;}
    #information .check_icon img{width:10px; height: 10px;}
    #information .feature_item{padding:8px;}
    #information .table_title{font-size:30px;}
    #information .sc_table{margin:12% 0;} 
    #information .product-table{width:90%;}
    #information .table-header{font-size:16px;}
    #information .table-row{min-height:20px;}
    #information .col-features li{font-size:15px;}
    #information .table-row .col-size{font-size:16px;}
    #information .col-product-name .sub-text{font-size:14px;}
    #information .col-product-name strong{font-size:17px;}
    #information .table-row .col-product-list{justify-content: space-between;}
    #information .prod-img{width:100px;}
    #information .table-row .col-mic{font-size:16px;}
    #information .col-features{padding:10px;}
    #information .col-features ul {grid-template-columns:1fr;}
    #information .col-brand img{width:100%;}
    #information .btn-view-all{font-size:15px;}
    #information .anotehr_card {border-radius:10px;}
    #information .another_title h1{font-size:30px;}
    #information .sc_another_sloution{padding:10% 0;}
    #information .anotehr_card_title{font-size:17px;}
    #information .anotehr_card-grid{max-width:95%; gap:10px; padding:0; grid-template-columns: repeat(5, 1fr);}
    #information .contact_banner{padding:10% 0;}
    #information .contact_msg{font-size:30px; margin-bottom: 5%;}
    #information .contact_btn{font-size:16px;}
    #information .guide_item_grid2{width:70%; gap:20px;}
    #information .guide_check_icon img{width:30px; height:30px;}
    #information .guide_text2{font-size:20px;}
    #information .guide_item2 > img:last-of-type {height:100px;}
    #information .guide_item2{padding:10px 20px;}
    #information .sc_middle{width:90%; margin-top:20%; gap:30px;}
    #information .middle_text_wrap h1 {font-size:30px;}
    #information .middle_text_wrap p {font-size:17px;}
    #information .btn_more {font-size:16px;}
    #information #square_box{width:270px; height:240px;}
    #information .table_sub_title{font-size:16px; width: 50%; right: -5%;}
    #information .product-grid{width:90%;}
    #information .table-footer{width:90%;}
 #information .product-grid2{width:90%;}
   #information .product-grid3{width:90%;}

        #content_PC2{display: none;}
		#content_mobile2{display: block;}	
        .modal-king .gwcns_modal2{left: 26.5%; top:40%; width: 70%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{font-size:20px; width: 35%; height:5rem; margin-top:0; margin-left: 0;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:20px;font-weight: bold; height:6rem;}
}
/*테블릿 세로 ipad Pro*/
@media screen and (min-width:1024px) and (max-width: 1365px) and (min-height:1366px) {
   
}
/*테블릿 가로 iPad Pro*/
@media screen and (min-width:1366px ) and (max-width: 1366px) and (max-height: 1024px) {
#main .header .topmenu > ul > li{margin-right:3rem;}
#information .header .topmenu > ul > li{margin-right:3rem;}
#main .sc1_slide_btn.ye_10years{top:80%;}
    #main .index_section1{height:59rem;}
    #main .sc1_slide_title{top:30%;}
    #main .sc1_slide_content{top:40%;}
    #main .sc1_slide_content_bold{top:40%;}
    #main .slide_title h2,#main .slide_title3 h2,#information .slide_title8 h2,#information .slide_title7 h2, #information .slide_title9 h2{font-size:23px;}
    #main .slide_title_container p,#main .slide_title_container3 p {font-size:17px;}
    #main .sc1_slide_btn{top:58%;}
    #main .sc1_slide_video{height:auto;}
    #main .index_section2,#main .index_section3{height:700px;}
    #main .swiper_wrapper2,#main .swiper_wrapper3{height:700px;}
    #main .sc2_right_panel, #main .sc3_right_panel{height:700px;}
    #main .swiper_slide2{height:700px;}
    #main .swiper_slide2 img{height:700px;}
    #main .index_section4{height:800px;}
    #main .sc4_slide_title{top:14%;}
    #main .sc4_slide_content{top:29%;}
    #main .prev_btn4, #main .next_btn4{top:72.5%;}
    #main .sc5_icon p{width:15%;}
    #main .swiper_slide6 img{width:auto;}
    #main .swiper_slide7 img{width:50%;}
    #main .title_container8{width:40%;}
    #information #modal_call{height:750px;}
    #information ul.callback_form {height:auto;}     
    #information .care_section1{background-size:cover; background-position: bottom;}
    #information .care_sc4_title p{font-size:22px;}
    #information .buyinfo_step_content h2{font-size:18px;}
    #information .buyinfo_step_content p{font-size:12px;}
    #information .buyinfo_step_content2{top:78%; font-size:12px;}
    #information .buyinfo_step_content{top:16%;}
    #information .buyinfo_wrap:nth-child(4) .buyinfo_step_content{top:14%;}
    #information .data_search img{left:26rem;}
    #information .product_menu{width:80%;}
    #information .common_title h2{font-size:30px;}
    #information .uvc860_table {width:70%;}
    #information .mb_sc1{height:30rem; background-size: cover;}
    #information .mb_left{padding-left:8%;}
    #information .mb_sc2 img{width:90%;}
    #information .intro_title h2{font-size:28px;}
    #information .intro_title p{font-size:16px;}
    #information .intro_content p {font-size:16px;}
    #information .vcm36-w_sc2 {height:600px; background-size: cover;}
    #information #next_cm20{right:11%;}
    #information #prev_cm20{left:11%;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:700px; background-size:cover;}
    #information #roomcast_left{padding-left:10%;}
    #information .roomcast_img{width:40%;}
    #information .roomcast_img2{width:50%;}
    #information .roomsensor_img2{display:flex; justify-content: center;}
    #information .ctp_img {display:flex; justify-content: center;}
    #information .ctp_img img{width:90%;}
        /*UVC85-BYOD */
    #information .product_img {width:80%;}
    #information .uvc85-byod_sc3 img{width:80%;}
    #information .uvc85-byod_text_wrap1{margin-top:5%; margin-left:2%;}
    #information .uvc85-byod_text_wrap1 h2{font-size:30px;}
    #information .uvc85-byod_text_wrap1 p{font-size:20px;}
    #information .uvc85-byod_text_wrap2 h2{font-size:30px;}
    #information .uvc85-byod_text_wrap2 p{font-size:20px; width:60%;}
    #information .uvc85-byod_sc1{height:600px; background-position: right;}
    #information .uvc85-byod_sc2, #information .uvc85-byod_sc3 {height:750px;}
    /*display*/
    #information .display_sc0_p{width:70%;}
    #information .display_sc0_content img {width:35%;}
    #information .display_sc0_content2{width:75%;}
    #information .display_sc1_h2{font-size:20px;}
     /*wireless*/
    #information .common_section2{background-position:center;}
    #information .common_title img{width:5%}
    #information #wireless_thead{width:90%;}
    #information .table_th img{width:100%;}
    #information .table_th p{font-size:15px;}
    #information .index_section2,information .index_section3{height:600px;}
    #information .swiper_wrapper2,#information .swiper_wrapper3{height:600px;}
    #information .sc2_right_panel, #information .sc3_right_panel{height:600px;}
    #information .swiper_slide2 img{height:600px;}
    #information .slide_title8, #information .slide_title7,#information .slide_title9{margin:7% 5% 4% 5%;}
    #information .slide_title8 h2, #information .slide_title7 h2,#information .slide_title9 h2{font-size:20px;}
    #information .slide_title_container,  #information .slide_title_container3{padding:0;}
    #information .slide_title_container p,  #information .slide_title_container3 p{font-size:18px;}
    #information .slide_title_container h4, #information .slide_title_container3 h4 {font-size:25px; margin-top:5%;}
    #information .panel_text,#information .panel_text2 {width:30%}
    #information .panel_text p,#information .panel_text2 p{font-size:16px;}
            /*uvc85*/
    #information .uvc85_sc1{height:600px; background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0;}
            /*ctp25*/
    #information #ctp25_img{width:70%;}
    /*cp50*/
    #information .cp50_sc1{height:600px; background-size: cover;}
    #information .cp50_sc2{height:750px; background-size: cover;}
    #information .cp50_sc4{height:640px; background-size: contain;}
    #information .left_content{padding-left:1%;}
    #information .right_content img{width:100%;}
    /*cpe40*/
    #information .cpe40_sc1{height:600px; background-size: cover;}
                    /*yalink!*/
    #information .yealink_section1{height:100vh;}
    #information .yealink_section1 img:nth-child(1){width:20%;}
    #information .yealink_section1 img:nth-child(4){width:35%;}
    #information .yealink_section1 h2{font-size:60px; line-height:65px; margin:5% 0 3% 0;}
    #information .yealink_section1 p{font-size:30px; line-height:50px; margin-bottom: 5%;}
    #information .timeline-title{padding:7% 0;}
    #information .timeline-inner img{width:100%; margin: 0 auto; margin-bottom: 5%;}
    #information .timeline-title h2 {font-size:45px;}
    #information .yealink_section3 {height:110vh; background-size: cover;}
    #information .yealink_section3 img {width:75%;}
    #information .yealink_section4 {height:90vh;}
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    #information .yealink_section5 {height:80vh;}
    #information .yealink_sc5_slider {border-radius: 10px; max-width: 80vw;}
    #information .yealink_sc6_wrap h2{font-size:45px;}
    #information .yealink_sc6_wrap p{font-size:25px;}  
    #information .yealink_section6 {height:80vh;}
    #information .yealink_sc6_wrap {padding-left:15%;}
    #information .yealink_sc6_wrap > img{width:12%;}
    #information .yealink_section6 > a > img {width:75%;}
    /*cm50*/
    #information .cm50_sc1{height:700px;}
    #information .cm50_sc3_wrap{gap:20px; padding:0 10%;}
    #information .cm50_sc3_steps{width:40%;}
    #information .step-desc{width:100%;}
    #information .cm50_sc3_detail img{width:70%; margin-top:0; margin-left:20%;}
    /*roompanel e2*/
    #information #roompanel_e2_right img{width:50%;}
    /*sv80*/
    #information #sv80_sc1{height:50vh;}
    #information .sv80_text_wrap {margin-left: 7%;}
    #information .sv80_text_wrap h2{font-size:50px;}
    #information .sv80_text_wrap p{font-size:25px;}
    #information .sv80_content{margin-left: 0; padding-right: 0;}
    #information #sv80_content_wrap{margin-bottom:0;} 
    /*meeingboard C*/
    #information #mb_c_bg_1{height:85vh;}
    #information #mb_c_panels{width:80%;}
    /*ap08*/
    #information .ap08_sc1{height:700px;}
     /*ma600d*/
    #information .ma600d_sc1 video{height:60vh;}
    
        #content_PC{display: block; padding:40%;}
		#content_mobile{display: none; padding:40%;}
		.modal-king .gwcns_modal{left:60%; top:40%; width:41%; height: auto;}
		.gwcns_modal .gwcns-modal-content{background-image: url("/images/워크샵팝업_PC.jpg");background-size: cover;}
		.gwcns_modal .almaznBtn{margin-top:0; font-size: 19px; width:40%; height:5rem;}
		.gwcns_modal .modal-close, .gwcns_modal .modal-close-nomore{font-size:17px;font-weight: bold; height: 5rem;}	
    
        #content_PC2{display: block;}
		#content_mobile2{display: none;}
        .modal-king .gwcns_modal2{left:15%; top:40%; width:41%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .almaznBtn2{margin-top:0; font-size: 19px; width:40%; height:5rem;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:17px;font-weight: bold; height: 5rem;}	
}
/*노트북*/
@media screen and (min-width:1367px ) and (max-width: 1600px) {
    #main .index_section1{height:66rem;}
    #main .sc1_slide_title{top:30%;}
    #main .sc1_slide_content{top:40%;}
    #main .sc1_slide_content_bold{top:40%; font-size:25px;}
    #main .slide_title h2,#main .slide_title3 h2, #information .slide_title8 h2, #information .slide_title7 h2, #information .slide_title9 h2{font-size:23px;}
    #main .slide_title_container p,#main .slide_title_container3 p{font-size:17px;}
    #main .sc1_slide_btn{top:58%;}
    #main .sc1_slide_video{height:auto;}
    #main .index_section2,#main .index_section3{height:700px;}
    #main .swiper_wrapper2,#main .swiper_wrapper3{height:700px;}
    #main .sc2_right_panel, #main .sc3_right_panel{height:700px;}
    #main .swiper_slide2{height:700px;}
    #main .swiper_slide2 img{height:700px;}
    #main .index_section4{height:800px;}
    #main .sc4_slide_title{top:14%;}
    #main .sc4_slide_content{top:29%;}
    #main .prev_btn4, #main .next_btn4{top:72.5%;}
    #main .sc5_icon p{width:15%;}
    #main .swiper_slide6 img{width:auto;}
    #main .swiper_slide7 img{width:50%;}
    #main .title_container8{width:35%;}
    #main .sub_nav button, .sub_nav2 button{padding:3.5%;}
    #main .sc1_slide_btn.ye_10years{top:77%;} 
    #information .care_section1{background-size:cover; background-position: bottom;}
    #information .care_sc4_title p{font-size:22px;}
    #information .buyinfo_step_content h2{font-size:18px;}
    #information .buyinfo_step_content p{font-size:12px;}
    #information .buyinfo_step_content2{top:78%; font-size:12px;}
    #information .buyinfo_step_content{top:16%;}
    #information .buyinfo_wrap:nth-child(4) .buyinfo_step_content{top:14%;}
    #information .data_search img{left:26rem;}
    #information .product_menu{width:80%;}
    #information .common_title h2{font-size:30px;}
    #information .uvc860_table {width:70%;}
    #information .mb_sc1{height:30rem; background-size: cover;}
    #information .mb_left{padding-left:8%;}
    #information .mb_sc2 img{width:90%;}
    #information .intro_title h2{font-size:28px;}
    #information .intro_title p{font-size:16px;}
    #information .intro_content p {font-size:16px;}
    #information .vcm36-w_sc2 {height:600px; background-size: cover;}
    #information #next_cm20{right:11%;}
    #information #prev_cm20{left:11%;}
    #information .cp900_sc2,#information .cp900_sc3,#information .cp900_sc4{height:700px; background-size:cover;}
    #information #roomcast_left{padding-left:10%;}
    #information #panel_left{padding-left:10%;}
    #information #panel_img img{width:90%;}
    #information .roomcast_img{width:40%;}
    #information .roomcast_img2{width:50%;}
    #information .roomsensor_img2{display:flex; justify-content: center;}
    #information .ctp_img {display:flex; justify-content: center;}
    #information .ctp_img img{width:90%;}
    /*dispaly*/
    #information .display_sc0_content2{width:60%;}
    /*wireless*/
    #information .common_section2{background-position:right;}
    #information .slide_title7{margin:8% 5% 10% 5%}
    #information .slide_title9{margin:5% 5% 10% 5%}
    #information .index_section2,#information .index_section3{height:700px;}
    #information .swiper_wrapper2,#information .swiper_wrapper3{height:700px;}
    #information .sc2_right_panel, #information .sc3_right_panel{height:700px;}
    #information .swiper_slide2 img{height:700px;}
    #information .panel_text,#information .panel_text2{width:25%;}
    /*esg*/
    #main .title_container6{height:25%;}
     /*uvc85*/
    #information .uvc85_sc1{height:750px;background-position: center;}
    #information .uvc85_sc1 .common_title p{padding:0; width:70%; margin:0 auto;}
    /*ctp25*/
    #information #ctp25_img{width:50%;}
    /*cp50*/
    #information .right_content img{width:100%; padding-right: 5%;}
    #information .left_content{padding-left:5%;}
    #information .cp50_sc4{background-size:cover;}
    #information .cp50_sc2{height:850px; background-size: cover;}
    #information .cp50_sc1 h2{font-size: 50px;}
    #information .cp50_sc2 h2,#information .cp50_sc3 h2,#information .cp50_sc4 h2{font-size:30px;}
    /*yealink!*/
    #information .yealink_sc4_wrap > a > img:nth-child(1){width:40%}
    #information .yealink_sc4_wrap > a > img:nth-child(2){width:20%}
    #information .yealink_sc4_wrap > a > img:nth-child(3){width:20%}
    
    #information .mic_title1_2, #information .mic_title2_2 {width:20%; font-size:20px;}
    p.short_p{width:80%;}
    
    /*roompanel e2*/
    #information #roompanel_e2_right img{width:50%;}
    
    #information .circle_box{width:250px; height: 250px;}
    #information .feature_item {font-size:15px;}
    #information .guide_text {font-size:20px;}
    #information .col-features {padding:15px;}
    #information .intro_header h1{font-size:3.5rem;}
    #information .intro_header p{font-size:2rem;}
    #information .card_title{font-size:20px;}
    #information #square_box{width:280px; height: 250px;}
    #information .guide_item_grid{gap:50px;}
    #information .guide_item_grid2{width:45%;}
    #information .guide_text2{font-size:18px;}
    
    
        #content_PC2{display: block;}
		#content_mobile2{display: none;}	
        .modal-king .gwcns_modal2{left:20%; top:45%; width:28%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .almaznBtn2{position: absolute; top:80%; left:50%; transform: translateX(-50%); font-size: 15px; width:60%; height:4rem; margin: 0;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:15px;font-weight: bold; height:5rem;}			
}

/*아이패드 미니,에어 가로*/
@media screen and (min-width:1024px) and (max-width: 1365px) and (max-height:850px){
        #content_PC{display: none;}
		#content_mobile{display: block; padding:40%;}	
		.modal-king .gwcns_modal{left:35%; top: 30%; width:51.8%; height: auto;}
		.gwcns_modal .gwcns-modal-content{background-image: url("/images/워크샵팝업_mobile.jpg");background-size: cover;}
		.gwcns_modal .gwcns-modal-content p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal .almaznBtn{position: absolute; top:75%; left:50%; transform: translateX(-50%); font-size:15px; width: 35%; height:4rem; margin:0;}
		.gwcns_modal .modal-close, .gwcns_modal .modal-close-nomore{font-size:15px;font-weight: bold; height:6rem;}
    
        #content_PC2{display: none;}
		#content_mobile2{display: block;}	
        .modal-king .gwcns_modal2{left:35%; top: 30%; width:51.8%; height: auto;}
        .gwcns_modal2 .gwcns-modal-content2{}
		.gwcns_modal2 .gwcns-modal-content2 p{font-size: 65%; margin-top:38%;}	
		.gwcns_modal2 .almaznBtn2{position: absolute; top:75%; left:50%; transform: translateX(-50%); font-size:15px; width: 35%; height:4rem; margin:0;}
		.gwcns_modal2 .modal-close2, .gwcns_modal2 .modal-close-nomore2{font-size:15px;font-weight: bold; height:6rem;}
}
/*노트북 약13인치*/
@media screen and (min-width:1280px) {}
/*노트북 약15인치*/
@media screen and (min-width:1366px) {}
/*노트북 약17인치*/
@media screen and (min-width:1600px) {
		
}