@charset "utf-8";

/*
.eleparts {min-width: 1300px; height:187px;}
.eleparts.on {padding-top:187px;}
*/

.body_wrap{min-width: 1200px;}
/**************************************************
	Layout
**************************************************/
#headerN{position: relative; width:100%; z-index: 200;background: #fff; }
#headerN .inner{position: relative;width: 1200px;height: 135px;margin: 0 auto ;/*transition:0.3s all;*/}
/*#headerN .logo{position: absolute; width:300px;  top:50%;  margin-top:-40px; text-align:center;}*/
#headerN .logo{position: absolute; width:300px; text-align:center;}
/**23.05.15 eleparts ycs add 즐겨찾기 추가**/
#headerN .topbookmark {width: auto;position: absolute;top: 5%;right: 26px;}
#headerN .topbookmark a{text-decoration: none; font-weight: 700;font-family: 'ONE Mobile';font-size: 11px;color: #8b8b8b;}

#headerNHidden{height: 0px; position: relative; background: rgb(255, 255, 255); z-index: 200;}
#headerNHidden.on{height: 250px;}

#hd_inner { display:block; position:relative; width:100%;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#hd_inner .gnb_inner {width:1200px; box-sizing:border-box; padding-left:180px; max-width:1200px; margin:0 auto; position:relative;height:50px;}


/** 헤더 메뉴 **/
#gnb{position: absolute; width:calc(100% - 115px); bottom: 0; left:145px;  z-index: 2; box-sizing:border-box; text-align:right; }
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 35px;line-height: 50px;font-size: 16px;color: #333333;text-decoration: none; font-weight:700;  font-family: 'ONE Mobile';}
#gnb > li:nth-child(10) {display:none;}
/*
#gnb > li > a:after{display:block;content:'';width:0;height: 5px;position: absolute;bottom:-3px;left:50%; transform:translateX(-50%);background: #007dc5;transition:all 0.25s; z-index:1;}
#gnb > li:hover > a:after{width: 80px;}
*/
#gnb > li > ul{position: absolute;top: 50px;left: 50%;width: 300px;margin-left: -150px;padding: 15px;border: 1px solid #ddd; background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;/*transition: all 0.2s;*/}
#gnb > li > ul li a{display: block;font-size: 15px;color: #5a5a5a;line-height: 20px; padding:5px 0; text-align: center; font-family: 'ONE Mobile';}
/*#gnb > li > ul li.active a{font-weight: bold;}*/
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}



