.area_top{display:flex; justify-content:space-between}
.area_top h2{ color:#D10707; font-size:36px; font-family:"Open Sans", "Noto Sans KR", "Malgun Gothic", Dotum, "돋움", sans-serif; font-weight:900; margin:0 0 50px 0}
.area_top h3{color:#D10707; font-family:"Open Sans", "Noto Sans KR", "Malgun Gothic", Dotum, "돋움", sans-serif; font-weight:700; font-size:18px; margin:0 0 10px 0}
.area_top .area{width:45%; float:left; gap:0; font-size:18px; line-height:1.5}
.area_top li li{width:100%}
.area_top .area .ul_txt li{
    padding: 0 0 0 10px;
    position: relative;}
.area_top .area .ul_txt li:before{    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #555;
    left: 0;
    top: 10px;}	
.area_top .jd-slider .controller{bottom:-100px; position:absolute; display:flex; justify-content:left}
.area_top .jd-slider .controller .indicate-area a{border-radius:0; width:90px; height:90px; border:1px solid #ddd; margin:0 0 }
.area_top .jd-slider .controller .indicate-area .on{border:3px solid #222}
.area_top .jd-slider .controller .indicate-area a:after{display:none}
.tab_tit{display:flex; justify-content:space-between; margin:150px 0 30px 0; clear:both}
.tab_tit li{width:25%; list-style:none}
.tab_tit li button{width:100%; height:60px; border-right:1px solid #fff; font-size:18px; font-weight:500; font-family:"Open Sans", "Noto Sans KR", "Malgun Gothic", Dotum, "돋움", sans-serif}
.tab_tit li:last-child button{border-right:0}
.tab_tit li .selected{ background:#D10707; color:#fff}
.wrap_m0201 .t_type1 th, .wrap_m0201 .t_type1 td{padding:20px 20px !important; text-align:left}
.wrap_m0201 .t_type1 th{width:25%; font-weight:500}
.wrap_m0201 .jd-slider{overflow:visible}
.wrap_m0201  .jd-slider .slide-inner{overflow:hidden; border:1px solid #ddd}
.wrap_m0201 .jd-slider .controller .indicate-area{display:flex; gap:10px}
.area_top .jd-slider .controller .indicate-area a:nth-child(1){ background:url(/img/product1.png) 50% 50% no-repeat; background-size:90% auto}
.area_top .jd-slider .controller .indicate-area a:nth-child(2){ background:url(/img/product2.png) 50% 50% no-repeat; background-size:90% auto}
.area_top .jd-slider .controller .indicate-area a:nth-child(3){ background:url(/img/product3.png) 50% 50% no-repeat; background-size:90% auto}
.clear{clear:both}
.ul_product{margin:0 0 40px 0}
.ul_product li{align-items:flex-start}
.ul_product li img{max-height:219px}
.ul_product li a{width:100%; padding-bottom:80px}
.ul_product .bt_more{position:absolute; left:50%; bottom:30px; margin-left:-60.45px}
@media(max-width:1023px){
.ul_product{gap:20px}	
.ul_product li{width:calc(33.33% - 20px)}
	}

@media(max-width:820px){
.jd-slider .slide-area li{display:flex !important; justify-content:center; align-items:center}	
	}
@media(max-width:540px){
/*PRODUCT*/
.area_top{flex-wrap:wrap}
.ul_product li, .area_top .area, .tab_tit li{width:100%}	
.area_top .area:first-child, .area_top h2{margin:0 0 20px 0}
.area_top h2{font-size:24px}
.tab_tit{margin:50px 0 30px 0; flex-wrap:wrap}
#2{text-align:center}
	}