@charset "utf-8";

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
	.cm-tab-style .cm-tab-inner ul li{ position:relative; max-width:auto; width:25%;  }
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* ****************** SSSAK ********************** */
@media all and (max-width:1460px) and (min-width:801px){
	.about-top-con .txt-box {font-size:1.0959vw;}
	.about-top-con .txt-box span {margin-top:0.6849vw; max-width:10.2740vw;}
	.about-top-con .img-box .img.left {padding-left:8.6301vw; padding-right:15.3425vw;}
	.about-top-con .img-box .img.right {padding-right:8.6301vw; padding-left:15.3425vw;}
	.about-con:before {font-size:16.6438vw; top: 0.6849vw;}
}
@media all and (max-width:800px){
	.about-page {padding:70px 0;}
	.about-con {margin-top:35px;}
	.about-con:before  {display:none;}
	.about-top-con .txt-box  {position:static; transform:none; padding-top:50px;}
	.about-top-con .txt-box span {margin-top:0; max-width:115px;}
	.about-top-con .img-box .img  {padding-top:40px;}
	.about-top-con .img-box .img.left {padding-left:30px; padding-right:15px;}
	.about-top-con .img-box .img.right {padding-right:30px; padding-left:15px;}
}
@media all and (max-width:480px){
	.about-top-con .txt-box {font-size:12px;}
	.about-top-con .txt-box br {display:none;}
	.about-top-con .img-box .img.left {padding-left:20px; padding-right:10px;}
	.about-top-con .img-box .img.right {padding-right:20px; padding-left:10px;}
}

/* ******************  Product :: List ********************** */
@media all and (min-width:801px){
	.prd-list-con .prd-list-item .img-wrap img {
		transition: transform 0.6s, 
		-webkit-transform 0.6s;
	}
	.prd-list-con .prd-list-item .img-wrap:hover img { 
		-webkit-transform: scale(1.05) rotate(0.01deg);
		-ms-transform: scale(1.05) rotate(0.01deg);
		transform: scale(1.05) rotate(0.01deg);
	}
}
@media all and (max-width:480px){
	.prd-list-con {margin:-15px 0;}
	.prd-list-con .prd-list-item {float:none; width:100%; margin:15px 0;}
}


/* ******************  Product :: View ********************** */
/* -------- View :: 상단 -------- */
@media all and (max-width:1920px){
	.prd-view-top-con .img-box .big-slide-box {padding-right:5.9896vw;}
}
@media all and (max-width:1024px){
	.prd-view-top-con .tit-box {text-align:center;}
	.prd-view-top-con .tit-box .txt {margin-top:15px;}
	.prd-view-top-con .tit-box .check-txt {display:inline-block; text-align:left; margin-top:20px;}

	/* 제품 정보 */
	.prd-view-top-con .info-box {float:none; width:100%; margin-top:0;}
	.prd-view-top-con .info-box .type-box ,.prd-view-top-con .info-box .color-box  {display:none;}
	.prd-view-top-con .img-box {float:none; width:100%; display:flex; align-items:center; margin:0 auto; margin-top:30px; max-width:800px;}
	.prd-view-top-con .img-box .big-slide-box {float:none; padding-right:0; width:calc(100% - 138px;);}
	.prd-view-top-con .img-box .thumb-slide-box {float:none; width:138px; }
	.prd-view-top-thumb-slide .img-wrap span {top:15px; bottom:15px;} 
	.prd-view-top-slide-controls {display:none;}
	.prd-view-top-con .type-box .type-list-drop-box  {width:100%;}
	
	.prd-view-top-info-m {display:block;}
}
@media all and (max-width:800px){
	.prd-view-top {padding:35px 0;}
	.prd-view-top-con .tit-box .name {font-size:33px;}
	.prd-view-top-con .img-box .big-slide-box { width:calc(100% - 96.6px);}
	.prd-view-top-slide .img-wrap span {top:25px; bottom:25px;} 
	.prd-view-top-con .img-box .thumb-slide-box { width:96.6px; position:relative; right:-20px;}
	.prd-view-top-con .type-box .type-list-drop-box {font-size:14px;}
	.prd-view-top-con .type-box .type-drop-list {top:40px;}
	.prd-view-top-con .type-box .type-drop-list li > a {height:40px; padding:0 25px;}
	.prd-view-top-info-m .type-box .type-drop-open-btn {height:40px; padding:0 25px;}
	.prd-view-top-info-m .color-box {margin-top:30px;}
	.prd-view-top-info-m .color-box .color-list li {width:88.5px; height:88.5px;}
	.prd-view-top-info-m .color-box .color-list li img {width:23px;}
	.prd-view-top-info-m .color-box .color-list li .color-item:before {display:none;}
	.prd-view-top-info-m .color-box .color-list li .color-item .tit  {font-size:12px; margin-top:10px;}
}

