/* 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%; }

.m_banner01 { width:96%; margin:0 2% 0 2%; overflow:hidden; border:1px solid #d8d8d8; }
.m_banner01 ul { float:left; height:100%; }
.m_banner01 .left { width:68%;}
.m_banner01 .left img {width:100%;}
.m_banner01 .right { width:32%; }
.m_banner01 .right img {width:100%;}
.m_banner01 li { list-style:none; }
.m_banner01 img { display:block; }


/* //롤링배너 */
.main h3 {font-size:1.250em; font-weight:bold; display: inline-block; margin:35px 2% 18px 2%;  padding-top:6px; border-top:1px solid #3b3b3b;}
.main h3 img {height:18px; }
.main .topBanner {margin-top:-15px;}
.main .topBanner .topBannerLeft {width:100%; margin:0 2% 2% 2%; position:relative;}
.main .topBanner .topBannerRight {width:100%; margin:1% 2%;   position:relative;}
.main .topBanner img {width:96%; vertical-align:top; border:1px solid #d8d8d8;}
.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;}

.main .people {overflow:hidden; padding:50px 0 0px 0; }
.main .people h2 {font-size:14px; padding:0 0 1px 8px; font-weight:bold;  border-bottom:1px solid #D5D5D5;}
.main .people li {float:left; width:23%; padding:0 0 0 1%; text-align:center;}
.main .people li img {width:90%; padding-top:6px;}

.main .media {overflow:hidden; padding:50px 0; }
.main .media h2 {font-size:14px; padding:0 0 1px 8px; font-weight:bold; border-bottom:1px solid #D5D5D5;}
.main .media li {float:left; width:23%; padding:0 0 0 1%; text-align:center;}
.main .media li img {width:90%; padding-top:6px;}


.main .review {overflow:hidden; padding:50px 0; }
.main .review h2 {font-size:14px; padding:0 0 1px 8px; font-weight:bold; border-bottom:1px solid #D5D5D5;}
.main .review li {float:left; width:19%; padding:0 0 0 1%; text-align:center;}
.main .review li img {width:90%; padding-top:6px;}


p.sh_p {letter-spacing: -1px; font-size: 18px; font-weight: 600; margin-top: 10px; margin-bottom: -20px; }
p.sh_c {text-align: right; color: #888888; font-size: 10px; margin-bottom: 20px;}
p.sh_p_name{ font-size: 8px; font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
p.sh_p_price_d{ color: #FF0000; letter-spacing: -1px; font-size: 5px; font-weight: bold; margin-top: -10px; float: left;}


.nav{margin:10px;}
.RollDiv{margin:0 auto;  width:300px; height:150px; overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:150px;width:1010px}
.RollDiv > div > a{ float:left; display:block;}  
.RollDiv > div > a > img{ width:70px; height:70px;margin-right:1px;}

.bn_wrap{position:relative; margin:0 auto;width:300px;}
.btn_left{position:absolute;left:0;top:0;height:50%;width:25px;}
.btn_left > img{ position:relative; top:40%; }
.btn_right{position:absolute;right:0;top:0;height:50%;width:25px;}
.btn_right > img{ position:relative; top:40%; }

.main div{padding:0;margin:0;}
.main img{width:100%;vertical-align:top;padding:0;margin:0;}
.main a{display:inline-block;width:100%;padding:0;margin:0;}
.main > .main02-area{overflow:hidden}
.main > .main02-area > div{float:left;width:50%;}
/* BASIC css end */