/** 헤더 우측 마이페이지 등 메뉴 **/
#tnb {position:absolute; top:50%; right:20px; transform:translateY(-50%);}
#tnb li.tbtn {display:inline-block; padding:0 10px; box-sizing:border-box;}
#tnb li.tbtn a {padding-top:48px; line-height:16px; font-size:11px; color:#8b8b8b; text-align:center; min-width:40px;display:block;  font-family: 'ONE Mobile';}
#tnb li.hd_mypage a {background:url('../images/layout/hd_icon_1.png') top 4px center no-repeat;}
#tnb li.hd_customer a {background:url('../images/layout/hd_icon_2.png') top 4px center no-repeat;}
#tnb li.hd_today a {background:url('../images/layout/hd_icon_3.png') top 4px center no-repeat;}
#tnb li.hd_cart a {background:url('../images/layout/hd_icon_4.png') top 4px center no-repeat;}
#tnb .hd_today a span, #headerN .hd_cart a span
{margin-left: 2px; background-color: #f05027; min-width: 10px; height: 14px;line-height: 14px; display: inline-block;
border-radius: 2px; color: #fff; position: relative; top: 0px; text-align: center; font-family: 'ONE Mobile';padding:1px 3px; font-size:11px;}


#drdw{position: absolute; background:#fff; top: 186px;left: 50%; transform:translateX(-50%); height:100%; /*min-height:360px;*/ width: 100%; max-width:1200px; background: #fff;  border:1px solid #b4b4b4; border-top:0;z-index: 151; display: none; overflow-y:auto; overflow-x:hidden;}
/*#drdw:after {position:absolute; z-index:1; content:''; width:236px; top:0; left:-1px; height:calc(100% + 1px); height:730px; box-sizing:border-box; border:1px solid #f79e88; border-top:3px solid #f15a34; border-bottom:0px;}*/

#drdw .cate_dep1{position: relative;width: 235px; z-index:2; float:left; border-top: 3px solid #f15a34; box-sizing: border-box; border-right: 1px solid #f79e88;}
#drdw .cate_dep2{position: relative;width: calc(100% - 235px); z-index:2;float:left;}

#drdw .dep1{position: relative; width: 100%;  padding:12px 0}
#drdw .dep1 > li{display:block; width:100%;}
#drdw .dep1 > li > a {font-size:14px; line-height:20px; box-sizing:border-box; font-family: 'ONE Mobile'; letter-spacing:-1px; padding:8.5px 30px 8.5px 20px; display:block; color:#333; font-weight:normal; }
#drdw .dep1 > li:hover > a,
#drdw .dep1 > li.active > a {color:#f15a34;  font-family: 'ONE Mobile Title'; background:url('../images/layout/arrow_2.png') right 25px center no-repeat; }



/** dep2 **/
#drdw .dep2 { display:none; position:absolute; top:0; left:0;/*left:235px;*/ width:520px; padding-top:89px; height:100%; box-sizing:border-box; border-top:1px solid #b4b4b4}
#drdw .dep2 h4 {
	position:absolute; top:0; left:10px; width:calc(100% - 60px); font-size:20px; font-family: 'ONE Mobile Title'; font-weight:normal; color:#333;
	line-height:36px; padding:16px 10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
#drdw .dep2 li {width:260px;}
#drdw .dep2 li > a {font-size:14px; line-height:20px; box-sizing:border-box; letter-spacing:-1px; padding:8.5px 30px 8.5px 20px; display:block; color:#333; font-weight:normal;  font-family: 'ONE Mobile';}
/*#drdw .dep2 > li:hover > a,*/
#drdw .dep2 > li.active > a {color:#f15a34;  font-family: 'ONE Mobile Title'; background:url('../images/layout/arrow_2.png') right 15px center no-repeat; }
/*#drdw .dep1 > li.active .dep2 {display:block;}*/

/** dep3 **/
#drdw .dep2 li .dep3 { display:none; position:absolute; top:89px; left:260px;}
#drdw .dep2 li .dep3 li > a {font-size:13px; line-height:20px; box-sizing:border-box;  letter-spacing:-1px; padding:6.8px 20px; display:block; color:#8e8e8e; font-weight:normal;  font-family: 'ONE Mobile';}
/*#drdw .dep2 li .dep3 li:hover > a,*/
#drdw .dep2 li .dep3 li.active > a {color:#f15a34; }
/*#drdw .dep2 li:hover .dep3,*/ #drdw .dep2 li.active .dep3 {display:block;}

/*#drdw .dep1 > li:hover > .dep2 {display:block;}
#drdw .dep2 li:hover .dep3 {display:block;}*/


/** 카테고리 오른쪽 이미지 배너 **/
#drdw .cate_banner{position:absolute; top:0; left:520px; width:450px; opacity:1; z-index:3; box-sizing:border-box; height:730px; border-top:1px solid #b4b4b4;  border-left:1px solid #b4b4b4;overflow:hidden}
#drdw .cate_banner img {max-width:100%;}
#drdw .cate_banner .box_1 {box-sizing:border-box;  border-bottom:1px solid #b4b4b4;height:410px;overflow:hidden}
#drdw .cate_banner .box_2 {box-sizing:border-box; border-bottom:1px solid #b4b4b4;;height:160px;overflow:hidden}
#drdw .cate_banner .box_3 {box-sizing:border-box;;height:160px;overflow:hidden}


/** 스크롤시 헤더변경 **/
#headerN.on {box-shadow: 0 5px 5px rgba(0,0,0,0.1);position:fixed; top:0; left:0;}
#headerN.on .inner {height:74px;}
/*#headerN.on .logo {line-height:74px; left:25px; margin-top:12px; width:280px;}*/
/*#headerN.on .logo img {height:50px;}*/
#headerN.on .logo {left:25px; width:280px;padding-top: 10px;}
#headerN.on  #tnb {right:40px;}
#headerN.on  #tnb li a {font-size:0; line-height: 0;}
#headerN.on  #tnb li a span {font-size:11px; line-height: 14px;position: absolute; top:30px;margin-left: 10px;}

#headerN.on #drdw {top:74px;}

#headerN.on #hd_inner {position:Absolute; top:11px; left:50%; margin-left:-600px; width:40px; border:0;}
#headerN.on #hd_inner #gnb {display:none;}
#headerN.on #slide-btn {width:70px;}
#headerN.on #slide-btn button {width:40px; left:25px;}
#headerN.on  #slide-btn {font-size:0; background:none; padding-left:0;}

#headerN.on #slide-btn button span {top:15px; width:26px; height:22px;background: url(../images/layout/top_line2.png) center no-repeat; }
#headerN.on #slide-btn button.on span{/*border-top:0;*/width:26px; height:23px;background: url(../images/layout/top_line2-x.png) center no-repeat;}
/*#headerN.on #slide-btn button span:before{ top: 7px; }*/


/** 헤더 검색 **/
#hd-sch{position: absolute;top: 50%; left:300px; width:100%; max-width:560px;background:#fff; box-sizing:Border-box;  margin-top:-23px; height:48px; z-index: 91; border-radius:48px;}
#hd-sch .btn{display: none;width: 60px;height:42px; float:right; background: url('../images/layout/search_img.png') center no-repeat;text-indent: -999em;border: none;}
#hd-sch form{position: absolute;top: 0;right: 0;width: 100%;  box-sizing:border-box; border:0; background: none;}
#hd-sch form fieldset {width:100%; display:block;  /*padding-right:60px;*/}
#hd-sch legend{display: none;}
#hd-sch #sch_str {width: 100%;height: 48px;line-height: 48px; box-sizing:border-box;  border:3px solid #f05129;  padding:0 30px;border-radius:48px; background: none; color:#222; font-size:15px; font-family: 'ONE Mobile';}

#hd-sch #sch_submit{position: absolute;top: 0;right: 0;width: 60px;height: 48px;background: url('../images/layout/search_img.png')  center no-repeat;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}
#hd-sch .keybox {display:none; border:3px solid #f05129; border-radius:0 0 20px 20px; padding-bottom:20px; border-top:0; background:#fff; position:relative;}
#hd-sch .keybox:after {position:absolute; content:''; width:calc(100% - 20px); top:0; left:10px; height:1px; background:#ddd;}
/*#hd-sch #sch_str:focus {border-bottom:0; border-radius:20px 20px 0 0;}
#hd-sch #sch_str:focus + .keybox{display:block;}*/
#hd-sch .keybox ul {width:100%; box-sizing:border-box; padding:20px; height:376px; overflow-y:scroll;}
#hd-sch .keybox ul:after {display:block; content:''; clear:both;}
#hd-sch .keybox ul li {width:50%; float:left;}
#hd-sch .keybox ul li a {display:block; position:relative; width:100%; box-sizing:border-box; padding:6px; padding-left:75px;}
#hd-sch .keybox ul li .img {position:absolute; top:0; left:0; width:65px; height:48px;}
#hd-sch .keybox ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#hd-sch .keybox ul li p {font-size:13px; line-height:18px; color:#666;  font-family: 'ONE Mobile';font-weight:normal; height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
#hd-sch .keybox ul li span {font-size:12px; line-height:18px; color:#f57f55; font-weight:normal; display:block;}
#hd-sch .keybox ol {width:calc(100% - 40px); margin:10px auto 0; padding-top:10px; border-top:2px solid #ddd;}
#hd-sch .keybox ol li {width:100%;}
#hd-sch .keybox ol li a {display:block; width:100%; box-sizing:border-box; position:relative; padding-left:15px;  font-family: 'ONE Mobile';}
#hd-sch .keybox ol li a:link{text-decoration:none; color:#666666;}
#hd-sch .keybox ol li a:visited {text-decoration:none; color:#666666;}
#hd-sch .keybox ol li a:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#aaa; top:10px; left:0;}
#hd-sch .keybox ol li a span {line-height:24px; font-size:11px; color:#444; font-family: 'ONE Mobile';}
#hd-sch .keybox ol li a span:first-child { color:#ff0000; }
#hd-sch .keybox ol li a em {text-align:center; font-style:normal; color:#444; font-size:9px;  width:12px; font-family: 'ONE Mobile';}

#hd-sch .keybox .close_btn {position:absolute; cursor:pointer;font-family: 'ONE Mobile'; bottom:-55px; left:50%; width:50px; height:50px; margin-left:-25px; background:#222; border-radius:50%; z-index:2;}
#hd-sch .keybox .close_btn:after {position:absolute; content:''; width:2px; height:24px; top:50%; left:50%; margin-top:-12px; transform:rotate(45deg); background:#fff; z-index:3;}
#hd-sch .keybox .close_btn:before {position:absolute; content:''; width:2px; height:24px; top:50%; left:50%; margin-top:-12px; transform:rotate(-45deg); background:#fff; z-index:4;}


/** 헤더 검색 하단링크 테스트 중 **/
.sch_toplink{position: absolute;top: 75%;left: 300px;width: 100%;max-width: 560px;background: #fff;box-sizing: Border-box;}
.sch_tlink{font-weight: 500;text-align: center;color: #ff8161;}
.sch_toplink dd {display: inline-block;}
.sch_toplink dd a {box-sizing:border-box; font-family: 'ONE Mobile';}
.sch_toplink dd a:link{text-decoration:none; color:#ff8161;}
.sch_toplink dd a:visited {text-decoration:none; color:#ff8161;}
.sch_toplink dd a span {font-size: 12px;line-height: 20px;color: #ff8161;font-family: 'ONE Mobile';}

/** 카테고리(햄버거버튼) **/
#slide-btn {width:115px; height:50px; background:#fff; top:0; left:0; position:absolute; box-sizing:border-box; padding-left:40px; font-family: 'ONE Mobile'; font-size:16px; line-height:50px; /*font-weight:normal;*/ font-weight:700; color:#282929;}
#slide-btn button{position: absolute;top: 0;left: 0; font-size:0; width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}

#slide-btn button span {position:absolute; top:16px; left:0; width:21px; height:17px;/*box-sizing:border-box;border-top:3px solid #f15a34;*/background: url(../images/layout/top_line.png) center no-repeat;}
/*#slide-btn button span:before,
#slide-btn button span:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 3px;background: #f15a34;}*/
#slide-btn.on {box-sizing:border-box; border:1px solid #de1115; background:#fff; position:relative;}
#slide-btn.on:after {position:absolute; content:''; width:100%; height:4px; background:#fff; bottom:-4px; left:0;}

/*#slide-btn button span:before{content: '';display: block;top: 4px;}
#slide-btn button span:after{content: '';display: block;bottom: 0;}*/

#slide-btn button.on span{/*border-top:0;*/width:21px; height:19px;background: url(../images/layout/top_line-x.png) center no-repeat;}

/*
#slide-btn button.on span:before{top: 50%;margin-top:1px;transform: rotate(45deg);}
#slide-btn button.on span:after{bottom: 50%;margin-bottom: 1px;transform: rotate(-45deg);}
*/








/**************************************************
	main
**************************************************/
#container.main {  width: 100%;  max-width:100%; margin: 0 auto 20px;}

.main_leftBanner {
	position: fixed;
	top: 192px;
	left:10px;
	z-index: 55;
	display: none;
}
.main_leftBanner_list {
	display: flex;
	flex-direction: column;
	line-height: 0px;
}

/** 23.10.18 메인 좌측 슬라이드 배너 **/
.main_leftSlideBanner {position: fixed;margin: 0;right: auto;bottom: 60px;width: auto !important;transform: none;animation: slidein 1.5s ease-out 0.5s;animation-fill-mode: forwards;z-index: 402;}
.main_leftSlideBanner .contents {position: relative;border-radius: 0;width: fit-content; height: 210px;box-shadow: none;}
/*.main_leftSlideBanner .contents a {display: flex; flex-direction: row-reverse;}*/
.main_leftSlideBanner .contents a img {position: absolute;display: block;top: 0;width: 360px;height: 210px;z-index: 5;}
.main_leftSlideBanner .btn_close {position: absolute;top: 12px;left:310px;opacity: 0.5;z-index: 5;}

.bx-prev {opacity:0; width:100%; height:100%; display: block;}
.bx-next {opacity:0; width:100%; height:100%; display: block;}
/** 메인비주얼 **/
.main_visual {width:100%; position:relative;}
.main_visual .main_slide {text-align:center;}
.main_visual .main_slide li {margin:0 auto;font-family: 'ONE Mobile';}
.main_visual .main_slide, .main_slide li{ }
.main_visual .main_slide li{  }
.main_visual .main_slide li a{display: block;width:100%;font-family: 'ONE Mobile';height:430px; }
.main_visual .bx-viewport {height:430px;}

.main_visual .pager {width:100%; max-width:1200px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.main_visual .bx-controls {display:inline-block; position:absolute; bottom:20px; right:50%; margin-right:-475px; width:15px; height:35px; z-index:2;}
.main_visual .bx-pager { display:inline-block;}
.main_visual .bx-controls .bx-pager-item {display:inline-block;position:absolute; top:0; left:0; vertical-align:middle;  text-align:center; width:15px;}
.main_visual .bx-controls .bx-pager-item a { opacity:0; font-size:14px; line-height:35px; font-weight:normal; color:#fff; text-align:center;font-family: 'ONE Mobile';}
.main_visual .bx-controls .bx-pager-item a.active {opacity:1;}

.main_visual .visu_arrow {position:absolute; width:152px;padding:0 40px; height:35px; bottom:0; right:40px; box-sizing:border-box;}
.main_visual .visu_arrow .dot {width:72px; text-align:center; position:relative;  background:rgba(0,0,0,0.2); border-radius:35px;}
.main_visual .visu_arrow .dot span {font-size:14px; line-height:37px; font-weight:normal; color:#fff; margin-left:20px; display:inline-block; margin-top:-1px;font-family: 'ONE Mobile';}
.main_visual .visu_arrow .dot span b {margin-left:4px;margin-right:4px;}

.main_visual .visu_arrow .prev {position:absolute; display:block; top:0; left:0;  z-index:2; width:35px; height:35px; border:0; background:url('../images/layout/prev_1.png') center no-repeat, rgba(0,0,0,0.2); border-radius:50%;}

.main_visual .visu_arrow .next {position:absolute; display:block; top:0; right:0; z-index:2; width:35px; height:35px; border:0; background:url('../images/layout/next_1.png') center no-repeat, rgba(0,0,0,0.2); border-radius:50%;}





/** section_1 5칸짜리 슬라이드 **/
.section_1 {width:100%; max-width:1200px; margin:55px auto 0; position: relative;}

.sec_1_box{	overflow: hidden;	}
.sec_1_box li{float: left;width: 300px;height: 150px;	overflow: hidden; position:relative;}
.sec_1_box li:first-child{width: 600px;height: 300px;}
.sec_1_box li img {position:absolute; width:100%; height:100%; top:0; left:0;}
.sec_1_box li a {position:absolute; top:0; left:0; width:100%; height:100%; display:block;font-family: 'ONE Mobile';}
.sec_1_box li a:after {position:absolute; content:''; top:0; left:0; box-sizing:border-box; width:100%; height:100%; z-index:2; border:1px solid #f0f0f0;}
.sec_1_box li:nth-child(1) a:after {border-right:0px;}
.sec_1_box li:nth-child(2) {width: 600px;height: 150px;}
.sec_1_box li:nth-child(2) a:after {border-top:1px solid #f0f0f0;}
.sec_1_box li:nth-child(3) a:after, .sec_1_box li:nth-child(4) a:after {border-top:0px;}
.sec_1_box li:nth-child(4) a:after {border-left:0px;}
/*
.sec_1_box li:nth-child(2) a:after, .sec_1_box li:nth-child(3) a:after {border-top:1px solid #f0f0f0;}
.sec_1_box li:nth-child(3) a:after, .sec_1_box li:nth-child(5) a:after {border-left:0px;}
.sec_1_box li:nth-child(4) a:after, .sec_1_box li:nth-child(5) a:after {border-top:0px;}
*/

.section_1 .bx-controls {position:relative; margin-top:13px;  width: 1200px;  z-index: 30;  text-align: center;}
.section_1 .bx-pager { position: relative; width: 100px; margin: 0 auto; z-index:3;}
.section_1 .bx-pager:after { content: ""; display: block; clear: both;}
.section_1 .bx-pager > div { float: left ; margin: 0 3px ; text-align: center;}
.section_1 .bx-pager > div a { display: block; width: 10px; height: 10px;font-family: 'ONE Mobile'; text-indent: -9999px; background:#fff; border:1px solid #c1c1c1; transition: .3s all ease; border-radius: 50%; }
.section_1 .bx-pager > div a.active { background-color: #9e9e9e; border-color:#9e9e9e;}


/** section_2 브랜드 슬라이드 **/
.section_2 {width:100%; max-width:1200px; margin:55px auto 0;}
.section_2 .tit_1 {width:100%; box-sizing:border-box; position:relative; padding-right:80px; margin-bottom:15px; font-size:22px;line-height:22px; color:#2c2c2c; font-weight:normal; font-family: 'ONE Mobile Title';}

.section_2 .bx-viewport {border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; box-sizing:border-box;}
.section_2 .sec2_slide {border-left:1px solid #eee; box-sizing:border-box;margin-left:-1px;}
.section_2 .sec2_slide .slick-slide div { box-sizing:border-box; border:1px solid #f0f0f0; border-left:0; height:62px; }
.section_2 .sec2_slide .slick-slide div:nth-child(2) {margin-top:-1px;}
.section_2 .sec2_slide .slick-slide div  img {max-width:100%;}

.section_2 .sec2_arrow {position:absolute; top:0; right:0;}
.section_2 .slick-prev { position:absolute; top:-45px; right:35px; font-size:0; z-index:1; display:inline-block; z-index:2; width:20px; height:30px; border:0; background:url('../images/layout/prev_2.png') center no-repeat;}
.section_2 .slick-next { position:absolute; top:-45px; right:10px; font-size:0; z-index:1; display:inline-block; width:20px; height:30px; border:0; background:url('../images/layout/next_2.png') center no-repeat; }
.section_2  .bx-pager {display:none;}




/** section_3 중간 배너 슬라이드 **/
/*.section_3 {width:100%; position:relative; margin:55px auto 0; text-align:center;}*/
.section_3 {width:100%; max-width:1200px;  margin:55px auto 0; position:relative;}
.section_3 .sec3_arrow {position:absolute; top:10px; right:50%; margin-right:-590px;z-index: 51;}
.section_3 .sec3_arrow .sec3_prev { display:inline-block; /*z-index:2*/; width:20px; height:30px; border:0; background:url('../images/layout/prev_1.png') center no-repeat;}
.section_3 .sec3_arrow .sec3_next {display:inline-block; width:20px; height:30px; border:0; background:url('../images/layout/next_1.png') center no-repeat; }
.section_3 .bx-wrapper {width:100%; position:relative; /*z-index:-1;*/}
/*.section_3 .bx-viewport {border-radius: 20px;}*/
.section_3 .bx-pager {display:none;}


/** section_4 미디어 엘레파츠 슬라이드 **/
.section_4 {width:100%; max-width:1200px; margin:55px auto 0; position:relative;}
.section_4 h3 { font-size:22px;line-height:30px; color:#2c2c2c; font-weight:normal; font-family: 'ONE Mobile Title'; margin-bottom:14px;}
.section_4 .sec_body {width:100%;}
.section_4 .sec_body:after {display:block; content:''; clear:both;}
.section_4 .left {width:589px; float:left; margin-right:22px; position:relative;}
.section_4 .right {width:589px; float:left; position:relative;}
.section_4 .bx-wrapper {width:100%; position:relative;}
.section_4 .bx-pager {display:none;}

.section_4 .bx-prev { position:absolute;opacity:1; font-size:0; top:50%; left:10px; transform:translateY(-50%); display:inline-block; z-index:99; width:15px; height:46px; border:0; background:url('../images/layout/prev_3.png') center no-repeat;}
.section_4 .bx-next { position:absolute;opacity:1; font-size:0; top:50%; right:10px; transform:translateY(-50%); display:inline-block; z-index:99; width:15px; height:46px; border:0; background:url('../images/layout/next_3.png') center no-repeat;}



/** section_5 링크 **/
.section_5 {width:100%; max-width:1200px; margin:55px auto 0; position:relative;}
.section_5 ul {/*width:100%;*/}
.section_5 ul:after {display:block; content:''; clear:both;}
.section_5 ul li {width:14.285%; float:left; text-align:center;}
.section_5 ul li p {font-size:14px; line-height:20px; color:#2c2c2c; margin-top:20px;font-family: 'ONE Mobile';}



/** section_6 하단 배너 슬라이드 **/
.section_6 {width:100%; max-width:1200px;  margin:55px auto 0; position:relative;}
.section_6 .sec6_arrow {position:absolute; top:10px; right:50%; margin-right:-590px;z-index: 51;}
.section_6 .sec6_arrow .sec6_prev { display:inline-block; /*z-index:2*/; width:20px; height:30px; border:0; background:url('../images/layout/prev_1.png') center no-repeat;}
.section_6 .sec6_arrow .sec6_next {display:inline-block; width:20px; height:30px; border:0; background:url('../images/layout/next_1.png') center no-repeat; }
.section_6 .bx-wrapper {width:100%; position:relative; /*z-index:-1;*/}
.section_6 .bx-viewport {border-radius: 20px;}
.section_6 .bx-pager {display:none;}



/** 카테고리별 md추천 슬라이드 **/
.section_7 {width:100%; max-width:1200px; margin:55px auto 0; position:relative;}
.section_7 h3 { font-size:22px;line-height:30px; color:#2c2c2c; font-weight:normal; font-family: 'ONE Mobile Title'; margin-bottom:12px;}
.section_7 .cate_tab {width:100%; max-width:1200px; box-sizing:border-box; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}
.section_7 .cate_tab:after {display:block; content:''; clear:both;}
.section_7 .cate_tab li { padding:25px 0 14px; cursor:pointer; width:10%; float:left; height:120px; text-align:center; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; box-sizing:border-box;}
.section_7 .cate_tab:first-child {}
.section_7 .cate_tab li .tab_img {display:block;}
.section_7 .cate_tab li .tab_img .off {display:inline-block;}
.section_7 .cate_tab li .tab_img .on {display:none;}
.section_7 .cate_tab li p {margin-top:10px; font-size:13px; font-weight:normal; color:#000; min-height:36px; line-height:18px;font-family: 'ONE Mobile';}
.section_7 .cate_tab li.active .tab_img .off {display:none;}
.section_7 .cate_tab li.active .tab_img .on {display:inline-block;}
.section_7 .cate_tab li:hover .tab_img .off {display:none;}
.section_7 .cate_tab li:hover .tab_img .on {display:inline-block;}
.section_7 .cate_tab li:hover p {color:#f15a34;}
.section_7 .cate_tab li.active p {color:#f15a34;}
.cate_content {width:100%; margin-top:-1px; position:relative;}
.cate_content:after {display:block; content:''; clear:both;}


/** section_9 핫한신제품 슬라이드 **/
.section_9 {width:100%; max-width:1200px; margin:55px auto 0;}
.section_9 .tit_1 {width:100%; box-sizing:border-box; position:relative; padding-right:70px; margin-bottom:15px; font-size:22px;line-height:22px; color:#2c2c2c; font-weight:normal; font-family: 'ONE Mobile Title';}
/*.section_9 .bx-viewport {border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; box-sizing:border-box;}*/
.section_9 .tit_1 .more {float:right; box-sizing:border-box; position:relative; right:-70px; margin-bottom:15px; font-size:12px; color:#696969; font-weight:normal; font-family: 'ONE Mobile Title';}
.section_9 .tit_1 .more  a:link{text-decoration:none; color:#696969;}
.section_9 .tit_1 .more  a:visited {text-decoration:none; color:#696969;}
.section_9 .sec9_slide {border-left:1px solid #eee; box-sizing:border-box;margin-left:12px;}
.section_9 .sec9_slide .slick-slide div { box-sizing:border-box; border-left:0; height:62px; min-height: 153px; }
.section_9 .sec9_slide .slick-slide div:nth-child(2) {margin-top:-1px;}
.section_9 .sec9_slide .slick-slide div  img {max-width:100%;}
.section_9 .sec9_arrow {position:absolute; top:0; right:0;}
.section_9 .slick-prev { position:absolute; top:45%; left:-22px; font-size:0; z-index:1; display:inline-block; width:35px; height:35px; border:0; background:url('../images/layout/prev_1.png') center no-repeat, rgba(0,0,0,0.2); border-radius:50%;}
.section_9 .slick-next { position:absolute; top:45%; right:-10px; font-size:0; z-index:1; display:inline-block; width:35px; height:35px; border:0; background:url('../images/layout/next_1.png') center no-repeat, rgba(0,0,0,0.2); border-radius:50%;}
/*.section_9  .bx-pager {display:none;}*/

/** section_19 상품상세 인기제품 슬라이드 **/
.section_19 {width:100%; max-width:889px; margin:5px auto 0;}
.section_19 .tit_1 {width:100%; box-sizing:border-box; position:relative; padding-right:70px; margin-bottom:5px; font-size:15px;line-height:22px; color:#2c2c2c; font-weight:normal; font-family: 'ONE Mobile Title';}
.section_19 .sec19_slide { box-sizing:border-box;border: 1px solid #ccc;max-height: 240px;}
.section_19 .sec19_slide .slick-slide div { box-sizing:border-box; border-left:0; }
.section_19 .sec19_slide .slick-slide div:nth-child(2) {margin-top:-1px;}
.section_19 .sec19_slide .slick-slide div  img {max-width:100%;}
.section_19 .sec19_arrow {position:absolute; top:0; right:0;}
.section_19 .slick-prev { position:absolute; top:45%; left:-22px; font-size:0; z-index:1; display:inline-block; width:35px; height:35px; border:0; background:url('../images/layout/prev_1.png') center no-repeat, rgba(0,0,0,0.2); border-radius:50%;}
.section_19 .slick-next { position:absolute; top:45%; right:-22px; font-size:0; z-index:1; display:inline-block; width:35px; height:35px; border:0; background:url('../images/layout/next_1.png') center no-repeat, rgba(0,0,0,0.2); border-radius:50%;}
.section_19 .slick-track {float:left;}
.procBox1{display: block;width: 165px;height: 230px;padding: 5px;box-sizing: border-box;/*border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;*/ overflow: hidden;}
.procBox1>div {display: table;height: 170px;width: 153px; }
.procBox1>div>div {display: table-cell;	vertical-align: middle;}
.procBox1>div>div>img{display: block;max-width:153px;max-height:170px;width: auto;height: auto;margin:auto;}
.procBox1> h3 {font-size: 12px;color: #222222;margin-top: 7px;height: 16px;line-height: 16px;text-overflow: ellipsis;font-weight: bold;text-align: center;}



.cate_content .cont_box {width:100%; border:1px solid #f0f0f0; border-top:0; box-sizing:border-box;}
.cate_content .cont_box:after {display:block; content:''; clear:both;}
.cate_content .cont_box .left {width:478px;height:478px; float:left; border-top:1px solid #f0f0f0; }
.cate_content .cont_box .left a {display:block;}
.cate_content .cont_box .right {width:720px; float:left;}
.cate_content .cont_box .right  ul {width:100%;}
.cate_content .cont_box .right  ul li {width:240px; height:239.5px; float:left; font-family: 'ONE Mobile'; background:#fff;}
.cate_content .cont_box .right  ul li a {display:block; width:100%; height:100%; text-align:center; box-sizing:border-box; border:1px solid #f0f0f0; border-right:0; border-bottom:0; font-family: 'ONE Mobile';}
.cate_content .cont_box .right  ul li a img {width:170px; height:170px;}
.cate_content .cont_box .right  ul li a span {font-size:14px; line-height:18px; display:block; font-weight:normal;font-family:'ONE Mobile'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.cate_content .cont_box .right  ul li a:link{text-decoration:none; color:#666666;}
.cate_content .cont_box .right  ul li a:visited {text-decoration:none; color:#666666;}
.cate_content .cont_box .right  ul li a p {font-size:14px; line-height:24px; font-weight:normal; color:#000; margin-top:5px;font-family: 'ONE Mobile';}
.cate_content .cont_box .right  ul li a p b {font-size:18px; line-height:24px; font-weight:700;font-family: 'ONE Mobile';}



.section_8 {width:100%; margin:28px auto 0; max-width:1200px;}
.section_8 h3 { font-size:22px;line-height:30px; color:#2c2c2c; font-weight:normal; font-family: 'ONE Mobile Title'; margin-bottom:15px;}
/*.section_8 .sec_8_cate {width:100%; box-sizing:border-box; padding-left:50px; background:url('../images/main/section_8_img_1.png') left 12px top 3px  no-repeat;}*/
.section_8 .sec_8_cate {width:100%; box-sizing:border-box; padding-left:50px; }
.section_8 .sec_8_cate.icon_VC01{ background:url('../images/sub/icon_01.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC02{ background:url('../images/sub/icon_02.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC03{ background:url('../images/sub/icon_03.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC04{ background:url('../images/sub/icon_04.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC05{ background:url('../images/sub/icon_05.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC06{ background:url('../images/sub/icon_06.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC07{ background:url('../images/sub/icon_07.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC08{ background:url('../images/sub/icon_08.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC09{ background:url('../images/sub/icon_09.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC10{ background:url('../images/sub/icon_10.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC11{ background:url('../images/sub/icon_11.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC12{ background:url('../images/sub/icon_12.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC13{ background:url('../images/sub/icon_13.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC14{ background:url('../images/sub/icon_14.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC15{ background:url('../images/sub/icon_15.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC16{ background:url('../images/sub/icon_16.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC17{ background:url('../images/sub/icon_17.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC18{ background:url('../images/sub/icon_18.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate.icon_VC19{ background:url('../images/sub/icon_19.png') left 7px top -1px  no-repeat;}
.section_8 .sec_8_cate:after {display:block; content:''; clear:both; }
.section_8 .sec_8_cate .select_1 {position:relative; display:inline-block; float:left; width:210px; box-sizing:border-box; height:32px; border:1px solid #dddddd;}
.section_8 .sec_8_cate .select_1:after {position:absolute; content:''; width:1px; height:32px; top:0; right:32px; background:#dddddd;}
.section_8 .sec_8_cate .select_1 select { width:100%; border:0; box-sizing:border-box; padding:0 32px 0 10px; background:#fff; line-height:30px;font-family: 'ONE Mobile'; font-size:14px; color:#2c2c2c; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: 100% center; background-repeat: no-repeat; background: url('../images/main/arrow_1.png') right 10px center no-repeat;}
.section_8 .sec_8_cate .select_2 {position:relative; display:inline-block; float:left; width:210px; max-width:270px; box-sizing:border-box; height:32px; border:1px solid #dddddd;}
.section_8 .sec_8_cate .select_2:after {position:absolute; content:''; width:1px; height:32px; top:0; right:32px; background:#dddddd;}
.section_8 .sec_8_cate .select_2 select { width:100%; border:0; box-sizing:border-box; padding:0 32px 0 10px; background:#fff; line-height:30px;font-family: 'ONE Mobile'; font-size:14px; color:#2c2c2c; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: 100% center; background-repeat: no-repeat; background: url('../images/main/arrow_1.png') right 10px center no-repeat;}
.section_8 .sec_8_cate b { float:left; width:24px; height:32px; display:inline-block; background:url('../images/main/arrow_2.png') center center no-repeat;}
.section_8 ul {width:100%; border-top:2px solid #f15a34; padding-top:10px; margin-top:10px;}
.section_8 ul:after {display:block; content:''; clear:both;}
/*.section_8 ul li {position:relative; width:16.666%; float:left;}*/
.section_8 ul li {position:relative; width:199px; float:left;}
.section_8 ul li:after {position:absolute; content:''; width:1px; height:16px; top:50%; margin-top:-8px; right:0; background:#757676}
.section_8 ul li:nth-child(6n):after {display:none;}
.section_8 ul li a {padding:0 10px; box-sizing:border-box; width:100%; display:block; font-size:13px; line-height:24px; color:#2c2c2c; margin:4px 0;font-family: 'ONE Mobile';}

.section_8 ul li ul{width:100%; padding:5px 0; margin-top:-4px; min-width: 200px; max-height: 300px; background-color: #fff;box-sizing: border-box; border: 1px solid #989898; overflow-y: auto;z-index: 101;}
.section_8 ul li ul:after {display:block; content:''; clear:both;}
.section_8 ul li ul li{position:relative; width:100%; float:left;}
.section_8 ul li ul li:after {position:absolute; content:''; width:1px; height:16px; top:50%; margin-top:-8px; right:0; background:#ffff}
.section_8 ul li ul li:nth-child(6n):after {display:none;}
.section_8 ul li ul li a {padding:0 15px; box-sizing:border-box; width:100%; display:block; font-size:13px; line-height:24px; color:#2c2c2c; margin:4px 0;font-family: 'ONE Mobile';}


#footerBox {width:100%;padding-top:50px;}
#footerBox .ft_top {width:100%; border-top:2px solid #cacaca; border-bottom:1px solid #e2e2e2;}
#footerBox .ft_top ul {width:100%; max-width:1200px; margin:0 auto; text-align:center;}
#footerBox .ft_top ul li {display:inline-block;position:relative; padding:18px 0;}
#footerBox .ft_top ul li a {border-left:1px solid #808080;font-family: 'ONE Mobile'; font-size:14px; line-height:16px; color:#808080; box-sizing:border-box;  padding:0 30px; }
#footerBox .ft_top ul li:first-child a {border-left:0;}
#footerBox .ft_mid {width:100%; max-width:1200px; margin:45px auto;}
#footerBox .ft_mid:after {display:block; content:''; clear:both;}
#footerBox .ft_mid .left {width:710px; float:left; box-sizing:border-box; padding-left:290px; background:url('../images/layout/f_logo.png') left 65px center no-repeat;}
#footerBox .ft_mid .left p {font-size:12px; line-height:22px; color:#808080;font-family: 'ONE Mobile';}
#footerBox .ft_mid .left p b {font-weight: 700; color:#2c2c2c;}
#footerBox .ft_mid .right {width:490px; float:left;}
#footerBox .ft_mid .right p {font-size:12px; line-height:22px; color:#808080;font-family: 'ONE Mobile';}
#footerBox .ft_mid .right p b {font-weight: 700; color:#2c2c2c;}
/*#footerBox .ft_mid .right p span {font-size:12px; line-height:18px; color:#f15a34;}*/
#footerBox .ft_mid .right p span {margin-left:15px;}
#footerBox .ft_mid .right .call {margin-top:10px;}
#footerBox .ft_mid .right .call a{display:inline-block;font-family: 'ONE Mobile'; box-sizing:border-box; padding:7px 0; padding-left:45px; font-size:35px; line-height:34px;color:#2c2c2c; background:url('../images/layout/call_img.png') left center no-repeat; }
#footerBox .ft_mid .right .call2 {display:inline-block;font-family: 'ONE Mobile'; box-sizing:border-box; padding:0 0 5px 0; font-size:30px; line-height:33px;color:#2c2c2c;  }
#footerBox .ft_mid .right strong {display:inline-block;font-family: 'ONE Mobile'; margin-left:10px; padding:7px 0; font-size:12px; line-height:17px; font-weight:700; color:#2c2c2c;}
#footerBox .ft_bot {width:100%; max-width:1200px; margin:0 auto; border-top:1px solid #f0f0f0;}
#footerBox .ft_bot ul { overflow: hidden;  width:1120px; margin:0 auto;}
#footerBox .ft_bot ul li { float: left; }
#footerBox .ft_bot ul li a { display: block;width: 140px;padding:15px 0;text-align:center;font-family: 'ONE Mobile';}
#footerBox a:link{text-decoration:none; color:#666666;}
#footerBox a:visited{text-decoration:none; color:#666666;}





/**************************************************
	sub
**************************************************/
/*.content {width:100%;}
.content:after {display:block; content:''; clear:both;}
*/
.leftN {width:190px; float:left; padding-top:15px; }
.leftN .left_menu {width:100%;}
.leftN .left_menu > li {padding:20px 0; border-top:1px solid #ddd;font-family: 'ONE Mobile';}
.leftN .left_menu > li:first-child {border-top:0; padding-top:0;}
.leftN .left_menu li a {font-size:14px; line-height:32px; color:#f15a34; font-weight: 700;font-family: 'ONE Mobile';}
.leftN .left_menu li ol {width:100%;}
.leftN .left_menu li ol li {width:100%;}
.leftN .left_menu li ol li a {display:block; font-size:14px; line-height:32px; color:#2c2c2c;font-weight: normal; box-sizing:border-box; padding-right:20px;}
.leftN .left_menu li ol li.active a {font-weight:700; background:url('../images/layout/arrow_1.png') right center no-repeat; }
.rightN {width:1010px; float:left; text-align:center; margin-top:15px;}
.rightN .cont_1 {/*width:100%;*/ background:#fef2ef; margin-left:30px;padding: 10px 77px 55px;}
.rightN .cont_2 {width:100%; margin:0 auto; max-width:850px; padding:50px 0 30px; box-sizing:border-box; border-bottom:2px solid #ddd;}
.rightN .cont_2_1 {width:100%; margin:0 auto; max-width:850px; padding:50px 0 50px 0; box-sizing:border-box; border-bottom:2px solid #ddd;}
.rightN .cont_3 {width:100%; margin:0 auto; max-width:850px; padding:50px 0 30px; box-sizing:border-box; border-bottom:2px solid #ddd;}
.rightN .cont_4 {width:100%; margin:0 auto; max-width:850px; padding:50px 0 30px; box-sizing:border-box; border-bottom:2px solid #ddd;}
.rightN .cont_5 {width:100%; margin:0 auto; max-width:850px; padding:50px 0 0;}
.btn_body {width:100%; margin:30px auto 0;}
.btn_body.rig {text-align:right;}
.btn_body .btn_1 {color:#fff;font-family: 'ONE Mobile'; box-sizing:border-box; text-align:center; width:150px; line-height:32px; font-size:13px; display:inline-block; background:#f15a34;}
.leftN .left_menu .numberbox {
	height: 10px;
	padding: 2px;
	border-radius: 2px;
	color: #f05027;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: center;
	line-height: 10px;
    font-family: ONE Mobile Title;
}


/*로그인박스*/
#loginboxN{ position:relative; top: 110px; left: 870px; width: 248px; box-sizing: border-box; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: 2px 2px 5px #999; overflow: hidden; background: #fff; z-index:2000; }
#loginboxN>div{margin: 12px; box-sizing: border-box; border-bottom: 1px solid #ccc; }
#loginboxN>div:last-child{border-bottom: none; }
#loginboxN .loginBtn {display: block; width: 222px; height: 30px; background-color: #F05027; border: 0px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; outline-width:0; }
#loginboxN .loginSns{overflow: hidden; }
#loginboxN .loginSns>li{float: left; padding:10px 3px; }
#loginboxN .loginSns>li:first-child{color: #666; font-size: 12px; line-height: 26px; }
#loginboxN .joinBtnBox{padding-bottom: 5px; }
#loginboxN .joinBtn{display: block; width: 222px; height: 30px; margin-top: 5px; background-color: #595959; border: 0; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; outline-width:0; }
#loginboxN .loginBoxTitle{color: #333; font-size: 14px; font-weight: bold; letter-spacing: 1px; }
#loginboxN .loginBoxTitle a{color: #333;}
#loginboxN .loginBoxMyPage{width: 222px; padding: 10px 0; overflow: hidden; }
#loginboxN .loginBoxMyPage>li{float: left; }
#loginboxN .loginBoxMyPage>li>a{display: block; width: 111px; height: 20px; color: #666; font-size: 12px; text-align: left; line-height: 20px; }
#loginboxN .loginBoxMyPage>li>a:hover{text-decoration: underline; }
#loginboxN .loginBoxBtns{width: 222px; overflow: hidden; }
#loginboxN .loginBoxBtns>li{float: left; }
#loginboxN .loginBoxBtns>li>a{display: block; width: 111px; height: 28px; color: #fff; background: #828282; box-sizing: border-box; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 28px; }

/*top icon*/
#divRightIconArea {position: fixed;right: 20px;bottom: 16px;z-index:999999;}
.G_rightIcontxt{font-family: 'ONE Mobile Title';font-weight: normal;color: #2c2c2c;line-height:15px;font-size:12px;}
.G_topicon{position: fixed;right: 20px;bottom: 16px;z-index:999999;}
.G_tools{position: fixed;right: 23px;bottom: 412px;z-index:999999;}
.G_guide{position: fixed;right: 23px;bottom: 344px;z-index:999999;}
.G_bom{position: fixed;right: 25px;bottom: 276px;z-index:999999;}
.G_documenticon{position: fixed;right: 23px;bottom: 208px;z-index:999999;}
.G_estimateicon{position: fixed;right: 23px;bottom: 140px;z-index:999999;}
.G_kakaoicon{position: fixed;right: 23px;bottom: 72px;z-index:999999;}
.G_kakaotxt{font-family: 'ONE Mobile Title';font-weight: normal;color: #2c2c2c;line-height:15px;font-size:12px;}

/*category select box*/
.G_categorySelected{color:#E95312;}
.G_categoryDefault{background: rgba(100, 100, 100, 0.3);}

/*최신로그인*/
.new_login{
	pointer-events: none;
	position: relative;
	height: 1%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.new_login .ly_bx{
	position: absolute;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 20px;
	padding: 0 10px;
	font-family: 'ONE Mobile Title';
	font-size: 11px;
	font-weight: normal;
	line-height: inherit;
	color: #ffffff;
	white-space: nowrap;
	background: black;
	border-radius: 2px;
	top: -18px;
	left: 12%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.new_login .imgs_bx{
	position: absolute;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 20px;
	padding: 0 10px;
	font-family: 'ONE Mobile Title';
	font-size: 11px;
	font-weight: normal;
	line-height: inherit;
	color: #ffffff;
	white-space: nowrap;
	background: black;
	border-radius: 2px;
	top: -9px;
	left: 72%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.new_login .pit{
	position: absolute;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid black;
	bottom: -8px;
	left: 12%;
	-webkit-transform: rotate(90deg) translateX(-50%);
	-moz-transform: rotate(90deg) translateX(-50%);
	-ms-transform: rotate(90deg) translateX(-50%);
	transform: rotate(90deg) translateX(-50%);
}
.new_login .pit .pits{
	bottom: -8px;
	left: 22%;
}
.new_login_txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 4px;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align : center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}