/* -------- View :: 제품상세정보 -------- */

@media all and (max-width:1536px) and (min-width:1025px){
	/* View01 */
	#prdViewCon01 .con-box .left-box { margin-top:10.3698vw;}
	#prdViewCon01 .con-box .right-box { margin-top:15.5313vw; margin-bottom:8.8542vw;}
	#prdViewCon01 .con-box .right-box .fingerprint img {width:8.7891vw;}
}
@media all and (max-width:1536px){
	/* View03 */
	#prdViewCon03 .item-box.item02 .video-box .upgrade {display:none;}
}
@media all and (max-width:1460px) and (min-width:801px) {
	.prd-view-con {font-size:1.0959vw}
	#prdViewCon02 .tit-box .tit:nth-child(1) span {margin-left:-22vw;}
	#prdViewCon02 .tit-box .tit:nth-child(3) span { margin-left:-1vw;} 
	/* View03 */
	#prdViewCon03 {padding:11.1111vw 0 12.5000vw;}
	#prdViewCon03 .item-box {padding-top:15.0000vw;}
	#prdViewCon03 .item-box.item01 .txt-box {padding-left:5.4795vw;}
	#prdViewCon03 .item-box.item01 .txt-box .prd-view-tit .color {white-space:nowrap;}
	#prdViewCon03 .item-box.item01 .txt-box .con-txt02  {margin-top:2.1918vw;}
	#prdViewCon03 .item-box.item02 .txt-box {padding-right:1.3699vw;}
	#prdViewCon03 .item-box.item03 .txt-box {padding-left:9.2466vw;}
	#prdViewCon03 .item-box.item03 .txt-box .con-txt03 {margin-top:2.7397vw; }
}

