/* BASIC css start */
#header {position:absolute !important; /*top:0px;*/ z-index:100; width:100%; background-color:transparent !important;}
#header .section3 {border-bottom:0px solid #efefef !important;}
.main {width:100%;margin:0 auto;}

/* ¸ÞÀÎ ½½¶óÀ̵å */
.main_slide.swiper-container {padding-top:120px; }
.main_slide .swiper-slide {}
.main_slide .swiper-slide img {width:100%; }
.main_slide_pagination .swiper-pagination-bullet-active {background:#000; opacity:0.9;}

/* kvÇÏ´Ü ¾ÆÀÌÄÜ */
.icon_wrap{width: 93%; text-align: center; margin: 16px auto 0; display: flex;}
.icon_wrap li{width: 25%; margin: 0 8px}
.icon_wrap li a{display: block; width: 100%; height: 100%; font-size: 12px; line-height: 16px; font-weight: 400;  color:#1a1a1a; word-break: keep-all; letter-spacing:-1.2px;}
.icon_wrap li img{width: 100%; padding-bottom: 8px;}

/* ¸ÞÀÎ Áß¾Ó À̺¥Æ® ¹è³Ê °ü·Ã */
.center_ban {padding:20px 0px 0px;}
.center_ban img {width:100%;}
.center_ban .swiper-button-prev {background-image:url('/design/ontree01/mobile_hera/event_left.png') !important;  background-position:10px 15px; background-size:7px 14px; top:45%; margin-top:0px;}
.center_ban .swiper-button-next {background-image:url('/design/ontree01/mobile_hera/event_right.png') !important; background-position:0px 15px 10px; background-size:7px 14px; top:45%; margin-top:0px;}


/* ¸ÞÀÎ 2ºÐÇÒ ³ÐÀÌ À¯µ¿¼º ¹è³Ê */
.ce_banner_wrap{width: 93%; margin: 20px auto 20px; position: relative;}
.ce_swiper .swiper-slide{position: relative;}
.ce_banner_wrap .swiper-slide a{display: inline-block; box-sizing: border-box; overflow:hidden; width: 75%; font-size: 0; vertical-align: middle; box-shadow : 0 0px 16px 8px rgba(0,0,0,0.1);}
.ce_banner_wrap .swiper-slide.right{text-align: right;}
.ce_banner_wrap .swiper-slide.left{text-align: left;}
.ce_banner_wrap .swiper-slide img{width: 100%;}
.ce_banner_wrap .bg_area{background-position: center; background-size: 75%; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.ce_banner_wrap .bg_area.right{background-image: url('/design/ontree01/mobile_hera/ce_ban02.jpg'); background-position: right center; }
.ce_banner_wrap .bg_area.left{background-image: url('/design/ontree01/mobile_hera/ce_ban01.jpg'); background-position: left center;}
.ce_banner_wrap .swiper-slide:after{content: ""; width: 24px; height: 24px; display: block; background-size: 100%; background-position: center; background-repeat: no-repeat; top: 50%; transform: translate(-50%,-50%); position: absolute; border-radius: 50%;}

.ce_banner_wrap .swiper-slide-active.left:after{background-image: url('/design/ontree01/mobile_hera/ce_ar_right.png'); left: 75%;}
.ce_banner_wrap .swiper-slide-active.right:after{background-image: url('/design/ontree01/mobile_hera/ce_ar_left.png'); right: calc(75% - 24px);}





/* ¸ÞÀÎ À̺¥Æ® ¹è³Ê 2°³ °ü·Ã */
.event_ban {padding:40px 0px 10px;}
.event_ban ul li:first-child {float:left;}
.event_ban ul li { width:48.5%; float:right;}
.event_ban ul li .event_thumb img {width:100%;}
.event_ban .event_ban_txt01 {font-size:15px; line-height:18px; text-align:center; font-family:"Roboto Condensed", 'Nanum Gothic', sans-serif; font-weight:700; letter-spacing:2px; color:#000; padding-top:14px;    letter-spacing: -.1px;}
.event_ban .event_ban_txt02 {font-size:13px; text-align:center; letter-spacing:-0.5px; color:#888; padding-top:5px; font-weight:normal;}

/* ¸ÞÀÎ »óÇ°Áø¿­ ŸÀÌƲ °ü·Ã */
.main_pro_title01 {font-family:"Roboto Condensed"; font-weight:700; letter-spacing:4px; color:#000; font-size:15px; text-align:center; line-height:75px; width:93%; margin:10px auto 0px;}
.main_pro_title02 {font-family:"Roboto Condensed"; font-weight:700; letter-spacing:4px; color:#000; font-size:15px; text-align:center; line-height:75px; width:93%; margin:20px auto 0px; /*border-top:1px solid #e9e9e9;*/ padding-top:10px;}

.main_pro_title03{font-family:"Roboto Condensed"; font-weight:700; height: 95px; padding-top: 35px; box-sizing:border-box; line-height: 20px; letter-spacing:4px; color:#000; font-size:15px; text-align:center; width:93%; margin:20px auto 0px; /*border-top:1px solid #e9e9e9;*/}
.main_pro_title03 p{display: block; font-size:12px; line-height: 1; margin-top: 8px; color: #9a9a9a;}

/* ¸ÞÀÎ ÅÇ»óÇ° Áø¿­ 2°³·Î °íÁ¤ */
.main .swiper-container_product {overflow:hidden;}
.main .swiper-container_product .list_shopping2x li {width:50% !important;}



/* ¸ÞÀÎ ÅÇ»óÇ° */
.swiper-container.swiper2 {width:100%;height:auto;margin:10px auto 0;background-color:#fff;}
.swiper2_text {text-align:center;height:30px;font-size:0;margin:0 auto 20px;}
.swiper2_text li {display:inline-block;width:auto; height:30px;line-height:30px;border:0;font-size:14px; letter-spacing:-0.5px; color:#999; margin:0px 12px; border-bottom:2px solid #fff;text-align:center;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.swiper2_text li.swiper_over { height:30px;line-height:30px;background-color:#fff;border-bottom:2px solid #000; color:#000; font-weight:bold; }
.swiper2 .swiper-pagination2 {display:none;}


/* ºê·£µå ¹è³Ê */
.brand_wrap{width: 93%; margin: 40px auto 0;}
.brand_wrap .swiper_brand{margin-top: 20px; padding-bottom: 27px;}
.swiper_brand .swiper-slide img{width: 100%;}
.brand_wrap .swiper_brand .swiper-scrollbar{height: 3px; background: #f5f5f5; border-radius: 0;}
.brand_wrap .swiper_brand .swiper-scrollbar .swiper-scrollbar-drag{background: #000; border-radius: 0;}


/*ÀνºÅ¸±×·¥ ¿µ¿ª ŸÀÌƲ */
.insta_title01 {font-size:15px; letter-spacing:3px; color:#000; text-align:center; font-family:"Roboto"; margin-top: 40px;}
.insta_title02 {font-size:12px; letter-spacing:0px; color:#999; text-align:center; font-family:"Roboto"; padding:3px 0px 20px;}
#instafeed {width:96%;margin:0 auto;text-align:center; }
#instafeed img {text-decoration:none; border:none; width:19%;margin:0.5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#instafeed img:hover {filter:alpha(opacity=60); opacity:0.6;-moz-opacity:0.6;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;   -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}







/* ÀÎÆ®·Î Æ˾÷ °ü·Ã ½ºÅ¸ÀÏ */
#element_to_pop_up {display:none; padding:0px; width:300px; height:392px; border-radius:8px; overflow:hidden;}

.swiper_intropopup.swiper-container {width:300px; height:362px; overflow-y:scroll;}
.swiper_intropopup .swiper-slide {}
.swiper_intropopup .swiper-slide a {display:block; width:100%; height:100%;  }
.swiper_intropopup .swiper-slide img {width:100%;}

#element_to_pop_up .close_area {background-color:#fff; width:300px; height:29px; }
#element_to_pop_up .close_area .mintroClose {line-height:29px; cursor:pointer; font-size:14px; font-weight:500;  color:#000; padding-right:20px; }

#element_to_pop_up .mNotToday {cursor:pointer; position:relative; font-size:11px; font-weight:400;  color:#999; padding-right:10px; }
#element_to_pop_up .mNotToday>input {cursor:pointer; position:relative; top:-2px; margin-right:4px; }
#element_to_pop_up .mNotToday>label {cursor:pointer; line-height:29px;}

.swiper_intropopup_next.swiper-button-next {background-image:none; position:relative; left:54px; top:9px; width:auto; height:auto; margin-top:0; line-height:50px; font-size:16px; font-weight:500;  color:#000; padding-left:30px; outline:none; }
.swiper_intropopup_prev.swiper-button-prev {background-image:none; position:relative; left:-61px; top:9px; width:auto; height:auto; margin-top:0; line-height:50px; font-size:16px; font-weight:500;  color:#000; padding-left:30px; outline:none; }
.swiper_intropopup_prev.swiper-button-prev img {height:12px;}
.swiper_intropopup_next.swiper-button-next img {height:12px;}


.swiper_intropopup_pagination.swiper-pagination-fraction {width:52px; height:19px; color:#999; font-size:18px; font-weight:400; border-radius:15px; line-height:30px; right:auto; left:26px; }
.swiper_intropopup_pagination .swiper-pagination-current {font-weight:700; color:#000; font-size:17px;}







/* ¹è¼ÛÁö¿¬ Æ˾÷ */
.mpopup2 { width:320px;} 
.xans-mpopup2 {position:fixed; display:none; z-index:3000; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 99999;}
.mpopup2 img { border:0px; width:100%;}
.mpopup2 .showarea {width:320px; border-bottom:0px;  background-color:transparent;}
.mpopup2 .todayopen {clear:both;  font-size:0px; display:block; height:30px; font-family:'Dotum',sans-serif; margin-top:5px;}
.mpopup2 .todayopen .mpopupnottoday {float:left; height:13px; width:13px; margin-top:8px;}
.mpopup2 .closetxt { cursor:pointer; color:#fff; float:right; padding-right:20px; font-size:14px; font-weight:600; line-height:30px; }
.mpopup2 .closex { cursor:pointer; color:#fff; float:right; padding-right:10px; font-size:14px; font-weight:600;line-height:30px;} 












/* BASIC css end */