Cbody,
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
html{
	min-width: 1903px;
}

main{display:flex; }
.contentBox{position: relative;}
main section:nth-child(1){}
main section:nth-child(2){}

.main-leftmenu-container {display:flex; }

.Main-content-wrap{margin-top: 80px; width: 1480px;}
.Special-wrap{width: 1600px; margin: 80px auto 0 auto;}
.Special-content{width: 1480px;}
.Sub-container{width: 100%; min-height: 800px; margin-top: 10px;}
.Sub{width: 1650px; margin: 0 auto 100px auto; padding: 0 1rem;}
/***************************************************
**************  ¸ÞÀλó´Ü ºñÁÖ¾ó-  *************************
*****************************************************/
.main-visual_container{position: relative; display:flex; width:1600px; min-width: 1600px; margin:0 auto;}

/* ¸ÞÀκñÁÖ¾ó ½º¿ÍÀÌÆÛ */
.mainVisual-swiper{/* width:86.5%; */width:1080px;}

/* ¸ÞÀκñÁÖ¾ó ¿ìÃø */
.main-small-banner{width:200px; height: 100%; /* height: 407px; */}
.main-small-banner img{width:100%; height: 100%;}

.main-contents_container{width: 100%;}

/* ¸ÞÀÎ ÁÂÃø¸Þ´º */
.main-right-visual{display: flex; justify-content: flex-end; width: 1280px;}
.main-left-menu{width: 200px; border: 1px solid #d0d0d0; box-sizing: border-box}
.main-lem-box{width: 185px;}
.m-lem-ul{padding: 14px 0; box-sizing: border-box;}
.m-lem-li{padding: 4px 0; width: 100%;}
.m-lem-li:hover {background: #5A5B5B;}
.m-lem-li a{font-size: 0.9rem; padding: 0 20px; display: block;}
.m-lem-li:hover a{color: #fff;}

/* Äü¸Þ´º */
.main-quick-menu{
	width: 100px;
	z-index: 2;
    margin-left: 10px;
	position: absolute;
    right: 0;
}

.main-qum-box{
	/* position: fixed; */
    width: 100px;
	border: 1px solid #dfdfdf;
	background: #fff;
}

.main-qum-box img {
	width: 100%;
    box-sizing: border-box;
}

.quick_menu_list{border-bottom: 1px solid #dfdfdf; padding: 15px 0; text-align: center; background: #fff;}
.quick_title_box{background: #5A5B5B;}
.quick_title{color: #fff; font-weight: 600; text-align: center; padding: 5px 0;}
.quick_icon_box{width: 19%; border: 0; margin: 0 auto;}
.quick_menu_name{font-size: 14px; text-align: center; margin-top: 5px;}
.quick_menu_name:hover {color: #036EB8; font-weight: 600;}
.quick_menu_sns{border-bottom: 1px solid #dfdfdf; padding: 15px 0;}
.quick_menu_sns:last-child{border-bottom: 0;}
.quick_menu_sns .quick_icon_box{width: 30%;}
.quick_login_menu{text-align: center; background: #2ea7e0; border-radius: 6px; display: flex; justify-content: center; align-items: center; width: 60%; padding: 3px 10px; margin: 0 auto;}
.quick_login_menu:last-child{background: #c2e2f1; margin: 10px auto;}
.quick_login_menu a{color: #fff; font-size: 13px;}
.quick_login_menu:last-child a{color: #000;}

/* DzÅÍ Äü¸Þ´º */
.quickmenu-bottom{width: 100%; border-top: 1px solid #d0d0d0;}
.bottom-qmenu-box{width: 1200px; margin: 0 auto;display: flex; align-items: center; justify-content: space-between;}
.bottom-qmenu-box img{width: 100%;}

/* .footer-qum-box{width: 70%; margin: 0 auto; display: flex; align-items: center;} */
.footer-qum-box{width: 100%; /* margin: 0 auto; */ display: flex; align-items: center;}
.ftquick_title_box{/* width: 12%; */ width: 15%; background: #5A5B5B; display: flex; justify-content: center; align-items: center; padding: 15px 10px;}
.ftquick_title{font-size: 21px; color: #fff; font-weight: 600; text-align: center; padding: 5px 0;}
.ftquick_menu_list{/* width: 14%; */ width: 15%; padding: 10px 0; border-right: 1px solid #dfdfdf;}
.ftquick_menu_list:first-child{border-left: 1px solid #dfdfdf;}
.ftquick_menu_sns{padding: 10px 0;}
.ftquick_icon_box {width: 30%; margin: 0 auto;}
.ftquick_login_menu{width: 20%; display: flex; justify-content: flex-end;}
.ftquick_login_menu a{border-left: 1px solid #dfdfdf; color: #2ea7e0;}
.ftquick_login_menu a:first-child{border-left: 0; padding-right: 16px;}
.ftquick_login_menu a:last-child{padding-left: 16px;  color: #000;}
.ftquick_icon_box{/* width: 18%; */ width: 15%; border: 0; margin: 0 auto;}

.notice__wrap{width: 1480px; border-bottom: 1px solid #dfdfdf; height: 45px; overflow:hidden; background-color:#fff;}
.notice_cont{width: 1000px; margin: 0 auto; padding: 10px 0; display: flex;}
.notice__title{display: inline-block; font-weight: 600; margin-right: 30px; font-size: 18px;}
.notice__box{display: inline-block; width: 86%;}
.main-Board-title{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-Board-date{font-size: 14px; color: #888;}
.MainNotice-text{overflow: hidden; margin-left: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.MainNotice-text a{color: #888;}
.MainNotice-content{display: flex;}
.main-board-time i{font-size: 14px; color: #888;}

.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:30px; line-height:30px;}
.rolling_stop{display:block; width:100px; height:20px; background-color:#000; color:#fff; text-align:center;}
.rolling_start{display:block; width:100px; height:20px; background-color:#000; color:#0f0; text-align:center;}


/* ¼­ºêÄü¸Þ´º */
.sub-quick-menu{
	width: 120px;
	z-index: 2;
}

.sub-qum-box{
    width: 100px;
}

.sub-qum-box img {
	width: 100%;
	border: 1px solid #d0d0d0;
    box-sizing: border-box;
}

/* Äü¸Þ´º¸¦ °¨½Ñ Å« ºÎ¸ð */
.main-all-container{
	width: 1600px;
    margin: 0 auto;
}

/* ¹Ù·Î°¡±â */
#Category__list{
    font-weight: 600;
    font-size: 16px;
    border: 0;
}

.Category__sbtitle{
    margin-left: 26px;
    color: #717171;
    position: relative;
}

.Category__sbtitle::before{
    content: "|";
    position: absolute;
    left: -18px;
}

.Category__list_box{
    margin-top: 20px;
   /*  width: 100%;joo */
}

.Category__baro{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Category__list{
    width: 13%;
}

.Category__list img{
    width: 100%;
    height: auto;
    border: 1px solid #E9E9E9;
}

.Category__title{
    text-align: center;
    margin-top: 5px;
    display: block;
}

.Bestcont__title{
    font-size: 30px;
    font-weight: bold;
}

.main_poin_color{
    color: red;
}

#tab01, #tab02, #tab03, #tab04, #tab05, #tab06{width: 1200px; margin: 0 auto;}
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9{max-width: 1200px; margin: 0 auto;}
.tabGroup{width: 100%; border-bottom: 1px solid #D1D1D1; overflow: hidden; display: flex; flex-wrap: wrap; overflow-x:auto;}
.tabGroup a{width:10%}
.tabGroup .tabOn{/* border: 1px solid #efefef; border-top: 3px solid #036eb8; border-bottom: 0; */ border-bottom: 3px solid black; font-weight: 600; color: black;}
/* .tabGroup a{display: block; padding: 15px 30px; text-align: center; background: #efefef; border: 1px solid #d1d1d1;} */
.tabGroup a{display: block; padding: 15px 0; text-align: center; font-size: 16px; color: #8A8A8A;}
.explainTab1, .explainTab2, .explainTab3, .explainTab4, .explainTab5, .explainTab6, .explainTab7, .explainTab8, .explainTab9{width: 100%;}
.swiper .explain-tab1, .swiper .explain-tab2, .swiper .explain-tab3, .swiper .explain-tab4,
.swiper .explain-tab5, .swiper .explain-tab6, .swiper .explain-tab7, .swiper .explain-tab8,
.swiper .explain-tab9{display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px;}

.swiper2 .explain-tab1{display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}

.itemcont__list{width: 19%;}
.item__img__box{width: 100%; border: 1px solid #D1D1D1;}
.swiper2 .item__img__box{width: 224px; border: 1px solid #D1D1D1;}
.item__img__box img{display: block; width: 100%; height: auto; padding: 40px; margin: 0 auto; box-sizing: border-box;}
.itemcont__text__box{text-align: left; width: 100%;}

.prodbrand{
  color: #999;
  font-size: 14px;
  margin: 10px 0 0 0;
}
.prodname{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  margin: 5px 0 0 0;
}

.prodprice{
  font-size: 20px;
  margin: 15px 0 0 0;
  font-weight: 600;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tab-menu-wrap .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 13%;
  margin-right: 20px;
  margin-bottom: 30px;
  -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;
}

.swiper2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 150px;
  /* margin-right: 40px; */

  /* Center slide text vertically */
  /* display: flex;
  flex-direction: column;
  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;
}

.swiper .swiper-slide:nth-child(7), .swiper .swiper-slide:nth-child(14){
	margin-right: 0;
}

.tab-arrows-left, .tab-arrows-right, .tab-arrows-left2, .tab-arrows-right2{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #DEDEDE;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
}

.tab-arrows-left, .tab-arrows-left2{
  left: -2%;
  top: 35%;
  z-index: 9;
}

.tab-arrows-right, .tab-arrows-right2{
  right: -2%;
  top: 35%;
  z-index: 9;
  cursor: pointer;
}

.tab-arrows-right:hover, .tab-arrows-left:hover{
	background: #036eb8;
}

.tab-arrows-right:hover i, .tab-arrows-left:hover i {
	color: #fff;
}

.tab-menu-wrap #content{
  position: relative;
}

/* ÃÊƯ°¡ ¾ÆÀÌÅÛ */
.C-second-array {display: flex; justify-content: space-between; margin-top: 30px;}

.Categorycont__text__box{max-width: 1200px; margin: 0 auto;}
.Categorycont__title{font-size: 30px; font-weight: bold; margin: 0 0 10px 0;}

.categorycont__first__box{width: 28%;}
.categorycont__child__box{width: 68%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tab-child-item{display: flex; width: 48%; border: 1px solid #D1D1D1;/*  box-sizing: border-box; */}
.child__item__imgbox:hover img {transform: scale(1.2); transition: transform 1s;}
.tab-first-item{width:100%; border: 1px solid #D1D1D1; box-sizing: border-box;}
.first__item__imgbox, .child__item__imgbox{width: 100%;}
.first__item__imgbox{overflow: hidden;}
.first__item__imgbox:hover img{transform: scale(1.2); transition: transform 1s;}
.child__item__imgbox{border-right: 1px solid #D1D1D1; box-sizing: border-box; width: 100%; overflow: hidden;}
.first__item__imgbox img{width: 100%; border-bottom: 1px solid #D1D1D1; box-sizing: border-box;}
.child__item__imgbox img{width: 100%; height: auto;}
.item__text__box{padding: 10px 20px 20px 20px;}
.tab-child-item:nth-child(3), .tab-child-item:nth-child(4){margin-top: 47px;}
.prodname-2{display: block; font-size: 16px; margin: 5px 0 0 0;}

.tab-child-item .item__text__box{position: relative; display: flex; flex-wrap: wrap; align-content: space-between; width: 43%; padding: 24px 20px; box-sizing: border-box;}
.item_top__text{width: 100%;}
.prodname-3{width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; margin: 5px 0 0 0;}
.prodprice-2{font-size: 20px; margin: 0; font-weight: 600;}


.information{width:1200px; margin:0 auto;}
.information > div{width:25%; }
.information > div:nth-child(1),
.information > div:nth-child(2),
.information > div:nth-child(3){border-right:1px solid #ccc; }

.talk_banner_div em{font-size: 12px;}

/* ¹è³Ê ±¤°í */
/* .main-contents_Ad{width: 100%; background: #efefef; padding: 40px 0; margin: 60px auto 0 auto;} */
.main-contents_Ad{width: 100%; margin: 60px auto 0 auto;}
.Ad__img__box img{width: 100%;}

/* SNS ¿¬°á ¹è³Ê */
.main-youtube{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.main-youtube a{width: 30%; position: relative; display: inline-block;}
.youtube_banner img{width: 100%;}
.youtube_banner span.youtube_bn_text{position: absolute; top: 85%; left: 0; transform: translateY(-50%); display: none; width: 100%; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.youtube_banner:hover span.youtube_bn_text{display: block;}
.youtube_banner:hover::before{width: 95%;}
.youtube_banner:hover::after{height: 93%;}
.youtube_banner::before, .youtube_banner::after{content: ''; position: absolute; top: 50%; left: 50%; width: 95%; height: 91%; transform: translate(-50%, -50%); transition: all .8s;}
.youtube_banner::before{border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 0;}
.youtube_banner::after{border-left: 2px solid #fff; border-right: 2px solid #fff; height: 0;}


/* °í°´ »ó´ã½Ã°£ ¾È³»*/
.naver-sangdam{width:49%;background-color:#03c75a;}
.kakao-sangdam{width:49%;background-color:#ffde00;}


/*  °í°´Áö¿ø */
.customer{}
.customer li{border:1px solid var(--gray-border); padding:8px 0; margin-bottom:4px; text-align:center; }
.customer-1,
.customer-2,
.customer-3,
.customer-4{background-size:24px;}
.customer-1{border:1px solid var(--gray-border); background-image: url( '/common/images/customer-support-01.svg') ; background-repeat:no-repeat; background-position:48px center;}
.customer-2{border:1px solid var(--gray-border); background-image: url( '/common/images/customer-support-02.svg' ); background-repeat:no-repeat; background-position:48px center;}
.customer-3{border:1px solid var(--gray-border); background-image: url( '/common/images/customer-support-03.svg' ); background-repeat:no-repeat; background-position:16px center;  width:49%;}
.customer-4{border:1px solid var(--gray-border); background-image: url( '/common/images/customer-support-04.svg' ); background-repeat:no-repeat; background-position:16px center; width:49%;}