/* BASIC css start */
/*sec1*/
#sec1 { justify-content: space-between; width: 100%; max-width: 1500px; justify-content: center;
       margin: 0 auto 50px; 
        margin-bottom: 30px; sans-serif; } /*100¿¡¼­ 50À¸·Î ÁÙ¿´À½*/
#sec1 .swiper {max-width: 1500px; overflow: hidden; } 
#sec1 .swiper>ul { } 
#sec1 .swiper>ul>li { width: 100%; } 
#sec1 .swiper>ul>li>a { display:block; width:100% } 
#sec1 .swiper>ul>li>a>img { width: 100%;  height: 600px; object-fit: cover; } 
#sec1 .swiper .btn_wrap {  position: absolute; z-index: 4; bottom: 0; right: 50%; transform: translateX(700px); width: max-content; display: flex; align-items: center; gap: 12px; bottom: 50px; } 
#sec1 .swiper .btn_wrap>* { } 
#sec1 .swiper .btn_wrap>ul { background-color: rgba(0,0,0,.4); display: flex; align-items: center; gap: 20px; padding: 10px 17px; border-radius: 25px; } 
#sec1 .swiper .btn_wrap>ul li { } 
#sec1 .swiper .btn_wrap>ul li>div:has(img) { display: flex; align-items: center; justify-content: center; } 
#sec1 .swiper .btn_wrap>ul li .swiper_prev { cursor: pointer; } 
#sec1 .swiper .btn_wrap>ul li .swiper_prev img { } 
#sec1 .swiper .btn_wrap>ul li .swiper-pagination { position: unset; color: #fff; font-size: 15px; display: flex; align-items: center; gap: 1px; } 
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span { display: inline-block; font-size: 18px; } 
#sec1 .swiper .btn_wrap>ul li .swiper_next { cursor: pointer; } 
#sec1 .swiper .btn_wrap>ul li .swiper_next img { } 
#sec1 .swiper .btn_wrap .control { } 
#sec1 .swiper .btn_wrap .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background-color: rgba(0,0,0,.4); } 
#sec1 .swiper .btn_wrap .control a.clicked { opacity: .5; } 
#sec1 .swiper .btn_wrap .control a img { } 
#sec1 .swiper ul li.swiper-slide-active .txt_area p { transform: translateY(0px); opacity: 1; } 
#sec1 .swiper ul li.swiper-slide-active .txt_area a.more { transform: translateY(0px); opacity: 1; } 
#sec1 .swiper ul li .txt_area { overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding-left: 230px; } 
#sec1 .swiper ul li .txt_area>* { transform: translateY(-25px); } 
#sec1 .swiper ul li .txt_area p { opacity: 0; line-height: 1.3; } 
#sec1 .swiper ul li .txt_area p.big { transition: all .5s; transition-delay: .35s; margin-bottom: 20px;  font-weight: 700; } 
#sec1 .swiper ul li .txt_area p.sub { font-weight: 500; transition: all .5s; margin-bottom: 50px; transition-delay: .57s; } 
#sec1 .swiper ul li .txt_area a.more { opacity: 0; transition-delay: .7s; border-radius: 30px; padding: 8px 18px;} 
#sec1 .swiper ul li .txt_area a.more:hover { background-color: #000; color: #fff; } 

