@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

/*****************************************************************

		Copyright C 다온테마 All rights reserved.
		daontheme@daum.net
		본 페이지는 유료컨텐츠 다온테마용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
		라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

html{overflow-x:hidden;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-style: normal;margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}


a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
strong{font-weight:500;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.lview{}
.sview{display:none;}
.mview{display:none;}


.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
  }
  .noto-serif {
  font-family: "Noto Serif KR", serif;
  font-weight: 400;
  font-style: normal;
}

/*Motor 상단 PDF다운로드 버튼 */
a.btn03 {
    display: inline-block;
    padding: 7px 45px;
    border: 1px solid #666;
    background: #fff;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}


/* 중간기기~작은기기 모바일 상단 */
#mobile_header {width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:999999; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:#fff;}
#mobile_header h1 { width:170px; padding-top:17px; text-align:center; margin:0 auto; }
#mobile_header h1 img { width:90%; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#333;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#333; }
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:9999998;}
#sideMenu {display:inline; position:fixed; top:0; left:-250px; width:249px; height:100%; background-color:#fff; z-index:9999999;}
#sideMenu .side_title{height:60px; line-height:60px; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .side_title img{width: 65%}
#sideMenu .navi_bg{ width:100%;}
#sideMenu .nav { width:100%; margin:0 auto; padding:0; padding-bottom:30px; list-style: none; box-sizing:border-box;  overflow:auto; height:500px;}
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div > a{display:block; width:100%; height:40px; line-height:40px;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa; }
#gnba { text-align:center; padding:10px 0;}
#gnba i{color:#fff; font-size:30px;}
#gnba a { color:#fff; text-align:center; font-size:0.85em;  padding:5px 10px; margin:0 2px;  background:#ed1f24; border-radius:3px;}
#gnba a:hover { background:#fff; color:#000; }
#gnba .fa-user-circle::before{color: #ed1f24}
.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}



/* 큰기기 PC 상단 */
#header_wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { position:relative; width:100%; max-width:1200px; margin:0 auto; background:none; }
#header { position:absolute; top:0; left:0; width:100%; min-height:80px; background:#fff; z-index:1001 !important; height:80px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#header h1 { position:absolute; display:block;  line-height:80px; left:0; transition: all .3s ease-in-out; background:none;}
#header h1 a img{vertical-align:middle;}
#header.header_on{height:80px !important;} /* 메뉴 배경의 높이를 입력합니다.*/
#lnb {position:relative; float:right; margin-right:285px; line-height:80px !important; background:none;}
#header.header_on #lnb:hover .lnb_wrap {height:80px;} /*메뉴의 높이를 입력합니다.*/
#lnb .lnb_wrap { position:relative; /*overflow:hidden;*/ height:80px; min-height:80px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li { float:left;  }
#lnb .lnb_wrap > ul > li > a { letter-spacing: -1px;display:block; width:100%; padding:0 30px; font-size:1.4em; font-weight:500; color:#333; height:80px; line-height:80px;}
/* #lnb .lnb_wrap > ul > li > a > span{display:block; background:#ed1f24; width:0px; height:2px; margin:0 auto; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} */
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#ed1f24; font-weight:500; border-bottom:0px solid rgba(255,255,255,1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#ed1f24; width:100%;}
#lnb .lnb_wrap > ul > li.current .lnb_sub{display: block;}
#lnb .lnb_sub { /*margin-top:10px;*/ display: none; text-align:center;    background: #fff; text-align: left;padding: 0 38px;position: absolute;     box-shadow: 1px 1px 10px rgba(0,0,0,0.09); border-radius: 6px;}
#lnb .lnb_sub li:nth-child(1){padding-top:10px;}
#lnb .lnb_sub li:nth-last-child(1){padding-bottom: 10px;}
#lnb .lnb_sub li a { display:block; color:#333; padding:0; margin:0 0 2px 0; height:28px; line-height:30px; font-size:1.1em; letter-spacing:-0.5px; position: relative; white-space: nowrap;}
#lnb .lnb_sub li a:after{content: ''; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #cecece;}
#lnb .lnb_sub li a:hover { display:block; color:#ed1f24; font-weight:400; } /*메뉴 마우스on효과*/










