/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
/*.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px;}*/
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/* 메인 콘텐츠 */
#contents{padding:0;margin-bottom: 0;}
#contentWrap{padding:11px 0px 8px;background:#FFFFFF;position:relative;}
.main_con_1{position:relative;width:100%;}
.main_con_1 img{position:relative;z-index:0;}
.main_con_2{position:relative;bottom:12px;}
.main_con_2 .bx-wrapper{margin:0 auto}
.main_con_2 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{display:none;}
.main_con_2 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto .bx-pager-item .bx-pager-link {background:#;}
.main_con_3{position:relative;bottom:0px;}
.sec2_1{width:60%; margin:25px auto}
.sec2_2{margin-bottom:10px;}
.sec_5{padding:15px;background:#32307A;}
.sec4{background:url(/design/mjl5923/main_m/main_product_bg2.jpg)}
.list_shopping2x ul{padding:0 15px;}
.sec_5_tit{text-align:center;color:#fff;font-size:24px;margin:20px 0 25px;}
.sec_4_tit{color:#FFF;padding:75px 0 25px;font-size:24px;text-align:center;}
.sec_5_bnr .first_bnr{margin-bottom:5px;}

/* show */
.sec6 {width:90%; display: inline-block; margin-left:10%;}
.sec6 ul li {margin:0px auto;} 
.sec6 ul li +li {margin-left:-1.5%;} 
.sec6 .bx-wrapper .bx-pager {display: none;}
.sec6 .bx-wrapper .bx-controls-direction a {display: none;}
.button_show1{position: absolute; background-color: #fff; border: 1px; color: black; padding: 3px 22px; text-align: center; display: inline-block; margin: 68% 11%; font-size: 11px; -webkit-border-radius:0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer;}
.button_show1:hover { background-color: #1b1b1b; color: white;}
.button_show2{position: absolute; background-color: #fff; border: 1px; color: black; padding: 3px 22px; text-align: center; display: inline-block; margin: 68% 11%; font-size: 11px; -webkit-border-radius:0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer;}
.button_show2:hover { background-color: #1b1b1b; color: white;}

/* slide_sec1 */
.sec1 .bx-wrapper {margin:0 auto}
.sec1 .bx-wrapper .bx-pager {left:10%; bottom:4%;}
.sec1 .bx-wrapper .bx-controls-direction a {display: none;}
.sec1 .bx-wrapper .bx-pager.bx-default-pager a {background: #bfbfbf; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0;}
.sec1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sec1 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/* slide_sec2 */
.sec2 .bx-wrapper {margin:0 auto}
.sec2 .bx-wrapper .bx-pager {left:0;right:0;bottom:5%;}
.sec2 .bx-wrapper .bx-controls-direction a {height: 100%; width: 35px; top: 0; margin-top: 0; background: none;}
.sec2 .bx-wrapper .bx-controls-direction a:after {display: block; content: ''; width: 18px; height: 18px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); opacity: .3; position: absolute; top: 25%;}
.sec2 .bx-wrapper .bx-prev {left: 0;}
.sec2 .bx-wrapper .bx-prev:after {border-top: 2px solid #fff; border-right: 2px solid #fff; left: 24px;}
.sec2 .bx-wrapper .bx-next {right: 0;}
.sec2 .bx-wrapper .bx-next:after {border-bottom: 2px solid #fff; border-left: 2px solid #fff; right: 24px;}
.sec2 .bx-wrapper .bx-pager.bx-default-pager a {display:none;}

/* 제품 */
.sec4 figure{position:relative; background:#fff;border:0px solid #ccc;box-sizing:border-box;}
.sec4 figure .listMark{position:absolute;top:0;left:0;width:35%;}
.sec4 figure .listPrice{color:#000;font-size:15px;font-weight:bold;padding-bottom:10px;}
.main .item_lst .more .btn_moreGray{background:#000;}

/* 오프라인 */
.button_off1 {position: absolute; background-color: #fff; border: 1px; color: black; padding: 3px 28px; text-align: center; display: inline-block; margin: 58% 40%; font-size: 11px; cursor: pointer;}
.button_off1:hover {background-color:#000; color: white;}
.button_off2 {position: absolute; background-color: #000; border: 1px #ededed; color: white; padding: 32px 23px; text-align: center; display: inline-block; margin: 1.5% 79%; font-size: 11px; cursor: pointer;}
.button_off2:hover {background-color:#fff; color: black;}
.row .v7{position:absolute; margin-top:-53.8%; margin-left:56%; width:21.5%;}
.sec3 .bx-wrapper .bx-pager {left:10%; top:-14%;}
.sec3 .bx-wrapper .bx-controls-direction a {display: none;}
.sec3 .bx-wrapper .bx-pager.bx-default-pager a {background: #bfbfbf; text-indent: -9999px; display: block; width: 70px; height: 2px; margin: 0 4px; outline: 0;}
.sec3 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sec3 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/* 블로그 */
.sec7 .bx-wrapper {margin:0 auto}
.sec7 .bx-wrapper .bx-pager {left:77%; top:-15%;}
.sec7 .bx-wrapper .bx-controls-direction a {display: none;}
.sec7 .bx-wrapper .bx-pager.bx-default-pager a {background: #bfbfbf; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 4px; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sec7 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sec7 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/* Real_Review */
.sec8 .bx-wrapper .bx-pager {left:0;right:0;top:52%;}
.sec8 .bx-wrapper .bx-controls-direction a {height: 100%; width: 35px; top: 0; margin-top: 0; background: none;}
.sec8 .bx-wrapper .bx-controls-direction a:after {display: block; content: ''; width: 18px; height: 18px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); opacity: .3; position: absolute; top: 30%;}
.sec8 .bx-wrapper .bx-prev {left: 0;}
.sec8 .bx-wrapper .bx-prev:after {border-top: 2px solid #fff; border-right: 2px solid #fff; left: 24px;}
.sec8 .bx-wrapper .bx-next {right: 0;}
.sec8 .bx-wrapper .bx-next:after {border-bottom: 2px solid #fff; border-left: 2px solid #fff; right: 24px;}
.sec8 .bx-wrapper .bx-pager.bx-default-pager a {background: #bfbfbf; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sec8 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sec8 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.row {position:relative}
.row .v1{position:absolute; margin-top:-62.3%; margin-left:10%; width:25%;}
.row .v2{position:absolute; margin-top:-62.3%; margin-left:37.5%; width:25%;}
.row .v3{position:absolute; margin-top:-62.3%; margin-left:64.8%; width:25%;}
.row .v4{position:absolute; margin-top:-34.8%; margin-left:10%; width:25%;}
.row .v5{position:absolute; margin-top:-34.8%; margin-left:37.5%; width:25%;}
.row .v6{position:absolute; margin-top:-34.8%; margin-left:64.8%; width:25%;}
.button_sns1{position: absolute; background-color: #3897f0; border: 1px; color: white; padding: 5px 20px; text-align: center; display: inline-block; margin: 75% 27%; font-size: 10px; -webkit-border-radius:50px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer;}
.button_sns1:hover {background-color: #363636; color: white;}


/* 인스타그램 */
.main .instagram .title_area{padding:50px 0 30px;text-align:center;color:black}
.main .instagram .title{font-size:24px}
.main .instagram .desc{margin-top:10px;font-size:13px;color:#666}
.instagram #instafeed{overflow:hidden;text-align: center;}
.instagram #instafeed a{display:inline-block;position:relative;width:20%}
.instagram #instafeed a img{width:100%}
.instagram #instafeed .likes{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(240,91,146,0.8);font-size:1.5em;color:#ffffff;text-align:center;vertical-align:middle;opacity:0;text-shadow:0 1px rgba(0,0,0,0.5);
	-webkit-font-smoothing:antialiased;
	-webkit-transition: opacity 100ms ease;
	-moz-transition: opacity 100ms ease;
	-o-transition: opacity 100ms ease;
	-ms-transition: opacity 100ms ease;
	transition: opacity 100ms ease
}
.instagram #instafeed .likes:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.instagram #instafeed .likes i{font-size:1em}
.instagram #instafeed a:hover .likes{opacity:1}

/* 게시판 */
.main .notice{position:relative;margin:15px;padding:0 30px 0 80px}
.main .notice .title_area{position:absolute;top:0;left:0;padding:0}
.main .notice .title_area h2{width:70px;line-height:24px;background:#32307A;color:white;font-size:13px;text-align: center;}
.main .notice .ul_lst{line-height:24px}
.main .notice .ul_lst .more{position:absolute;top:0;right:0;width:auto;margin:0}

/* 하단 info */
.main .cs{background:#EDEDED}
.main .cs .column{float:left;width:50%;margin:0 0 0 -1px;padding:15px 0;border-left:1px solid #ccc;text-align:center}
.main .cs .column h3{margin-bottom:10px;font-size:16px;font-weight:400;color:black}
.main .cs .info dt{margin-bottom:5px;font-size:24px;color:black}
.main .cs .info dd{font-size:11px;color:#9B989B}
.main .cs .info .btn_set{margin-top:10px}
.main .cs .info .btn_set .abtn_{margin:0 2px;border-color:#7B777B;background:#7B777B;color:white}

.main .cs .bank p{color:#575257}
.main .cs .bank p span{color:#9A989A}
.main .cs .bank dl{margin-top:10px}
.main .cs .bank dl dt{margin-bottom:5px;font-size:14px;font-weight:700;color:#9B989B}
.main .cs .bank dl dd{font-size:16px;color:#7A777A}
.main .cs .cs_center{margin-top:0px;}

/* 유튜브 수정 */
.sec_5_video {position:relative; width:100%; height:0; margin-bottom:0px; padding-top:56%;}
.video_no {position: absolute; margin-top:-74%; left:2px;}
.iframe_con {position:absolute; top:0; left:0; width:100%; height:100%;}

/* BASIC css end */