/* BASIC css start */
#header {margin-bottom:0 !important;}
.sliderkit {display:none;position:relative;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{/* float:left; */}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

#content .section1 {margin-top:50px; margin-bottom:50px; }
#content .section1 .main_title {padding:0px; text-align:center; margin:0 auto; font-size:22px;line-height:22px;font-family:'Oswald';color:#010101;letter-spacing:2px;font-weight:bold;}
#content .section1 .main_title span {color:#777;font-size:13px; padding-left: 0px;letter-spacing:0;font-weight:normal;font-family:'Nanum Gothic';}


/* 메인비주얼 */
.swiper01{width: 100%; text-align: center;}
.swiper01 .swiper-slide a{display: block; width: 100%; height: 100%;}
.swiper01 .swiper-pagination-bullet{margin:4px; width:12px;height:12px; border:2px solid #fff; background-color:transparent; border-radius:12px; cursor:pointer; opacity: 1;}
.swiper01 .swiper-pagination-bullet-active{border:2px solid #fff; background-color:#fff; border-radius:12px;}

.swiper01:hover .s_btn{opacity: 1;}
.swiper01 .s_btn{position: absolute; font-size: 0; width: 100%; padding: 0 2%; max-width: 1290px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; opacity: 0; 
 -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.swiper01 .swiper-button-next,
.swiper01 .swiper-button-prev{top: 0; margin-top: -31px; width: 62px; height: 62px;}
.swiper01 .swiper-button-next:after,
.swiper01 .swiper-button-prev:after{display: none;}
.swiper01 .swiper-button-next{background:url("/design/ontree01/0713pureskin/btn_next.png") no-repeat; }
.swiper01 .swiper-button-prev{background:url("/design/ontree01/0713pureskin/btn_prev.png") no-repeat;}
.swiper01 > .swiper-pagination-main{bottom: 8px !important;}


/* 메인 베스트셀러 */
.swiper_main_best.swiper-container {width:1000px; margin:50px auto 0;}
.swiper_main_best .swiper-slide {text-align:center; }

.swiper_main_best_prev.swiper-button-prev {background-image:url(/design/ontree01/0713pureskin/md_left.gif); width:25px; height:48px; background-size:25px 48px; margin-top:12.5px;}
.swiper_main_best_next.swiper-button-next {background-image:url(/design/ontree01/0713pureskin/md_right.gif); width:25px; height:48px; background-size:25px 48px; margin-top:12.5px;}


/* 메인 탭상품 */
.section1 .move{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.section1 .m_tab01{padding-top:40px;}
.section1 .m_tab01 li{display: inline-block; font-size: 22px; margin: 0 12px; cursor: pointer; color: #9a9a9a;}
.section1 .m_tab01 li:first-child{margin-left: 0;}
.section1 .m_tab01 li:hover{color: #1a1a1a;}
.section1 .m_tab01 li.current{color: #1a1a1a; font-weight: 700;}

.section1 .tabcontent01 {display:none; margin-top: 24px; padding:0px; position: relative;}
.section1 .tabcontent01.current {display:block;}
.swiper_roll .swiper-slide .thumb{position: relative; width: calc(100% - 2px); }
.swiper_roll .swiper-slide .thumb .num{font-size: 16px; position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; font-weight: 700; background-color: #000; color: #fff;}
.swiper_roll .swiper-slide .tb-center{padding: 0;}
.swiper_roll .swiper-slide .info{width: calc(100% - 2px); margin: 0 auto;}
.section1 .tabcontent01 .aroww_box{position: absolute; top: 150px; font-size: 0; width: 100%; left: 0;}
.section1 .tabcontent01 .swiper-button-prev,
.section1 .tabcontent01 .swiper-button-next{background-repeat: no-repeat; width: 40px; height: 40px; background-size: auto 100%; background-position: center;}
.section1 .tabcontent01 .swiper-button-prev:after,
.section1 .tabcontent01 .swiper-button-next:after{display: none;}
.section1 .tabcontent01 .swiper-button-prev{background-image:url(/design/ontree01/0713pureskin/md_left.gif); left: -56px;}
.section1 .tabcontent01 .swiper-button-next{background-image:url(/design/ontree01/0713pureskin/md_right.gif); right: -56px;}


/* 메인 온뜨레 이벤트 슬라이드 */
.main_big_banner{position: relative;}
.main_big_banner .main_title span{padding-left: 0;}
.main_big_banner .swiper_event a{font-size: 0;}

.main_big_banner .swiper_event {padding-bottom: 48px;}
.main_big_banner .swiper_event .swiper-pagination-ev{bottom: 0;}
.main_big_banner .swiper_event .swiper-pagination-ev .swiper-pagination-bullet{width: 10px; height: 10px; background-color: transparent; border: 1px solid #1a1a1a; opacity: 1;}
.main_big_banner .swiper_event .swiper-pagination-ev .swiper-pagination-bullet-active{background-color: #1a1a1a;  border: 1px solid #1a1a1a;}
.main_big_banner .aroww_box{position: absolute; top: 310px; font-size: 0; width: 100%; left: 0;}
.main_big_banner .swiper-button-prev,
.main_big_banner .swiper-button-next{background-repeat: no-repeat; width: 40px; height: 40px; background-size: auto 100%; background-position: center;}
.main_big_banner .swiper-button-prev:after,
.main_big_banner .swiper-button-next:after{display: none;}
.main_big_banner .swiper-button-prev{background-image:url(/design/ontree01/0713pureskin/md_left.gif); left: -56px;}
.main_big_banner .swiper-button-next{background-image:url(/design/ontree01/0713pureskin/md_right.gif); right: -56px;}


/* 메인 배너+상품진열 */
.prd_sec .main_title span {padding-left: 0;}
.prd_sec .inner{display: flex; margin-bottom: 30px;}
.prd_sec .inner > div{}
.prd_sec .inner .left{width: 588px; margin-right: 12px;}
.prd_sec .inner .left a{display: block; width: 100%;}

.prd_sec .prd-list table td{width: 282px; padding: 0 12px 24px;}
.prd_sec .prd-list table td:nth-child(2n){padding-right: 0;}
.prd_sec .prd-list .thumb{width: 282px; box-sizing: border-box; position: relative;}
.prd_sec .prd-list table .info {position: absolute; bottom: -50%; left: 0; width: 282px; padding: 16px; box-sizing: border-box; background-color: rgba(255,255,255,0.6); opacity: 0; visibility: hidden;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.prd_sec .prd-list .thumb:hover .info{opacity: 1; visibility: visible; bottom: 0;}
.prd_sec .prd-list .dsc{margin-top: 0;}


/* 메인 브랜드 리스트 */
.ban_wrap {display: flex; justify-content: space-between;}
.ban_wrap li{width: 282px;}
.ban_wrap li a{display: block; width: 100%;}
.ban_wrap li a img{width: 100%;}


#content .section2 .main_title {padding:0px 0 50px;text-align:center;margin:0 auto;font-size:22px;line-height:22px;font-family:'Oswald';color:#010101;letter-spacing:2px;font-weight:bold;}
#content .section2 .main_title span {color:#777;font-size:13px;padding-left:0;letter-spacing:0;font-weight:normal;font-family:'Nanum Gothic';}


.video_area {width:1200px; margin:30px auto; margin-bottom:65px !important;}
.video_area li {float:left;}
.video_area .video_ytb {width:600px; margin-right:70px;}
.video_area .video_txt {width:530px;}
.video_area .video_txt .movie_txt01 {font-size:37px; font-weight:600; color:#000; /*padding-top:40px;*/ padding-bottom:15px;}
.video_area .video_txt .movie_txt02 {/*font-size:24px; font-weight:400; color:#333; padding-bottom:20px;*/ font-size:19px; font-weight:400; padding-bottom:20px; line-height:26px; color:#555; padding-top:40px;}
.video_area .video_txt .movie_txt03 {font-size:18px; font-weight:300; color:#666; padding-bottom:28px;}
.video_area .btn_mv a {display:block; font-size:15px; color:#888; border:1px solid #888; width:110px; height:38px; line-height:38px; text-align:center;}
.video_area .btn_mv a:hover {border:1px solid #000; color:#000;}

.main_ban04 {width:100%;margin:0 auto;text-align:center;background:url("/design/ontree01/0713pureskin/main_review_bg.jpg") repeat-x;}


.main_big_banner {width:100%; /* height:270px;  */margin:50px auto 80px; background-color:#fff; /*background-color:#fafafa;*/ padding:0px 0px;}
.main_big_banner ul {width:1200px; margin:0 auto; text-align:center; font-size:0;}
.main_big_banner ul li {display:inline-block;text-align:center; float:right;}
.main_big_banner ul li:first-child {float:left;}


.main_brand_big_banner {width:100%; height:270px;  margin:0px auto 0px;}
.main_brand_big_banner ul {width:1200px; margin:0 auto;  font-size:0;}
.main_brand_big_banner ul li {float:right;}
.main_brand_big_banner ul li:first-child {float:left;}


.main_brand_s_banner {width:100%; height:270px;  margin:40px auto 0px;}
.main_brand_s_banner ul {width:1200px; margin:0 auto; font-size:0;}
.main_brand_s_banner ul li {float:left; margin-left:40px;}
.main_brand_s_banner ul li:first-child {margin-left:0px !important;}


.main_title {padding:50px 0;text-align:center;margin:0 auto;font-size:22px;line-height:22px;font-family:'Oswald';color:#010101;letter-spacing:2px;font-weight:bold;}
.main_title span {color:#777;font-size:13px;padding-left:10px;letter-spacing:0;font-weight:normal;font-family:'Nanum Gothic';}

#content .section4 {width:1200px; margin:0 auto;}
#content .section4 .ban_insta {text-align:center; padding:60px 0px;}
#content .section4 #instafeed {margin:0px auto 0;text-align:center;}
#content .section4 #instafeed img {text-decoration:none; border:none; width:160px; height:160px; 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;}
#content .section4 #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;}


/* 하단 플로팅팝업 */
#popupbanner {position:fixed; /*bottom:40px;*/ top:10px; left:30px; z-index:3000;}
#popupbanner .smallbanner {margin-bottom:30px;cursor:pointer;}
#popupbanner .popbanner { position:absolute;display:none; /*bottom:10px;*/ top:0; left:150px;}
#popupbanner .closingarea {position:relative; /*bottom:35px;left:185px ;*/ font-size:11px;font-family:dotum; }
#popupbanner .box_pop {width:517px; height:40px; background-color:#000; vertical-align:middle; text-align:center; line-height:40px;}
#popupbanner .cookiecheck {float:left; margin:11px 6px 0 13px }
#popupbanner .nottoday	{float:left; margin:0px 0 0 2px;color:#fff; font-size:14px; letter-spacing:-0.5px;  }
#popupbanner .closebtn {cursor:pointer;position:absolute; top:-625px; left:530px; color:#d71026;}


/* 인트로 팝업 관련 스타일 */
#element_to_pop_up {display:none; padding:0px; width:517px; height:675px; border-radius:26px; overflow:hidden;}

.swiper_intropopup.swiper-container {width:517px; height:625px; }
.swiper_intropopup .swiper-slide {}
.swiper_intropopup .swiper-slide a {display:block; width:100%; height:100%; }

#element_to_pop_up .close_area {background-color:#fff; width:517px; height:50px; }
#element_to_pop_up .close_area .mintroClose {line-height:50px; cursor:pointer; font-size:16px; font-weight:500;  color:#000; padding-right:30px; }

#element_to_pop_up .mNotToday {cursor:pointer; position:relative; font-size:14px; font-weight:400;  color:#999; padding-right:30px; }
#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:50px;}

.swiper_intropopup_next.swiper-button-next {background-image:none; position:relative; left:76px; top:18px; 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:-50px; top:18px; 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:16px;}
.swiper_intropopup_next.swiper-button-next img {height:16px;}


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


/* 따라다니는 스크롤
#blk_scroll_wings {left:1890px !important;} */


/* 배송지연 팝업 */
.mpopup2 { width:500px;} 
.xans-mpopup2 {position:absolute; display:none; z-index:3000; top:320px; left:150px; z-index: 99999;}
.mpopup2 img { border:0px; }
.mpopup2 .showarea {width:500px; 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 */