/*sec2*/
#sec2 { width: 100%; background: #fff;align-items: center; } 
#sec2 .sec_inner {  padding: 0; margin: 0 auto; max-width: 1500px; margin-top: 80px; display: flex; flex-direction: column; align-items: flex-start; } 
#sec2 .sec_inner .sec2_tit { display: flex; align-items: center; justify-content: flex-start; width: 100%; } 
#sec2 .sec_inner .sec2_tit h2 { margin-bottom: 0; font-size: 28px; font-weight: 700; color: #333; } 
#sec2 .sec_inner .sec2_tit .nav_wrap { display: none; } 
#sec2 .sec_inner .swiper { padding: 0; margin: 0 auto; width: 100%; max-width: 1500px; padding: 10px 0; display: flex; flex-direction: column; align-items: center; gap: 20px; } 
#sec2 .sec_inner .swiper > ul, 
#sec2 .sec_inner .swiper .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 0; margin: 0; list-style: none; width: 100%; } 
#sec2 .sec_inner .swiper > ul > li { width: 170px; display: flex; flex-direction: column; align-items: center;  justify-content: center; text-align: center; flex-shrink: 0; gap: 10px; } 
#sec2 .sec_inner .swiper > ul > li > a { width: 170px; height: 170px; border-radius: 50%; border: 2px solid transparent; overflow: hidden; display: flex; justify-content: center; align-items: center; transition: border-color 0.3s ease; } 
#sec2 .sec_inner .swiper > ul > li > a:hover { border-color: var(--main-color); } 
#sec2 .sec_inner .swiper > ul > li > a img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } 
#sec2 .sec_inner .swiper > ul > li > a:hover img { transform: scale(1.1); } 
#sec2 .sec_inner .swiper > ul > li > p { margin-bottom: 40px; text-align: center; color: #000; font-size: 18px; font-weight: 600; white-space: nowrap; transition: color 0.3s ease; } 
#sec2 .sec_inner .swiper > ul > li:hover > p { color: var(--main-color); } 


/* sec3 */
#sec3 .sec_inner { margin-top: -20px; position:relative; }
#sec3 .sec_inner .sec3_head { display: flex; align-items: center;  gap: 15px; margin-bottom: 40px; }
#sec3 .sec_inner .sec3_head h2 { margin: 0; font-size: 28px; font-weight: 700; color: #333;  }
#sec3 .sec_inner .sec3_head .btn-more { display: inline-block; padding: 6px 16px; background-color: #ff0080;  color: #fff; font-size: 14px;  border-radius: 30px; text-decoration: none; border: 1px solid transparent;  transition: background-color 0.2s ease, color 0.2s ease;}
#sec3 .sec_inner .sec3_head .btn-more:hover {background-color: #e0e0e0; color: #fff; border: 1px solid #ccc;}
#sec3 .sec_inner .swiper-button-prev { position: absolute; top: 50%; left: 0; transform: translate(-80px, -50%); z-index: 2; }
#sec3 .sec_inner .swiper-button-next { position: absolute; top: 50%; right: 0; transform: translate(80px, -50%); z-index: 2; }
#sec3 .sec_inner .sec3_cont .swiper { padding-bottom:30px; }
#sec3 .sec_inner .swiper-wrapper { display: flex; flex-wrap: nowrap; }
#sec3 .swiper-slide { display: flex; height:auto; flex-wrap: wrap; width: 100%; }
#sec3 .item_list { width: 20%; box-sizing: border-box; }
#sec3 .item_list .thumb { position: relative; width: 100%; padding-top: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }
#sec3 .item_list .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#sec3 .item_list .thumb .cart_icon { position: absolute; display: flex; align-items: center; justify-content: center; }
#sec3 .item_list .thumb .cart_icon img { transform: scale(0.5);}
#sec3 .info { text-align: left; padding: 20px 0; }
#sec3 .prd-info { display: flex; flex-direction: column; height: 100%; }
#sec3 .prdbtn { width:100%; height: 20px; margin-top:10px; margin-bottom: 5px; }
#sec3 .prdname { font-size: 18px; font-weight: 600; word-wrap: break-word; line-height: 1.2em; min-height: 1.2em; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sec3 .prdprice { font-size: 16px; }
#sec3 .prd-wish { margin-top: 10px; }
#sec3 .item_list .info { display: flex; flex-direction: column; height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box; }
#sec3 .item_list .info .prdname { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; }
#sec3 .item_list .info .prd-wish { margin-left: auto; }
#sec3 .item_list .info .prd-wish a { display:flex; }
#sec3 .item_list .info .prd-wish a > span { display: flex; }
#sec3 .item_list .info .prd-wish .my-wish-count { display: none; }

