/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
.visual-banner {position:relative; overflow:hidden;}
.visual-banner .inner img {width:100%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar {width:100px; height:2px; top:auto; bottom:19px; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .swiper-button-prev:after,
.visual-banner .swiper-button-next:after {display:none;}
.visual-banner .txtbox { display:inline-block;  text-align:center; position:absolute; top:90%; left:19%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease-in; -webkit-transition:all .8s ease-in; }
.visual-banner .swiper-slide-active .txtbox {opacity:1; top:72%; visibility: visible;}
.visual-banner .txtbox .txt01 {text-align: left;color: #fff; font-size: 38px; letter-spacing: 2px; font-weight:500; margin-bottom:10px;font-weight: bold;line-height:50px; }
.visual-banner .txtbox .txt02 {text-align: left; line-height:31px; color: #f7f7f7; font-weight: normal; font-size: 20px; letter-spacing: 0px; padding:0 0px;}
.visual-banner .txtbox .txt03 {text-align: left;color: #fff; font-size: 40px; letter-spacing: 2px; font-weight:500; margin-bottom:10px;font-weight: bold;line-height:50px; }
.visual-banner .txtbox .txt04 {text-align: left; line-height:31px; color: #f7f7f7; font-weight: normal; font-size: 20px; letter-spacing: 0px; padding:0 0px;}

/* Áß¾Ó¹è³Ê */
.midbanner {max-width:1500px; margin:35px auto 15px; display:flex;}
.midbanner a {display:inline-block; flex:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
.midbanner a:hover {opacity:0.7;}
.midbanner a:first-child {margin-right:23px;}
.midbanner a img {width:100%;}

/* BEST »óÇ° */
.prd01 .item-wrap {position:relative; overflow: inherit;}
.prd01 .item-wrap .item-cont {overflow:hidden;}
.prd01 .cateTit {position:relative;}
.prd01 .controller {position:absolute; top:35px; right:0;}
.prd01 .controller .swiper-fraction {text-align:right; color: #ce7777; font-size: 12px; font-weight: 800; padding-bottom:8px;}
.prd01 .controller .swiper-fraction .swiper-pagination-current {color: #ce7777;}
.prd01 .controller .swiper-pagination {width:90px; height:2px; position:static; background:#f7f7f7;}
.prd01 .controller .swiper-pagination span {background:#ce7777}
.prd01 .swiper-button-prev {left:-80px; top:42%; width: 37px; height: 71px;}
.prd01 .swiper-button-next {right:-80px; top:42%; width: 37px; height: 71px;}
.prd01 .swiper-button-prev:after,
.prd01 .swiper-button-next:after {display:none;}

/* »óÇ°Æû */
.prd-more {text-align:center; margin-top:35px;}
.prd-more a {width:280px; height:56px; line-height:56px; display:inline-block; border-radius:10px; border: 1px solid #f7f7f7; color: #000; font-size: 15px; letter-spacing: 1.5px; font-family:'Montserrat',sans-serif; font-weight:bold;}


@media screen and (max-width:1780px){
    .prd01 .swiper-button-next,
    .prd01 .swiper-button-prev {display:none;}
}    

.prd-color {height:30px;font-size:18px;}

.main_visual_02 {margin:70px auto;}
/* BASIC css end */