@charset "utf-8";

#in_01{position:relative;width:100%;padding:95px 0 105px;transition:all .3s}
#in_01 .in_01_cont_area{overflow:hidden;position:relative;width:100%;max-width:1400px;margin:0 auto;font-size:15px;color:#666;letter-spacing:-0.15px;font-family:'notokr-regular'}
#in_01 .in_01_cont_area .b_tit{line-height:35px;text-align:center;transition:all .3s}
#in_01 .in_01_cont_area .b_tit span{font-size:32px;color:#222;letter-spacing:0.1px;font-weight:600;font-family: 'Montserrat', sans-serif;}

/*상품박스*/
#in_01 .in_01_cont_area .sh_rollist{overflow:hidden;width:1200px;margin:45px auto 0;transition:all .3s}
#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.slide01 .img img{height:99px}
.sh_rollist ul li.slide02 .img img{height:114px}
.sh_rollist ul li.slide03 .img img{height:110px}
.sh_rollist ul li.slide04 .img img{height:98px}
.sh_rollist ul li .tit_wrap{position:absolute;bottom:45px;left:40px;color:#666;line-height:24px;transition:all .3s}
.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}

/*상품슬라이드버튼*/
.page_slider_prev{position:absolute;left:0;bottom:116px;width:43px !important;height:43px !important;background:url(/sh_img/make24/include01/img/prev_off.png) no-repeat;transition:all 0.3s;cursor:pointer}	
.page_slider_next{position:absolute;right:0;bottom:116px;width:43px !important;height:43px !important;background:url(/sh_img/make24/include01/img/next_off.png) no-repeat;background-position:0px;transition:all 0.3s;cursor:pointer}
.page_slider_prev:hover{background:url(/sh_img/make24/include01/img/prev_on.png) no-repeat}
.page_slider_next:hover{background:url(/sh_img/make24/include01/img/next_on.png) no-repeat}


/* 반응형 [s] */
@media (max-width:1230px){
#in_01 .in_01_cont_area .sh_rollist{width:100%}	
#in_01 .in_01_cont_area{padding:0 15px}
.page_slider_prev{left:15px;top:22px}
.page_slider_next{right:15px;top:22px}
}

@media (max-width:1024px){
#in_01{padding:170px 0 60px}
.sh_rollist ul li .img{top:30px;right:30px}
.sh_rollist ul li .tit_wrap{left:30px;bottom:30px}
}

@media (max-width:768px){
.sh_rollist ul li .img{top:20px;right:20px}
.sh_rollist ul li .tit_wrap{left:20px;bottom:20px}
}

@media (max-width:480px){
#in_01{padding-top:280px}
#in_01 .in_01_cont_area .b_tit{width:70%;margin:0 auto;line-height:25px;word-break:keep-all}
#in_01 .in_01_cont_area .b_tit span{display:inline-block;margin-bottom:10px;font-size:20px}
#in_01 .in_01_cont_area .sh_rollist{width:100%;font-size: 14px;}
#in_01 .in_01_cont_area .sh_rollist ul li{height:240px}
.sh_rollist ul li .tit_wrap{left:20px}
}
/* 반응형 [e] */