/* BASIC css start */
#main { position: relative; }
/* visual, notice */
#main .visual-evt { zoom: 1; overflow: hidden; }
/* visual */
#main .visual-evt .visual { float: left; }
/* notice */
#main .visual-evt .evt-wrap { float: right; width: 212px; }
#main .visual-evt .ntc h2 { font-size: 0; line-height: 0; }
#main .visual-evt .ntc .list { zoom: 1; overflow: hidden; padding-top: 17px; padding-left: 10px; margin-right: 6px }
#main .visual-evt .ntc .list li,
#main .visual-evt .ntc .list a { float: left; }
#main .visual-evt .ntc .list li { padding-left: 16px; width: 180px; background: url(/images/d3/modern_simple/common/bull_main_ntc.gif) no-repeat 0 45%; }
#main .visual-evt .ntc .list a { width: 100%; height: 23px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-evt .ntc .list a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: underline; }
/* Ãâ¼®Ã¼Å© event */
#main .visual-evt .ad { font-size: 0; line-height: 0; text-align: right; }
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* flashHeadlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* md`s pick item */
#main #mdItem { position: relative; margin-top: 20px; }
/* »óÇ° ¸®½ºÆ®- °øÅë */
#main .mprd-cm { margin-top: 40px; }
#main .mprd-cm .tit-prd { padding-bottom: 7px; font-size: 0; line-height: 0; border-bottom: 1px solid #e5e5e5; }

/*½ºÅ©·Ñ Å×½ºÆ® */
body { overflow-anchor: none; }

/* ¸®´º¾ó css */
#SP_slider_soim.soim_id1 .bx-controls-direction > a{ width: 50px; height: 50px; border-radius: 100%; background: none; background-color: rgba(0,0,0,0.2);}
#SP_slider_soim .bx-controls-direction > a:before{content: ''; position: absolute;; top: 17px; width: 14px; height: 14px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
#SP_slider_soim .bx-controls-direction > a.bx-prev{left: -60px; right: auto;}
#SP_slider_soim .bx-controls-direction > a.bx-prev:before{left: 21px; transform: rotate(-45deg);}
#SP_slider_soim .bx-controls-direction > a.bx-prev:hover{background: none; background-color: rgba(0,0,0,0.5);}
#SP_slider_soim .bx-controls-direction > a.bx-next{right: -60px;}
#SP_slider_soim .bx-controls-direction > a.bx-next:before{right: 21px; transform: rotate(135deg);}
#SP_slider_soim .bx-controls-direction > a.bx-next:hover{background: none; background-color: rgba(0,0,0,0.5);}

#SP_slider_soim.soim_id1 #SP_slider_thumb_pager > div{right:50%; width: auto; transform: translateX(50%);}
#SP_slider_soim.soim_id1 #SP_slider_thumb_pager > div > a{margin: 0 3px; width: 15px; height: 3px; border: none; background-color: #ededed;}
#SP_slider_soim.soim_id1 #SP_slider_thumb_pager > div > a.active{width: 30px; background-color: #6d6d6d;}

.SMP-container{overflow: hidden;}

/* ¸ÞÀÎ ½½¶óÀÌµå css */
.mainSlideArea {position:relative; min-width: 1550px; }
.mainSlideArea .mainSlide{width: 100%; height: 100%;}
.mainSlideArea .swiper-container{margin: 0 auto; overflow:hidden ;}
.mainSlideArea .swiper-slide {width: 100%; height: 100%;}
.mainSlideArea .swiper-slide a{display: block; width: 100%; height: 100%;}
.mainSlideArea .swiper-slide a img{width: 100%;}
.mainSlideArea .main-swiper-btns{width: 1200px; position: absolute; top: 50%; left: 50%;  transform: translateY(-50%); line-height: 0; font-size: 0; margin: 0 0 0 -600px; z-index: 9;}
.mainSlideArea .swiper-button-next, .mainSlideArea .swiper-button-prev{width: 50px; height: 50px; border-radius: 100%; background: none; background-color: rgba(0,0,0,0.2); opacity:0; transition: 0.3s;}
.mainSlideArea:hover .swiper-button-next, .mainSlideArea:hover .swiper-button-prev{opacity:1;}
.mainSlideArea .swiper-button-next:before, .mainSlideArea .swiper-button-prev:before{content: ''; position: absolute;; top: 17px; width: 14px; height: 14px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.mainSlideArea .swiper-button-prev{left: -60px; right: auto;}
.mainSlideArea .swiper-button-prev:before{left: 21px; transform: rotate(-45deg);}
.mainSlideArea .swiper-button-next{right: -60px;}
.mainSlideArea .swiper-button-next:before{right: 21px; transform: rotate(135deg);}
.mainSlideArea .swiper-pagination{position: absolute; left: 50%; bottom: 20px;  transform: translateX(-50%);}
.mainSlideArea .swiper-pagination-bullet{margin: 0 3px; width: 15px; height: 3px; border: none; border-radius: 0px; background-color: #ededed; opacity: 1;}
.mainSlideArea .swiper-pagination-bullet-active{width: 30px; background-color: #6d6d6d;}
/* //¸ÞÀÎ ½½¶óÀÌµå css */

.mainSlideBannerArea {position:relative; margin: 70px auto 30px; width: 1200px;}
.mainSlideBannerArea .swiper-container{margin: 0 auto; width: 1050px; overflow:hidden ;}
.mainSlideBannerArea .swiper-slide { width:250px!important; margin-right: 15px;}
.mainSlideBannerArea .swiper-slide img { width:100% }

.swiper-button-next:after, .swiper-button-prev:after{display: none;}


.new_prd_list {width: 1200px;margin:0 auto;margin-bottom:130px;margin-top: 70px;}
.new_prd_list .main_title { text-align:center; }
.new_prd_list .main_title a {display:block; font-size: 40px;color:#000;font-weight:700;margin-bottom:60px;line-height:1;}


.more_button {
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
    width: 170px;
    height: 42px;
    line-height: 40px;
    font-size: 17px;
    color: #797979;
    font-weight: 300;
    font-family: 'Pretendard';
    box-sizing: border-box;
    display: inline-block;
    margin-top:10px;
    }

.more_button img {vertical-align:middle;transform:rotate(-90deg);width: 13px;margin-top: -3px;margin-left: 2px;}



/* BASIC css end */