/*sec4*/
#sec4 { } 
#sec4 .sec_inner {  } 
#sec4 .sec_inner ul { margin-top: 60px; margin-bottom: 60px; display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 50px;  } 
#sec4 .sec_inner ul li { position: relative; flex-grow: 1;  } 
#sec4 .sec_inner ul li>a { display: block; width: 100%;  } 
#sec4 .sec_inner ul li>a>img { width: 100%; height: 285px;  border-radius: 15px;} 
#sec4 .sec_inner ul li .txt_area { position: absolute; top: 61%; transform: translateY(-50%); left: 40px; max-width: 80% } 
#sec4 .sec_inner ul li .txt_area p { opacity: 0; } 
#sec4 .sec_inner ul li .txt_area p.big { font-size: 36px; font-weight: 700; margin-bottom: 10px; transition-delay: .1s; } 
#sec4 .sec_inner ul li .txt_area p.sub { font-size: 18px; line-height:1.4; margin-bottom: 10px; transition-delay: .27s; } 
#sec4 .sec_inner ul li .txt_area a.more { font-size: 12px; opacity: 0; transition-delay: .48s; position:relative; } 
#sec4.act .sec_inner ul li .txt_area p { transform: translateY(-25px); opacity: 1; } 
#sec4.act .sec_inner ul li .txt_area a.more { transform: translateY(-25px); opacity: 1; } 


/* sec5 */
#sec5 { position: relative; max-width: 1500px; width: 100%; margin: 0 auto; }
#sec5 .sec_inner { position: relative; }
#sec5 .sec5_head { display: flex; align-items: center; gap: 15px; margin-bottom: 40px; }
#sec5 .sec5_head h2 { margin: 0; font-size: 28px; font-weight: 700; color: #333; }
#sec5 .sec5_head .btn-more {
  display: inline-block; padding: 6px 16px; background-color: #ff0080; color: #fff;
  font-size: 14px; border-radius: 30px; text-decoration: none; border: 1px solid transparent;
  transition: background-color 0.2s ease, color 0.2s ease;
}
#sec5 .sec5_head .btn-more:hover { background-color: #e0e0e0; color: #fff; border: 1px solid #ccc; }

#sec5 .swiper-button-prev { position: absolute; top: 50%; left: 0; transform: translate(-80px, -50%); z-index: 2; }
#sec5 .swiper-button-next { position: absolute; top: 50%; right: 0; transform: translate(80px, -50%); z-index: 2; }

#sec5 .sec5_cont .swiper { padding-bottom: 30px; }
#sec5 .swiper-wrapper { display: flex; flex-wrap: nowrap; }
#sec5 .swiper-slide { display: flex; height: auto; flex-wrap: wrap; width: 100%; }

#sec5 .item_list { width: 20%; box-sizing: border-box; }
#sec5 .item_list .thumb { position: relative; width: 100%; padding-top: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }
#sec5 .item_list .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#sec5 .item_list .thumb .cart_icon { position: absolute; display: flex; align-items: center; justify-content: center; }
#sec5 .item_list .thumb .cart_icon img { transform: scale(0.5); }

#sec5 .info { display: flex; flex-direction: column; height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box; text-align: left; }
#sec5 .prd-info { display: flex; flex-direction: column; height: 100%; }
#sec5 .prdbtn { width: 100%; height: 20px; margin-top: 10px; margin-bottom: 5px; }
#sec5 .prdname { font-size: 18px; font-weight: 600; word-wrap: break-word; line-height: 1.2em; min-height: 1.2em; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sec5 .prdprice { font-size: 16px; }
#sec5 .prd-wish { margin-top: 10px; margin-left: auto; }
#sec5 .prd-wish a { display: flex; }
#sec5 .prd-wish a > span { display: flex; }
#sec5 .prd-wish .my-wish-count { display: none; }