@media all and (max-width:1460px){
 	/* View04 */
	#prdViewCon04 .con-box .list-wrap {padding:10.2740vw  0 12.3288vw;}
	#prdViewCon04 .con-box .list-wrap .list-box.box01 {padding-right:21.9178vw; padding-left: 2.7397vw;}
	#prdViewCon04 .con-box .list-wrap .list-box.box02 {padding-right:0 2.7397vw; padding-left: 21.9178vw;} 
	#prdViewCon04 .list-box .point-list li dt {height:70px; font-size:20px;}
	#prdViewCon04 .list-box .point-list li dd .open-box {padding:47px 15px;}
	#prdViewCon04 .list-box .point-list li dd .open-box .close-btn {top:15px; right:15px;}
}
@media all and (max-width:1024px){
	/* View01 */
	#prdViewCon01  {font-size:16px;}
	#prdViewCon01 .con-box  {display:flex; align-items:center; padding:50px 0 30px;}
	#prdViewCon01 .con-box .left-box {width:60%; margin-top:0;}
	#prdViewCon01 .con-box .right-box {width:40%; margin:0;}
	#prdViewCon01 .img-box {display:block; position:relative;}
	#prdViewCon01 .img-box img {width:120%; position:relative; left:50%; transform:translateX(-50%);}
	#prdViewCon01 #prd-img.bg {display:none;}
}
@media all and (min-width:801px){
	/* View04 */
	#prdViewCon04 .list-box .point-list li:hover dt {background-color: #8c6f5c; color: #fff; cursor:pointer;}
	/* View05 */
	#prdViewCon05 .tbl-box .prd-view-tbl {width:100%;}

}
@media all and (max-width:800px){
	.prd-view-con .prd-view-tit {font-size:56px;}
	/* View01 */
	#prdViewCon01  {font-size:13px;}
	#prdViewCon01 .con-box {display:block;}
	#prdViewCon01 .bg {background-position: 44%;}
	#prdViewCon01 .con-box .left-box {float:none; width:100%;}
	#prdViewCon01 .con-box .right-box {float:none; width:100%; text-align:right;}
	#prdViewCon01 .con-box .right-box .fingerprint img {width:94.5px;} 
	#prdViewCon01 .con-box .right-box .txt {margin-top:20px;}
	#prdViewCon01 .con-box .right-box .txt br {display:none;}
	#prdViewCon01 .img-box img {width:200%;}
	/* View02 */
	#prdViewCon02 {padding:60px 0;}
	#prdViewCon02 .tit-box .tit:nth-child(1) span {margin-left:-22vw;}
	#prdViewCon02 .tit-box .tit:nth-child(3) span { margin-left:-1vw;} 
	#prdViewCon02 .tit-box .txt {margin-top:20px;}
	#prdViewCon02 .video-box {margin-top:30px;}
	/* View03 */
	#prdViewCon03 {padding:80px 0;}
	#prdViewCon03 .item-box {display:block; padding-top:100px;}
	#prdViewCon03 .item-box > div {width:100% !important; padding:0 !important;}
	#prdViewCon03 .item-box .video-box,
	#prdViewCon03 .item-box.item03 .img-box {margin-top:30px;}
	#prdViewCon03 .item-box.item03 .img-box img {width:100%;}
	#prdViewCon03 .item-box.item01 .txt-box .con-txt03 ,
	#prdViewCon03 .item-box.item02 .txt-box .con-txt02 ,
	#prdViewCon03 .item-box.item03 .txt-box .con-txt02,
	#prdViewCon03 .item-box.item03 .txt-box .con-txt03 {margin-top:20px;}

	#prdViewCon03 .item-box.item01 .txt-box .modal-box {transform:none; left:0; }
	#prdViewCon03 .item-box.item01 .txt-box .modal-box dl:before {left:20px; margin-left:0;}
	/* View04 */
	#prdViewCon04 {padding-top:75px;}
	#prdViewCon04 .list-box .tit-box .tit {font-size:29px;}
	#prdViewCon04 .list-box .tit-box .en-txt {font-size:13px; margin-top:10px;}
	#prdViewCon04 .list-box .point-list {margin-top:35px;}
	#prdViewCon04 .list-box .point-list li {margin-top:15px;}
	#prdViewCon04 .list-box .point-list li dt {font-size:16px; height:60px;}
	#prdViewCon04 .list-box .point-list li dd {border-radius:20px;}
	#prdViewCon04 .list-box .point-list li dd .open-box {padding:40px 15px;}
	#prdViewCon04 .list-box .point-list li dd .open-box .close-btn {top: 5px; right: 10px;}
	#prdViewCon04 .list-box .point-list li dd .open-box .tit {font-size:16px;}
	#prdViewCon04 .list-box .point-list li dd .open-box .txt {font-size:13px; margin-top:10px;}
	#prdViewCon04 .con-box .img-box  {position:relative;}
	#prdViewCon04 .con-box .list-wrap {padding:50px 0; margin:0 -20px;}
	#prdViewCon04 .con-box .list-wrap .list-box  {padding:0 20px  !important;}
	/* View05 */
	#prdViewCon05 {padding:50px 0 70px;}
	#prdViewCon05 .tbl-box {margin-top:60px;}
	#prdViewCon05 .tbl-box .tbl-tit {font-size:25px; padding-bottom:10px;}
	#prdViewCon05 .tbl-box .tbl-tit span {font-size:13px; bottom:10px;}
	#prdViewCon05 .tbl-box .prd-view-tbl colgroup {display:none;}
	#prdViewCon05 .tbl-box .prd-view-tbl th ,
	#prdViewCon05 .tbl-box .prd-view-tbl td {font-size:14px; padding:13px 20px; word-break:keep-all; }
	#prdViewCon05 .tbl-box .prd-view-tbl th {width:130px;}
	/* 관련제품 리스트 */
	#prdListSlide {padding:50px 0;}
	.prd-list-slide {padding:0 30px;}
	.prd-list-slide li .img-wrap span {top:22.5px; bottom:22.5px; }
	.prd-list-slide li .category {font-size:14px; margin-top:30px;}
	.prd-list-slide li .name {font-size:14px; margin-top:10px;}
	.prd-list-slide .slick-arrow {font-size:23px;}

}
@media all and (max-width:480px){
	/* View03 */
	#prdViewCon03 .item-box .txt-box .txt br {display:none;}
	#prdViewCon03 .item-box.item01 .txt-box .modal-box {width:300px;}
	/* View04 */
	#prdViewCon04 .con-box .list-wrap {margin:0 -10px;}
	#prdViewCon04 .con-box .list-wrap .list-box  {padding:0 10px  !important;}

	.prd-list-slide li .img-wrap span {top:0px; bottom:0px; } 
}