#gnbb {position:absolute; right:0; top:0;}
#gnbb a {font-size: 14px; color:#fff; text-align:center;   line-height:80px; padding:5px 10px; margin:0 1px;  background:#ed1f24; border-radius:50px;}
#gnbb a:hover { background:#000; color:#fff; }
#gnbb a.btn2 { font-size: 14px; color:#000; text-align:center;  line-height:80px; padding:5px 10px; margin:0 1px;  background:#fff; border-radius:50px;}
#gnbb a.btn2:hover { background:#000; color:#fff; }
#gnbb img{width: 16%;}
#gnbb .cart{background: none !important;}
.jbFixed .header_in {  position:fixed !important; top:0px; width:100% !important; height:60px; background:#fff;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.jbFixed .header_in #lnb { margin-top:0;}
.jbFixed .header_in #lnb:hover .lnb_wrap{height:60px;} /*메뉴의 높이를 입력합니다.*/
.jbFixed .header_in #lnb .lnb_wrap{height:60px; min-height:60px;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { height:60px; line-height:60px; color:#333;}
.jbFixed .header_in #lnb .lnb_sub li a { display:block; color:#333; padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1em; letter-spacing:-0.5px;}
.jbFixed .header_in #lnb .lnb_sub li a:hover { display:block; color:#333; font-weight:400; }
.jbFixed .header_in #gnbb a { height:60px; line-height:60px !important;}
.jbFixed .header_in #gnbb a.btn2 { font-size: 14px; color:#000; text-align:center; line-height:60px; padding:5px 10px; margin:0 1px; border-radius:50px;}
.jbFixed .header_in #gnbb a.btn2:hover { font-size: 14px; background:#555; color:#fff; }
.jbFixed .header_in h1 {  height:60px; line-height:50px !important;}
.jbFixed .header_in h1 img { width:80%; transition: all .3s ease-in-out;}


/* 인덱스 */
#container {position:relative; width:100%; margin:0; padding:0; z-index:1; background:#fff; margin-top:0px;}



#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; height:100%; z-index:1;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
.sliderkit-text {width:1200px; position:absolute; top:45%;  left:50%; text-align:left; z-index:2; transform: translate(-50%, -50%)}/*top:50%;*/
.sliderkit-text h1{opacity:1; letter-spacing: -1px;font-size:48px;  color:#fff; line-height:1.1em; font-weight:700; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}/*font-size:3.8em;  line-height:1.3em;*/
.sliderkit-text h1.sviewa{opacity:0; font-size:1.3em;  color:#fff; line-height:1.3em; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
.sliderkit-text div{opacity:0;}
.sliderkit-text span{font-size:18px; color: #fff; font-weight: 300;line-height: 27px}/*font-size:1.3em*/
.sliderkit-text div span h2{ line-height:44px; font-size:1.3em; color:#fed700;  letter-spacing:0.05em;  transform: skewX(30deg);    -ms-transform: skewX(30deg);    -webkit-transform:skewX(30deg);}

#main_visual .main-menu-box{position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%); width: 1200px; max-width: 100%; padding: 0 15px; box-sizing: border-box; display: flex; margin-top: 0; z-index: 10;}
#main_visual .main-menu-box li{padding: 15px 15px; border: 1px solid #fff; width: 17%; margin-right: 15px;cursor: pointer;transition: all .1s;}/*padding: 28px 15px;*/

#main_visual .main-menu-box li:hover{backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(2px);}

#main_visual .main-menu-box li h2{width:fit-content;color: #fff; font-size: 1.4em; font-weight: 500; margin-bottom:5px; position: relative;}/* margin-bottom: 40px;*/
#main_visual .main-menu-box li h2::before{content: ''; width: 20px; height: 20px;right: -11px;background-color: #ed1f24;position: absolute;; border-radius: 100%; z-index: -1}
#main_visual .main-menu-box li p{ color: #fff;font-size: 1em; font-weight: 300; line-height: 21px}

#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_prev_on.png")  center left no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_next_on.png") center right no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}







#main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#main_visual .swiper-pagination-bullet-active{background:#C53428;}


#m_bnr { position:relative; top:-40px; width:100%; height:auto; z-index:99;}
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr > div{ width:100%; max-width:1200px; height:100%; margin:0px auto; background:rgba(60, 98, 135, 0.78); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.35); box-shadow:0 8px 32px rgba(0, 0, 0, 0.1); border-radius:6px; overflow:hidden; }
#m_bnr > div:after{ content:""; display:block; clear:both;}
#m_bnr .tit p { text-align:center; font-size:2em;  line-height:80px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  }
#m_bnr .tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr li {  float:left; width:33.333333%;  height:80px; padding:0; cursor:pointer; border-right:1px solid rgba(255, 255, 255, 0.25); box-sizing:border-box; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -o-transition: 0.5s all ease; background:url('../image/bnr_arrow_off.png') no-repeat 95% 50%;} 
#m_bnr li:nth-child(3n) {border-right:none;}
#m_bnr li div { display:inline-block; float:left; text-align:center;  margin:0; }
#m_bnr li div i { width:100%; height:80px; line-height:80px; text-align:center; font-size:1.2em; color:#fff; padding:0 15px 0 20px;}
#m_bnr li .txt_tit { height:80px; line-height:80px; color:#fff; font-size:1.2em; }
#m_bnr li:hover {background:rgba(27, 58, 107, 0.85) url('../image/bnr_arrow_on.png') no-repeat 95% 50%; }
#m_bnr li:hover i{color:#fff;}
#m_bnr li:hover .txt_tit{color:#fff;}

.p-txt{color: #ed1f24;display: flex; align-items: center; margin-right: 5px; font-size: 13px; font-weight: 700; letter-spacing: 1px;}
.p-txt .line{width: 80px; height: 2px; background-color:#ed1f24 ; margin-left: 15px}

#m_bnr2 {position:relative; top:-20px; width:100%;  max-width:1200px; margin:70px auto; display: flex;    justify-content: flex-start; }
#m_bnr2::before{content: none; }
#m_bnr2:after{ content:""; display:block; clear:both;}
#m_bnr2 .txt-wrap {margin-right: auto;}
#m_bnr2 .txt-wrap h1{font-size: 3em; font-weight: 700;}
#m_bnr2 .txt-wrap h2{font-size: 2em;line-height: 35px;letter-spacing: -1px;font-weight: 200; margin-top: 5px; margin-bottom: 17px}
#m_bnr2 .txt-wrap b{color: #ed1f24; font-weight: bold;}
#m_bnr2 .txt-wrap span{font-size: 1.2em; color: #929292; font-weight: 300;letter-spacing: -0.05em; }/*letter-spacing: -0.05em; 추가*/
/* #m_bnr2 .img-wrap{} */
#m_bnr2 .img-wrap img{border-radius: 10px}

#product-slide {width: 100%; background-image: url(/theme/enmtheme/html/image/product-slide-back.png); background-size: cover; background-repeat: no-repeat;}

#product-slide .con{padding: 100px 0;width: 1200px; margin:0 auto;position: relative;}
#product-slide h1{font-size: 2.8em; font-weight: 600;color: #fff; letter-spacing: -2px; line-height: 55px;margin: 20px 0 50px}
#product-slide .wrapper {
width: 100%;
    margin:0 auto;
}


#product-slide .con{padding: 100px 0;width: 1200px; margin:0 auto}
#product-slide h1{font-size: 2.8em; font-weight: 600;color: #fff; letter-spacing: -2px; line-height: 55px;margin: 20px 0 50px}
#product-slide .wrapper {
width: 100%;
    margin:0 auto;
}

#product-slide .swiper {
    max-width: 1200px;
    width:100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}

#product-slide .swiper-slide {
    max-width: 480px;
    width:100%;
    height:400px;
    text-align: left;
    font-size: 2.3em;
    background: #fff;
    font-weight: 700;
    display: flex;
    align-items: flex-end !important;
        justify-content: flex-start!important;
        padding: 0 0 35px 30px;
border-radius: 10px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#product-slide .p-slide01{background-image: url('/theme/enmtheme/html/image/product-slide01.jpg'); border-radius: 10px}
#product-slide .p-slide02{background-image: url('/theme/enmtheme/html/image/product-slide02.jpg');border-radius: 10px }
#product-slide .p-slide03{background-image: url('/theme/enmtheme/html/image/product-slide03.jpg'); border-radius: 10px}
#product-slide .p-slide04{background-image: url('/theme/enmtheme/html/image/product-slide04.jpg');border-radius: 10px }
#product-slide .p-slide05{background-image: url('/theme/enmtheme/html/image/product-slide05.jpg'); border-radius: 10px}
#product-slide .p-slide06{background-image: url('/theme/enmtheme/html/image/product-slide06.jpg');border-radius: 10px }
#product-slide .p-slide07{background-image: url('/theme/enmtheme/html/image/product-slide07.jpg'); border-radius: 10px}
#product-slide .p-slide08{background-image: url('/theme/enmtheme/html/image/product-slide08.jpg'); border-radius: 10px}
#product-slide .p-slide09{background-image: url('/theme/enmtheme/html/image/product-slide09.jpg'); border-radius: 10px}
#product-slide .p-slide10{background-image: url('/theme/enmtheme/html/image/product-slide10.jpg'); border-radius: 10px}
#product-slide .p-slide11{background-image: url('/theme/enmtheme/html/image/product-slide11.jpg'); border-radius: 10px}
#product-slide .p-slide12{background-image: url('/theme/enmtheme/html/image/product-slide12.jpg'); border-radius: 10px}
#product-slide .p-slide13{background-image: url('/theme/enmtheme/html/image/product-slide13.jpg'); border-radius: 10px}
#product-slide .p-slide14{background-image: url('/theme/enmtheme/html/image/product-slide14.jpg'); border-radius: 10px}
#product-slide .p-slide15{background-image: url('/theme/enmtheme/html/image/product-slide15.jpg'); border-radius: 10px}
#product-slide .p-slide16{background-image: url('/theme/enmtheme/html/image/product-slide16.jpg'); border-radius: 10px}
#product-slide .p-slide17{background-image: url('/theme/enmtheme/html/image/product-slide17.jpg'); border-radius: 10px}
#product-slide .p-slide18{background-image: url('/theme/enmtheme/html/image/product-slide18.jpg'); border-radius: 10px}




#product-slide .swiper-slide img {
    display: block;
    width: 100%;
    width: 480px;
    height: 100%;
    object-fit: cover;
}

/**/
#product-slide .swiper-slide-active {opacity:1;}

#product-slide .changing {
    transition:opacity 0.3s;
    pointer-events:none;
  }

#product-slide   .changed {
    transition:none;
  }


/* pagination */
#product-slide .mySwiper .swiper-pagination {
    position: absolute;
    bottom: -30px;
    text-align:left;

}


/* nav btn*/
#product-slide .mySwiper .swiper-button-next,
#product-slide .mySwiper .swiper-button-prev {
    top: 50%;
}

#product-slide .mySwiper .swiper-button-prev {
    transform:translateX(-200%);background:url("../image/visual_prev_on.png")  center left no-repeat;
}
#product-slide .mySwiper .swiper-button-next {
    transform:translateX(200%);background:url("../image/visual_prev_on.png")  center left no-repeat;
}

#product-slide .custom-fraction {text-align:right; margin:15px 5px 0 0;}



/*-----------------부품체결과정영상----------------------------------------------------------------*/


/* ========================================================
   부품체결과정 (PROFILE ASSEMBLY PROCESS) 동적 슬라이더
   ======================================================== */
#video-slide {
    position: relative;
    background: #ffffff;
    padding: 70px 0 80px;
    border-bottom: 1px solid #e2e8f0;
}
#video-slide .con {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
#video-slide .vslide-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 30px;
}
#video-slide .vslide-tag {
    display: inline-block;
    background: none;
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}
#video-slide h2 {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}
#video-slide h2 b {
    color: #0052a4;
}
#video-slide .vslide-title-area p {
    font-size: 15px;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}
#video-slide .vslide-nav-area {
    display: flex;
    align-items: center;
    gap: 12px;
}
#video-slide .vslide-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #0052a4 !important;
    background: #f0f4ff;
    padding: 9px 18px;
    border-radius: 8px;
    border: 1px solid #bfdbfe;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
#video-slide .vslide-more-btn:hover {
    background: #0052a4;
    color: #ffffff !important;
}
#video-slide .vslide-ctrls {
    display: flex;
    align-items: center;
    gap: 6px;
}
#video-slide .v-btn-arrow {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
    user-select: none;
}
#video-slide .v-btn-arrow:hover {
    background: #0052a4;
    color: #ffffff;
    border-color: #0052a4;
}
#video-slide .vslide-fraction {
    font-size: 13px;
    font-weight: 700;
    font-family: monospace;
    color: #64748b;
    margin-left: 6px;
    user-select: none;
}
#video-slide .vslide-fraction b {
    color: #0052a4;
}

/* Swiper Container */
#video-slide .vslide-swiper {
    position: relative;
    overflow: hidden;
    padding: 10px 4px 20px;
}

/* Slide Cards */
#video-slide .v-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none !important;
    color: inherit;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
    height: 100%;
}
#video-slide .v-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 28px rgba(0, 82, 164, 0.12);
    border-color: #93c5fd;
}
#video-slide .v-thumb-wrap {
    position: relative;
    width: 100%;
    height: 240px;
    background: #f8fafc;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f1f5f9;
}
#video-slide .v-thumb-wrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}
#video-slide .v-card:hover .v-thumb-wrap img {
    transform: scale(1.03);
}
#video-slide .v-badge-step {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(15, 23, 42, 0.82);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 4px;
    backdrop-filter: blur(4px);
    z-index: 2;
}
#video-slide .v-badge-gif {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(0, 82, 164, 0.9);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    backdrop-filter: blur(4px);
    z-index: 2;
}
#video-slide .v-content-wrap {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
#video-slide .v-post-title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
    margin: 0 0 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}
#video-slide .v-card:hover .v-post-title {
    color: #0052a4;
}
#video-slide .v-post-desc {
    font-size: 13px;
    color: #64748b;
    line-height: 1.55;
    margin: 0 0 14px 0;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#video-slide .v-post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #94a3b8;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
    margin-top: auto;
}
#video-slide .v-btn-text {
    font-size: 13px;
    font-weight: 700;
    color: #0052a4;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: gap 0.2s ease;
}
#video-slide .v-card:hover .v-btn-text {
    gap: 7px;
}

@media (max-width: 768px) {
    #video-slide {
        padding: 50px 0 60px;
    }
    #video-slide .vslide-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    #video-slide h2 {
        font-size: 22px;
    }
    #video-slide .v-thumb-wrap {
        height: 200px;
    }
}