/*sec6*/
#sec6 { margin-bottom: 80px; } 
#sec6 .sec_inner { position:relative; }
#sec6 .sec_inner h2 { margin-top: -10px; margin-bottom: 30px; font-size: 28px; font-weight: 700; color: #333; }
#sec6 .sec_inner .sec6_cont .swiper { } 
#sec6 .sec_inner .sec6_cont .swiper ul { } 
#sec6 .sec_inner .sec6_cont .swiper ul li { } 
#sec6 .sec_inner .sec6_cont .swiper ul li a {  border-radius: 15px; display: block; width: 100%; overflow:hidden; } 
#sec6 .sec_inner .sec6_cont .swiper ul li a img { border-radius: 15px; width: 100%;  height: 480px; transition:transform .3s } 
#sec6 .sec_inner .sec6_cont .swiper ul li a:hover>img {  border-radius: 15px; transform:scale(1.16) rotate(5deg) } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area { padding:20px 0 } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p { transition: all .3s; } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p.big { color: #161616; font-size: 22px; margin-bottom:10px } 
#sec6 .sec_inner .sec6_cont .swiper ul li:hover .txt_area p.big { color: #000; padding-left: 21px; position:relative; } 
#sec6 .sec_inner .sec6_cont .swiper ul li:hover .txt_area p.big::before { content: "¡æ"; font-size:17px; display: inline-block; position: absolute; left: 0; transition: all .5s; top:50%; transform:translateY(-50%) } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p.sub { color: #555555; font-size: 16px; line-height:1.4 } 
#sec6 .sec_inner .swiper-button-prev { position: absolute; top: 50%; left: 0; transform: translate(-80px, -50%); z-index: 2; } 
#sec6 .sec_inner .swiper-button-next { position: absolute; top: 50%; right: 0; transform: translate(80px, -50%); z-index: 2; } 

/*sec7*/
#sec7 { } 
#sec7 .sec_inner { } 
#sec7 .sec_inner h2 { margin-bottom: 30px;  font-size: 28px; font-weight: 700; color: #333; }
#sec7 .sec_inner .sec7_cont { display: flex; justify-content: space-between; gap: 20px; } 
#sec7 .sec_inner .sec7_cont>div { flex-grow: 1; height:480px; } 
#sec7 .sec_inner .sec7_cont .banner_area { position:relative; flex-grow:1; } 
#sec7 .sec_inner .sec7_cont .banner_area>a { display: block; width: 100%; } 
#sec7 .sec_inner .sec7_cont .banner_area>a img {  border-radius: 15px; height: 480px; width: 100%; } 
#sec7 .sec_inner .sec7_cont .banner_area .txt_area { position: absolute; top: 57%; transform: translateY(-50%); left: 40px; max-width: 80% } 
#sec7 .sec_inner .sec7_cont .banner_area .txt_area>* { color: #fff; opacity:0 } 
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.big { font-size: 34px; font-weight: 700; margin-bottom: 12px; transition-delay: .1s; } 
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.sub { font-size: 16px; line-height:1.5; margin-bottom: 28px; transition-delay: .37s; } 
#sec7 .sec_inner .sec7_cont .banner_area .txt_area a { border-color:#fff; transition-delay: .58s; position:relative; } 
#sec7 .sec_inner .sec7_cont .banner_area .txt_area a.btn_more>span { background-color:#fff } 
#sec7.act .sec_inner .sec7_cont .banner_area .txt_area p { transform: translateY(-25px); opacity: 1; } 
#sec7.act .sec_inner .sec7_cont .banner_area .txt_area a.more { transform: translateY(-25px); opacity: 1; } 
#sec7 .sec_inner .sec7_cont .item_area { width:480px; } 
#sec7 .sec_inner .sec7_cont .item_area .swiper { height:100% } 
#sec7 .sec_inner .sec7_cont .item_area ul { height:100%; overflow-y:auto; display:flex; flex-wrap:wrap; } 
#sec7 .sec_inner .sec7_cont .item_area ul>li { display: flex; flex-wrap: nowrap; align-items: center; width:100%; padding:10px 0; /*height:calc(100% / 3)*/ } 
#sec7 .sec_inner .sec7_cont .item_area ul>li:first-child { padding-top:0 } 
#sec7 .sec_inner .sec7_cont .item_area ul>li:nth-child(2) { padding:7px 0; margin:5px 0 } 
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb { width:150px; height:100% } 
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb>a { height: 100%; } 
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb>a>img { height: 100%; object-fit: cover;  } 
#sec7 .sec_inner .sec7_cont .item_area ul>li .info {  width:70%; padding:0 20px 0 20px; height:100%; } 