/* -------- View :: 제품상세정보 :: 수정(220318) -------- */
@media all and (max-width:1530px){
	/* View03 */
	#prdViewCon03Re .item-box.item01 .img-box .img-txt{left:auto; right:-9.14%;}
}
@media all and (max-width:1260px){
	/* View04 */
	#prdViewCon04Re .con-box .img-box{width:70%;  padding-bottom:13%;}
	#prdViewCon04Re .swiper-pagination-bullets{bottom:60px;}
}
@media all and (max-width:1024px){
	/* View04 */
	#prdViewCon04Re .bg{background:#292929;}
	#prdViewCon04Re .con-box{padding-bottom:85%;}
	#prdViewCon04Re .con-box .img-box{width:100%;}
	#prdViewCon04Re .con-box .img-box .prd-view-con04-swiper{width:calc(100% - 35px);}
	
	#prdViewCon04Re .con-box .img-box .swiper-slide-active{width:calc(25% - 24px) !important; max-width:none !important; bottom:0;}
	#prdViewCon04Re .con-box .img-box .swiper-slide-prev, #prdViewCon04Re .con-box .img-box .swiper-slide-next{width:calc(20% - 12px) !important; max-width:none !important; bottom:0;}

	/* View05 */
	#prdViewCon05Re .con-box .list-box{height:500px;}
	#prdViewCon05Re .con-box .list-box li.active{padding:15px 0;}
}
@media all and (max-width:800px){
	/* View01 */
	#prdViewCon01Re .left-box span img{width:158.5px;}
	#prdViewCon01Re .left-box .prd-view-tit{font-size:60px; margin:15px 0 10px;}
	#prdViewCon01Re .left-box .prd-view-txt{font-size:18px;}
	#prdViewCon01Re .right-box .prd-rotate-arrow{width:74.2px; height:74.2px; line-height:74px;}
	#prdViewCon01Re .right-box .prd-rotate-arrow:before{background-size:contain;}

	/* View02 */
	#prdViewCon02Re .con-box{margin:15% 0 35%;}
	#prdViewCon02Re .con-box .prd-view-tit{font-size:45px;}
	#prdViewCon02Re .con-box .prd-view-txt{font-size:18px; margin-top:15px;}
	#prdViewCon02Re .con-box .prd-view-txt2{font-size:30px; margin-top:5px;}

	/* View03 */
	#prdViewCon03Re .top-con-box .prd-view-tit{font-size:40px; margin-bottom:13px;}
	#prdViewCon03Re .top-con-box .prd-view-txt{font-size:30px; margin-bottom:20px;}
	#prdViewCon03Re .top-con-box .prd-view-txt-list{margin-bottom:30px;}
	#prdViewCon03Re .top-con-box .prd-view-txt-list dl dt{font-size:15px; margin-bottom:5px;}
	#prdViewCon03Re .top-con-box .prd-view-txt-list dl dd{font-size:24px;}
	#prdViewCon03Re .top-con-box .prd-view-txt02{font-size:16px; padding:8px 30px;}

	#prdViewCon03Re .item-box .txt-box .prd-view-tit{font-size:26px; display: inline-block;}
	#prdViewCon03Re .item-box .txt-box .prd-view-tit span, #prdViewCon03Re .item-box .txt-box .prd-view-txt{font-size:18px; display: inline-block; margin-top:0;}
	#prdViewCon03Re .item-box{flex-wrap:wrap; flex-direction:column-reverse !important; margin-bottom:50px;}
	#prdViewCon03Re .item-box .txt-box{width:100%; padding:0 !important; margin-top:15px;}
	#prdViewCon03Re .item-box .img-box{width:100%;}
	#prdViewCon03Re .item-box .img-box .img-txt{display: none;}
	#prdViewCon03Re .item-box .video-box{width:100%;}

	/* View04 */
	#prdViewCon04Re .con-box{margin-top:50px; /* padding-bottom:70% */;}
	#prdViewCon04Re .con-box .txt-box .prd-view-txt{font-size:14px; margin-bottom:10px;}
	#prdViewCon04Re .con-box .txt-box .prd-view-tit{font-size:40px;margin-bottom:20px;}
	#prdViewCon04Re .con-box .txt-box span img{width:158.5px;}
	#prdViewCon04Re .con-box .img-box{padding-bottom:50px;}
	#prdViewCon04Re .con-box .img-box .swiper-slide-active{width:calc(25% - 12px) !important;}
	#prdViewCon04Re .swiper-pagination-bullets{bottom:15px;}

	/* View05 */
	#prdViewCon05Re .con-box .prd-view-tit{font-size:40px;}
	#prdViewCon05Re .con-box .prd-view-tit span{font-size:20px;}
	
	#prdViewCon05Re .con-box .list-box{height:400px; margin-top:30px;}
	#prdViewCon05Re .con-box .list-box li{width:100%;}
	#prdViewCon05Re .con-box .list-box li .txt{font-size:16px;}
	#prdViewCon05Re .con-box .list-box li.active{height:40px;}
	#prdViewCon05Re .con-box .list-box li.active .txt{font-size:20px;}
}
@media all and (max-width:480px){
	/* View01 */
	#prdViewCon01Re .left-box span img{width:126.8px;}
	#prdViewCon01Re .left-box .prd-view-tit{font-size:40px;}
	#prdViewCon01Re .left-box .prd-view-txt{font-size:14px;}

	#prdViewCon01Re .right-box .prd-rotate-arrow{width:50px; height:50px; line-height:50px;}
	#prdViewCon01Re .right-box .prd-rotate-arrow img{width:12px;}

	/* View02 */
	#prdViewCon02Re .con-box .prd-view-tit{font-size:32px;}
	#prdViewCon02Re .con-box .prd-view-txt{font-size:16px;}
	#prdViewCon02Re .con-box .prd-view-txt2{font-size:20px;}

	/* View03 */
	#prdViewCon03Re .top-con-box .prd-view-txt-list{display: block;}
	#prdViewCon03Re .top-con-box .prd-view-txt-list dl{width:100%; text-align:center; margin-bottom:15px;}
	#prdViewCon03Re .top-con-box .prd-view-txt-list dl:last-child{margin-bottom:0;}
	#prdViewCon03Re .top-con-box .prd-view-txt-list .prd-view-dotted{display: none;}
	#prdViewCon03Re .top-con-box .prd-view-tit{font-size:32px;}
	#prdViewCon03Re .top-con-box .prd-view-txt{font-size:26px;}

	/* View04 */
	#prdViewCon04Re .con-box .img-box .swiper-slide-active{width:calc(25% - 5px) !important;}
}