/*-----------------부품체결과정영상----------------------------------------------------------------*/













/* ========================================================
   ONE-STOP 서비스 섹션 (모던 5열 프로세스 카드 디자인)
   ======================================================== */
#one-stop {
    position: relative;
    background-color: #f8fafc;
    padding: 65px 0 !important;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}
#one-stop::before {
    display: none !important; /* 옛날 780px 거대 CAD 도면 배경 완전 제거 */
}
#one-stop .onestop-container {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
#one-stop .onestop-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 35px;
}
#one-stop .onestop-title-area {
    flex: 1;
}
#one-stop .onestop-tag {
    display: inline-block;
    background: #e0f2fe;
    color: #0052a4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}
#one-stop h2 {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}
#one-stop h2 b {
    color: #0052a4;
}
#one-stop .onestop-title-area p {
    font-size: 15px;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}
#one-stop .onestop-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0052a4;
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 82, 164, 0.2);
    white-space: nowrap;
}
#one-stop .onestop-cta-btn:hover {
    background: #003b77;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 82, 164, 0.28);
}
#one-stop .onestop-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
#one-stop .onestop-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#one-stop .onestop-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #0052a4;
    opacity: 0;
    transition: opacity 0.25s ease;
}
#one-stop .onestop-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 82, 164, 0.09);
    border-color: #cbd5e1;
}
#one-stop .onestop-card:hover::before {
    opacity: 1;
}
#one-stop .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
#one-stop .step-num {
    font-size: 11px;
    font-weight: 800;
    font-family: monospace;
    color: #0052a4;
    background: #eff6ff;
    padding: 3px 8px;
    border-radius: 4px;
}
#one-stop .icon-circle {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #0052a4;
    transition: all 0.25s ease;
}
#one-stop .onestop-card:hover .icon-circle {
    background: #0052a4;
    color: #ffffff;
    border-color: #0052a4;
}
#one-stop .onestop-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
    letter-spacing: -0.3px;
}
#one-stop .onestop-card p {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* 반응형 (태블릿 & 모바일) */
@media (max-width: 1024px) {
    #one-stop .onestop-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    #one-stop {
        padding: 40px 0 !important;
    }
    #one-stop .onestop-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 24px;
    }
    #one-stop h2 {
        font-size: 22px;
    }
    #one-stop .onestop-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    #one-stop .onestop-card {
        padding: 18px 14px;
    }
}
@media (max-width: 480px) {
    #one-stop .onestop-grid {
        grid-template-columns: 1fr;
    }
}



  #board .con{width: 1200px; margin:0 auto; padding:0px 0 100px }
    #board .con .p-txt{justify-content: center;}
#board .con > h1{    font-size: 28px;
    margin: 20px 0 45px;
    font-weight: 700;
    color: #222;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 1.35;}
#board .board_area{    display: flex;flex-direction: row;justify-content: space-between; }
#board .board_box{border-radius: 10px;width: 49%;background-color: #fff; padding: 22px 24px;border: 1px solid #ddd;background-color: #FAFAFA}
#board .board_box .board_title{display: flex; justify-content: space-between;}
#board .board_box h1{font-weight: 700; font-size: 18px; color: #222; margin: 0; }

#board .board_box .date-wrap{ display: flex;align-items: center; padding: 25px 0;}

#board .board_box .date{margin-right: 15px;display: inline-block; background-color: #ed1f24; border-radius: 10px; text-align: center;padding: 12px 20px}
#board .board_box .date p{color: #fff; font-size: 13px; margin: 0;}
#board .board_box p{color: #333; font-size: 13px}
#board .board_box h2{font-size: 24px; color: #fff; font-weight: 700;line-height: 1.2; margin: 0;}

#board .board_box .btn{padding: 10px; background-color: #fff;display: contents;font-size: 13px;}
#board .board_box .btn a{color: #555; border: 1px solid #d8d8d8; padding: 4px 18px; border-radius: 10px; font-size: 13px; font-weight: 500; background-color: #fff}
#board .board_box .txt_wrap{}
#board .board_box .txt_wrap a h3{font-size: 15px; font-weight: 600; color: #222; margin-bottom: 4px}
#board .board_box .txt_wrap a p{font-size: 13px; color: #666; font-weight: 400;}
    #board .board_box  ul{border-top: 2px solid #ddd; padding-top: 10px}
  #board .board_box  ul li{margin-top: 10px; }
  #board .board_box  ul li a{ font-size: 15px; color: #333; display: flex;justify-content:space-between; font-weight: 400;}
  #board .board_box  ul li a span{font-size: 13px; color: #888;}


#online{position:relative; top:0; width:100%; max-width:1980px; margin:0px auto; background:url('../image/online_back.jpg')repeat-y; background-position:left center; background-attachment: contain;}
#online:after{ content:""; display:block; clear:both;}
#online .online_con { width:100%; height:220px; }
#online .online_con div.blind { width:100%;  height:100%; background:rgba(0,0,0,0.3);}
#online .online_area { position:absolute; top:0; left:0; text-align:center; width:100%; padding:100px 0px 0px 0px;}
#online .online_area p{ font-size:2.5em; color:#fff;}
#online .online_area span{ display:block; padding-bottom:20px; font-size:1.3em; font-weight:300; line-height:24px; color:#fff; opacity:1;}
#online .online_area a{display:block; width:200px; height:50px; line-height:50px; font-size:1.2em; color:#fff; background:#c53528;  border:1px solid #c53528;  margin:20px auto; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
#online .online_area a:hover{color:#fff; background:rgba(0,0,0,0); border:1px solid #fff;}



#With_us {
    position: relative;
    height: 720px;
    min-height: 720px;
    background: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72)), url('../image/us-back.jpg') no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
#With_us .con {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
#With_us .p-txt {
    justify-content: center;
}

#With_us h1 {
    font-size: 28px;
    margin: 15px 0 40px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 1.35;
}
#With_us .box_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    min-height: 380px;
}
#With_us .box_wrap h3 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    margin: 0;
    width: 100%;
    display: block;
}
#With_us .box1 h3::before {
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    top: 0;
    right: 0;
    width: 42%;
    height: 110px;
    background-image: url('../image/With_us01.png');
}
#With_us .box2 h3::before {
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    top: 0;
    right: 0;
    width: 42%;
    height: 110px;
    background-image: url('../image/With_us02.png');
}
#With_us .box4 h3::before {
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    top: 0;
    right: 0;
    width: 38%;
    height: 80px;
    background-image: url('../image/With_us03.png');
}
#With_us .box5 h3::before {
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    top: 0;
    right: 0;
    width: 38%;
    height: 80px;
    background-image: url('../image/With_us04.png');
}

#With_us .box_wrap h4 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0 6px 0;
}
#With_us .box_wrap h5 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
#With_us .box_wrap p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 400;
    margin: 12px 0 0 0;
    line-height: 1.6;
}
#With_us .box_wrap .box {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}
#With_us .box_wrap .box1 {
    width: 32%;
}
#With_us .box_wrap .box1 h3 {
    color: #ffffff;
}
#With_us .box_wrap .box2 {
    width: 32%;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
#With_us .box_wrap .box2 h3 {
    color: #222222;
}
#With_us .box_wrap .box2 .txt-btn {
    position: relative;
    margin-top: 15px;
}
#With_us .box_wrap .box2 .txt-btn .btn-wrap {
    margin-top: 8px;
    background-color: #000000;
    border-radius: 8px;
    text-align: center;
    transition: all 0.2s ease;
}
#With_us .box_wrap .box2 .txt-btn .btn-wrap:hover {
    background-color: #0052a4;
    transform: translateY(-2px);
}
#With_us .box_wrap .box2 .txt-btn .btn-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}
#With_us .box_wrap .box2 .txt-btn .btn-wrap a i {
    margin-left: 8px;
    font-size: 12px;
}

#With_us .box_wrap .box3 {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}
#With_us .box_wrap .box3 .box {
    min-height: unset;
}
#With_us .box_wrap .box4 {
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 12px;
    padding: 24px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none !important;
    position: relative;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
}
#With_us .box_wrap .box4:hover {
    transform: translateY(-3px);
}
#With_us .box_wrap .box4 h3 {
    color: #222222;
}
#With_us .box_wrap .box4 h5 {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
}

#With_us .box_wrap .box5 {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    padding: 24px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none !important;
    position: relative;
    transition: transform 0.2s ease, border-color 0.2s ease;
}
#With_us .box_wrap .box5:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.7);
}
#With_us .box_wrap .box5 h3 {
    color: #ffffff;
}
#With_us .box_wrap .box5 h5 {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
}




