@charset "utf-8";


/*02 ��ǰ�Ұ� */
.section#product{  clear:both; position:relative;width:100%; height:auto; margin:0 auto; padding:0px 0; background:url(/file/img/s_img/product_bg.jpg) no-repeat center 0;}
.section#product h3{margin-top:0px; padding:85px 0 10px 0;text-align: center;font-size: 36px;color: #111;font-weight:500; letter-spacing:-0.03em; background:url(/file/img/s_img/section2_bar.png) no-repeat center 0;}
.section#product p.tit{font-size:18px;  line-height:1.5; color:#111; text-align: center; font-weight:400;}
.section#product p.tit span.pc_cut{display:block;}

.section#product .container{width:100%; max-width:1200px; margin:0 auto;padding:50px 0 80px 0;}
.section#product ul.main_quick{width:100%; margin:40px auto 0 auto; display:flex; flex-wrap: nowrap;   gap: 20px;    justify-content: space-between;}
.section#product ul.main_quick li{min-height:300px; background:#fff; margin:0 auto; }
.section#product ul.main_quick li a{position: relative;display: block;border: 0px solid #acacac;width:100%; /* height:238px;*/ color:#fff;}
.section#product ul.main_quick li a span.img_box{position: relative;display: block;width:100%;height:auto;overflow: hidden;}
.section#product ul.main_quick li a span.img_box img{width:100%; max-width:283px; /*transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;*/}


.section#product ul.main_quick li a span.tit{position: absolute;bottom:0px;left: 0px;background: url(../img/s_img/bg_main_quick.png) repeat;display: block; width:100%; max-width: 285px;text-indent: 30px;height: 66px;line-height: 66px;font-size: 20px;color: #fff;font-weight: 500;text-align: left; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li a span.plus{position: absolute;bottom: 0;right: 30px;display: block;text-align: right;width: 100%;height: 66px;line-height: 66px;font-size: 20px;color: #fff;font-weight: 500; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li a span.border{position: absolute;top:0px;left: 0px;display: block;border: 0px solid #f58220;width: 100%;height: 100%;display: none;background: url(/file/img/s_img/main_quick_border_bg.png) repeat; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li a span.view{position: absolute;top:60px;left: 0;display: block;width: 100%;height: 80px;color: #fff;font-size: 20px;text-align: center;display: none; background: url(/file/img/s_img/icon_main_quick_plus.png) no-repeat center 100%; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}

.section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:283px;  /*transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;*/}

.section#product ul.main_quick li a:hover span.tit{display: none; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li a:hover span.plus{display: none; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li a:hover span.border{display: block; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li a:hover span.view{display: block; /*transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;*/}
.section#product ul.main_quick li dl{padding:20px 10px 20px 10px; }
.section#product ul.main_quick li dt{font-size:18px; font-weight:500; line-height:1.4; color:#555; letter-spacing:-0.05em; text-align:center;}
.section#product ul.main_quick li dd{font-size:15px; color:#fff;  line-height:1.5; padding-top:20px; font-weight:400; letter-spacing:-0.05em;text-align:center;}
.section#product ul.main_quick li dd span.pc_cut{display:block;}
.section#product ul.main_quick li dd.btn{font-family: 'Noto Sans KR', sans-serif;}


.section#product ul.main_quick li figure{width:100%; max-width:283px; height:238px;}
.section#product ul.main_quick li figure.effect a{width:100%; max-width:283px; height:238px;}
.section#product ul.main_quick li figure.effect a img{width:100%; max-width:283px; height:238px;}
.section#product ul.main_quick li figure.effect2 figcaption {
    padding: 0 !important;
    background-color: rgba(167,102,248,0.1);
    transition: background-color .35s;
}

.section#product p.tips_btn{position:relative; line-height:1; padding:0; text-align:center; width:160px; margin:0 auto; }
.section#product p.tips_btn a{ color:#fff;}
.section#product .jubo_btn{margin-top:40px;}

