/*공통*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root{
--subtitle:24px;
--footerfont:14px;	
--main-color:#0099ff;
--color1:#003366;
--color2:#4c4c4c;
--color3:#a6a6a6;
--color4:#d1d1d1;
--color5:#f5f5f5;
--color6:#ffff;
--point-color:#fc3e3c;
--partition: 20px;
--partition2: 10px;
  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-md: 1rem;      /* 16px (기본) */
  --text-lg: 1.125rem;  /* 18px */

  /* Heading */
  --text-xl: 1.25rem;   /* 20px */
  --text-2xl: 1.5rem;   /* 24px */
  --text-3xl: 1.875rem; /* 30px */
  --text-4xl: 2.25rem;  /* 36px */
  --text-5xl: 3rem;     /* 48px */
}	
a{text-decoration:none}
html{scroll-behavior: smooth;}
html, body{font-family: 'Noto Sans KR', sans-serif; font-family:'Pretendard', sans-serif}
.menu-btn span{background:#333}
.m_only{display:none}
.wrap_tnb{position: absolute;
    right: 50px;
    top: 15px;display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; z-index:1001; width:790px}
.wrap_tnb .tnb{position:relative; right:auto; top:auto; width:100%;justify-content: flex-end}	
.wrap_tnb .sns img{ height:25px}
body, h2, p {
	margin: 0; font-size:16px
}
.sound_only{display:none}
.lang{margin-right:10px}
.notiblue{background:var(--main-color); color:white; border-radius:2rem; position:absolute; right: -0.5rem;
    top: -0.2rem;
    padding: 0.1rem 0.5rem; font-size:var(--text-xs); opacity:0.8}
td p{font-size:14px}
aside{position:fixed; left:0; top:0; height:100%; z-index:10; background:white; text-align:center; width:250px; box-shadow:10px 10px 15px rgba(0, 0, 0, 0.2); overflow:hidden}
aside h2{background:linear-gradient(360deg, #fff, var(--main-color)); color:white; line-height:58px; font-size:18px}
aside dl{padding:20px}
aside a{color:#333}
aside dl{text-align:left}
aside dt a{color:#222; font-weight:700; padding-bottom:10px; display:block}
aside dd{display:flex; flex-wrap:wrap; margin-bottom:20px}
aside dd a{display:inline-block; width:50%}
input[type=button] {cursor:pointer}
table{border-collapse:collapse}
textarea{ border:1px solid #ddd; background:#f9f9f9; padding:10px}
div{box-sizing:border-box}
.nav{position:absolute; width:100%; display:flex; align-items:center; justify-content:space-between; padding-top:30px; z-index:10; top:0; flex-wrap:wrap}
.footer{padding:50px 0}
.layout{width:1510px; margin:0 auto; margin-top:250px; position:relative}
.list_layout{margin-top:0}
.bt_gotop, .bt_cs{position:fixed; right:25px; bottom:136px; z-index:2}
.bt_gotop{ width:40px; height:30px; color:#fff; display:flex; justify-content:center; align-items:center; 
background:#113376; box-sizing:border-box; transition:all 0.3s ease; position:relative; bottom:auto; margin-bottom:-1px; right:auto !important}
.bt_gotop .fa{transform:rotate(270deg)}
.bt_bottom .fa{transform:rotate(90deg)}
.bt_gotop:hover{font-size:40px; z-index:3}
.quick{position: fixed;
    bottom: 90px;
    right: 20px;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 60px; z-index:1}
.bt_cs{bottom:256px; right:20px; animation: anicall 2s infinite ease-in-out; z-index:3}
.kfbdrA{bottom:calc( env(safe-area-inset-bottom) + 120px ) !important}
.bt_cs img{ width:70px; }
.hd_pops .hd_pops_con br{display:none}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
 
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.sub_hd2{box-shadow:10px 10px 15px rgba(0,0,0,0.1); padding-top:10px; background:#fff; position:fixed}
input[type=text],input[type=password], input[type=date], button{height:35px; box-sizing:border-box; padding:0 10px; border:1px solid #ccc}
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 800px; position:relative; height:90%; overflow:hidden; overflow-y:auto; border:20px solid #fff; border-radius: 30px;
    box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.3) 0px 12px 60px;
}

table{border-collapse:collapse}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold; right:20px; position:absolute
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.mt_precautions{display:flex; align-items:center; gap:20px}
   

@keyframes  anicall 

{ 


 
0%{transform:rotate(-5deg);} 

 50%{transform:rotate(5deg);} 
 100%{transform:rotate(-5deg);}

}
@keyframes  sayhi 

{ 


 
0%{transform:rotate(-45deg);} 

 50%{transform:rotate(-60deg);} 
 100%{transform:rotate(-45deg);}

}
.copy{display:flex; align-items:center; gap:1.5rem; color:#999; font-size:var(--footerfont); flex-wrap:wrap}
.copy .quickmenu{width:100%; font-size: var(--text-sm);    margin: 0 0 1rem 0; display:flex; align-items:center}
.copy .quickmenu img{height:25px}

.copy p{font-size:var(--footerfont)}
.copy img{width:150px}
.copy a{ color:#999; border-right:1px solid #999; margin:0 10px 0 0; display:inline-block; padding:0 10px 0 0;}
.copy .logo{border-right:0}
.copy a:nth-child(2){border-right:0}
.copy .quickmenu .sns{margin:0 0 0 50px}
.copy .quickmenu .sns a{border-right:0; margin:0 2px 0 0; padding:0 2px 0 0; }

.copy span{font-size:12px}
.footer .wrap_layout{border-bottom:1px solid #ccc; padding-bottom:50px; margin-bottom:1.5rem}
.footer .wrap_layout .cs{display:flex; justify-content:space-between; width:100%; line-height:1.5}
.copybox{padding:1rem}
.footer .call{display:flex; flex-wrap:wrap; align-content:center; gap:2rem}
.footer .call h2{width:100%}
.footer .call a, .footer .banknum{font-size:var(--text-3xl)}
.footer .call a{    vertical-align: middle;
    line-height: 1;
    display: flex;
    align-items: center;
    font-weight: 900;
    color: var(--main-color);}
.footer .bank a{padding: 0.5rem;
    display: inline-block;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-weight: 700; margin:0.5rem 0 0 0}	
.footer .wrap_layout .cs h2{    font-size: var(--text-xl);
    color: #666;
    background: url(/img/pig.gif) 0 0 no-repeat;
    background-size: auto 100%;
    padding: 0 0 0 35px;}	
.footer .wrap_layout .cs .title_cs{padding:0 0 0 0; display:flex; background:none; gap:5px; align-items:center}
.footer .wrap_layout .cs .title_cs img{height:100%; height:30px; 
  animation: flipY 4s linear infinite;}
  @keyframes flipY {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
.footer .layout{margin-top:0; margin-left:0; margin:0 auto; max-width:1500px; width:100%}/*
.hd_pops .hd_pops_con{ width:auto !important; height:auto !important; max-width:450px}*/
.hd_pops .hd_pops_con img{max-width:100%}
.menu{display:flex; align-items:center; justify-content:left; gap:34px; width:100%}
.menu a{color:#333; font-size:24px; }
.menu .bt_menu{display:flex; align-items:center; justify-content:center; position:relative; height:58px}
.menu2 .bt_menu{ height:50px}
.menu .bt_menu .sub{display:none; top:40px; position:absolute; justify-content:center; align-items:center; gap:15px; background:#0099ff; white-space:nowrap; padding:10px 20px; overflow-y:hidden; height:40px; box-sizing:border-box; z-index:2; overflow-x:visible}
.menu .bt_menu:hover .sub{display:flex; } 
.menu .bt_menu:hover .sub a{color:white; font-size:14px}
.menu .bt_menu:hover .sub a:hover{color:yellow}
.tnb_con .btn_ye{background:#111; padding:0.5rem 1rem; border-radius:1rem; border:1px solid rgba(0,0,0,.2); border-top:0; color:white}

.tnb a{color:#333}
.tnb a:hover{color:var(--main-color)}
.tnb, .tnb .tnb_con{display:flex; align-items:center; gap:0.5rem;}
.wrap_search{width:221px; height:35px; border-radius:30px; background:rgba(256,256,256,.5); display:flex; align-items:center; gap:5px; overflow:hidden; border:1px solid rgba(0,0,0,.5)}
.wrap_search input[type=text], .wrap_search button{border:0; background:transparent; outline:none}
.wrap_search button{width:32px; padding:0 !important; cursor:pointer}
.wrap_search input[type=text]{padding:5px}
.wrap_search:hover{background:white}
.nav{padding-top:10px}
.nav .logo img{height:61px}
.menu a{font-size:18px; font-weight:700}
.menu a:hover{color:var(--main-color)}
.menu .bt_menu_ai{ color:#211fde}
.menu2 a{font-weight:500; color:white; font-size:16px}
.tnb{font-size:14px}
.copy img{width:auto; height:61px}
.bt_gotop img{ height:60px}
.quick_con{
   
    display: block; z-index:1; margin-bottom:10px
}
.ico-new{font-size:11px !important;     color: white;
    background: var(--main-color);
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem;
    margin: 0 0 0 0.2rem; animation: bgBlink 1s infinite alternate;}
.hasnew{display:flex; align-items:center}	
@keyframes bgBlink {
  0%,
  100% {
    background-color: #0099ff;
  }
  50% {
    background-color: #003366;
  }}	
.left .depth2{display:flex; justify-content:center; gap:1rem; margin-bottom:0}
.left .depth2 li a{ border-bottom:0; color:#666; line-height:1.7}
.left .depth2 li .sub{display:none}
.left .depth2 .on a{color:var(--main-color)}
.left .depth2 .on .sub{display:flex; justify-content:center; line-height:25px; gap:2rem; position:absolute}
.quick_con a{display:block; width:60px; height:60px; border-radius:100%; background:white; text-align:center; font-size:12px; color:#333; margin:5px 0 0 0; display:flex; justify-content:center; align-items:center; line-height:1.2; box-shadow:10px 10px 15px rgba(0,0,0,0.5); transition:all .3s,transform .3s}
.quick_con .quick5{ background:#113376 ; color:white}
.quick_con .quick5 .fa{display:block; 
    margin-bottom: 0.2rem;
    font-size: 1.3rem;}
.quick_con .quick4{ background:#ff952d; color:white}
.quick_con .quick3{    background: url(/img/ai/img_section1.png) 50% 50% no-repeat;
    background-size: auto 100%; color:white; overflow:hidden}
.quick_con .quick3 div{background:rgba(0,0,0,.3); width:100%; height:100%; display:flex; justify-content:center; align-items:center}
.quick_con .quick2{ background:#113376 ; color:white}
.quick_con .quick2:hover{ box-shadow:none}
.quick_con .quick1{ background:#113376 ; color:white}
.quick_con .quick1:hover{box-shadow:none}
#modal2 .modal-content{width:800px; padding:0}
#modal2 .modal-content button{ margin:0 auto; margin-top:20px; display:block;     color: white;
    background: #0099ff; border:0; font-size:18px; min-width:200px; height:40px}
.logo{margin:1rem auto}
.nav{padding-top:0}
.header{
  width:100%;
  position:relative;
  z-index:1000; border-bottom:1px solid #ddd; border-top: 1px solid #eee
}
.nav-container{
  width:1400px;
  height:50px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nav-container .nav{position:relative; background:transparent; justify-content:center; padding-top:0}

/* =========================
   DESKTOP MENU
========================= */
/*
.nav{
  height:100%;
}*/

.gnb{
  display:flex;
  list-style:none;
  height:100%;    margin: 0;
    padding: 0; width:100%
}
.gnb > li{width:20%}
.gnb > li > a{
  display:flex;
  align-items:center;
  height:50px;
  padding:0 42px;
  color:#333;
  text-decoration:none;
  font-size:18px;
  font-weight:600;
  transition:.3s;
}

.gnb > li:hover > a{
  color:var(--main-color);
}

/* =========================
   MEGA MENU
========================= */
.sub-menu-wrap{
  position:absolute;
  top:40px;
  left:0;
  width:100%;

  opacity:0;
  visibility:hidden;
  transform:translateY(10px);

  transition:.35s;

  border-top:1px solid rgba(0,0,0,0.05);
  box-shadow:0 20px 40px rgba(0,0,0,0.08);

 
  
    border-radius: 1.5rem;
    border: 1px solid #ccc;
    background: rgba(256, 256, 256, .8);
    backdrop-filter: blur(16px);
}

/* 전체 메뉴 hover 시 */
.header:hover .sub-menu-wrap{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.sub-inner{
  width:1400px;
  margin:auto;
  display:flex;
}

/* COLUMN */
.sub-col{
  width:20%;
  padding:0 25px;
  border-right:1px solid #f1f1f1;
}

.sub-col:last-child{
  border-right:none;
}

/* TITLE */
.sub-title{
  font-size:20px;
  font-weight:800;
  margin-bottom:30px;
  color:#071b39;
}

/* =========================
   2DEPTH
========================= */
.depth2{
  list-style:none; margin:1rem 0; padding-left:0
}

.depth2 > li{
  position:relative;
}

.depth2 > li > a{
     display: flex;
   
    align-items: center;
    padding: 7px 0;
    color: #666;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}

.depth2 > li:hover > a{
  color:#2b6ddf;
}

/* =========================
   3DEPTH
========================= */
.depth3{
  display:none;
  padding:10px 0 5px 12px;
}

/* hover 또는 active 시 */
.depth2 > li:hover .depth3{
  display:block;
}

.depth3 li{
  list-style:none;
  margin-bottom:10px;
}

.depth3 li a{
  color:#666;
  text-decoration:none;
  font-size:14px;
  transition:.3s;
}

.depth3 li a:hover{
  color:#2b6ddf;
}

/* =========================
   MOBILE BUTTON
========================= */
.menu-btn{
  display:none;
  flex-direction:column;
  gap:6px;
  cursor:pointer;
}

.menu-btn span{
  width:28px;
  height:3px;
  background:#333;
  border-radius:999px;
}

/* =========================
   MOBILE MENU
========================= */
.mobile-menu{
  position:fixed;
  top:0;
  right:-100%;
  width:340px;
  height:100vh;
  background:#fff;
  z-index:99999;
  transition:.4s;
  overflow-y:auto;
  padding:90px 30px 40px;
}

.mobile-menu.active{
  right:0;
}

.mobile-close{
  position:absolute;
  top:20px;
  right:25px;
  font-size:34px;
  cursor:pointer;
}

/* MOBILE GNB */
.mobile-gnb{
  list-style:none;  padding-left:0
}

.mobile-gnb > li{
  border-bottom:1px solid #eee;
}

.mobile-gnb > li > a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px 0;
  color:#111;
  text-decoration:none;
  font-size:18px;
  font-weight:700;
}

/* 2DEPTH */
.mobile-depth2{
  display:none;
  padding-bottom:15px; padding-left:0
}
.mobile-depth2 > li{list-style:none}
.mobile-depth2 > li > a{
  display:flex;
  
  align-items:center;
  padding:14px 10px;
  color:#333;
  text-decoration:none;
  font-size:15px;

  font-weight:600;
}

/* 3DEPTH */
.mobile-depth3{
  display:none;
  padding-left:18px;
  padding-bottom:10px;
}

.mobile-depth3 li{
  list-style:none;
}

.mobile-depth3 li a{
  display:block;
  padding:10px;
  color:#777;
  text-decoration:none;
  font-size:14px;
}

/* OVERLAY */
.overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.5);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  z-index:9999;
}

.overlay.active{
  opacity:1;
  visibility:visible;
}	
	

/*main*/
.main_title{ color:#333; font-size:48px; margin:0; padding:0; line-height:1}
.m_vis{display:none}
.script2{font-size:29px; color:#333; margin:0; padding:0; margin-top:22px;}
.slider2{max-width:100%}/* 슬라이드 이미지로 변경되기 때문에 삭제
.slider2, .slider2 .slide-inner, .slider2 .slide-area{width:100%; height:644px }

.main_slider{height:calc(100vh - 60px)}
.main_slider .slide-inner, .main_slider .slide-area{height:100%}
*/
.slider2 .slide-area li{height:100%}
.slider2 .controller{ position:absolute; z-index:1; bottom:30px; display:flex; align-items:center; justify-content:center;     width: 350px;
    left: 50%;
    transform: translate(-50%, 0);
   }
.slider2 .controller .auto{ width:16px; margin-left:14px}
.slider2 .controller .auto .fa-play{display:none}
.slider2 .controller .pause .fa-play{display:inline-block}
.slider2 .controller .pause .fa-pause{display:none}
.slider2 .controller .play .fa-play{display:none}
.slider2 .controller .play .fa-pause{display:inline-block}
.slider2 .controller .indicate-area a{font-size:20px; color:#333; width:auto; height:auto; display: inline-flex
;
    align-items: center; transition:0.3s ease; font-size:0; background: url(/img/bg_controller.svg) 50% 50% no-repeat;
    min-width: 10px;
    justify-content: center;
    font-size: 0;
    height: 24px; background-size:10px}
.slider2 .controller .indicate-area a:after{display:none}
.slider2 .controller .indicate-area .on{font-weight:800; width:171px; background-position:left 50%}
.slider2 .controller .indicate-area .on:after{content:''; width:151px; height:1px; background:#333; display:inline-block; border-radius:0; position:relative; border:0; left:20px; position:absolute; top:50%}
.slider2 .controller .indicate-area .on:before{content:''; width:0; height:1px; background:#0099ff; display:inline-block; border-radius:0; position:relative; border:0; left:20px; position:absolute; animation: expandWidth 2s ease forwards; z-index:1; top:50%}
@keyframes expandWidth {
    from {
      width: 0;
    }
    to {
      width: 151px;
    }
  }
/*main > vis*/
.slider2 .fas, .slider2 .controller .fa-play:before, .slider2 .controller .fa-pause:before{display:none !important}
.vis{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/vis.png) 50% 50% no-repeat; background-size:cover}
.vis1{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/visnew.png) 75% bottom no-repeat; background-size:auto 167%}
.vis2{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/vis2.png) 50% 0 no-repeat; background-size:cover; 
    justify-content: center;
    text-align: center;}
.vis3{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:rgba(0,0,0,.5); text-align:center; justify-content:center; position:relative}
.vis3 p{color:white !important; margin-top:1rem; margin-bottom:0}
.vis4{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/newvis4.png) 50% 50% no-repeat; background-size:cover;     justify-content: center;
    text-align: center;}

.vis5{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/vis5.png) 50% 50% no-repeat; background-size:cover}

.vis6{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:rgba(0,0,0,.5)}


.vis h2{font-size:50px; color:#333; margin-top:100px; word-break:keep-all}
.vis h2 a{ color:#666; border:1px solid #666; border-radius:30px; margin:20px 0 0 0; padding: 10px 20px;
    display: inline-block; font-size:20px}
.vis h2 a:hover{color:white; border-color:white}	
.vis1 h2, .vis3 h2, .vis1 h2 p{color:#fff}
.vis3 h2 a{color:white; border-color:white}
.vis h2 p{font-size:var(--text-xl); font-weight:500; color:#222; margin-bottom:1rem}
.vis h2 span{ color:#0099ff}
.vis4 h2 {
   
    margin-top: 72px;
    margin-bottom: 0; font-size:54px
}
.vis1 h2 p,
.vis2 h2, .vis2 h2 span, .vis2 h2 p,
.vis5 h2, .vis5 h2 span, .vis5 h2 p,
.vis6 h2, .vis6 h2 span, .vis6 h2 p
{color:white}
.vis2 h2, .vis5 h2, .vis6 h2{    width: 1300px;
    margin: 0 auto;
    margin-top: 72px;}
.vis2 h2{ margin-top:170px}
.vis2 h2 span{display:inline-block; border-radius:5rem;     border: 0.1rem solid white;
    display: inline-block;
    border-radius: 5rem;
    margin: 0.5rem 0;
    padding: 0.5rem 2rem;    backdrop-filter: blur(15px);
    background: rgba(0, 0, 0, .2);}

/*main>product*/
.latest_product{max-width:1560px}
.latest_product .main_title, .latest_product .script2{ padding:0 25px}
.latest_product .wrap_bt{position:absolute; right:25px; display:flex; align-items:center; gap:32px; top:-131px}
.wrap_item{display:flex; justify-content:space-between; align-items:center; margin-top:109px}
.wrap_item .item{ width:469px}
li .item, .swiper-slide .item{width:calc(100% - 50px); margin:0 25px}
.wrap_item .item .img{width:469px; height:283px; border-radius:27px; overflow:hidden; background:#ddd; display:block}
.wrap_item .item .title, li .item .title, .swiper-slide .item .title{font-size:33px; color:#333; font-weight:500; white-space:nowrap; overflow:hidden; display:block; width:100%; text-overflow:ellipsis; text-align:left}
.wrap_item .item .script, .wrap_item .item .last_txt, li .item .script, li .item .last_txt, .swiper-slide .item .last_txt, .swiper-slide .item .script{font-size:20px; margin:0 0; padding:0 0}
.wrap_item .item .last_txt, li .item .last_txt, .swiper-slide .item .last_txt{display:flex; justify-content:space-between; align-items:center}
.wrap_item .item .last_txt .span_sale span, li .item .last_txt .span_sale span, .swiper-slide .item .last_txt .span_sale span{ font-weight:700; color:#0099ff}
.wrap_item .item .script, li .item .script, .swiper-slide .item .script{color:#999; text-align:left}
li .item img, .swiper-slide .item img{width:100%; height:283px; border-radius:27px; overflow:hidden; background:#ddd; display:block}
.latest_product .jd-slider{margin-top:109px; overflow:visible; max-width:1520px}
.latest_product .jd-slider .next, .latest_product .jd-slider .prev{position:relative; transform:none; top:auto}

.latest_product .jd-slider .controller{width:calc(100% - 50px); background:#999; height:5px; display:flex; margin:0 auto; margin-top:73px}
.latest_product .jd-slider .controller .indicate-area{display:flex; width:100%; position:relative}
.latest_product .jd-slider .controller .indicate-area a{height:5px; flex:1;margin:0 0;transition: 0.5s ease; }
.latest_product .jd-slider .controller .indicate-area a:after{border:0; border-radius:0; display:none}
.latest_product .jd-slider .controller .indicate-area .on{transition: 0.5s ease; }
.swiper-slide .item{padding-bottom:73px}
.latest_product .slider-container {
      max-width: 1560px;
      margin: auto;
      position: relative;
    }

    .latest_product .slider-viewport {
      overflow: hidden;
      width: 100%;
    }

    .latest_product .slides {
      display: flex;
      transition: transform 0.5s ease;
    }

    .latest_product .slide {
      flex: 0 0 calc(100% / 3); /* 한 화면에 3개 */
      padding: 0;
      text-align: center;
      background: #fff;
    }
.latest_product .slider-viewport{margin-top:109px}
    .latest_product .slider-nav {
      position: relative;
      display: flex;
	  margin:0 auto;
	  max-width:1510px;
      margin-top: 52px;
      border-bottom: 2px solid #ddd;
    }

    .latest_product .slider-nav a {
      flex: 1;
      text-align: center;
      padding: 10px 0;
      cursor: pointer;
      text-decoration: none;
      color: #555;
      z-index: 1;
    }

    .latest_product .highlight-bar {
      position: absolute;
      height: 4px;
      background-color:#0099ff;
      bottom: 0;
      left: 0;
      width: 0;
      z-index: 0;
      transition: width 0.3s ease;
    }

    .latest_product .arrow-btn {
     
     
     background-color:transparent;
     
      border: none;
      padding: 10px 15px;
      cursor: pointer;
      z-index: 10;
    }
.clinic_sec {
	width: 1510px;
	margin: auto;
	position: relative;
	margin-top: 109px
}
.cn_top {
	position: absolute;
	top: -134px;
	right: 0
}
.cn_control button {
	border: none;
	cursor: pointer;
	background-color: transparent
}
.cn_slide {
	overflow: hidden;
	margin-top: 103px
}
.swiper-slide {
	width: 33.33%;
	overflow: hidden;
	transition: box-shadow 0.3s ease;
	flex-shrink: 0;
}
.thumb img {
	width: 100%;
	height: auto;
	display: block;
}
.cn_pagination {
	height: 4px;
	background: #eee;
	top: auto !important;
	bottom: 0;
	width: 100% !important;
	margin: 0 auto;
	left: 50% !important;
	transform: translate(-50%, 0);
}
.swiper-pagination-progressbar-fill {
	background: #007bff;
}
.swiper-slide .item {
	width: 100%;
	margin: 0 0
}



/*main>banner1*/
.banner1{position:relative}
.banner1 .banner, .slider3 .banner{height:624px; width:100%; border-radius:30px; background:url(../img/banner.png) 50% 50% no-repeat; background-size:cover; display:flex; align-items:center; padding:0 116px; max-width:1510px; margin:0 auto}
.banner1 .banner h2, .slider3 .banner h2{font-size:52px; color:#333; margin:0}
.banner1 .banner p, .slider3 .banner p{font-size:30px; color:#333; margin:0; margin:10px 0 62px 0}
.banner1 .banner a, .slider3 .banner a{font-size:30px; color:#fff; background:#0099ff; font-weight:500; padding:18px 83px; border-radius:20px}
.banner1 .arrowl, .banner1 .arrowr{position:absolute; top:50%; transform:translate(0, -50%)}
.banner1 .arrowl{left:-88px}
.banner1 .arrowr{right:-88px}
.slider3{margin-top:145px; width:1510px; overflow:visible}
.slider3 .slide-area li img{width:auto}
.slider3 .banner a img{display:inline-block}
.slider3 .controller{display:none}
.slider3 .next{right:-88px}
.slider3 .prev{left:-88px}

/*main>banner2*/
.banner2{display:flex; align-items:center; justify-content:space-between}

/*메인>배송서비스*/

    h2{
      font-size:42px;
      margin-bottom:12px;
      font-weight:800;
    }

    .sub{
      color:#666;
      margin-bottom:50px; text-align:center
    }

    /* top stats */

    .stats{
      display:flex;
      justify-content:space-between;
      gap:20px;
      margin-top:50px;
    }

    .stat-card{
      flex:1;
      background:#fff;
      border-radius:20px;
      padding:30px 20px;
      text-align:center;
      box-shadow:0 4px 20px rgba(0,0,0,0.05);
    }

    .stat-icon{
      width:70px;
      height:70px;
      border-radius:50%;
      background:#eef4ff;
      margin:0 auto 20px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:30px;
      color:#2563eb;
    }

    .stat-card h3{
      font-size:34px;
      color:#2563eb;
      margin-bottom:10px;
    }

    /* process */

    .process-wrap{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:15px;
      flex-wrap:wrap;
      margin-top:50px;
    }

    .process-item{
      width:140px;
      text-align:center;
      position:relative;
    }

    .process-icon{
      width:100px;
      height:100px;
      margin:0 auto 20px;
      border-radius:50%;
      background:#fff;
      box-shadow:0 4px 20px rgba(0,0,0,0.06);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:40px;
      color:#2563eb;
    }
	
	.process-icon img{max-width:80%; max-height:80%}

    .process-item h4{
      font-size:18px;
      margin-bottom:5px;
    }

    .arrow{
      font-size:30px;
      color:#2563eb;transform: translate(0, -60%);
    }

    /* delivery */

    .delivery-grid{
      display:grid;
      grid-template-columns:1fr 1fr 320px;
      gap:25px;
      margin-top:50px;color: #333;
    }

    .delivery-card{
      background:#fff;
      border-radius:25px;
      padding:35px;
      box-shadow:0 5px 25px rgba(0,0,0,0.06); display:flex; gap:1rem; align-items:flex-start
    }
	.delivery-card p{ color:#2563eb}
	.delivery-card img{max-width:calc(50% - 1rem); max-height:179px;transform: translate(0, 50%);}

    .delivery-card h3{
      font-size:30px;
      margin-bottom:10px;
    }

    .delivery-card ul{
      margin:25px 0;
      list-style:none; padding:0
    }

    .delivery-card li{
      margin-bottom:14px;
      color:#555; word-break:keep-all;     display: flex;
    gap: 0.5rem;
    }

    .delivery-card .btn{
      display:inline-block;
      padding:14px 30px;
      border-radius:12px;
      border:2px solid #2563eb;
      color:#2563eb;
      text-decoration:none;
      font-weight:700;
      transition:0.3s;
    }

    .delivery-card .btn:hover{
      background:#2563eb;
      color:#fff;
    }

    .guide-box{
      background:#fff;
      border-radius:25px;
      padding:35px;
      box-shadow:0 5px 25px rgba(0,0,0,0.06);
    }

    .guide-box h3{
      font-size:28px;
      margin-bottom:30px;
    }

    .guide-item{
      display:flex;
      gap:15px;
      margin-bottom:30px;
    }

    .guide-icon{
      width:55px;
      height:55px;
      border-radius:50%;
      background:#eef4ff;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#2563eb;
      font-size:24px;
    }
	.guide-icon img{max-width:95%; max-height:45px}

    /* banner */

    .tour-banner{
     
      background:linear-gradient(90deg,#001b57,#003da8);
     
      padding:0 50px 0 0;
      color:#fff;
      display:flex;
      justify-content:space-between;
      align-items:center; overflow:hidden
    }
	.tour-banner .img2{position:relative}

    .tour-banner h3{
      font-size:36px;
      margin-bottom:15px;
    }

    .tour-btn{
      background:#fff;
      color:#003da8;
      padding:9px 35px;
      border-radius:50px;
      text-decoration:none;
      font-weight:800; display:block; margin:0 auto; margin-top:15px; width:161px; text-align:center
    }
	.tour-banner li p{text-align:center; margin:0.5rem 0 0 0}

    /* favorite */

    .favorite-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:25px;
     
    }

    .favorite-card{
      background:#fff;
      border-radius:25px;
      padding:35px 20px;
      text-align:center;
      box-shadow:0 5px 25px rgba(0,0,0,0.05);
      transition:0.3s;
    }
	.favorite-card p{word-break:keep-all}
    .favorite-card:hover{
      transform:translateY(-10px);
    }

    .favorite-icon{
      width:90px;
      height:90px;
      border-radius:50%;
      background:#eef4ff;
      margin:0 auto 25px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#2563eb;
      font-size:36px;
    }
	.favorite-icon img{max-width:75%; max-height:65%}

    .favorite-card h4{
      font-size:22px;
      margin-bottom:10px;
    }

    /* plus service */

    .plus-grid{
      display:grid;
      grid-template-columns:repeat(8,1fr);
      gap:25px;
    
    }

    .plus-card{
      background:#fff;
      border-radius:20px;
      overflow:hidden;
      box-shadow:0 5px 25px rgba(0,0,0,0.06);
      transition:0.3s;
    }

    .plus-card:hover{
      transform:translateY(-8px);
    }

    .plus-card img{
      width:100%;
      height:150px;
      object-fit:cover;
    }

    .plus-content{
      padding:10px;
    }

    .plus-content h4{
      font-size:22px;
      margin-bottom:10px; word-break:keep-all
    }

    .plus-content p{
      color:#666;
      font-size:15px; word-break:keep-all
    }
	.tour-banner ul{display:flex; algin-items:center; gap:2rem}
	.tour-banner li{list-style:none}
	.tour-banner li .img{width:80px; height:80px; background:white; border-radius:100%; display:flex; justify-content:center; align-items:center}
	.tour-banner li .img img{max-width:55%; max-height:55%}
	section .mb0{margin-bottom:0}

/*예상견적*/
.product_size{display:flex; align-items:center; gap:20px; width:100%}
.product_size div{white-space:nowrap}
.has_noti{display:flex; align-items:center; gap:10px; margin-bottom:20px}
.has_noti .noti3{font-size:14px; font-weight:normal}

/*주문서*/
#sod_frm .tbl_frm01 table{width:100%}
#sod_frm .tbl_frm01 th{text-align:left; width:170px}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td, th, td{border:1px solid #ccc; padding:10px; text-align: left;
    border-left: 0;
    border-right: 0;
    font-weight: normal;}
#sod_frm section{margin:30px 0 0 0}
#sod_frm section h2{font-size:22px}
#sod_frm section .tbl_wrap{margin:10px 0 0 0}
#sod_frm #sod_list th, #sod_frm #sod_list td{text-align:center}
#sod_frm textarea{width:100%; height:200px; padding:10px; box-sizing:border-box}
#sod_frm input[type=text]{ height:35px; width:90%; border:1px solid #ccc; border-radius:5px}
#sod_frm input[type=text], #sod_frm textarea{border:1px solid #ccc}
#sod_frm .td_address input[type=text]{ margin-bottom:10px}
#sod_frm .td_address .zip{width:200px}
#sod_frm .td_address button{height:35px; border-radius:5px; background:#999; color:white; padding:0 15px; border:0}

/*메인만?*/

.nav {
	background: white;
	z-index: 10
}
.logo {
	margin: 1rem auto
}
.tnb {
	position: absolute;
	right: 50px; top:22px
}
.menu {
	width: 100%;
	
	background: white;
	justify-content: center;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd; margin-top:10px
}
aside {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 10;
	background: white;
	text-align: center;
	width: 250px;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2);
	overflow: hidden
}
aside h2 {
	background: linear-gradient(360deg, #fff, var(--main-color));
	color: white;
	line-height: 58px;
	font-size: 18px
}
aside dl {
	padding: 20px
}
dl, dt, dd {
	margin: 0;
	padding: 0
}
aside a {
	color: #333
}
aside dl {
	text-align: left
}
aside dt a {
	color: #222;
	font-weight: 700;
	padding-bottom: 10px;
	display: block; font-size:16px
}
aside dd {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px; font-size:14px
}
aside dd a {
	display: inline-block;
	width: 50%
}
section {
	min-width: inherit !important;
	
	
	padding: 150px 0; box-sizing:border-box; max-width:1500px; margin:0 auto
}

/*메인 섹션간 간격을 1.5배 수정 260626*/
.onestop, .delivery_section, .banner_section, .favorite_section, .pluscare_section{padding-top:0}

.slider2, .slider2 .slide-inner, .slider2 .slide-area {
	min-width: inherit
}

section .list, .list {
	width:100%;
	
	display:flex; flex-wrap:wrap; justify-content:flex-start; gap:20px; margin:10px 0 0 0
}
.list .item {
	margin-right: 0;
	float: left;
	width:calc(20% - 16px); 
    box-sizing: border-box;
}
.list .item:nth-child(4n) {
	margin-right: 0
}
.list .item img {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: 100%;
   height:auto; transition: all 0.3s ease
}
.list .item .img {
	border-radius: 20px;
	overflow: hidden;
	display: block;
	position:relative; width:100%; padding-top:100%; margin:0 0 10px 0; border:1px solid #ddd
}
.list .item a{ transition:all 0.3s ease}
.list .item a:hover{border-radius:100%}
.list .item a:hover img{ transform:translate(-50%, -50%) scale(1.2); max-width:none}
.list .item .title {
	color: #333;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	text-align: left;
	font-size: 18px;
	font-weight: 700; line-height:1; border-radius:0
}
.list .item .title:hover{border-radius:0}
.list .item .script {
	margin: 0 0;
	padding: 0 0
}
.list .item .last_txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px
}
.list .item .last_txt .span_sale span {
	font-weight: 700;
	color: #0099ff
}
.list .item .script {
	color: #999;
	text-align: left;
	font-size: 14px; padding:5px 0 0 0
}
.list .item img {
	
	border:1px solid #ddd
}
section .main_title2, .inc_products .tabs h2 {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
	display:flex; align-items:center; gap:20px; justify-content:center
}
section .main_title2 a:hover{color:var(--main-color) !important; border-color:var(--main-color)}
section .main_title2 span a{    font-size: 18px;
    color: #403633;
    border: 1px solid #999;
    padding: 5px 15px;
    border-radius: 30px;}
section .main_title2 span a:after{ content:"\f18e"; font:normal normal normal 14px/1 FontAwesome; margin:0 0 0 5px; color:#999}
section .main_title2 span a:hover::after{ color:var(--main-color)}
.newsec, .main_schedule {
	border-bottom: 1px solid #ddd; box-sizing:border-box; margin:0 auto; max-width:1500px; padding:50px 0; 
}

.menu2{
  background:#222; border-top:0; border-bottom:0; margin-top:0}
.bt_menu{display:none; outline:none}  
.t_category{width:100%; border:1px solid #ccc}
.list .item .last_txt{font-size:14px}
.list .item .last_txt strong{color:var(--main-color)}
.bb0{border-bottom:0}
.tnb .wrap_cart div, .tnb .wrap_mem div{display:none; position:absolute; text-align:center; left:50%; transform:translate(-50%, 0); background:rgba(0,0,0,.7); padding:10px; border-radius:5px; 
margin:5px 0 0 0; z-index:10001}
.tnb .wrap_cart:hover div, .tnb .wrap_mem:hover div{display:block}
.tnb .wrap_cart div a, .tnb .wrap_mem div a{display:block; padding:5px 0; white-space:nowrap; color:white}
.tnb .wrap_cart .fa, .tnb .wrap_mem .fa{ color:rgba(0,0,0,.7); font-size:20px}
.tnb .wrap_cart:hover .fa, .tnb .wrap_mem:hover .fa{ color:var(--main-color)}
.tnb .wrap_cart, .tnb .wrap_mem{position:relative; padding:5px}
.tnb .wrap_cart div a:hover, .tnb .wrap_mem div a:hover{ color:#eee}

.main_schedule{color:#666}
.main_schedule .process{display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; color:#333}
.main_schedule .wrap_calendar{ display:flex; justify-content:space-between }
.main_schedule .wrap_calendar .calendar{width:calc(80% - 2rem)}
.main_schedule .wrap_calendar .calendar ul{ display:flex; margin:0; padding:0; width:100%; justify-content:space-between; margin-bottom:25px}
.main_schedule .wrap_calendar .calendar ul li{list-style:none; margin:0; padding:0; text-align:center}
.main_schedule .wrap_calendar .calendar ul li h2, .main_schedule .wrap_calendar .memo h2{font-size:var(--text-2xl); color:#333}
.main_schedule .wrap_calendar .calendar ul li h2 span, .main_schedule .wrap_calendar .memo p, .main_schedule .wrap_calendar .noti h2, .main_schedule .wrap_calendar .calendar ul li p{display:block; font-size:var(--text-lg)}
.main_schedule .wrap_calendar .noti{text-align:center}
.main_schedule .wrap_calendar .noti h2{ color:#333}
.main_schedule .wrap_calendar .calendar ul li p{background:var(--main-color); color:white; padding:0.5rem 1rem; font-weight:700; margin-top:1rem}
.main_schedule .wrap_calendar .calendar ul li .off{background:#666}
.main_schedule .wrap_calendar .memo{width:20%; border:1px solid #999; padding:2rem; display:flex;align-items:center; justify-content:center; text-align:center}
.main_schedule .wrap_calendar .memo a{display:flex;align-items:center; justify-content:center; width:100%; height:100%; color:#666}

/*1:1맞춤상담*/
.banner11{    font-size: var(--text-2xl);
    text-align: center;
    padding: 1.5rem;
    margin-bottom: 2rem; color:#666;     border-top: 2px solid #ddd;
    margin-top: 2rem;
    border-bottom: 2px solid #ddd;}
.banner11 span{ color:#222; font-weight: 700; color:#333}

/*메인>배너*/
.tour-banner{border-radius:2rem; position:relative}
.tour-banner ul{padding-left:0}
.tour-banner li{display:flex; align-items:center; gap:1rem}
.tour-btn{margin:0 0; margin-top:15px; font-size:var(--text-lg)}
.tour-banner h3{margin-top:0}
.tour-banner .img2 img{height: 341px;}
.tour-banner .banner_txt0{padding: 1.6rem 1.5rem 1.6rem 0;
    background: linear-gradient(90deg,#003da8,#003da8);
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    display: none;
    height: 100%;
    width: 1400px;}
.tour-banner .wrap_ulul{width:100%}
.tour-banner .banner_script{ font-size: var(--text-2xl);}	
.tour-banner .banner_script .highlight{color: #abdeff;}
.tour-banner li .img {
    width: 75px;
    height: 75px;}
.tour-banner .bear { transform: scaleX(-1); position:absolute; right:0; bottom:1rem;   animation: walkIn 4s ease-in-out infinite;
  transform-origin: right bottom;}	
.tour-banner .bear img{height:250px;} 
.tour-banner .bear2{  animation-delay: 3s;animation: }
.tour-banner .bear3{  animation-delay: 6s;animation: }  
  @keyframes walkIn {
  0% {
    transform: translate(-30px, 20px) scale(.2) rotate(-8deg);
    opacity: 0; right:0
  }
  20% {
    transform: translate(-15px, 10px) scale(.4) rotate(8deg);
  }
  40% {
    transform: translate(-5px, 18px) scale(.6) rotate(-8deg);
  }
  60% {
    transform: translate(8px, 8px) scale(.8) rotate(8deg);
  }
  80% {
    transform: translate(-3px, 4px) scale(.95) rotate(-6deg);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0); right:3rem
  }
}
.tour-banner .banner_txt1{padding: 1.9rem 0 1.9rem 3rem;
   
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 1500px;
    border-radius: 1rem;
    overflow: hidden;}
/*메인상품*/
.inc_products .jd-slider{margin:0 0}
.inc_products .jd-slider .next, .inc_products .jd-slider .prev{display:none}
.inc_products .wrap_main-product{width:420px}
.inc_products .title{margin-bottom:0 !important}
.inc_products .tab-wrap {
	max-width: 1510px;
	margin: auto;
	display: flex;
	position: relative;     align-items: flex-start; padding:150px 0; padding-top:0
}
.inc_products .tabs {
	width: 15%
}
.inc_products_v2 .tabs {
	width: 100%; margin-bottom:20px
}
.inc_products .tabs h2{margin:0; padding:0}
.inc_products .tabs a{margin-bottom:5rem; display:block; color:#666}
.inc_products_v2 .tabs .title2{gap:14px; margin-bottom:50px}
.pluscare_section .main_title2, .inc_products_v2 .tabs .title2, .favorite_section .main_title2, .delivery_section .sub{ margin-bottom:50px}
.delivery_section .delivery_grid{margin-top:0}
.inc_products_v2 .tabs a{margin-bottom:0; color:#333}
.inc_products .tabs .wrap_bt{display:flex; align-items:center}
.inc_products_v2 .tabs .wrap_bt{ gap:53px}
.inc_products .tab-btn {
	flex: 1;
	padding: 0.5rem 0;
	border: none;
	
	cursor: pointer;
	font-size: 16px;
	transition: 0.3s;
	width: 100%; text-align:left; background:transparent
}
.inc_products_v2 .tab-btn{ flex:none; flex:none}
.inc_products_v2 .tab-btn{width:auto}
.inc_products .tab-btn.active {
	color:var(--main-color);
	font-weight: bold;
}
.inc_products .tab-content {
	
	line-height: 1.8;
	z-index: -1;
	position: absolute;

	right: 0;
	opacity: 0; width:100%
}
.inc_products .main-product img{height:679px !important}
.inc_products .wrap_sub-products{width:calc(100% - 420px)}
.inc_products_v2 .wrap_sub-products{width:100%}
.inc_products .tab-content.active {
	display: block;
	z-index: 1;
	opacity: 1; position:relative
}
.inc_products .wrap_flex {
	display: flex; gap:2rem
}
.inc_products .jd-slider .slide-inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.inc_products .jd-slider .slide-area > li {
	
	border-left: 0;
	box-sizing: border-box;
	text-align: center;
}

.inc_products .jd-slider .slide-area > li > a {
	display: block;
	height: 200px;
	line-height: 200px;
	font-size: 3em;
	font-weight: bold;
	outline: 0;
}
.inc_products .jd-slider .controller {
	margin: 10px 0 0;
}
.inc_products .jd-slider.slider33 .slide-area > li, .inc_products .jd-slider.slider33-2 .slide-area > li, .inc_products .jd-slider.slider33-3 .slide-area > li {
	width: 50%;
}
.inc_products .jd-slider.slider33 .slide-area > li:nth-child(2), .inc_products .jd-slider.slider33-2 .slide-area > li:nth-child(2), .inc_products .jd-slider.slider33-3 .slide-area > li:nth-child(2) {
	display: block;
}
.inc_products .jd-slider.slider4 .slide-area > li:first-child {
	background-color: #a66;
}
.inc_products .jd-slider.slider4 .slide-area > li:first-child + li {
	background-color: #6a6;
}
.inc_products .jd-slider.slider4 .slide-area > li:first-child + li + li {
	background-color: #66a;
}
.inc_products .jd-slider.slider4 .slide-area > li:first-child + li + li + li {
	background-color: #aaa;
}
.inc_products img {
	display: block;
	width: 100%;
}
/* 전체 */

.inc_products .product-section {
	max-width: 1510px;
	margin: 80px auto;
	padding: 0 20px;
	display: flex;
	gap: 24px
}
/* 타이틀 */

.inc_products .section-title {
	margin-bottom: 30px;
}
.inc_products .section-title h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 8px;
}
.inc_products .section-title p {
	color: #888;
	font-size: 14px;
}
/* 레이아웃 */

.inc_products .product-layout {
	display: flex;
	gap: 24px;
}
/* 큰 상품 */

.inc_products .main-product {
	width: 420px;
	flex-shrink: 0;
}
.inc_products .main-product a {
	display: block;
	overflow: hidden;
	border-radius: 20px;
}
.inc_products .main-product img {
	border-radius: 20px;
	transition: .4s;
}
.inc_products .main-product:hover img {
	transform: scale(1.03);
}
.inc_products .main-info {
	margin-top: 18px;
}
.inc_products .main-info h3 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 3px; display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; word-break:break-all; text-align:left
}
.inc_products .price-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center; flex-wrap:wrap
}
.inc_products .code {
	color: #999;
	font-size: 14px;    width: 100%;
    text-align: left;
}
.inc_products .price-box {
	text-align: right;    display: flex;
    align-items: center;
    gap: 0.5rem;font-size: 22px;
}
.inc_products .price-box .usd {
	display: block;
	color: #666;
	
	
}
.inc_products .price-box .krw {
	color: #0066ff;
	
	font-weight: 700;
}
/* 오른쪽 리스트 */

.inc_products .sub-products {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.inc_products .type_c{grid-template-columns: repeat(5, 1fr);}
.inc_products .type_a, .inc_products .type_b{display:flex; gap:32px; align-items:stretch}
.inc_products .type_a .left, .inc_products .type_a .right{width:calc(25% - 32px); display: grid;
	grid-template-columns: 1fr; gap:32px; align-content: space-between;}
.inc_products .type_b .first{width:calc(28% - 24px)}	
.inc_products .type_b .another{width:calc(24% - 24px); display: grid;
	grid-template-columns: 1fr; gap:32px; align-content: space-between;}	
.inc_products .type_a .left img, .inc_products .type_a .right img{height:309px !important}
.inc_products .type_b .another img{height:309px !important}
.inc_products .type_a .middle img, .inc_products .type_b .first img{height:738px !important}
.inc_products .type_a .middle{ width:50%}
.inc_products .item {
	border-radius: 16px;
	
	transition: .25s;
	cursor: pointer; width:100%; margin:0 0
}
.inc_products .item:hover {
	background: #f8f5f0;
	transform: translateY(-4px);
}
.inc_products .item-image {
	overflow: hidden;
	border-radius: 14px;
}
.inc_products .item img {
	transition: .35s;
}
.inc_products .item:hover img {
	transform: scale(1.05);
}
.inc_products .item p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 12px; margin-bottom:0
	
}
.inc_products_v2 .title p{font-size:18px; color:#222; font-weight:700;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.inc_products .item .title span{font-size:12px}
.inc_products .price {
	margin-top: 10px;    display: flex;
    align-items: center;
    gap: 0.5rem; 
}
.inc_products_v2 .price{margin-top:0}
.inc_products .price span {
	display: block;
	color: #777;
	font-size: 13px;
	margin-bottom: 4px; display:none
}
.inc_products .price b {
	color: #0066ff;
	font-size: 16px;
}
.inc_products .wrap_tab-content{width:85%; position:relative}
.inc_products_v2 .wrap_tab-content{width:100%}
.inc_products .item .title{text-align:left}	

/*메인cs*/
.cs{color:#333; padding-top:0; padding-bottom:50px}
.cs a{color:#333}
.cs li{list-style:none; margin:0; padding:0}
.cs .ul_cs{display:flex; justify-content:space-between; margin:0 auto; max-width:1500px; gap:20px; width:100%; padding:0}
.cs .ul_cs .box{border-radius:2rem; box-shadow: 0 9px 25px rgba(0, 0, 0, 0.06); padding:1rem; width:calc(25% - 20px); padding:2rem 1rem; font-size: var(--text-lg);
border: 1px solid #eee;
    
}
.cs .ul_cs .box3{width:calc(50% - 20px)}
.cs .ul_cs h2{    font-size: var(--text-2xl); margin:0 0 1rem 0; display:flex; gap:1rem; align-items:center; position:relative}
.cs .ul_cs ul{padding:0; margin:0}
.cs .ul_cs h2 span{width:50px; height:50px; border-radius:100%; border:1px solid #ddd; background:#fff; display:flex; justify-content:center; align-items:center; position:relative}
.cs .ul_cs h2 span img{max-height:70%; max-width:70%}
.cs .ul_cs h2 a{ position:absolute; right:0; font-size:var(--text-md); color:var(--main-color); opacity:0.7}
.cs li .ul_faq li{    border-radius:1rem; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06); padding:1rem; border:1px solid #ccc; padding:1rem; margin-bottom:0.2rem; display:flex; align-items:center; 
justify-content:space-between; background:white}
.cs .bt_yechi{ color:white; width:50%; display:block; background:#002245; border-radius:2rem; text-align:center; margin:0 auto; padding:0.5rem 0; margin-top:1rem}
.cs .box2 li{margin-bottom:2rem}
.cs .box2 .callmecallme{font-size:var(--text-2xl); color:var(--main-color)}
.cs .box2 li:last-child{margin-bottom:0}
.cs .box3 li{margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd}
.cs .box3 li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0}
.cs .box3 li a{display:flex; align-items:center;gap:1rem; position:relative}
.cs .box3 li a span{font-size:var(--text-sm); position: absolute;
    right: 0;}
.cs .box3 li a::before{content:''; width:5px; height:5px; border-radius:100%; display:block; background:var(--main-color)}
.cs .box3 li a p{    width: calc(100% - 120px);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.cs .box4 ul{display:flex; flex-wrap:wrap; text-align:center}
.cs .box4 ul li{width:33.33%; margin-bottom:1rem}
.cs .box4 ul li .img{width:80px; height:80px; border-radius:100%; background:#fff; margin:0 auto; margin-bottom:1rem; position:relative; display:flex; justify-content:center; align-items:center} 
.cs .box4 ul li .img img{max-height:50%; max-width:70%}
.tooltip-wrap260604{
    display:inline-block;
    position:relative;
}

.tooltip-btn260604{
    width:28px;
    height:28px;
    border:none;
    border-radius:50%;
    background:#1976d2;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
}

.tooltip-box260604{
    position:absolute;
   top:25px;
    left:50%;
    transform:translateX(-50%);
    min-width:250px;
    padding:15px;
    background:#333;
    color:#fff;
    border-radius:10px;
    font-size:14px;
    line-height:1.6;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}

.tooltip-box260604::after{
    content:"";
    position:absolute;
    top:-8px;
    left:50%;
    transform:translateX(-50%) rotate(45deg);
    border-width:8px;
    border-style:solid;
    border-color:#333 transparent transparent transparent;
}

.tooltip-box260604.active260604{
    opacity:1;
    visibility:visible;
}
.tooltip-wrap260604:hover .tooltip-box260604{
    opacity:1;
    visibility:visible;
}

/*중국어*/
.translated-ltr p, .translated-ltr .ul_service li, .translated-ltr .benefit_con ol li, .translated-ltr .m0102 .section4 ul li,
.translated-ltr .vis h2, 
.translated-ltr .m0102 .section1 .txt h3, .translated-ltr .m0102 .section7 h4{word-break:break-all !important}
.translated-ltr .subservice .ul_service3 li, .translated-ltr .subservice .ul_service3 li h3{height:auto}
.translated-ltr .new_wrap_m0204 .special{flex-wrap:wrap}
/*중국어 상품상세*/
.translated-ltr .layout_item .item_info .info .wrap_bt2{ display:grid; 
  grid-template-columns: repeat(3, 1fr); column-gap:1rem}
.translated-ltr   .layout_item .item_info .info .wrap_bt2 button, .translated-ltr .layout_item .item_info .info .wrap_bt2 input{width:100%; display:block}
/*중국어 OEM*/
@media(min-width:1025px){
.menu{display:flex !important}	
	}
@media(min-width:1800px){
html, body{overflow-x:hidden}
	}
@media(max-width:1800px){
.logo {
    margin: 1rem 50px;
}	
.left .main_title {
    margin-bottom: 15px !important; font-size:20px}
#counterSection .container{width:100% !important}	
.counter-wrap{gap:10px !important}	
.counter-wrap .number, .counter-wrap .txt {
    font-size: var(--text-xl) !important;}	
	}	
@media(max-width:1600px){
.layout{padding:0 50px; box-sizing:border-box}
.layout, .clinic_sec{width:100%}
.slider3{width:calc(100% - 100px)}	
.slider3 .prev{left:-25px}
.slider3 .next{right:-25px}
img{max-width:100%}	
.banner2{gap:20px}
.layout_mypage .con {
    width: calc(100% - 310px) !important
}
/*메인*/
.newsec, section{padding:50px 50px}
#hd_pops_1{left:auto !important; right:0}
#counterSection{padding-top:120px}
#counterSection, .onestop, .delivery_section, .banner_section, .favorite_section, .pluscare_section{padding-bottom:120px}

/*메인상품*/
.inc_products{padding:0 50px}
.inc_products .tab-wrap{max-width:100%}

/*메인CS*/
.cs .ul_cs .box4 p{font-size:var(--text-sm); word-break:keep-all}
	}
@media(max-width:1510px){
li .item img, .swiper-slide .item img{height:260px}
.slider3 .prev{left:0}
.slider3 .next{right:0}	
.banner1 .banner, .slider3 .banner{height:400px}
.counter-box{padding:0 0 !important; flex:1 !important}
/*메인>스타일퀵 원스톱 서비스*/
.process-wrap{
    margin: 0 auto;
    margin-top: 50px;
    }
.process-wrap .process-item{width:calc(14% - 53px)}
.process-wrap .process-item p{word-break:keep-all}

/*메인>배송 서비스*/
.delivery-grid .delivery-card, .delivery-grid .guide-box{border:1px solid #ccc}
.delivery-grid .delivery-card h3, .delivery-grid .guide-box h3{word-break:keep-all; margin-top:0}
.delivery-grid .delivery-card{flex-wrap:wrap}
.delivery-grid .delivery-card img{margin:0 auto; transform: none;}


/*메인>중국의류도메시장투어 배너*/
.tour-banner .banner_txt1{width:100%}
.tour-banner{word-break:keep-all}

.tour-banner .bear {bottom:auto; top:1rem}	
.tour-banner .bear img{height:200px;}


/*메인>more favorite*/
.favorite-card, .plus-card{ border:1px solid #ccc}

/*메인>플러스케어 서비스*/
.plus-content h4{margin-top:0}

/*메인상품_type_b*/
.inc_products .type_b .first {
   display:none
}
.inc_products .type_b .another{width:100%}
.inc_products .type_b .another img {
    height: 400px !important;
}
/*메인CS*/
.cs .ul_cs .box3 p{width:calc(100% - 85px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; word-break:break-all}
.cs .box4 ul li .img{width:100%; background:none}	
	}	
	
@media(max-width:1280px){
#hd, #wrapper, #ft {
    min-width: 100%;
}	
.banner1 .banner h2, .slider3 .banner h2{font-size:40px}
.banner1 .banner p, .slider3 .banner p{font-size:20px}
.banner1 .banner a, .slider3 .banner a{font-size:18px; padding:18px 40px}
.my_lvTit .my_lv .lv1{ font-size:11px !important}	
.my_lvTit h3{word-break:keep-all}
.list .item{width:calc(25% - 15px);}
.vis4{display:flex; justify-content:center; align-items:center; padding:100px 100px 0 0; position:relative}
.vis4 img{display:block !important;         width: 70% !important;
        position: absolute;
        right: 50px;
        transform: translate(10px, 50px);}
    .logo {
        margin: 1rem 25px;
    }	
.wrap_tnb{right:25px}
/*메인상품*/
.inc_products .type_a{width:100%}
.inc_products .type_a .item-image{height:309px; width:100%; border-radius:27px}
.inc_products .item{overflow:hidden}	
.inc_products .type_a .middle .item-image{height:738px;}	

/*메인 > 공지사항*/
.cs .ul_cs .box3, .cs .ul_cs .box{width:calc(33.33% - 20px)}
	}
@media(max-width:1200px){	
.cn_control button{width:120px}
.script2{font-size:24px}
.wrap_item .item .title, li .item .title, .swiper-slide .item .title{font-size:20px}
.wrap_item .item .script, .wrap_item .item .last_txt, li .item .script, li .item .last_txt, .swiper-slide .item .last_txt, .swiper-slide .item .script{font-size:16px}
section .list{grid-template-columns: repeat(4, 3fr);}
.wrap_search{width:200px}
.tnb, .tnb .tnb_con{gap:10px}
.wrap_search input[type=text]{ width:calc(100% - 32px)}
.quick_con, .bt_gotop, .kfbdrA{right:10px}
.kfbdrA{right:10px !important}
.gnb > li > a{padding:0 10px}
.sub-col{padding:0 10px}
.footer .layout{ padding:0 50px; padding-top:0}

/*메인>스타일퀵 원스톱 서비스*/
.process-wrap{gap:5px; width: calc(100% - 50px);}
    .process-wrap .process-item {
        width: calc(14% - 33px);
    }
/*메인>배송서비스*/
.delivery-grid .delivery-card{
        flex-direction: row-reverse;        justify-content: flex-end; gap:2rem}
    .delivery-grid .delivery-card img {
        margin: 0 0;
        width: 160px;
        max-width: inherit;
        max-height: none;
    }	
.delivery-grid .guide-box{display:flex; flex-wrap:wrap}	
.delivery-grid .guide-box h3{width:100%}
.delivery-grid .guide-item{width:50%}
.delivery-grid .guide-item:last-child{width:100%}	


/*메인>중국의류도메시장투어 배너*/
.tour-banner{padding:1rem}
.tour-banner h3{margin-top:1rem}


/*메인>more favorite*/
    .favorite-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

/*메인상품*/
.inc_products .sub-products{gap:1rem; width:100%; overflow:hidden; grid-template-columns: repeat(2, 1fr);}
.inc_products .item{min-width:0}
.inc_products .item .title{width:100%}
.inc_products .item p{ white-space:nowrap; word-break:break-all; overflow:hidden; text-overflow:ellipsis; width:100%; display:block}
.inc_products .sub-products .item-image img{height:153px}
.inc_products .type_c .item-image img {
        height: 553px;
    }
.counter-box .label{font-size:14px !important}
.counter-box img{max-width:auto !important; margin:0 auto; height:80px !important}
.counter-box{flex-wrap:wrap}
.counter-box div{width:100%; text-align:center}
.counter-wrap .number, .counter-wrap .txt{width:auto}
.counter-box .wrap_txt{justify-content:center}

/*메인cs*/
.cs .ul_cs h2{gap:0.5rem; font-size: var(--text-xl);}
.cs .ul_cs p, .cs .ul_cs li, .cs .ul_cs h2 a{font-size:var(--text-sm)}
.cs .ul_cs .box{padding:1rem 0.5rem}
.cs .box3 li a span{display:none}
    .cs .ul_cs .box3 p {
        width: calc(100% - 5px - 1rem);}
	}
 @media (max-width: 1024px) {
.menu{gap:15px}	 
.swiper-slide {
	width: 300px;
}
.bt_menu .sub{ left:0}
.vis{padding:0 50px}
section .list{grid-template-columns: repeat(3, 4fr);}
#hd{position:fixed}	 
.bt_menu{display:none; margin-right:20px; width:35px; height:35px; background:transparent; border:1px solid #ccc}	
.bt_menu_close .fa-bars:before{ content:"\f00d"}
.layout{margin-top:150px}
.menu .bt_menu:hover .sub{display:block}
.menu{ position:fixed; top:0; height:calc(100vh - 81px); overflow-y:auto; left:0; width:50%}
.menu2{ left:50%; border-left:1px solid #ddd; border-top:1px solid #ddd} 
.menu .bt_menu, .menu a{ border:0; margin-right:0; width:100%; margin-top:0; height:auto; display:flex; box-sizing:border-box; align-items:center; flex-wrap:wrap}
.menu a{padding:10px; font-weight:500; border-bottom:1px solid #ddd; font-size:16px }
.menu .sub a, .menu .bt_menu:hover .sub a, .menu .bt_menu:hover .sub a:hover{font-size:14px; color:#666; font-weight:500}
.menu .bt_menu .sub{display:block; position:relative; width:100%; top:auto; padding:0 0; height:auto}
.menu, .menu2{display:none; z-index:1; margin-top:0; top:81px}
.logo{margin-left:20px}
.tnb{right:65px; 
       
        width: 74%;        justify-content: flex-end;}
.gnb > li > a{padding:0 0.5rem; 
    font-size: var(--text-md); justify-content:center}		
.newsec, section {
        padding: 50px 20px;
    }
.menu .bt_menu .sub{background:#f8f8f8}	
.menu2 .bt_menu .sub, .menu2 .bt_menu:hover .sub, .menu .bt_menu .sub, .menu .bt_menu:hover .sub{height:auto; white-space:normal; overflow-x:visible; overflow-y:visible}
.menu2 .bt_menu:hover .sub{display:block}	
.menu2 .bt_menu .sub a, .menu2 .bt_menu:hover .sub a{display:block; width:100%}
.depth2{padding:0}
.sub-col{padding:0 10px}
    .wrap_tnb {
        right: 20px;
    }
/*메인>스타일퀵 원스톱 서비스*/
	.process-item h4{word-break:keep-all}
	    .process-wrap {
      
        width: calc(100% - 100px);
    }
	.process-icon{width:100%;         box-shadow: none;}

/*메인>중국의류도메시장투어 배너*/	
.tour-banner img{height:100%}
	
/*메인상품*/
    .inc_products {
        padding: 0 20px;
    }
.inc_products .product-layout {
	flex-direction: column;
}
.inc_products .main-product {
	width: 100%;
}
.inc_products .sub-products {
	grid-template-columns: repeat(2, 1fr);
}
.inc_products .wrap_sub-products {
    width: 100%;
}
.inc_products .price, .inc_products .price-box{display:block}
.inc_products .price-wrap{align-items:flex-start}
.inc_products .main-info h3{text-align:left}
.inc_products .price b{font-size:13px}
.inc_products .price span{margin-bottom:0}
.inc_products .price{margin-top:0}
.inc_products .wrap_flex{gap:1rem; width:100%}
.inc_products .type_a .middle{display:none}
.inc_products .type_a .left, .inc_products .type_a .right {
    width: calc(50% - 0.5rem);}
.inc_products .type_a .item-image {
        height: auto;}	
.inc_products .type_a .left img, .inc_products .type_a .right img {
    height: 449px !important; min-width:100%;
}
/*메인CS*/
.cs .ul_cs{flex-wrap:wrap; }	
.cs .ul_cs .box{  box-sizing:border-box}	
}
 @media (max-width: 912px) {
/*공통*/
#modal2 .modal-content {
    width: calc(100% - 40px);}	

.layout{padding:0 0; margin-top:110px}
.slider3{margin-top:50px} 
.latest_product .main_title, .latest_product .script2 {
    padding: 0 0;
}
.cn_top{top:-170px}
.clinic_sec{margin-top:50px}
.banner1 .banner h2, .slider3 .banner h2{font-size:30px}
.banner1 .banner a, .slider3 .banner a {
       
        padding: 10px 20px; display:inline-flex; justify-content:center; align-items:center
    }
.slider3 .banner a img{width:15px}	
.slider3 .prev img, .slider3 .next img{ height:50px}
.main_title{font-size:30px}
.vis h2{font-size:50px}
.slider3 .banner{padding:0 100px}
.script2{font-size:18px}
.slider3 .banner{height:300px}
.slider3 .banner p{margin:10px 0 30px 0}
.copy{gap:0; align-items:flex-start; padding-right:70px}

.copy p{margin-top:-7px}
.copybox {
    padding: 0;
}
.copy .logo{margin-right:0; padding-right:0}
    .vis4 {
        
        display: flex
;
        justify-content: center;
        align-items: center;
        padding: 100px 100px 0 0;
       
        position: relative;
    } 
	    .vis4 img { transform:translate(10px, 0)} 
	
.wrap_tnb .tnb{font-size: var(--text-sm);}
.allang, .lang_current{min-width:auto !important}
.tnb_con .btn_ye{padding:0.5rem 0.5rem; word-break:keep-all}
.depth2 > li > a{font-size:14px; word-break:keep-all}
.depth3{padding:10px 0 5px 0}
    .tnb, .tnb .tnb_con {
        gap: 5px;
    }
    .wrap_search {
      
        position: absolute;
        top: -29px;
        right: 280px;
        height: 25px;
    }	
.pc_vis{display:none}
.m_vis{display:block}	
/*메인>스타일퀵 원스톱 서비스*/
.process-wrap{flex-wrap:wrap;     justify-content: flex-start;}
.process-icon{margin-bottom:10px}
    .process-wrap .process-item {
        width: calc(25% - 43px); margin-bottom:20px
    }
.process-item h4{margin-top:0}


/*메인>중국의류도메시장투어 배너*/	
.tour-banner{flex-wrap:wrap; background:linear-gradient(90deg,rgba(0,27,87,.8),rgba(0,61,168,.8)); text-align:center; position:relative}
.tour-banner .img2{width:100%; display:none}
.tour-banner div{width:100%}
.tour-banner ul{justify-content:center; padding:0}
.tour-banner::after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/img/bg_chi.png) 50% 50% no-repeat; background-size:cover; z-index:-1}
.tour-btn {
    margin: 0 auto;
    margin-top: 15px;}	
.tour-banner .banner_txt1{padding: 1.9rem 0 1.9rem 0;}	
	
/*메인상품*/
.inc_products .tab-wrap{flex-wrap:wrap}	
.inc_products .tabs{width:100%}	
.inc_products .tab-btn{width:auto; padding:0.5rem 1rem 0.5rem 0}
.inc_products .wrap_tab-content{width:100%}
.inc_products .type_c .item-image img {
        height: 413px;
    }

/*메인CS*/
.cs .box2 .callmecallme {   font-size: var(--text-xl);}
	 }
 @media (max-width: 820px) {
	 #modal2 .product_size{flex-wrap:wrap; gap:5px}
	 .wrap_tnb{width:auto}
	 }
 @media (max-width: 768px) {
.header{border-top:0}
.lang_current{border:0 !important; padding:0 0 !important}	 
    .logo {
        margin: 0 0; position:absolute; left:50%; transform:translate(-50%, 0); top:15px;
    }
#menuBtn{position:absolute; left:20px; top:-40px; gap:4px}	
.menu-btn span{height:2px; background:#111}
.notiblue {
    background: #111;
    color: white;
    border-radius: 2rem;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    padding: 0.1rem 0.2rem;
    font-size: 10px;
    border: 1px solid #fff;
}
.tnb_con{position:absolute; right:0; top:-60px}
.tnb_con .btn_ye{border:0; background:#111; color:white}
.tnb .wrap_cart .fa, .tnb .wrap_mem .fa{color:#111}
.wrap_search {
        position:relative;
        top: auto;
        right: auto;border: 1px solid #999; height:35px
    }
.wrap_tnb{flex-wrap:nowrap; top:80px; width: calc(100% - 40px);}		
.wrap_tnb .wrap_sns{display:none}		 
#hd{flex-wrap:nowrap; padding-top:70px}	 
.hd_pops .hd_pops_con{max-width:100%}	 
.hd_pops{ max-width:100%; top:55px !important; left:0 !important} 
.menu, .menu2{top:60px}	
.gnb, .sub-menu-wrap{display:none; z-index:-3} 
.tnb{top:auto}	
#modal2 input[type=text]{ height:25px}
.overlay{z-index:99999}
.mobile-menu{z-index:999999}
#modal2 .has_noti{width: calc(100% - 50px);}
#modal2 .has_noti .noti3{
    width: calc(100% - 100px); word-break:keep-all}
.layout_cart td button, .layout_cart .nav2 button{white-space:nowrap}

.list .item .img {
    border-radius: 10px;}
.t_cart th{text-align:center} 
.bt_menu {
        width: 35px;
        height: 35px;
       
        position: absolute;
        border: 0;
        text-align: right; right:0; padding-right:0
    }
	

.nav .logo img {
    height: 50px;
    
}   		 
.swiper-slide {
	width: 250px;
}
    .vis h2 {
        font-size: 35px;
    }
.vis h2 p {
    font-size: 25px;}	
.swiper-slide .item{padding-bottom:40px}
.wrap_item .item .title, li .item .title, .swiper-slide .item .title{font-size:16px}
.wrap_item .item .last_txt, li .item .last_txt, .swiper-slide .item .last_txt strong, .wrap_item .item .script, .wrap_item .item .last_txt, 
li .item .script, li .item .last_txt, .swiper-slide .item .last_txt, .swiper-slide .item .script{font-size:12px}	
.swiper-backface-hidden .swiper-slide{margin-right:20px !important}
li .item img, .swiper-slide .item img{border-radius:10px}



.slider3{width:calc(100% - 40px)}
.vis{padding:0 20px}

    .slider3 .banner {
        padding: 0 50px;
    }
.vis4 {
       
        display: flex
;
        justify-content: center;
        align-items: center;
        padding: 100px 50px 0 20px;
       
        position: relative;
		text-align:left
    }	
.slider2 .slide-area li{position:relative; overflow:hidden}	
.main_slider video{left:50%; top:50% !important; transform:translate(-50%,-50%)}	
.footer .layout{ padding:0 20px; padding-top:0}
.footer .logo{position: relative;
        transform: none;
        left: auto;
        top: auto; margin-bottom:1rem}

.quick_con .quick3, .quick_con .quick5{border:0; box-shadow:none}


/*메인*/
.list .item .title{font-size:14px}
.list .item .last_txt{font-size:12px}
.list .item{width:calc(33.33% - 14px);}
    .counter-wrap {
        flex-wrap: nowrap !important;
    }
#counterSection{padding-top:70px}
#counterSection, .onestop, .delivery_section, .banner_section, .favorite_section, .pluscare_section{padding-bottom:70px}
/*메인>스타일퀵 원스톱 서비스*/
    .process-wrap {
        justify-content: flex-start !important;
    }
/*메인>배송서비스*/
.delivery-grid .delivery-card img{width:20%}
.delivery-grid .delivery-card div{width:calc(80% - 2rem)}

/*메인>배너*/
.tour-banner{padding-bottom:3rem}	
.tour-banner li{flex-wrap:wrap; justify-content:center}	
.tour-banner ul{gap:1rem}
.tour-banner li p{width:100%; text-align:center}
    .tour-banner .bear {
        bottom: 1rem;
        top: auto;width:50%
    }
.tour-banner .tour-btn{position:absolute; left:50%; bottom:2rem; z-index:1; transform:translate(-50%, 0)}	

/*메인>more favorite*/
.favorite-grid{gap:10px}
.favorite-card{padding:35px 10px}
.favorite-card h4 {
    font-size: var(--text-xl);}
		
/*메인상품_type_b*/
.inc_products .type_b .another img {
    height: 300px !important;
}
.inc_products .type_c .item-image img {
        height: 335px;
    }

/*메인>고객센터*/
.cs .box2 .callmecallme{display:block}

/*예치금 내역*/
.dp_tbWrap {flex-wrap:wrap; width:100%}
.dp_tbWrap .dp_tb, .dp_tbWrap .dp_tb2{ width:100%; max-width:100%}		

.tnb{right:60px}	
.tnb .er{    position: fixed;
   
    bottom: 85px;
    width: 70px;
    height: 70px;
    text-align: center;
    word-break: keep-all;
    backdrop-filter: blur(15px);
    background: linear-gradient(180deg, #0099ff, #211fde);
    color: white;
    border-radius: 100%;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    right: 20px;}

.tnb .er{ border-radius:0; width:100%; height:auto; bottom:0; right:0; background:#222; font-size:14px}	

.tooltip-box260604{top:-100px}
.tooltip-box260604::after{display:none}	


/*메인CS*/
    .cs .ul_cs .box3, .cs .ul_cs .box {
        width: 100%;
    }
	.cs .ul_cs h2 span {
    width: 40px;
    height: 40px;}
}

@media (max-width: 600px) {
.bt_cs{bottom: 210px}	
	
 }
 @media (max-width: 540px) {
/*공통*/ 
:root{

--subtitle: 18px;
--contentfont:12px;
--footerfont:11px	
	}
body, h2, p, .tdnoti{font-size:var(--contentfont)}
#hd{z-index:10000 !important} 
.quick{width:50px; right:10px}
.quick_con a{width:50px; height:50px}
.menu, .menu2{top:55px}
/*
    .nav .logo img {
        height: 35px; width:auto
    }
*/
/*	
.lang_current{height:25px !important}	
.wrap_search{right:265px}
.wrap_tnb{top:10px; z-index:10001}	
.tnb .wrap_cart div a, .tnb .wrap_mem div a{font-size:14px}	


.bt_gotop{right:10px}*/
.bt_cs img{width:50px}
.bt_cs{right:10px; bottom:156px}/*
.bt_gotop{bottom:110px; }	
.bt_bottom{bottom:65px}		
.wrap_search{ width:135px; border: 1px solid rgba(0, 0, 0, .2);        position: relative;
        top: auto;
        right: auto;}	*/
.menu .bt_menu, .menu a{bottom:auto}
.menu .bt_menu .sub{text-align:left}	
.tnb{font-size:10px; letter-spacing:-0.5px; right:50px; gap:5px}	
.tnb .tnb_con{gap:5px; padding:0 2px}	
.tnb a{line-height:1.2}
.hd_pops_con{width:100% !important; height:auto !important; max-width:500px}
.m_only{display:block}
.footer{margin-top:50px; padding:20px 20px; padding-bottom:70px}	
.quick_con{bottom:165px}
.quick_con a{font-size:11px; box-shadow:none}
/*
.quick_con {
    position: fixed;
    bottom: auto;
    right: 25px;
    display: block;
    z-index: 10000;
    top: 80px;
    right: 60px !important;
    maring-bo: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important; display:flex; gap:0.5rem}
.quick_con a{width:40px; height:40px; border-radius:0; box-shadow:none; width:auto; color:#333 !important; background:none !important; border:0}	
.quick_con a br{display:none}	
.quick_con .quick3 div{background:none}
*/	
/*메인*/
.counter-wrap .partition{display:none}
.counter-box{padding:0 0 !important}
.counter-box img {
    max-height: 70px !important;}
.inc_products_v2 .tabs .wrap_bt{gap:1rem;         justify-content: center;}
.counter-box{display:flex; justify-content:space-between}
.counter-box div{width:calc(100% - 100px - 1rem)}
 .counter-box .label, .counter-box .wrap_txt{width:100%}
.counter-box .txt, .counter-box .number{width:auto !important}
.slider2 .controller .auto{width:13px}
.slider2 .controller{bottom:10px}
.vis h2 a{    margin:10px 0 20px 0; font-size:12px; color:white; background:rgba(0,0,0,.5); padding:7px 15px; border:1px solid rgba(256,256,256,.5)}
.vis4 {
      
        display: flex
;
        justify-content: center;
        align-items: center;
       
        position: relative;
    }
/*	슬라이드이미지로 변경되면서 삭제
.vis4 img{width:90% !important; right:auto; transform:translate(-50%, 0); left:50%}		 
.main_slider, .main_slider .slide-inner, .main_slider .slide-area{ height:70vh}	
*/
/*메인>배송서비스*/
.delivery-card, .delivery-grid .guide-box{padding:20px}
#menuBtn{left:auto; right:10px}
    section .list {
        grid-template-columns: repeat(2, 5fr);
    }	
    .newsec, section {
        padding: 20px 20px;
    }
.newsec{padding:50px 20px}	
	.list .item img{ height:auto}


.list .item{width:calc(50% - 10px); padding:0 0 10px 0}	
.list .item .title{margin-bottom:5px} 
.list .item .script{ font-size:12px}
.list .item .last_txt{font-size:12px; color:var(--main-color)}

#sod_list{border-top:1px solid #ccc}
#sod_list thead{display:none}
#sod_list tr, #sod_list tr td{display:block; border-top:0}
#modal2 .has_noti{flex-wrap:wrap}	
#modal2 .has_noti .noti3{width:100%} 

.logo{left:10px; transform:none}
.swiper-slide {
	width: 100%;
}
.tnb_con{right:35px}

.vis h2{font-size:24px}
.vis h2 p{font-size:18px}
@keyframes expandWidth {
    from {
      width: 0;
    }
    to {
      width: 100px;
    }
  }
.wrap_item .item .last_txt, li .item .last_txt, .swiper-slide .item .last_txt strong, .wrap_item .item .script, .wrap_item .item .last_txt, 
li .item .script, li .item .last_txt, .swiper-slide .item .last_txt, .swiper-slide .item .script{font-size:11px}	
.wrap_item .item .last_txt, li .item .last_txt, .swiper-slide .item .last_txt{flex-wrap:wrap}

    .slider3 .banner {
        padding: 0 20px; height:200px
    }
    .banner1 .banner h2, .slider3 .banner h2 {
        font-size: 20px;
    }	
.banner1 .banner p, .slider3 .banner p, .banner1 .banner a, .slider3 .banner a{font-size:14px}
.slider3 .banner p {
        margin: 10px 0 20px 0;
    }	
    .script2 {
        font-size: 14px; word-break:keep-all
    }
.clinic_sec{margin-top:20px}
section .main_title2{font-size:20px; gap:10px}
section .main_title2 span a{font-size:14px; padding:5px 10px}		
.new .script{font-size:10px !important; white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis; width:100%}
.banner1 .banner h2, .slider3 .banner h2{font-size:16px}
.banner1 .banner p, .slider3 .banner p, .banner1 .banner a, .slider3 .banner a{font-size:12px}
.copy{flex-wrap:wrap; font-size:11px; padding-right:70px}
.copy img{width:80px; height:auto}
.copy .quickmenu .sns {
    margin: 1rem 0 0 0;
}
.cn_top{top:-130px}
.cn_control button {
        width: 80px;
    }
.copy .quickmenu{font-size:var(--footerfont);         flex-wrap: wrap;}	
.copy .quickmenu img{width:auto}	
.slider2 .controller .indicate-area .on{font-weight:800; width:16px; background-position:left 50%}
.slider2 .controller .indicate-area .on::after, .slider2 .controller .indicate-area .on::before{display:none}
.slider2 .controller .indicate-area .on::after{display:block; width:10px; height:10px; border-radius:100%;         background-color: var(--main-color) !important;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);}
.counter-wrap {
        flex-wrap:wrap !important;
    }
.wrap_tnb{right:10px; width:calc(100% - 20px)}	
/*메인>스타일퀵 원스톱 서비스*/
section .main_title2, .inc_products .tabs h2, .tour-banner h3 {
    font-size: var(--text-2xl) !important;
}
.process-wrap .process-item{width:100%}
.process-wrap .arrow{transform: translate(0, -60%) rotate(90deg);
    margin: 0 auto;}
/*메인>배송서비스*/
.delivery-grid .delivery-card {
        flex-direction: column-reverse;}
.delivery-grid .delivery-card h3, .delivery-grid .guide-box h3{font-size:18px}
.delivery-grid .delivery-card div{width:100%}
    .delivery-grid .guide-item {
        width: 100%;
    }
.delivery-grid .delivery-card img {
        width: 50%; margin:0 auto
    }	

/*메인>중국의류도메시장투어 배너*/	
.tour-banner{border-radius: 25px; gap:10px !important}
.tour-banner ul{margin-bottom:4rem}	
.tour-banner li{gap:0.5rem}	
.tour-banner li p{margin:0 0 0 0}
.tour-banner .bear{width:auto}	
.tour-banner .bear img{height:150px;}    

/*메인>more favorite*/
    .favorite-grid {
        grid-template-columns: 1fr !important;
    }

/*메인상품*/
.inc_products .wrap_flex{flex-wrap:wrap}
.inc_products .wrap_main-product, .inc_products .wrap_sub-products{width:100%}
    .inc_products .tab-btn {
       
        padding: 0.5rem 0 0.5rem 0;
    }
.inc_products .main-product img {
    height: auto !important;
}	
    .inc_products .sub-products .item-image img {
        height: 214px;
    }
.inc_products .price-box{font-size: var(--text-md); line-height:1.2}
.counter-box{flex:auto !important; width:100%; border:1px solid #ddd; padding:1rem !important}
#counterSection {
    margin-top: 0;
}	
    .inc_products .sub-products {
        flex-wrap:wrap
    }
.inc_products_v2 .tabs .title2{margin-bottom:2rem}
.inc_products .type_a .left, .inc_products .type_a .right {
        width: 100%;
    }	
.inc_products .type_a .left img, .inc_products .type_a .right img {
        height: 400px !important;
    }
    .inc_products .type_b .another img {
        height: 250px !important;
    }		
	
.inc_products .type_b .another { grid-template-columns: 1fr 1fr; gap:20px}


/*메인cs*/
.cs .ul_cs .box{width: 100%; border-bottom:0}

/*목록*/
.footer .layout{padding:0 0}

/*중국어*/
.translated-ltr .day-card button{padding:10px 0.5rem}
}