/* sec8 */
#sec8 { } 
#sec8 .sec_inner {  } 
#sec8 .sec_inner h2 {  } 
#sec8 .sec_inner .sec8_cate {  margin-top: 80px; margin-bottom: 45px; } 
#sec8 .sec_inner .sec8_cate ul { display:flex; gap:15px; flex-wrap:wrap } 
#sec8 .sec_inner .sec8_cate ul li { } 
#sec8 .sec_inner .sec8_cate ul li a { overflow:hidden; display:block; width:100%; background-color: #eeeeee; border-radius: 40px; padding: 11px 45px; text-align:center; color:#555555; position:relative; font-size: 17px; font-weight: 500; display:block; transition:all .3s } 
#sec8 .sec_inner .sec8_cate ul li.on>a { color: #fff; background-color: var(--main-color); } 
#sec8 .sec_inner .sec8_cate ul li a:hover { color: #fff; background-color: transparent } 
#sec8 .sec8_prd {} 
#sec8 .sec8_prd>div { display: none; position:relative; opacity:0; transition:opacity .5s } 
#sec8 .sec8_prd>div.show { display: block; } 
#sec8 .sec8_prd>div.act { opacity:1 } 
#sec8 .sec_inner .sec8_cate ul li a::after { position: absolute; content: ""; width: 0%; height: 100%; top: 0; right: 0; z-index: -1; background-color:var(--main-color); transition: all 0.3s ease; } 
#sec8 .sec_inner .sec8_cate ul li a:hover::after { right: auto; left: 0; width: 100%; } 

/*sec9*/
#sec9 { display: none; }
#sec9 .sec_inner h2 { display: flex; align-items: center; gap: 16px; } 
#sec9 .sec_inner h2 span { display: inline-block; color: #999999; font-size: 18px; font-weight: 500; } 



/* sec10 */
#sec10 { position: relative;}
#sec10 .sec_inner { } 
#sec10 .sec_inner h2 { margin-bottom: 30px; display: flex; align-items: center; gap: 16px; font-size: 28px; font-weight: 700; color: #333;} 
#sec10 img{width: 100%; height:100%; object-fit:cover; border-radius: 15px;}
#sec10 a{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sec10 a>img{  transition: filter .3s, transform .3s; }
#sec10 a>img:hover{filter: brightness(.9); transform: scale(1.1);}