.button_base_02 {
  margin: 0 auto;
  width: 160px;
  border: 0;
  position: relative;

  width:160px;
  line-height:40px;
  height:40px;
  font-size:16px;
  font-weight:600;
  text-align:center;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  cursor: default;
  font-family: 'Noto Sans KR', sans-serif;
  background: #06a2e3;
}
.button_base_02 div a{color:#fff;  }

.button_base_02:hover a{ color:#fff; 
  cursor: pointer;
}






/*

.section#product p.tips_btn a span.img_area_more{display:inline-block; font-size:16px; border-radius:25px; font-weight:500; height:36px; line-height:32px;color:#222; letter-spacing:-0.05em; width:140px;  padding:2px 20px; background:#ECECEC; text-align:center;}
.section#product p.tips_btn a:hover span.img_area_more{color:#fff; background:#00A1E4;}


*/


@media (max-width: 1199px) {



.section#product .container{width:100%; margin:0 auto;padding:0px 0;}


.section#product h3{font-size:30px;}
.section#product p.tit{font-size:18px; }
.section#product p.tit span.pc_cut{display:block;}



/*1199px 02 ��ǰ�Ұ� */
.section#product{width:100%; height:auto; }

.section#product .container{width:100%; margin:0 auto;padding:0px 0 80px 0;}

.section#product ul.main_quick{width:100%; margin:60px auto 0 auto;}

.section#product ul.main_quick {
    width: 100%;
    margin: 40px auto 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between;
}
.section#product ul.main_quick li{width:23%; min-height:auto; }

/*
.section#product ul.main_quick li{width:23%; min-height:auto; margin:0 1%; }
.section#product ul.main_quick li.last{margin-right:1%;}*/
.section#product ul.main_quick li a{width:100%; height:auto;}
.section#product ul.main_quick li a span.img_box{width:100%;height:auto;}
.section#product ul.main_quick li a span.img_box img{width:100%; }
.section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.border{border: 0px solid #f58220;width: 100%;height: 100%;}
.section#product ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product ul.main_quick li dl{padding:30px 2px 30px 2px;  min-height:100px; }
.section#product ul.main_quick li dt{font-size:20px; font-weight:400; letter-spacing:-0.05em; }
.section#product ul.main_quick li dd{font-size:14px;  padding-top:20px; letter-spacing:-0.075em;}
.section#product ul.main_quick li dd span.pc_cut{display:block;}

.section#product p.tips_btn{margin-top:40px;}





}/* 1199px End*/





@media (max-width: 991px) {


.section#product h3{font-size:26px;}
.section#product p.tit{font-size:16px; }


/*991px 02 ��ǰ�Ұ� */
.section#product{width:100%; height:auto; background:url('/file/img/s_img/product_bg.jpg') no-repeat center bottom;}

.section#product .container{width:100%; margin:0 auto;padding:60px 0;}
.section#product ul.main_quick{width:100%; margin:60px auto 0 auto; flex-wrap: wrap}
.section#product ul.main_quick li{width:45%; min-height:auto; margin:0 auto 40px auto; text-align:center; background:none;}
.section#product ul.main_quick li.last{margin-right:auto;}
.section#product ul.main_quick li a{width:100%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
.section#product ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
.section#product ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
.section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.border{border: 12px solid #f58220;width: 100%;height: 100%;}
.section#product ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product ul.main_quick li dl{padding:20px 10px 0px 10px;  margin:0 auto; text-align:center; min-height:40px;max-width:280px; }
.section#product ul.main_quick li dt{font-size:18px; font-weight:400; letter-spacing:-0.05em; }
.section#product ul.main_quick li dd{font-size:14px;  padding-top:20px; letter-spacing:-0.075em;}
.section#product ul.main_quick li:last-child dd span.pc_cut{display:block;}
.section#product ul.main_quick li dd span.pc_cut{display:block;}









}/* 991px End*/





@media (max-width: 768px) {

.section#product h3{font-size:22px; letter-spacing:-0.05em; padding:55px 0 7px 0; background:url(/file/img/s_img/section2_bar_m.png) no-repeat center 0;}
.section#product p.tit{font-size:15px; letter-spacing:-0.05em;}





/* 768px 02 ��ǰ�Ұ� */
.section#product{clear:both; width:100%; height:auto; background:url('/file/img/s_img/product_bg.jpg') no-repeat center bottom;}

.section#product .container{width:100%; margin:0 auto;padding:40px 0 60px 0;}
.section#product ul.main_quick{width:100%; margin:40px auto 0 auto; flex-wrap: wrap}
.section#product ul.main_quick li{width:50%; min-height:auto; margin:0 auto 20px auto; text-align:center; background:none;}
.section#product ul.main_quick li.last{margin-right:auto;}
.section#product ul.main_quick li a{width:100%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
.section#product ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
.section#product ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
.section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.border{border: 12px solid #f58220;width: 100%;height: 100%;}
.section#product ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product ul.main_quick li dl{padding:20px 10px 20px 10px;  margin:0 auto; text-align:center; min-height:0px;max-width:280px; }
.section#product ul.main_quick li dt{font-size:15px; letter-spacing:-0.05em; }
.section#product ul.main_quick li dd{font-size:14px; padding-top:20px; letter-spacing:-0.075em;}
.section#product ul.main_quick li:last-child dd span.pc_cut{display:block;}
.section#product ul.main_quick li dd span.pc_cut{display:block;}

.section#product p.tips_btn a span.img_area_more{font-size:15px; }
.section#product ul.main_quick li figure {
    width: 100%;
    max-width: 283px;
    height: 238px;
    min-width: 283px;
	margin:0 auto;
}




}/* 768px End*/







@media (max-width: 640px) {



/* 640px 02 ��ǰ�Ұ� */
.section#product{width:100%; height:auto; }

.section#product .container{width:100%; margin:0 auto;padding:0px 0 50px 0;}
.section#product ul.main_quick{width:100%; margin:40px auto 0 auto;}
.section#product ul.main_quick li{width:100%; min-height:auto; margin:0 auto 20px auto; text-align:center; background:none;}
.section#product ul.main_quick li.last{margin-right:auto;}
.section#product ul.main_quick li a{width:94%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
.section#product ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
.section#product ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
.section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
.section#product ul.main_quick li a span.border{border: 10px solid #f58220;width: 100%;height: 100%;}
.section#product ul.main_quick li a span.view{position: absolute;top:18%;width: 100%;height: 80px;font-size: 20px;}
.section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product ul.main_quick li dl{width:94%;  padding:20px 10px 10px 10px;  margin:0 auto; text-align:center; min-height:0;max-width:280px; }
.section#product ul.main_quick li dt{font-size:15px; font-weight:400; letter-spacing:-0.05em; }
.section#product ul.main_quick li dd{font-size:14px;  padding-top:15px; letter-spacing:-0.075em;}
.section#product ul.main_quick li:last-child dd span.pc_cut{display:block;}




}/* 640px End*/