.select__wrap {width: 100% !important}
.select__wrap .box + .box {margin-top: 10px;}


@media all and (max-width:800px){
.sub-page-title {font-size:32px;}
#product_info > .inner { display:block; z-index: 2; }
#product_detail .tab_menu ul > li > a {font-size:16px;}

#order_wrap .order_form ul li { display:block;}
#order_wrap .orderStep { padding-top:10px;}
#order_wrap .orderStep + .sub-page-title {margin-top:25px; font-size: 20px; font-weight: 600;}
    #order_wrap .orderStep + .sub-page-title  span {display: block;}
    .title-text-big {font-size: 17px}
.option-d-right {padding:0}
#order_wrap .order_form ul li .th {width:100%; margin-bottom:15px;}
#order_wrap .order_form ul li {padding:15px 5px;} 
[type="radio"].custom+label, [type="checkbox"].custom+label {height:30px; padding-left: 25px; margin-bottom: 15px;}
.ipt {min-width:60px}
select.ipt {padding:0 5px;}
    
    
    .select__wrap {}
    .select__wrap .box {width: 100%;}
    .select__wrap .box label {margin-bottom:  0 !important;}
    .select__wrap .box #rcv_pass {width: 75%; max-width: none !important;}
    .ipt_group:has(.select__wrap) {display: block;}
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}