/*상품페이지*/
.pb_125 {padding-bottom:125px;}
.pb_0 {padding:0 !important; }
.sub_wrap {width: 100%;max-width: 1920px; margin: 0 auto; overflow-x: hidden;}
.sub_wrap#mt_100 {margin-top:100px;}
.sub_tab_btn .sub_tabs {display:flex; justify-content: center;}

.sub_tab_btn .sub_tabs li a {display:block; background:#ebf2f8; color:#a7b7c6; width:114px; height:47px; border-radius:30px; text-align:center; line-height:47px; font-weight:800; font-size:1rem;}
.sub_tab_btn .sub_tabs li a#bo_cate_on {background:#000; color:#fff;}
.sub_tab_btn .sub_tabs li + li {margin-left:12px;}
.sub_content_box {padding:125px 0; box-sizing:border-box;}
.sub_tab_con{display:flex;}
.sub_tab_con { flex-wrap:wrap; padding:125px 0;}
.sub_tab_con .tab_tit {width:100%; margin-bottom:34px;}
.sub_tab_con li {width:calc((100% - 18px*4)/5); margin-right:18px; box-sizing:border-box; position:relative;}
.sub_tab_con li .chk_box {    position: absolute; left: 5%;  top: 5%;}
.sub_tab_con li:nth-of-type(5n) {margin-right:0;}
.sub_tab_con li:nth-of-type(n + 6) {margin-top:40px;}
.sub_tab_con li .img_box figure {border-radius:11px; overflow:hidden;}
.sub_tab_con li .img_box img {width:100%;}

.sub_tab_con li .tab_desc {margin-top:18px;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all;}
.sub_tab_con li .tab_desc p {line-height: 1.5em;}

@media screen and (max-width: 768px){
	.sub_tab_btn .sub_tabs li a {width:112px; height:40px; line-height:40px;}

	
	
	.sub_tab_btn { margin-top:50px;}
	.sub_tab_con {padding:30px 0;}
	.sub_tab_con li:last-child{margin-right:0;}
	.sub_tab_con li {width:calc((100% - 9px)/2); margin-right:9px;}
	.sub_tab_con li:nth-of-type(2n) {margin-right:0;}
	.sub_tab_con li:nth-of-type(n + 3) {margin-top:30px;}
	.sub_tab_con li:nth-of-type(5) {margin-right:9px;}
	.sub_tab_con li:nth-of-type(n + 6) {margin-top:30px;}
	.sub_tab_con li .tab_desc {-webkit-line-clamp: 3;}
	.sub_tab_con li .tab_desc p {font-size:14px;}


	.sub_wrap#mt_100 {margin-top:60px;}
	.sub_tab_btn .sub_tabs {max-width:650px; overflow:scroll; justify-content: unset;}
}




.view_wrap {position: fixed; top: 0; left: 0; width: 100%;height: 100%; background: rgba(0,0,0,.85);  z-index: 9999; cursor: pointer; display:none;}
.view_inner {max-width:1564px; margin:0 auto; width:100%; height:100%; position:relative;}
#view_close {position: absolute; top: 0;right: 0; width: 50px; height: 50px;}
#view_close span {position: absolute;top: 24px; left: 15px;  width: 20px;  height: 2px;  background: #FFF;}
#view_close span:nth-of-type(1) {transform: rotate(45deg);}
#view_close span:nth-of-type(2) {transform: rotate(-45deg);}
.v_con_box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; width:100%;}
.v_con_box .v_left_box {background:#fff; width:calc(100% - 360px); height: 100vh; overflow: hidden; overflow-y: auto;}
.v_left_box .v_container {max-width:1130px; margin:0 auto; max-width:92%;}
.v_con_box .v_right_box {width:360px; position: relative; margin-top:25px;}    
.v_con_box .v_right_box .v_tit_box h4 {color:#fff;}
.v_con_box .v_right_box .v_tit_box p {color:rgba(255, 255, 255, 0.6);}
.text_container {max-width:300px; width:92%; margin:0 auto;}




@media screen and (max-width: 768px){
.v_con_box {flex-wrap:wrap;flex-direction: column-reverse; }
.v_con_box .v_right_box {width:100%; margin-top:130px; padding:11.5px 0;}
.v_con_box .v_left_box {width:100%;}
.v_con_box .v_right_box .v_tit_box {margin:0;}
#view_close {top:-17px;}
.v_con_box .v_right_box .v_tit_box h4 {font-size:16px;}
.v_con_box .v_right_box .v_tit_box p {font-size:13px; line-height: 1.7em; margin-top:5px;}
}





/*---230804_HB---*/
.b_con_box{position:relative; transform:unset; justify-content:center; left:unset; top:unset; }
.b_con_box .v_left_box{max-width:1200px; width:94%; }
.b_con_box .v_right_box{position:absolute; left:88%; top:25px; margin-top:0; }
#view_close{top: -15px; z-index:100}
.b_con_box .v_right_box .v_tit_box p{margin-top:15px; line-height: 1.5;}