/*¸ÞÀÎ °øÅë*/
.section,.section :is(*) { box-sizing: border-box; font-family: "Pretendard Variable", Pretendard, sans-serif; } 
.section:not(#sec1) { margin-bottom: 80px; } 
.section .sec_inner { width: 1500px; margin: 0 auto; } 
.section h2 { font-size:32px; font-family: "Pretendard Variable", Pretendard, sans-serif; color: #111111; font-weight: 500; margin-bottom: 40px; } 
.section .txt_area p.sub { color: #000; line-height: 1.6; font-weight: 500; transition: all .5s; font-size: 22px; } 
.section .txt_area p.big { color: #000; font-weight: 500; line-height: 1.3; transition: all .5s; font-size: 48px; } 
.section .txt_area a.more { display: inline-block; font-size: 12px; transition: transform .4s, opacity .4s; border: 1px solid #000; color: #000; margin-top: 8px; font-weight: 600; padding:6px 15px; } 
.section :is(.sec_next,.sec_prev) { position: unset; color: #000; width: 40px; background-color: #ddd; height: 40px; border-radius: 50%; margin-top: 0; transition:all .1s } 
.section :is(.sec_next,.sec_prev)::after { font-size: 14px; } 
.section :is(.sec_next,.sec_prev):not(.swiper-button-disabled):hover { background-color:var(--main-color); color:#fff } 
.section .swiper-pagination-bullet-active { background-color:var(--main-color) } 
.section a.btn_more { color: #fff; font-size: 15px; border: 1px solid #fff; position: relative; display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; } 
.section a.btn_more>span { display: block; position: absolute; background-color: #000; } 
.section .btn_more .span_index_one { width: 1px; left: 0; bottom: 0; } 
.section .btn_more .span_index_two { height: 1px; left: 0; top: 0; } 
.section .btn_more .span_index_three { width: 1px; right: 0; top: 0; } 
.section .btn_more .span_index_four { height: 1px; right: 0; bottom: 0; } 
.section .btn_more:hover { border-color: transparent !important; } 
.section .btn_more:hover .span_index_one { -webkit-animation: move1 1500ms infinite ease; animation: move1 1500ms infinite ease; } 
.section .btn_more:hover .span_index_two { -webkit-animation: move2 1500ms infinite ease; animation: move2 1500ms infinite ease; } 
.section .btn_more:hover .span_index_three { -webkit-animation: move3 1500ms infinite ease; animation: move3 1500ms infinite ease; } 
.section .btn_more:hover .span_index_four { -webkit-animation: move4 1500ms infinite ease; animation: move4 1500ms infinite ease; } 
@-webkit-keyframes move1 { 0% { height: 100%; bottom: 0; } 54% { height: 0; bottom: 100%; } 55% { height: 0; bottom: 0; } 100% { height: 100%; bottom: 0; } }
@keyframes move1 { 0% { height: 100%; bottom: 0; } 54% { height: 0; bottom: 100%; } 55% { height: 0; bottom: 0; } 100% { height: 100%; bottom: 0; } } 
@-webkit-keyframes move2 { 0% { width: 0; left: 0; } 50% { width: 100%; left: 0; } 100% { width: 0; left: 100%; } } 
@keyframes move2 { 0% { width: 0; left: 0; } 50% { width: 100%; left: 0; } 100% { width: 0; left: 100%; } } 
@-webkit-keyframes move3 { 0% { height: 100%; top: 0; } 54% { height: 0; top: 100%; } 55% { height: 0; top: 0; } 100% { height: 100%; top: 0; } }
@keyframes move3 { 0% { height: 100%; top: 0; } 54% { height: 0; top: 100%; } 55% { height: 0; top: 0; } 100% { height: 100%; top: 0; } } 
@-webkit-keyframes move4 { 0% { width: 0; right: 0; } 55% { width: 100%; right: 0; } 100% { width: 0; right: 100%; } } 
@keyframes move4 { 0% { width: 0; right: 0; } 55% { width: 100%; right: 0; } 100% { width: 0; right: 100%; } }


/* ¸ð¹ÙÀÏ ½ºÅ¸ÀÏ (ÃÖ´ë ³Êºñ 600px) */
        @media (max-width: 600px) {
            nav ul li {
                display: block;
                margin: 0 0 10px 0;
            }
        }

        /* ÅÂºí¸´ ½ºÅ¸ÀÏ (ÃÖ´ë ³Êºñ 900px) */
        @media (max-width: 900px) {
            nav ul li {
                display: block;
                margin: 0 0 10px 0;
            }

            main {
                padding: 1em 2em;
            }
        }

        /* µ¥½ºÅ©Å¾ ½ºÅ¸ÀÏ (ÃÖ¼Ò ³Êºñ 901px) */
        @media (min-width: 901px) {
            main {
                padding: 2em 4em;
            }
        }
/* BASIC css end */