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



 /* ¸ÞÀÎ ½ºÅ©¸³Æ® È­»ìÇ¥ */
.main_swiper-button-prev,
.main_swiper-button-next { position: absolute; top:50%; width:17px;height:30px;margin-top: -15px; z-index: 10; cursor: pointer; -moz-background-size:17px; -webkit-background-size:17px; background-size:17px; background-position: center; background-repeat: no-repeat; }
.main_swiper-button-prev.swiper-button-disabled,
.main_swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; }
.main_swiper-button-prev,
.swiper-container-rtl .main_swiper-button-next { background-image: url("/design/pgreen1364/mobile_from/main_left.png"); left:2%; right: auto; }
.main_swiper-button-next,
.swiper-container-rtl .main_swiper-button-prev { background-image: url("/design/pgreen1364/mobile_from/main_right.png"); right:2%; left: auto; }

.main .section2 {margin:10px;}
.main .section2 ul li:first-child {float:left !important;}
.main .section2 ul li  {width:49%; float:right;}
.main .section2 ul li img {width:100%;}

.main .main_title {text-align:center;margin:20px auto 10px;}
.main .main_title img {width:100%;}

.fixed_quick {position:fixed ;right: 17px; bottom: 30px;z-index:50;}
.fixed_quick ul li {width:75px;border:0px}		
.fixed_quick ul li img {width:75px;}		

.section0 {height:35px; line-height:35px;border-bottom:1px solid #e9e9e9;}
.section0 ul {font-size:0;text-align:center;}
.section0 ul li {display:inline-block;color:#a3a3a3; padding:0px 3px;text-align:center;font-size:11px;line-height:35px;}
.section0 ul li a {color:#111111;font-size:13px;line-height:35px;text-align:center;}
.section0 ul li a b {color:#555;}

.section3 {margin:0 10px;}
.section3 .swiper-container {width:100%;}
.section3 .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.section3 .swiper-slide img {width:100%}
.section3 .section3_pagination { position: relative;top:-30px; left: 0;z-index:1; text-align: center; width:100%;padding:0;margin:0;font-size:0;height:0; }
.section3 .section3_pagination .swiper-pagination-switch { display: inline-block; margin:10px 2px; text-indent: -9999px; background:transparent url('') no-repeat;width:10px; height:10px;vertical-align:top;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}
.section3 .section3_pagination .swiper-active-switch { background:transparent url('') no-repeat;width:9px; height:9px;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}



.section3_swiper-button-prev,
.section3_swiper-button-next { position: absolute; top:50%; width:30px;height:30px;margin-top: -15px; z-index: 10; cursor: pointer; -moz-background-size:30px; -webkit-background-size:30px; background-size:30px; background-position: center; background-repeat: no-repeat; }
.section3_swiper-button-prev.swiper-button-disabled,
.section3_swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; }
.section3_swiper-button-prev,
.swiper-container-rtl .section3_swiper-button-next { background-image: url("/design/pgreen1364/mobile_from/main_left2.gif"); left:0; right: auto; }
.section3_swiper-button-next,
.swiper-container-rtl .section3_swiper-button-prev { background-image: url("/design/pgreen1364/mobile_from/main_right2.gif"); right:0; left: auto; }


.section4 {margin:0px 0px 0;}
.section4 img {width:25%;}

.section6 {margin:20px 10px 0;}
.section6 img {width:100%;margin-top:20px;}
.section6 .tab_inner {font-size:0;text-align:center;margin:20px auto;}
.section6 .tab_inner a { width:33%; line-height:36px;margin:0 1%;text-align:center;display: inline-block; font-size:11px; letter-spacing:-0.5px; color:#999; font-weight: bold; border:1px solid #191e21;border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px;}
.section6 .tab_inner a.open {background-color:#191e21;color:#fff;}
.section6 .tab_box02 {display:none;}
.section6 .tab_box01, .tab_box02 {margin:10px auto 5px;} 

.section7 {margin:10px 10px 0;}
.section7 img {width:100%;}



@media screen and (min-width:420px) and (max-width:767px) {
    .list_shopping2x li {width:50%;}
}
    
@media screen and (min-width:768px) {
    .list_shopping2x li {width:50%;}
}
    


.headerNav{
    max-width: 100%;
    overflow: hidden;
}
.scrollArea{
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}


/* »óÇ° ŸÀÌƲ */
.tit-h2-001 h2 {
    margin: 30px 0 5px 0;
    color: #222;
    //font-size: 1em;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


/* Áß°£¹è³Ê */
.main_mid_banner { width: 100%; margin: 50px auto; text-align: center; }
.main_mid_banner a img { width: 100%; }


/* ž·Ñ¸µ¹è³Ê(ÅؽºÆ®) */
.topBNWrap{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

/* ¹è³Ê ÄÁÅ×ÀÌ³Ê */
.rollingbanner{
	position: relative;
	width: 100%;
	height: 32px;
	font-size: .775rem;
	padding: 7px 15px;
	box-sizing: border-box;
	background-color: #000;
}
/* ·Ñ¸µ ¹è³Ê */
.rollingbanner > .topBN{
	position: relative;
	width: auto;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}        
.rollingbanner ul{
	list-style: none;
}
.rollingbanner li{
	position: absolute;
	top: -36px;
	left: 0;
	width: 100%;
	margin-right:auto;
	margin-right:auto;
}
/* ÀÌÀü, ÇöÀç, ´ÙÀ½ ·Ñ¸µ ¹è³Ê Ç¥½Ã */
.rollingbanner li.prev{
	top: 36px;
	transition: top 0.5s ease;
}
.rollingbanner li.current{
	top: 0;
	transition: top 0.5s ease;
}
.rollingbanner li.next{
	top: -36px;
}
.rollingbanner a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #fff;
	font-weight: 200;
	text-decoration: none;
	text-align: center;
}
.rollingbanner a:hover {
	text-decoration: underline;
}
/* ¹Ý´ë ¹æÇâÀ¸·Î ÁøÇà */
.rollingbanner.reverse li.prev{
	top: -36px;
	transition: top 0.5s ease;
}
.rollingbanner.reverse li.next{
	top: 36px;
}

/* °­Á¶¹® */
.topBNWrap .topBN a span { 
	color: #ffd615; 
}



/* BASIC css end */