/*
#comm_wrap{width:100%; margin:70px auto;}
#comm_wrap:after{ content:""; display:block; clear:both;}
#comm_wrap .board_area{width:100%; max-width:1200px; margin:0px auto;}
#comm_wrap .board_area .dleft{ position:relative;float:left; width:360px; margin-right:60px;}
#comm_wrap .board_area .dcenter{ position:relative;float:left; width:360px;}
#comm_wrap .board_area .dright{position:relative; float:right; width:360px;}
#comm_wrap .board_area div.board_box{width:100%; padding:0;}
#comm_wrap .notice_area { position: relative; width:100%; height: 100%;  overflow: hidden;}
#comm_wrap .notice_area .tab { height:50px; margin-bottom:15px; list-style:none;}
#comm_wrap .notice_area .tab li{float: left; width:120px; }
#comm_wrap .notice_area .tab li:before {display:none;}
#comm_wrap .notice_area .tab a{display: block; width:100%; height:50px; line-height: 50px; font-size:1.5em;  }
#comm_wrap .notice_area .tab li:first-child a{border-left: 0px solid #eee}
#comm_wrap .notice_area .tab li:last-child a{border-right: 0px solid #eee}
#comm_wrap .notice_area .tab li.on a{ border-bottom: 0 none; color:#000;}
#comm_wrap .notice_area .more{position:absolute; top:10px; right:0px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#comm_wrap .notice_area .active{display: block; padding:0;}
#comm_wrap .notice_area li{position: relative; height:30px; line-height:30px;  }
#comm_wrap .notice_area li:before { content: ''; position: absolute; top: 20px; left: 0; width: 4px;  height: 4px;  background-color: #e2dccc; }
#comm_wrap .notice_area li span.date{position: absolute; right: 0; font-size:1em; color:#888;  height:30px; line-height:30px;  }
#comm_wrap .notice_area div li a{display: inline-block; margin-right:0px; font-size:1em; color:#555;}
#comm_wrap .notice_area > div{display: none; padding:0; }



#copy_bnr{width:100%; height:200px; margin:0px auto; overflow:hidden;  }
#copy_bnr:after{ content:""; display:block; clear:both;}
#copy_bnr .copy_bnr_left {float:left; width:50%; height:200px; background:#2d3238 url('../image/copy_bnr_back.jpg')no-repeat; background-position:right center; }
#copy_bnr .copy_bnr_left .cs_area { float:right; width:600px; text-align:left;  padding:30px; }
#copy_bnr .copy_bnr_left .cs_area a {display:block; }
#copy_bnr .copy_bnr_left .cs_area p.cs_tit{ display:block; font-size:1.2em; color:#fff; line-height:1.25em;}
#copy_bnr .copy_bnr_left .cs_area p.cs_tel{ display:block; font-size:2em; color:#fff; margin:10px 0; }
#copy_bnr .copy_bnr_left .cs_area span.cs_txt {display:block; font-size:1em; color:#777; line-height:1.5em; }
#copy_bnr .copy_bnr_right {float:right; width:50%; height:200px; background:#c53528; }
#copy_bnr .copy_bnr_right .g_map {float:left; position:relative; width:100%; height:200px; background:#eee; z-index:0; overflow:hidden;}
#copy_bnr .copy_bnr_right .g_map_go { position:absolute; top:40%; left:50%; margin-left:-80px; padding:10px 40px; color:#fff;  border:1px solid #fff; z-index:99;}
#copy_bnr .copy_bnr_right .g_map_go:hover { display:block; color:#000; background:#fff;  transition:0.6s;}

*/


/* 하단 */
#footer{position: relative; clear:both; width:100%; margin:0; padding-bottom:50px;border-top:1px solid #ddd; }
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_bar{ width:100%;}
#footer .copy_bar div{width:100%; max-width:1200px; text-align:left; margin:0 auto;}
#footer .copy_bar div .copy_menu { padding-top:30px;}
#footer .copy_bar div .copy_menu a{color:#333; font-size: 13px; font-weight: 600;}
#footer .copy_bar div .copy_menu a:hover{color:#fd7701; }
#footer .copy_area{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:20px; }
#footer .copyright{float:left; width:100%; text-align:left; padding:0; }
#footer .copyright p{width:100%; color:#888; padding-top:10px; font-size: 13px; line-height: 1.7;}
#footer .copyright p span{ display:inline-block; color:#888; margin-right:15px; font-size: 13px;}
#footer .copyright p .company-name{width: 8%; font-weight: 700; color: #555;}

/*
#footer .copyright p span:nth-child(5) {display:block; background:blue;}*/
#footer .copyright p span.pc_br { padding:0; margin:0; display:inline-block; background:Red;}
#footer .ft-sns{top: 14%; text-align: right;width: 22%;position: absolute;right: 16%;}
#footer .ft-sns a{margin-right: 10px;}
#footer .ft-sns .ft-mark{margin-top: 20px;}

