@charset "utf-8";

#in_01{position:relative;width:100%;padding:95px 0 105px}
#in_01 .in_01_cont_area{overflow:hidden;width:1400px;margin:0 auto;font-size:15px;color:#666;letter-sapcing:-0.15px;font-family:'notokr-regular'}
#in_01 .in_01_cont_area .b_tit{line-height:35px;text-align:center}
#in_01 .in_01_cont_area .b_tit span{font-size:32px;color:#222;letter-spacing:0.1px; font-family:'notokr-medium'}

/*상품박스*/
#in_01 .in_01_cont_area .sh_rollist{width:1200px;margin:45px auto 0}
#in_01 .in_01_cont_area .sh_rollist ul li{height:278px;border:1px solid #ddd;border-radius:2px}
#in_01 .in_01_cont_area .sh_rollist ul li:hover{border:none}
#in_01 .in_01_cont_area .sh_rollist ul li a{display:block;position:relative;height:100%}
#in_01 .in_01_cont_area .sh_rollist ul li a:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:9;margin:auto;border:1px solid #3d45ea;border-radius:2px;opacity:0;box-sizing:border-box;transition:300ms border,150ms opacity;content:""}
#in_01 .in_01_cont_area .sh_rollist ul li a:hover{transition: transform .3s;-webkit-transition: transform .3s}
#in_01 .in_01_cont_area .sh_rollist ul li a:hover:after{border-width:7px;opacity:1}
.sh_rollist ul li .img{position:absolute;right:40px;top:35px}
.sh_rollist ul li .tit_wrap{position:absolute;bottom:45px;left:40px;color:#666;line-height:24px}
.sh_rollist ul li .tit_wrap .name{padding-bottom:15px;font-size:18px;color:#222;line-height:28px;font-family:'notokr-bold'}
.sh_rollist ul li .tit_wrap .name span{font-size:15px;color:#666;font-weight:600;font-family: 'Montserrat', sans-serif}

/*상품슬라이드*/
.slide{margin-right:29px}
.slide a{display:block}
.slide .vdo_wrp a{position:relative;width:338px;background-color:#fff}
.slide .vdo_wrp a:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:9;margin:auto;border:1px solid #ff9000;opacity:0;box-sizing:border-box;transition:300ms border,150ms opacity;content:""}
.slide .vdo_wrp a:hover:after{border-width:5px;opacity:1}
.slide .vdo_img01{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s}
.slide .vdo_img01 img{position:absolute;top:75px;left:111px;opacity:0}
.slide .vdo_wrp a:hover > .vdo_img01{position:absolute;top:0;left:0}
.slide .vdo_wrp a:hover > .vdo_img01 img {opacity:1}

/*상품슬라이드버튼*/
.bx-wrapper{position:relative;width:100%;max-width:1200px !important}
.bx-viewport{width:1200px !important;height:100%!important}
.bx-controls{position:absolute;top:137px;left:0}
.bx-controls-direction{width:1200px}
.bx-prev{position:absolute;left:-95px;width:43px !important;height:43px !important;background:url(/sh_img/make24/include01/img/prev_off.png) no-repeat;transition:all 0.3s}	
.bx-next{position:absolute;right:-95px;width:43px !important;height:43px !important;background:url(/sh_img/make24/include01/img/next_off.png) no-repeat;background-position:0px;text-indent:-200px;transition:all 0.3s}
.bx-prev:hover{background:url(/sh_img/make24/include01/img/prev_on.png) no-repeat}
.bx-next:hover{background:url(/sh_img/make24/include01/img/next_on.png) no-repeat}