/* PC용 퀵메뉴 */
#backtotop{ position:fixed; bottom:35%; right:10px; z-index : 1000; display:none;}
.q-menu nav div { width:50px; height:50px; line-height:50px; font-size:1.5em; text-align:center; background:rgba(0,0,0,0.5);  margin:10px 0; border-radius:100px; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.q-menu nav div:hover {background:#c53528; /*rgba(0,0,0,0.9);*/}
.q-menu nav div i { display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:30px; font-size:0.85em; }
.q-menu nav div a { display: inline-block; position: relative; width: 30px; height: 30px; text-align: center; color:#fff; text-decoration:none; }
.q-menu nav div a span {font-size:0.7em; display: inline-block; position: absolute; top: 20%; right: 70px; opacity: 0;/*화살전체위치*/
white-space: nowrap; padding: 5px 8px; border-radius: 3px 3px; background:#c53528; /*rgba(0,0,0,0.9);*/ color: #fff; margin-top:-2px; line-height: 1em;
-webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.q-menu nav a span:before {content: ''; display: block; position: absolute; right:-10px; top: 50%; margin-top:-5px; border:5px solid transparent; border-left-color:#c53528; /*rgba(0,0,0,0.9);*/ }/*화살모양*/
.q-menu nav a:after { position: absolute; content: ''; display: inline-block; width: 30px; height: 30px; margin-left: -5px; margin-top: -10px; top: 50%; left: 50%; }
.q-menu nav a:hover { opacity: 1; }
.q-menu nav a:hover span { right: 50px; opacity: 1; }
.q-menu nav a.active { color: #333; opacity: 1; }




/* 서브 */
#sub_visual{width:100%; height:420px; text-align:center; background:#e8e9eb; }
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:420px; z-index:0; }
#sub_visual .visual_area {width:100%; max-width:100%; height:420px; margin:0 auto; background-size:cover !important; background-position:center center !important; }


#sub_wrapper{width:100%; margin:0 auto; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ display:none !important; width:100%;  margin:0px auto; background:transparent; } /* 서브메뉴 바 숨김 */
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }


.sub_location{ display:none !important; position:relative; top:-30px; width:100%;  height:50px; font-size: 0; background:rgba(107, 140, 174, 0.78); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-top:1px solid rgba(255, 255, 255, 0.35); border-bottom:1px solid rgba(255, 255, 255, 0.15); box-shadow:0 8px 32px rgba(0, 0, 0, 0.1); margin:0 auto; z-index:99; }
.sub_location > div{font-size: 0;max-width: 1200px;margin: 0 auto;}
.sub_location > div .cen{ float:left; width:50px; height:50px; line-height:50px; text-align:center; border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(255, 255, 255, 0.25); transition: background 0.3s ease;}
.sub_location > div .cen:first-child{ border-left:0;}
.sub_location > div .cen:hover{ background: rgba(27, 58, 107, 0.85); }
.sub_location > div .cen i{ color:#fff; font-size:1em;}
.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width:260px; border-right: 1px solid rgba(255, 255, 255, 0.25); vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 0px solid #fff; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 50px; font-size:1.2em; color: #fff; background: url('../image/icnLocaArr_x.png') 90% center no-repeat; cursor: pointer; transition: background-color 0.3s ease;}
.sub_location ul li span:hover, .sub_location ul.on li span{background-color: rgba(27, 58, 107, 0.85); background-image: url('../image/icnLocaArr1_x.png');}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color: #333; }
.sub_location ul li a:hover{color: #fff; background:#1b3a6b; box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:50px; left: -1px; padding: 0px 0;background:#fff; border: 1px solid #ddd;  border-top:none; z-index:999998; width:calc(100% + 2px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); }
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color: #fff; font-weight:500;}
.sub_location ul.dep2 ul{width:200px;}


#sub_tit { position:absolute; width:100%; max-width:1200px; margin:0px auto; top:185px; left:50%; margin-left:-600px; border:0px solid red;}
#sub_tit .path { display:none !important; position:absolute; top:164px; right:0; z-index:1000; }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color: #fff; background: url('../image/ico_path.png') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background: url('../image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#fff; font-weight:500; margin-right:10px; }
#sub_tit .title{ position:relative; text-align:center; padding-bottom:10px; font-size:2em; color:#fff; text-transform:uppercase; } /*대문자로*/
#sub_tit .title:after{display:block; content:""; width:5%; height:1px;  margin:10px auto; background:#fff;}
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:30px 0 100px 0; background:none; }
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: block; width:1px; height:40px; background: url('../image/bg_vline.gif') no-repeat center; margin:0px auto; }
.scontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:20px;}
.scontents .eng {  display:block; text-align:center; font-size: 2.5em;  font-weight:500;  margin:10px 0; letter-spacing: -1px;}
.scontents .eng em { color: #c53528; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 50px 0; }
.contents .stitle{margin:10px 0 0px 0;}

.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tbl td{width:70%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th{width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:6px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:6px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}


.contents .product-main-img{margin-top: 40px; margin-bottom: 40px;}
.contents .product-main-img img{border-radius: 10px; width: 100%}
.contents .product-list-wrap h1{font-size: 1.7em; font-weight: 600;padding: 20px 15px; position: relative;}
.contents .product-list-wrap h1::before{position: absolute; content: '';width: 5px; height: 25px; background-color: #ed1f24; left: 0;     bottom: 26px;}

.contents .product-list-wrap .product-list-btn{   display: flex;
    justify-content: space-between;
    align-items: center;}
.contents .product-list-wrap .product-list-btn > a{ transition:all .2s ease-in-out;
    padding: 8px 25px; font-size: .95em;
    border-radius: 10px;
    border: 1px solid #c6c6c6;
    width: auto;}
    .contents .product-list-wrap .product-list-btn a:hover{transition:all .2s ease-in-out; background-color: #333; color: #fff;}

    .contents .product-list-wrap .product-list-btn a i{padding-left: 5px;}

.contents .product-list{width: 100%;    display: flex;flex-wrap: wrap;justify-content: flex-start; gap:6px}
.contents .product-list li{ cursor: pointer;border-radius: 10px;   margin-bottom: 50px;width: 24.6%; height: auto;border: 1px solid #ddd;}
.contents .product-list a{}
.contents .product-list a img{width: 100%;}
.contents .product-list .txt-wrap{padding: 25px 10px;}
.contents .product-list .txt-wrap h2{font-size: 1.3em; letter-spacing: -1px; font-weight: 600; margin: 0px 0 8px;}
.contents .product-list .txt-wrap p{font-size: 1em; letter-spacing: -1px}

.contents .product-wrap{display: flex; flex-direction: row;justify-content: space-between;    align-items: flex-start;}
.contents .product-wrap h2{font-size: 2em;font-weight: 600; }
.contents .product-wrap p{ padding: 10px 0 40px; font-size:1.1em }

.contents .product-wrap .info-wrap{width: 49%;    display: flex;
    flex-direction: column;
    justify-content: center;}
.contents .product-wrap .info-wrap ul{display: flex;}
.contents .product-wrap .info-wrap ul li img{width: 97%}
.contents .product-wrap img{border-radius: 10px}


.contents .product-detail {padding: 100px 0 0}
.contents .product-detail h3{     margin-bottom: 50px; font-size: 2em;font-weight: 700;  text-align: center;}
.contents .product-detail .detail-img {    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contents .product-detail .detail-img figure{border-radius: 10px; margin: 0 0 22px; width: 32%; margin-left: 0; position: relative; text-align: center;}
.contents .product-detail .detail-img figure:hover{opacity: .9; background-color: #ed1f24}
.contents .product-detail .detail-img figure:hover .d-img{  opacity: .4; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}


.contents .product-detail .detail-img figure:hover figcaption{color: #fff}
.contents .product-detail .detail-img figure:hover i{display: block;}
.contents .product-detail .detail-img figure img{width: 100%; border-radius: 10px}
.contents .product-detail .detail-img figure figcaption{    font-size: 1.3em;font-weight: 700;    position: absolute;top: 80%;left: 50%;transform: translate(-50%, -50%);}

.contents .product-detail .detail-img figure i{ display: none; position: absolute;z-index: 10;left: 50%;top: 44%;transform: translate(-50%, -50%);}



.side_lnb {
	width: 22%;
  float: left; margin-right: 24px
}

.side_title {
	padding-bottom: 10px;
	border-bottom: 2px solid #e8e8e8;
	color: #1a1a1a;
	font-size: 1.7em;font-weight: 600;
}

.lnb_all_btn {
	position: relative;
	height: 60px;
	border-bottom: 1px solid #1a1a1a;
}

.lnb_all_btn>a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #ed1f24;
	line-height: 60px;
  font-size:18px;
}

.lnb_all_btn>a:hover,
.lnb_all_btn>a:visited {
	color: #ed1f24;
}

.sideNav ul li.active ul {
	display: block;
}

/* Accordion Reset */
.sideNav ul ul {
	display: none;
}

.sideNav ul ul.viewul {
	display: block;
}

/*1depth*/
.sideNav li {
	width: 100%
}
.sideNav > ul > li > span{background-color: #f7f7f7}

.sideNav li span {
	display: block;
	position: relative;
	width: 100%;
	height: 55px;
	white-space: nowrap;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	line-height: 55px;
  padding-left: 15px;
}

.sideNav li span a {
	display: inline;
	position: relative;
	z-index: 100;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 16px;

}


.sideNav .open>span {
	/* border-bottom: 1px solid #000000; */
}

.sideNav .open>span>a {
	color: #1a1a1a;

	font-weight: 500;
}

/*2depth*/
.sideNav ul>li>ul>li>span {
	height: 45px;
	line-height: 45px;
}

.sideNav ul>li>ul {
	padding: 0px 0 10px;
}

.sideNav li li span {
	padding-left: 20px;
	border-bottom: none;
}

.sideNav li li ul {
	position: relative;
	z-index: 99;
	overflow: hidden;
	background: #fef2f2;
}

.sideNav .open li span {
	border: none;
}

.sideNav .open li:last-child {
	border-bottom: none;
}

.sideNav>ul>li.open>ul {
	position: relative;
	z-index: 99;
	margin-top: -1px;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
}

/*3depth*/
.sideNav ul ul ul {

}

.sideNav li li li span {
	height: 37px;
	padding-left: 40px;
	line-height: 37px;
}

.sideNav li.open li li:last-child {
	border-bottom: none;
}

/*4depth*/
.sideNav ul ul ul ul {
	padding: 0;
}

.sideNav li li li li span {
	height: 37px;
	padding-left: 60px;
	line-height: 37px;
}

/* static option */
.sideNav.static ul .static_open {
	display: block;
}

/*=====  Accordion Icon  ======*/
.lnb_all_btn i {
	position: absolute;
	top: 50%;
	right: 12px;
	color: #ed1f24;
	font-size: 12px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.lnb_all_btn .all_hide+i {
	-ms-transform: rotate(-180deg) translateY(50%);
	transform: rotate(-180deg) translateY(50%);
}

/* 1depth icon */
.sideNav i {
	position: absolute;
	top: 50%;
	right: 12px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sideNav li i {
	color: #c0c0c0;
	font-size: 12px;
}

.sideNav li i.right--icon {
	right: 12px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.sideNav li.open i.right--icon {
	color: #111111;
	-webkit-transform: rotate(-180deg) translateY(50%);
	-moz-transform: rotate(-180deg) translateY(50%);
	-ms-transform: rotate(-180deg) translateY(50%);
	-o-transform: rotate(-180deg) translateY(50%);
	transform: rotate(-180deg) translateY(50%);
}

/*2depth icon*/
.sideNav li li i.right--icon-sub {
	right: 12px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.sideNav li.open li.open i.right--icon-sub {
	-webkit-transform: rotate(-180deg) translateY(50%);
	-moz-transform: rotate(-180deg) translateY(50%);
	-ms-transform: rotate(-180deg) translateY(50%);
	-o-transform: rotate(-180deg) translateY(50%);
	transform: rotate(-180deg) translateY(50%);
}

.sideNav>ul>li.open>ul>li.open>span {
	background: #ed1f24;
}

.sideNav>ul>li.open>ul>li.open>span>a {
	color: #ffffff;
}

.sideNav>ul>li.open>ul>li.open>span>i {
	color: #ffffff;
}

/*3depth icon*/
.sideNav>ul>li>ul>li>ul>li>span.plus-minus {
	padding-left: 0;
}

.sideNav>ul>li>ul>li>ul>li>span>span {
	display: inline;
	padding-left: 0;
}

.plus-minus {
	top: 26px;
}

.plus-minus::after,
.plus-minus::before {
	display: block;
	position: absolute;
	top: -80%;
	left: -20px;
	width: 14px;
	height: 1px;
	background: #ed1f24;
	content: "";
}

.plus-minus::before {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sideNav li li li.has-sub.open>span .plus-minus::before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*=====  Accordion Current  ======*/
.sideNav li.current span {
	border: none;
}

.sideNav li.current~li span {
	border: none;
}

.sideNav li.current>span>a {
	color: #ed1f24;
}

/*=====  Accordion Interaction  ======*/
.sideNav span:hover a,
.sideNav span:focus a {
	z-index: 100;
	color: #ed1f24;
}

.side_lnb .side_serch{border-left: 4px solid #ed1f24; width: 100%;background-color:#f7f7f7 ;margin-top: 20px;padding: 23px 18px;}

.side_lnb .side_serch h1{ font-size: 1.3em;font-weight: 500; margin-bottom: 15px; position: relative;}

/*.side_lnb .side_serch h1::before{left: 0; margin-right:10px;position:  absolute; content: ''; width: 6px; height: 23px; background-color:#ed1f24 ;}*/

.side_lnb .side_serch .tel_big{font-size: 1.5em; margin-bottom: 4px;}
.side_lnb .side_serch .tel_s{font-size: 15px;padding-left: 5px;}
.side_lnb .side_serch b{font-size: 1.2em;}
input[type=search] {
    box-sizing: border-box;
    border: 2px solid #c6c6c6;
    border-radius: 4px;
    font-size: 16px;
    background-image: url('/theme/enmtheme/product/img/serch-icon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    display: block;
    text-align: center;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #333;
}



.promises{display: flex; background-color: #F6F7FA;    justify-content: center;width: 76%;padding: 45px 15px;}
.promises h1{font-size: 2em;
    font-weight: 800;}
.promises h2{font-size: 1.4em; font-weight:600; line-height: 28px;padding: 5px 0 20px; letter-spacing: -1px}
.promises p{}
.promises .txt-box{    display: flex;    margin-right: 26px;
    flex-direction: column;}

.promises .promises-list{display: flex; gap: 10px;}
  .promises .promises-list li{   border-radius: 10px;    width: 190px;height: 306px; padding: 30px 15px 0;background-repeat: no-repeat;background-size: cover;background-position: center;}
  .promises .promises-list li:first-child{background-image: url('../../product/img/promises01.png');}
  .promises .promises-list li:nth-child(2){background-image: url('../../product/img/promises02.png'); margin-top:40px}
.promises .promises-list li:nth-child(3){background-image: url('../../product/img/promises03.png');}
.promises .promises-list li h3{color: #fff; font-size: 1.3em; font-weight: 500;}
.promises .promises-list li p{color: #fff; line-height:18px; margin-top: 10px; font-size: .85em}

.pr-wrap{display: flex;    flex-direction: column; margin-top: 70px;
    width: 76%;
    justify-content: center;
    float: right;}
.pr-wrap h1{font-size: 1.7em; font-weight:700; text-align: center;}

.pr-wrap .cate-list{display: flex;justify-content: center;margin: 35px 0 50px;}
.pr-wrap .cate-list li{    border-radius: 10px;    margin-right: 10px;}
.pr-wrap .cate-list li:last-child{margin-right: 0}
.pr-wrap .cate-list li a{
    padding: 10px 28px;
    border-radius: 100px;
    border:1px solid #c9c9c9
}

.pr-wrap .pr-list{width: 100%;    display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;}
  .pr-wrap .pr-list li{position: relative; width: 24%; margin-bottom: 30px}
.pr-wrap .pr-list a{display: inline-block;}
.pr-wrap .pr-list a img{border:  1px solid #ededed; border-radius: 10px; width: 100%}
.pr-wrap .pr-list h3{ margin-top: 7px}


.sct_cart {display: none;    bottom: 53px;position:absolute;left:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.pr-list li:hover .sct_cart {display:block}
.sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}





/* shop04 */
.shop-con{display: flex;    flex-direction: column;}
.shop-con .path{    margin-bottom: 15px; border-bottom: 2px solid #d9d9d9}
.shop-con .path li{ float: left; margin-bottom: 10px}
.shop-con .path li i{padding: 0px 6px;}
.shop-con .path li:first-child{background:none; padding: 0 6px 0px 0px}
.shop-con .info-wrap{width: 100%;    display: flex;justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;}
.shop-con .info-wrap .info{ padding: 0 0 0 30px; width: 100%}
.shop-con .info-wrap .slide{width:45%; }
.shop-con .info-wrap .info-details{margin-bottom: 20px; font-weight: 500;}
.shop-con .info-wrap .info-details {display: flex;justify-content: space-between;flex-direction: row;}
.shop-con .info-details .file{width: 85%;display: flex; }
.shop-con .info-details .file div{width: 100%;background-color: #f4f4f4;border-radius: 10px;text-align: center;    padding: 10px 0;}
.shop-con .info-details .file > div{margin-right: 10px}
.shop-con .info-details .file a i{padding-left: 10px}

.info .product-code{font-size: 2em; text-align: right; font-weight: 800; letter-spacing: -1px}
.shop-con .info-details .ex-wrap {width: 85%; border-bottom: 1px solid #ededed}
.shop-con .info-details .ex-wrap span{ font-size: 15px;}
.shop-con .info-details .ex-wrap > p{padding-bottom: 15px;font-size: 15px;font-weight: 500}
  .shop-con .warning p, .shop-con .warning span{color: red}


.gallery {overflow: hidden;position: relative;}
.gallery .list .inner {position: relative;}
.gallery .list .slide_list > li {display: flex;justify-content: center;align-items: center;height:300px; opacity: 0 !important;}
.gallery .list .slide_list > li.swiper-slide-active {opacity: 1 !important;}
.gallery .list .btn {position: absolute;top: 50%;width: 35px;height: 35px; background-size: contain;text-indent: -999em;z-index: 1;}
.gallery .list .btn.btn_prev {left: 10px;transform:translate(0,-50%) rotateY(180deg);}
.gallery .list .btn.btn_next {right: 10px;transform: translate(0,-50%) ;}

.gallery .thumbs {margin-top: 20px;}
.gallery .thumbs .slide_list > li {border-radius: 10px; display: flex;justify-content: center;align-items: center;position: relative;height:100px;cursor: pointer;}
.gallery .thumbs .slide_list img{width: 100%;     object-fit: cover;}
.gallery .slide_list img{width: 100%;     object-fit: cover; border-radius: 10px;}
/*.gallery .thumbs .slide_list > li.swiper-slide-thumb-active:before {content:'';position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 1px solid #c3c3c3;z-index: 1;}*/
.shop-con .code-number{ margin-bottom: 50px; display: flex;align-items: center;justify-content: flex-end;}
.shop-con .code-number span{background-color:#ed1f24; border-radius: 5px; display: flex;align-items: center;padding: 5px 20px; color: #fff; font-size: 1.3em; font-weight:700}
.shop-con .code-number .btn{font-size: 1em; padding: 0 15px; background-color: #000; color:#fff; font-size: 12px; font-weight: 500; margin-left: 20px;height: 28px;display: flex;align-items: center;}

.shop-con .spec{display: flex;flex-direction: column;    margin: 50px 0;}
.shop-con .spec h3{border-bottom: 1px solid #e1e1e1; font-size: 1.1em; font-weight: 600; padding-bottom: 10px}
.shop-con .spec .list-option{display: flex;flex-wrap: wrap;flex-direction: row;}
.shop-con .spec .list-option div{width: 33.33333%;display: flex; margin-top: 20px;flex-direction: column;}
.shop-con .spec .list-option span{margin-bottom: 5px;    font-weight: 500;}
.shop-con .spec .list-option select{background-color: #f4f4f4; border:none;    padding: 10px 3px;}


.shop-con .spec .listTable{ border-spacing: 0px;border-collapse: collapse;margin-top: 25px}
.shop-con .spec .listTable > tbody > tr > th{    background-color: #f3f3f3;text-align: left;font-weight: bold;padding: 15px 10px;    border: 1px solid #e1e1e1;}
.shop-con .spec .listTable > tbody{}
.shop-con .spec .listTable > tbody > tr > td{padding: 7px 10px;border: 1px solid #e1e1e1;word-wrap: break-word;}

.shop-con .total{background-color: #f8f8f8; border-top: 2px solid #333;    display: flex;justify-content: space-between; padding: 20px 10px}
.shop-con .total .quantity a:before{    position: absolute;top: 0;width: 28px;height: 28px}
.shop-con .total .price {padding: 15px 0;}


#quantity {
    text-align: center;
    padding: 5px;
    border: 1px dotted #ccc;

}
.qty {
    width: 40px;
    height: 25px;
    text-align: center;
}
input.qtyplus { width:25px; height:25px;padding: 0px 15px;}
input.qtyminus { width:25px; height:25px;padding: 0px 15px;}



.shop-con .total .price .quantity{ display: flex;justify-content: flex-end;}
.shop-con .total .standard-price , .shop-con .total .count,  .shop-con .total .total-price{font-size: 1em; font-weight: 700;display: flex;    align-items: center;justify-content: space-between;}
.shop-con .total .standard-price{margin:15px 0;}
.shop-con .total .total-price b{font-size: 2em; margin-left: 40px;}
.shop-con .total .standard-price b{font-size: 1.3em;}
.shop-con .pay{display:flex;justify-content: flex-end; margin-top: 20px; font-size: 1.3em}
.shop-con .pay a{width: 20%;background-color: #ed1f24; text-align: center;padding: 10px 0; color: #fff; font-weight: 500}
.shop-con .pay a:first-child{background-color: #9d9d9d}
.shop-con .spec .list-option div:nth-child(3n+2){padding: 0px 20px}


.tabs {display: flex;flex-wrap: wrap; margin-top: 100px}
.tabs label {border:1px solid #e3e3e3;
	order: 1;
	display: block;
	padding: 10px 20px;cursor: pointer;
  background: #fff;
  transition: background ease 0.2s;
}
.tabs .tab {
  order: 99; /*Put the tabs last*/
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 20px 0;
  background: #fff;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #000; color: #fff
}
.tabs input[type="radio"]:checked + label + .tab {display: block; border-top: 2px solid #000; margin-top: -1px}
.tabs .tab img{width: 100%}

.tabs .tab {border-spacing: 0px;border-collapse: collapse;}
.tabs .listTable{    border-collapse: collapse;}
.tabs .listTable > tbody > tr > th{ width: 12%; background-color: #f3f3f3;text-align: left;font-weight: bold;padding: 15px 10px;    border: 1px solid #e1e1e1;}
.tabs .listTable > tbody > tr > td{padding: 7px 10px;border: 1px solid #e1e1e1;word-wrap: break-word;width: auto}
.tabs .tab .swiper-slide h3{margin-top: 6px}
 .tab .swiper-button-next:after, .tab .swiper-button-prev:after{color: #333;    border: 1px solid #d5d5d5;background-color: #ffffff;padding: 6px;opacity: 0.8; font-size: 17px;}
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
  .tg-wrap{margin-bottom: 15px; font-weight: 500;}
.tg .tg-9wq8{border-color:inherit;text-align:center;vertical-align:middle}
.tg .tg-76j9{background-color:#f4eddc;border-color:#a3a3a3;text-align:left;vertical-align:middle; text-align: center;}
.tg .tg-yxvd{background-color:#f4eddc;border-color:#a3a3a3;text-align:center;vertical-align:middle}
.tab .swiper-slide span{font-size: 1.2em; font-weight:500}
@media all and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}

.tabs .tab .size .item{color: #0093ff; font-size: 1.1em; font-weight: 500;padding-top: 5px}
.tab-sub-title{border-bottom: 1px solid #333;margin-bottom:15px;margin-top: 65px; font-size: 1.2em; font-weight: 600; padding-bottom: 9px}
/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){

	#main_visual .sliderkit-text{height:160px; margin-top:-60px;}
	#main_visual .sliderkit-text h1.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:1.2em;}
	#main_visual .sliderkit-text span{font-size:0.95em;}

	#With_us { height: auto; min-height: 720px; padding: 70px 0; }
	#With_us .con{ width: calc(100% - 64px);}
	#With_us .box_wrap{flex-wrap: wrap;}
	#With_us .box_wrap .box1{width: 49%;}
	#With_us .box_wrap .box2{width: 49%;}
	#With_us .box_wrap .box3{width: 100%; margin-top: 2%; display: flex; justify-content: space-between;} 
	#With_us .box_wrap .box4{width: 49%;}
	#With_us .box_wrap .box5{width: 49%;}

	#board .con{ width: calc(100% - 64px);}
	#one-stop .con{ width: calc(100% - 64px);}
	#product-slide .con{ width: calc(100% - 64px);}

	#With_us .box1 h3::before,
	#With_us .box2 h3::before,
	#With_us .box4 h3::before,
	#With_us .box5 h3::before{
		width: 30%;
		height: 10.5vw;
	}
}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){


	.scontents{width:96%;}
	#container {margin-top:0px;}
	#lnb .lnb_wrap > ul > li > a{padding:0 20px}
	.wrap_box{width:98%;}
	#sub_tit{left:0; margin-left:0;}

	#backtotop{display:none !important;}

    .side_lnb, .promises, .pr-wrap{width: 100%;}
    .side_lnb{margin-bottom: 40px;}
    


}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){

	#mobile_header{display:block; min-width:320px; }
  	#sideMenu .side_title .fa-window-close::before{color: #333}
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}

	.lview{display:none;}
	.sview{display:block;}


	#main_visual .swiper-slide{width:100%; height:auto;}
	#main_visual .swiper-slide div.backgroundimg{height:auto; }
	#main_visual .sliderkit-text{height:0; margin-top:-70px;}
	#main_visual .sliderkit-text h1.lviewa{font-size:1.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:0.95em;}
	#main_visual .sliderkit-text div span{ height:34px; line-height:34px;}
	#main_visual .sliderkit-text div span h2{ line-height:34px; font-size:1em;}

#main_visual .main-menu-box{display: none}
.sliderkit-text{width: 100%; text-align: center;}
.sliderkit-text h1{font-size: 2.3em}
.sliderkit-text span{line-height: 20px}


	#m_bnr { position:relative; top:0px; width:100%; min-width:320px;margin:0px auto; padding:0;}
	#m_bnr li {width:33.33333%; border-bottom:0px solid #4e4e4e;}
	#m_bnr li:nth-child(1), #m_bnr li:nth-child(2){border-bottom:1px solid #4e4e4e;}
#m_bnr li .txt_tit{font-size: 0.95em}


	#m_bnr2 {position:relative; top:0px; width:100%; margin:0 auto; border-bottom:none; }
	#m_bnr2 .con_box li { width:50%;  border-bottom:1px solid #ddd;}
	#m_bnr2 .con_box li:last-child { border-right:none;}
#m_bnr2{flex-wrap: wrap;}
.p-txt{font-size: 0.95em}

	#main_about_100 .img_wrap{ width:100%;}
	#main_about_100 .txt_wrap{ width:100%; }
	#main_about_100 .txt_wrap .txt_cont{ position:relative; top:-50px;  width:90%; height:auto;  padding:25px; background:#fff; margin:0 auto;}

.m-br{display: none;}

	#comm_wrap{margin:40px auto;}
	#comm_wrap .board_area{min-width:320px; height:100%;}
	#comm_wrap .board_area .dleft{ width:100%;  margin-right:0px;}
	#comm_wrap .board_area .dcenter{ width:100%;}
	#comm_wrap .board_area .dright{width:100%; }
	#comm_wrap .board_area div.board_box{width:90%; margin:0px auto;}
	#comm_wrap .notice_area {width:100%; margin-top:20px;}

#m_bnr2{    justify-content: center;padding: 40px 20px;}
#m_bnr2 .txt-wrap{text-align: center;margin-right:unset}
#m_bnr2 .p-txt{    justify-content: center;}
#m_bnr2 .txt-wrap h1{font-size: 1.7em}
#m_bnr2 .txt-wrap h2{font-size: 1.3em}
#m_bnr2 .txt-wrap h2{margin-bottom: 10px}
#m_bnr2 .txt-wrap {margin-bottom: 5%}

	#footer{  min-width:320px; padding-bottom:30px; text-align:center;}
	#footer .copyright{width:100%; padding:0 30px; }
	#footer .copyright p{ text-align:center;}
  #m_bnr2 .txt-wrap span{font-size: 0.95em}


	#backtotop{right:15px;}


	#sub_visual{margin-top:0px;}

.contents product-list li{width: 49%;}

	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:49%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}


	#sub_tit { margin:0px auto; padding:0; left:0%; margin-left:0px; background:none; top:180px;}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:block; content:""; width:10%; height:2px; background:#fff; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}
  #footer .copy_bar div .copy_menu{text-align: center;}
#footer .copyright p .company-name{width: 100%}
#footer .ft-sns{position: unset;text-align: center;width: 60%;margin: 0 auto;padding-top: 30px; display: inline-block;}
.contents .product-list {gap:5px}
.contents .product-list li{width: 49%}
.contents .product-list .txt-wrap {padding: 17px 10px;}

.contents .product-list-wrap h1{font-size: 1.3em;padding: 13px 10px;  }
.contents .product-list .txt-wrap h2{font-size: 1.1em;    margin: 0px 0 4px;}
.contents .product-list .txt-wrap p{font-size: .95em}
.scontents .eng{font-size: 1.5em}
.contents .product-main-img{    margin-top: 20px;}
.contents .product-list li{margin-bottom: 10px}
.contents .product-list-wrap h1::before{width: 4px; bottom: 15px;}

.contents .product-wrap{flex-wrap: wrap;}
.contents .product-wrap img{width: 100%}
.contents .product-wrap h2{font-size: 1.5em}
.contents .product-wrap p{font-size: .95em;    padding: 10px 0 20px;}
.contents .product-wrap .info-wrap{width: 100%;margin: 30px 0 0;}
.contents .product-detail{padding: 30px 0 0;}
.contents .product-detail h3{font-size: 1.5em;margin-bottom: 30px;margin-bottom:20px}
.contents .product-detail .detail-img figure{width: 49%;margin: 0 0 10px;}
.contents .product-detail .detail-img figure figcaption{font-size: 1.1em}


.side_lnb{width: 100%; margin-right: 0;float: unset;}
.side_title{font-size: 1.5em}
.sideNav li span {height: 40px;line-height: 32px;}
.sideNav li span a{font-size: .95em}
.sideNav ul>li>ul{padding: 0}
.sideNav ul>li>ul>li>span{line-height: 35px;height: 40px;}
.shop-con .path{font-size: .85em; margin-top: 30px;}
.shop-con .path li{font-size: .95em}
.shop-con .info-wrap {display: block;}
.shop-con .info-wrap .slide{width: 100%}
.shop-con .info-wrap .info{padding: 0;    margin-top: 20px;}
.shop-con .info-details .file{width: 86%}
.info .product-code{text-align: left;font-size: 1.5em}
.shop-con .spec .list-option div{width: 49%;    padding: 0px 5px;}
.shop-con .spec .list-option div:nth-child(3n+2){  padding: 0px 5px;}
.shop-con .spec{margin: 20px 0}
.shop-con .spec .listTable > tbody > tr > th{font-size: .95em}
.shop-con .total{flex-direction: column;}
.shop-con .total .standard-price b{font-size: 1.3em}
.shop-con .total .total-price b{font-size: 1.7em}
.shop-con .pay{font-size: 1.1em}
.shop-con .pay a{width: 37%}

.shop-con .code-number span{font-size: 1em;    padding: 5px 15px}


.promises{width: 100%;flex-direction: column; padding: 30px 0;}
.promises p{font-size: .95em;}
.promises h1{font-size: 1.5em;}
.promises h2{padding: 0px 0 10px;line-height: 21px;    font-size: 1.1em;}
.promises .promises-list li{padding: 20px;}
.promises .promises-list{flex-direction: column;}
.promises .txt-box{margin-right: 0;margin-bottom: 20px;}
.promises .promises-list li{height: 200px;width: 100%;}
.promises .promises-list li:first-child{background-image: url('../../product/img/m-promises01.png') ;;background-size: cover;}
.promises .promises-list li:nth-child(2){background-image: url('../../product/img/m-promises02.png') ;;background-size: cover;margin-top: 0px;}
.promises .promises-list li:nth-child(3){background-image: url('../../product/img/m-promises03.png') ;;background-size: cover;}


.pr-wrap{width: 100%;margin-top: 50px;}
.pr-wra h1{font-size: 1.7em;}
.pr-wrap .cate-list{margin: 20px 0 40px;}
.pr-wrap .cate-list li{    margin-right: 5px;}
.pr-wrap .cate-list li a{    padding: 5px 16px;}
.pr-wrap .pr-list li{width: 48%;    margin-bottom: 10px;}

.tabs{margin-top: 50px;}
.tab .swiper-slide img{width: 100%;}
.tab-sub-title{margin-top: 30px;}
.tabs .listTable{    overflow-x: auto;}
.tabs label{width: 50%;text-align: center;}
.tabs .tab{padding: 20px 0;}
.tabs .listTable > tbody > tr > th{width: auto;    padding: 11px 1px;}
/* .shop-con .code-number{margin-bottom:;} */

#mobile_header > h1 > img{display: none;}


}



/* 반응형 중간기기 768사이즈 이하 */
@media all and (max-width: 768px) {

	.mview{display:block;}

	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	.swiper-button-next, .swiper-button-prev{display:none !important;}


	#m_bnr li {width:33.3333%; height:100%; background-image:none; border-bottom:0px;}
	#m_bnr li:nth-child(1), #m_bnr li:nth-child(2){border-bottom:0px;}
	#m_bnr li div { display:block; width:100%; height:35px;}
	#m_bnr li div i { width:100%;  padding-bottom: 6px;}
	#m_bnr li .txt_tit {width:100%; height:auto; text-align:center; font-size:0.95em; }
	#m_bnr li:hover {background-image:none; }


	#pro_tab .pro_list > ul > li{ display:inline-block; width:48%; margin:1%; padding-bottom:30px; border:1px solid #ddd; box-sizing:border-box; }


	#sub_tit .path { display:none;}
	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:49%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}


	.scontents{padding:0px 0px 30px;}
	.scontents .stitle { margin-bottom:30px; }



	.visual_area {background-position:center top; background-size:cover !important;}


  #main_visual .swiper-button-next, #main_visual .swiper-button-prev{opacity: 0}
  #main_visual .swiper-button-next:hover, #main_visual .swiper-button-prev{opacity: 0}
  #m_bnr2 .img-wrap {display: contents;}
  #m_bnr2 .img-wrap img{width: 90%;}

#product-slide .con, #With_us .con, #board .con{padding: 40px 25px; width: 100%}
#product-slide h1, #one-stop h1, #board .con h1, #With_us h1{font-size: 22px;line-height: 1.3;margin:10px 0 25px}
#product-slide .swiper-slide{font-size: 1.5em}
#one-stop .con{width: 100%; padding: 40px 15px; }
#one-stop .icon-box{width: 100%;padding: 20px 25px;}
#one-stop .one-stop-box {height: auto;}
#one-stop .one-stop-box h2 {margin-bottom: 30px}
#one-stop .one-stop-box li{height: auto; opacity: 1;   padding: 20px}
#one-stop .icon-box{ flex-direction: row;flex-wrap: wrap;padding: 4px; margin-top: 30px}
#one-stop .icon-box li{width: 30%;    padding: 8px 0px;}
#one-stop .icon-box li img{padding:10px 0}
#one-stop .icon-box p{font-size: 13px}
#one-stop .icon-box .step-icon img{padding: 8px 0;width: 43%}
#one-stop .one-stop-box {    padding: 25px;}
#one-stop .one-stop-box h2{font-size: 15px; line-height: 20px}

#one-stop .one-stop-box h3{font-size: 15px; }
#one-stop::before{width: 100%}
#one-stop .one-stop-box .one-btn a{font-size: 13px;padding: 10px 23px;}
#one-stop .one-stop-box .icon-img img{margin-left:0 }
#With_us .box_wrap .box2 .txt-btn .btn-wrap .fa-arrow-right::before{padding-left: 7px}



#board .board_box .btn{background-color: unset}


#board .con{width: 100%; padding: 0 25px 40px 25px}
#board .board_area{    flex-direction: column;}
#board .board_box{width: 100%}
#board .board_box .board_title h1{font-size: 16px}
#board .board_box .btn{display: flex;flex-direction: column;}
#board .board_box .date-wrap {padding: 0 0 15px}
#board .board_box{margin-bottom: 15px;padding: 10px 20px;}
#board .board_box ul{padding-top: 5px}
#board .board_box ul li a{font-size: 14px}
#With_us { height: auto !important; min-height: auto !important; padding: 50px 0 !important; }
#With_us .box_wrap{flex-direction: column;}
#With_us .box_wrap .box {padding: 15px}
#With_us .box_wrap .box1, #With_us .box_wrap .box2, #With_us .box_wrap .box3{width: 100%;margin-bottom: 25px;}
#With_us .box_wrap h3{font-size: 16px; margin-bottom: 7px}
#With_us .box_wrap h4{font-size: 14px;    margin-top: 5px;}
#With_us .box_wrap h5{font-size: 20px; margin-top: 0px;}
#With_us .box_wrap p{font-size: 13px;    margin-top: 6px;}
#With_us .box_wrap a{font-size: 13px}
#With_us .box_wrap .box2 .txt-btn .btn-wrap{}
  #With_us .box_wrap .box2 .txt-btn .btn-wrap .fa-arrow-right::before{padding-left:8px }

  .contents .product-main-img{margin-bottom: 20px}
  .contents .product-list-wrap .product-list-btn{margin-top: 20px;}
  .contents .product-list-wrap .product-list-btn > a{padding: 5px 15px;}

  #With_us .box1 h3::before{display: none;}
  #With_us .box2 h3::before{display: none;}
  #With_us .box4 h3::before{display: none;}
  #With_us .box5 h3::before{display: none;}
  #With_us .box_wrap .box3{margin-top: 0; flex-direction: column;}
  #With_us .box_wrap .box4,
  #With_us .box_wrap .box5{
	width: 100%;
  }
  .sub_location ul li a{font-size: 1em;}
  .sub_location ul li span{font-size: 1em;}

  .side_lnb .side_serch{    padding: 10px 18px;}
  .side_lnb .side_serch h1{font-size: 1.1em;margin-bottom: 3px;}
  .search{padding: 12px 4px 12px 40px;}

    .side_lnb .side_serch .tel_big{font-size: 1em;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media all and (max-width: 480px) {

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:13px;}

	#m_bnr2 .con_box { height:200px;  }
	#m_bnr2 .con_box li .hover_area p { display:none; }
  #m_bnr2::before{display: none;}
  #m_bnr2 .txt-wrap {line-height: 17px}
  #m_bnr2 .txt-wrap h2{line-height: 20px;}

	#main_about_100 .txt_wrap .txt_cont{ width:90%; height:auto;  padding:20px 20px 50px 20px;}
	#main_about_100 .txt_wrap .txt_cont h2{ font-size:2.5em; font-weight:700; }
	#main_about_100 .txt_wrap .tit{font-size:1.5em; font-weight:400; }
	#main_about_100 .btn_more{margin:0 auto;}

	#pro_area .pro_tit span {font-size:1em; color:#777;  padding:0 70px; }
	#pro_tab{margin:0;}
	#pro_tab .pro_list > ul > li{width:90%; margin:5%;}
	#pro_tab .tab { width:100%; }
	#pro_tab .tab li{width:50%; margin-right:0%; margin-left:0%; margin-bottom:0%; height:40px; line-height:40px;}
	#pro_tab .tab li a{height:40px; line-height:40px;}
	#pro_tab .tab li:nth-child(1), #pro_tab .tab li:nth-child(2){border-bottom:1px solid #ddd;}
	#pro_tab .tab li:nth-child(2n){border-right:0px;}
	#pro_tab .tab li:last-child {margin-left:0%; margin-right:0%;}
	#pro_tab .tab li.all { width:50%; margin-right:0%; margin-left:0%; margin-bottom:0%;}
	#pro_tab .pro_list{margin:10px auto;}
	#pro_tab .pro_list > ul > li > a > p{font-size:1.3em;}


	#online .online_con { width:100%; height:200px; background-size:100% 200px;}
	#online .online_con div.blind { width:100%;  height:200px; }
	#online .online_area { padding:30px 0px 0px 0px;}
	#online .online_area p{ font-size:1.5em; }
	#online .online_area span{ padding-bottom:0px; font-size:1em;}


	#comm_wrap{margin:20px auto;}
	#comm_wrap .notice_area li a{display:block; width:75%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }

	#footer .copy_menu{text-align: center;}
	#footer .copyright span{font-size:1em;}
	#footer .copyright p{font-size:0.8em;}
#footer .copyright p .company-name{width: auto;}
#footer .ft-sns{position:unset; width: 100%;display: contents;margin-top: 50px}
#footer .ft-sns a{margin-right: 3px}
#footer .copyright p{padding-bottom: 20px}
	#sub_visual{height:210px; }
	#sub_visual .backgroundimg{height:210px; }
	#sub_visual .visual_area {height:210px; background-position:center top; background-size:cover !important;}

#With_us .box_wrap .box{min-height: unset}
#With_us .box_wrap .box3 h5{font-size: .95em; margin-top: 4px}

	#sub_tit {top:95px; background:none; margin:30px auto;}
	#sub_tit .title{  font-size:1.5em;  }
	#sub_tit .normal_txt{font-size:1em;}
	.scontents .stitle { font-size:1em;  display: none}

	.g_map {width:100%; height:300px; overflow:hidden;}

	.q-menu{ display:none;}



}


/* 반응형 작은기기 360사이즈 이하 */
@media all and (max-width: 360px) {


}