@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;800;900&display=swap');
/* basic */
a:hover { -webkit-transition-property: all;  transition-property: all;   -webkit-transition-duration: .3s;   transition-duration: .3s; }
.sub_inner { max-width:1400px; margin:0 auto; }
.full_img { width:100%; }
.sub_contents { margin-bottom:100px; }
.mobile_only { display:none; }
.only_m { display:none; }
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23999999' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat:no-repeat;
	background-position: right 10px bottom 46%;
    box-sizing: border-box;
    background-size: 15px;
    background-color: #fff;
	padding:0 50px 0 10px !important;
	border:1px solid #ddd;
	border-radius:5px;
	min-height:35px;
	font-weight:400;
}
.float_inner { position:relative; }
.float_banner { width:100px; height:207px; padding:8px; border-radius:10px; position:absolute; top:50px; right:20px; z-index:10; background-color:#fff; border:1px solid #eee; }
.float_img { width:100%; height:120px; margin-bottom:5px; border-radius:10px; background-repeat:no-repeat; background-size:cover; background-position:center; }
.float_txt { font-size:12px; word-break:keep-all;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* header */
.top_header { position:relative; background-color:#1fa0b0; height:62px; }
.th_flex { position:relative; display:flex; align-items:center; justify-content:center; height:100%; }
.left_tab { position:absolute; left:0; top:0; display:flex; height:100%; }
.left_tab li a { display:flex; width:100px; height:100%; align-items:center; justify-content:center; color:#fff; font-size:15px; }
.left_tab li.on a { background-color:#fff; color:#1fa0b0; font-weight:600; }
.right_tab { display:flex; }
.right_tab > li { position:relative; margin-right:30px; }
.right_tab > li:last-child { margin-right:0; }
.right_tab > li:after { content:''; display:inline-block; width:1px; height:12px; background-color:rgba(255,255,255,0.5); position:absolute; right:-15px; top:50%; transform: translate(0, -50%); }
.right_tab > li:last-child:after { display:none; }
.right_tab > li a { font-size:14px; color:#fff; font-weight:400; padding:13px 0; }
.cus_view { display:none; width:120%; left:0; top:27px; position:absolute; background-color:#fff; z-index:10; padding:10px 15px; border:1px solid #eee; border-radius:10px; }
.cus_view li { margin-bottom:5px; }
.cus_view li a { color:#000; }
.cus_view li a:hover { color:#1fa0b0;}
.right_tab li:hover .cus_view {
    display: block;
    animation-name: dropdown;
    animation-duration: 500ms;
    animation-direction: normal;
}

.tr_flex { display:flex; align-items:center; gap:25px; position:absolute; right:50px; top:15px; z-index:10; }
.head { height:100px; display:flex; align-items:center; justify-content:space-between; }
.t_logo { position:absolute; cursor:pointer; z-index:20; left:50px; top:7px; width:104px; height:49px;  background-image:url('../images/header_logo.png'); background-repeat:no-repeat; background-position:center; }
.search_area { position:relative; }
.search_area.mobile { display:none; }
.search_area .keyword { background-color:#eaf4f5; border:1px solid #eaf4f5; border-radius:30px; width:400px; height:35px; padding:0 60px 0 30px; font-size:16px; }
.search_area .key_btn { position:absolute; right:5px; top:0; width:35px; height:35px; border:0; background:0; background-image:url('../images/search_btn.png'); background-repeat:no-repeat; background-position:center;  }
.icon_list { display:flex; }
.icon_list li:last-child a { margin-right:0; }
.icon_list li a { display:flex; align-items:center; margin-right:10px; gap:8px; color:#fff; font-size:13px; font-weight:400; letter-spacing:-0.35; }
.icon_list li .b_icon { position:relative; display:inline-block; width:32px; height:32px; border-radius:100%; background-color:#eaf4f5; background-size:15px; background-repeat:no-repeat; background-position:center; }
.icon_list li .my { background-image:url('../images/my.png'); }
.icon_list li .heart { background-image:url('../images/heart.png'); }
.icon_list li .cart { background-image:url('../images/cart.png'); }
.icon_list li .num { position:absolute; right:-7px; top:-5px; display:flex; align-items:center; justify-content:center; background-color:#ff0042; color:#fff; width:20px; height:20px; border-radius:100%; font-size:12px; }
.cate_wrap { position:relative; border-bottom:1px solid #eee; }
.cate_list { padding-left:200px; display:flex; justify-content: space-between; }
.cate_list > li { position:relative; flex:1 1; text-align:center; }
.cate_list > li > a { display:block; font-size:17px; font-weight:500; color:#000; padding:18px 0; }
.cate_list > li:hover > a { color:#1fa0b0; }
.cate_list > li:hover > a.all_btn { color:#000; }
.cate_icon { display:inline-block; width:14px; height:14px; margin-right:14px; background-image:url('../images/cate.png'); background-repeat:no-repeat; background-position:center; background-size:14px; }
.cate_icon.on { background-size:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='24' fill='none'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='24' fill='none'%3E%3C/line%3E%3C/svg%3E"); }

.sub_cate { display:none; transition: all .3s; position:absolute; background-color:#fff; border-top:1px solid #eee; z-index:10; width:200px; height:200px; padding:25px 30px; top:61px; left: 50%; transform: translate(-50%, 0); text-align:left; border-right:1px solid #eee; }
.sub_cate.bo { border-left:1px solid #eee; }
.cate_list li:hover .sub_cate { background-color:#f6fafa; }
.sub_cate > ul > li { margin-bottom:10px; }
.sub_cate > ul > li > a { font-size:16px; font-weight:400; color:#222; }
.sub_cate > ul > li > a:hover { color:#1fa0b0; }
.sub_cate .sub_cate_depth { display:none; margin-top:4px; }
.sub_cate .sub_cate_depth li a { font-size:15px; font-weight:400; color:#999; }
.cate_bg { display:none; transition: all .3s; position: absolute; top: 62px; z-index: 2; width: 100%; height: 200px; background: #fff; box-shadow:0 8px 30px rgb(0 0 0 / 3%); }

.mBtn { display:none; width: 30px;height: 30px; z-index:10; margin-right: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E"); 
background-repeat: no-repeat; background-position: center; background-size: 100%; position:absolute; right:20px; top:16px; }
.mnav_h_logo a { display:inline-block; width:185px; height:32px; background-image:url('../images/logo.png'); background-repeat:no-repeat; background-position:center; background-size:100% 100%; }
#mheader .mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 60%; height: 100%; transition: all 0.3s ease; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { position:relative; background:#fff; padding:20px 20px; align-items:center; justify-content:space-between; display:flex; z-index:10; }
#mheader .mNav .mNav_logo img  { width:70px; }
#mheader .mNav .mNav_logo .closeBtn i { font-size:25px; color:#222; cursor:pointer; }
#mheader .mNav .r_menu .cerc { position:relative; }
#mheader .mNav .r_menu .cerc:last-child:after { display:none; }
#mheader .mNav .r_menu .cerc:after { content:''; width:4px; height:4px; background:#ddd; border-radius:100%; position:absolute; right:4px; top:10px; }
#mheader .mNav .r_menu .cerc a { color:#777; font-size:16px; letter-spacing: -0.35px; margin-right:8px; padding-right:8px; }
#mheader .mNav .r_menu .nav a { color:#222; font-weight:500; }
#mheader .mNav .r_menu .nav img { width:15px; margin-right:5px; }
#mheader .sub { position: relative; padding:20px; }
#mheader .sub li { margin-bottom:17px; }
#mheader .sub li:last-child { margin-bottom:0; }
#mheader .sub li a { display: block; font-size: 20px; font-weight:500; color: #000; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian { padding:0 20px; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; border-bottom:1px solid #eee; font-size:16px; letter-spacing:-0.55px; font-weight:500; padding:15px 0; box-sizing:border-box; color:#222; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#maccordian li >h1 .ico_ar { position: absolute; right: 0; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); }
#maccordian li >h1 .ico_ar.active { transform: rotate(180deg) !important; }
#maccordian li > ul{ display:none; background:#f7f7f7; padding:15px 20px; }
#maccordian li > ul >li{ color:#555; margin-bottom:10px; font-weight:300; }
#maccordian li > ul >li:last-child { margin-bottom:0; }
.bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
.ham_bottom { position:absolute; left:0; bottom:0; width:100%; padding:20px; border-top:1px solid #eee; }
.ham_bottom ul { margin-bottom:15px; display:flex; gap:10px; }
.ham_bottom ul li a { color:#000; font-size:16px; }
.ham_bottom .ham_btn { display:inline-block; width:100%; text-align:center; padding:17px 0; background-color:#1fa0b0; color:#fff; font-size:18px; }
.all_cate { display:none; position:absolute; top:62px; left:0; background-color:#fff; width:100%; z-index:10; box-shadow:4px 25px 30px 2px rgb(0 0 0 / 2%); overflow:hidden; }
.allcate_inner { display:flex; flex-wrap:wrap; padding-bottom:30px; }
.allcate_inner > div { position:relative; width:25%; padding:30px 25px 0; }
.allcate_inner > div:first-child:before { background-color: #eee; content: ""; display: block; height: 1000%; left: 0; position: absolute; top: 0; width: 1px; }
.allcate_inner > div:nth-child(-n+4):after { background-color: #eee; content: ""; display: block; height: 1000%; right: 0; position: absolute; top: 0; width: 1px; }
.allcate_list li { margin-bottom:10px; }
.allcate_list li a { font-weight:400; font-size:15px; color:#666; }
.allcate_list li:hover a { color:#1fa0b0; }
.allcate_list li.tit { margin-bottom:15px; }
.allcate_list li.tit a { font-weight:500; color:#000; font-size:17px; }

/* dropdown menu */
.topCategory #categoryMenu { position:relative; }
.topCategory #categoryMenu .menu { position:absolute; width:240px; left:0; top:0; text-align:left; display: inline-block; font-size: 17px; font-weight: 500; color: #000; }
.topCategory #categoryMenu .menu a { display:inline-block; padding: 18px 0; }
/* depth1 */
.topCategory #categoryMenu .menu:hover .menu-dp1 { left: 50%; margin-left: -50%; top: 100%; margin-top:1px; z-index: 5; opacity: 1; visibility: visible; }
.topCategory #categoryMenu .menu-dp1 { position: absolute; top: 101%; left: 50%; margin-left: -50%; text-align: left; width: 240px; box-sizing: border-box; background: #fff; box-shadow: 0 8px 20px rgb(0 0 0 / 5%); opacity: 0; visibility: hidden; }
.topCategory #categoryMenu .menu-dp1 > li { position:relative; line-height: 45px; display: block; float: none; text-align: left; }
.topCategory #categoryMenu .menu-dp1 > li > a { position:relative; display: block; padding: 0 20px; font-size: 16px; line-height: 50px; font-weight: 400; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.topCategory #categoryMenu .menu-dp1 > li:hover > a.arr:after { content:''; display:inline-block; position:absolute; top:50%; transform: translate(0, -50%); right:15px; width:20px; height:20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px; background-repeat:no-repeat; background-position:center; }
.topCategory #categoryMenu .menu-dp1 > li:hover > a { background-color:#1fa0b0; color:#fff; }
/* 2depth */
.topCategory #categoryMenu .menu-dp1 > li:hover .menu-dp2 { left: 100%; z-index: 5; opacity: 1; visibility: visible; }
.topCategory #categoryMenu .menu-dp2 { position: absolute; top: 0; left: 100%; text-align: left; width: 240px; box-sizing: border-box; background: #fff; box-shadow: 4px 6px 7px rgb(0 0 0 / 5%); border-left:1px solid #eee; opacity: 0; visibility: hidden; transition: all .3s; }
.topCategory #categoryMenu .menu-dp2 > li { position: relative; line-height: 45px; display: block; float: none; text-align: left; }
.topCategory #categoryMenu .menu-dp2 > li > a { position:relative; display: block; padding: 0 20px; font-size: 16px; line-height: 50px; font-weight: 400; color: #000; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; transition: all .3s; }
.topCategory #categoryMenu .menu-dp2 > li:hover > a { color:#1fa0b0; }
.topCategory #categoryMenu .menu-dp2 > li:hover > a.arr:after { content:''; display:inline-block; position:absolute; top:50%; transform: translate(0, -50%); right:15px; width:20px; height:20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px; background-repeat:no-repeat; background-position:center; }
/* 3depth */
.topCategory #categoryMenu .menu-dp3 { position: absolute; top: 0; left: 100%; text-align: left; width: 240px; box-sizing: border-box; background: #fff; box-shadow: 4px 6px 7px rgb(0 0 0 / 5%); border-left:1px solid #eee; opacity: 0; visibility: hidden; transition: all .3s; }
.topCategory #categoryMenu .menu-dp3 > li { position: relative; line-height: 45px; display: block; float: none; text-align: left; }
.topCategory #categoryMenu .menu-dp3 > li > a { position:relative; display: block; padding: 0 20px; font-size: 16px; line-height: 50px; font-weight: 400; color: #000; overflow: hidden; white-space: nowrap;
 text-overflow: ellipsis; transition: all .3s; }
.topCategory #categoryMenu .menu-dp3 > li:hover > a { color:#1fa0b0; }
.topCategory #categoryMenu .menu-dp2 > li:hover .menu-dp3 { left: 100%; z-index: 5; opacity: 1; visibility: visible; }




/* 메인 */
/* 비쥬얼슬라이드 */
.swiper { width: 100%; height: 100%; }
.mySwiper .swiper-slide { height:500px;     background-size: cover; background-position:center; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-pagi { width:100px; height:40px; position:absolute; left:13.5%; bottom:30px; display:block; z-index:10; background-color:rgba(0,0,0,0.2); border-radius:30px; color:#fff !important; font-weight:400; }
.ms-pause { width:19px; height:19px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M216,48V208a16,16,0,0,1-16,16H164a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h36A16,16,0,0,1,216,48ZM92,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H92a16,16,0,0,0,16-16V48A16,16,0,0,0,92,32Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:16px; font-size:19px; position:absolute; right:18px; top:50%; transform: translate(0, -50%); cursor:pointer; z-index:10; }
.main-pagi .swiper-pagination { text-align:left; padding-left:25px; top:9px !important; }
.main-prev { left:5% !important; }
.main-next { right:5% !important; }
.main-next, .main-prev { width:50px !important; height:50px !important; background-color:rgba(0,0,0,0.2); border-radius:100%; }
.main-next:after, .main-prev:after { display:inline-block; color:#fff; font-size:20px !important; }

/* 썸네일 리스트 */
.thumb_cate { margin:100px auto; }
.thumb_list { display:flex; flex-wrap:wrap; }
.thumb_list li { flex:1; text-align:center; }
.thumb_list li .round { position:relative; margin:0 auto; display:flex; align-items:center; justify-content:center; width:137px; height:137px; background-color:#e6f6f6; color:#1fa0b0; border-radius:100%; font-weight:600; text-align:center; font-size:18px; }
.thumb_list li .round:after { content:''; position:relative; bottom:5px; background-repeat:no-repeat; background-position:center bottom; }
.thumb_list li:nth-child(2) .round:after { width:69px; height:145px; background-image:url('../images/mint_lift.png'); }
.thumb_list li:nth-child(3) .round:after { width:76px; height:150px; background-image:url('../images/skin_b.png'); }
.thumb_list li:nth-child(4) .round:after { width:137px; height:150px; background-image:url('../images/eye_b.png'); }
.thumb_list li:nth-child(5) .round:after { width:66px; height:150px; background-image:url('../images/skin_gel.png'); }
.thumb_list li:nth-child(6) .round:after { width:73px; height:150px; background-image:url('../images/tools.png'); }
.thumb_list li:nth-child(7) .round:after { width:56px; height:150px; background-image:url('../images/cosmetics.png'); }
.thumb_list li .thumb_tit { margin-top:15px; font-size:16px; }

/* hot item now */
.hot_item { margin-bottom:100px; }
.item_tit { position:relative; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:40px; }
.item_tit h2 { position:relative; font-size:35px; color:#000; }
.item_tit h2:after { content:''; width:30px; height:3px; background-color:#f8a347; display:inline-block; position:absolute; left:0; bottom:-20px; }
.sort_item { display:flex; gap:10px; flex-wrap:wrap;}
.sort_item li a { display:inline-block; font-size:15px; color:#888; padding:5px 15px; border:1px solid #ddd; border-radius:30px; font-weight:400; }
.sort_item li:hover a { background-color:#0fc3c1; border-color:#0fc3c1; color:#fff; box-shadow:-2px 0px 7px 6px rgb(15 195 193 / 9%); }
.sort_item li.on a { background-color:#0fc3c1; border-color:#0fc3c1; color:#fff; box-shadow:-2px 0px 7px 6px rgb(15 195 193 / 9%); }
.tn_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 50px; }
.thumbnail { position:relative; width:100%; /*height:257px;*/padding-top:100%; border-radius:10px; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:13px; }
.thumb_ic { position:absolute; left:20px; top:20px; }
.thumb_ic ul { display:flex; flex-wrap:wrap; gap:7px; }
.thumb_icon { opacity:0; position:absolute; bottom:20px; left:50%; transform:translate(-50%,0); display:flex;align-items:center;gap:10px; }
.thumb_icon li { width:36px; height:36px; background-color:#1fa0b0; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:16px; cursor:pointer; }
.thumb_icon li.wish { background-image:url('../images/th_wish.png'); }
.thumb_icon li.cart { background-image:url('../images/th_cart.png'); }
.thumb_icon li.cash { background-image:url('../images/th_cash.png'); }
.tn_list li { position:relative; }
.tn_list li:hover .thumb_icon  { opacity:1; animation-name: showup; animation-duration: 500ms;  animation-direction: normal; }
.tn_name { font-size:16px; color:#000; margin-bottom:5px; text-align:left; }
.tn_sum { color:#999; font-size:14px; font-weight:400; text-align:left; }
.tn_info { margin-top:10px;}
.tnselect { width:100%; height:46px; line-height:46px; font-size:14px; color:#666; background-size:17px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E"); }
.price_list { display:flex; align-items:center; gap:10px; margin-top:10px; }
.price_list li { font-size:16px; font-weight:500; }
.price_list .blue_txt { color:#0777d7; }
.price_list .line_txt { color:#b5b5b5; font-weight:400; text-decoration: line-through; }
@keyframes showup {
  from {
    opacity: 0;
    transform: translate(-50%,10px);
  }
  to {
    opacity: 1;
  }
}

/* 민트 웨비나 */
.mint_webinar { padding:75px 0; margin-bottom:100px; background-image:url('../images/mw_bg.jpg'); background-repeat:no-repeat; background-position:left top;  }
.mw_tit { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.mw_tit h2 { font-size:40px; color:#000; }
.mw_tit h2 .eng_tit { display:block; font-size:16px; color:#0fc3c1; margin-bottom:7px; }
.mw_btn { background-color:#1fa0b0; color:#fff; padding:13px 26px; font-size:16px; border-radius:10px; box-shadow:-2px 0px 20px 6px rgb(15 195 193 / 9%); }
.mw_swiper { }
.mw_list { margin:0 auto; width:100%; max-width:1400px; overflow: visible;  }
.mw_list > li { width:356px; margin-top:20px; margin-right:20px; margin-bottom:60px; padding:30px 44px; background-color:#fff; box-shadow:-2px 0px 20px 6px rgb(15 195 193 / 9%); border-radius:10px; text-align:left; }
.mw_list > li:last-child { margin-right: calc((100vw - 1400px)/2) !important;; }
.mwlist_tit { font-size:22px; color:#000; border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px; }
.mwlist_desk { margin-bottom:20px; }
.mwlist_desk li { font-size:15px; font-weight:400; margin-bottom:5px; color:#555; }
.mwlist_desk li:last-child { margin-bottom:0; }
.mwlist_desk li img { width:auto; display:inline-block; vertical-align:middle; margin:-2px 13px 0 0; }
.mwlist_btn { background-color:#1fa0b0; color:#fff; font-size:15px; display:block; width:100%; border-radius:10px; text-align:center; padding:14px 0; }
.mw_pagi .swiper-pagination-bullet { width:90px; height:4px; background-color:#e5e5e5; border-radius:0; margin:0 !important; opacity:1; }
.mw_pagi .swiper-pagination-bullet-active { background-color:#0fc3c1; }
.swiper-horizontal > .swiper-scrollbar { height: 4px !important; bottom: 0; left: 0 !important; background: #e5e5e5; width: calc(100vw - ((100vw - 1400px)/2)) !important; min-width: 1160px; margin-left: auto; position: relative !important; }
.swiper-scrollbar-drag { background:#0fc3c1 !important; }

/* 최근 본 상품 */
.pro_list li a { display:block; width:100%; }
.custom-prev { margin-right:15px; }
.custom-prev, .custom-next { position:relative !important; width:40px !important; height:40px !important; border:1px solid #ddd; border-radius:100%; margin-top:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;}
.custom-prev:after, .custom-next:after { color:#000 !important; font-size:18px !important; }
.pr_btn { display:flex; }

/* 이벤트 배너*/
.event_banner { margin-bottom:100px; }
.event_banner img { width:100%; }

/* 신상품/추천상품 */
.new_rec { margin-bottom:150px; display:flex; }
.new_pro { width:35%; margin-right:5%; }
.rec_pro { width:60%; }
.rec_swiper { height:740px; }
.rec_swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 30px) / 2) !important; display: flex; justify-content: center; align-items: center; }
.new_swiper { height:740px; }
.new_swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 134px !important;  display: flex; justify-content: center; align-items: center; }
.np_list > li { border:1px solid #eee; border-radius:10px; padding:16px 0; justify-content: flex-start !important; margin-bottom:15px !important; }
.np_list > li:nth-child(5n+0) { margin-bottom:0 !important; }
.np_list > li .num { width:60px; text-align:center; font-size:18px; color:#000; }
.np_list li .thumbnail { width:100px; height:100px; padding-top:0; margin-right:15px; margin-bottom:0;  }
.np_list li a { display:flex; align-items:center; }

/* 이지티콘 홍보영상 */
.main_media { position:relative; margin-bottom:150px; }
.media_swiper .swiper-slide { width:100%; height: 406px; background-size:cover; }
.swiper_txt { text-align:left; padding-top:90px; }
.swiper_txt h2 { color:#fff; font-size:50px; margin-bottom:15px; margin-left:-2px; }
.swiper_txt p { color:#fff; font-size:15px;  }
.main_media > .pr_btn { position:absolute; bottom:90px; left:250px; }
.main_media > .pr_btn .swiper-button-next, .main_media > .pr_btn .swiper-button-prev { background-color:#fff; }
.main_media > .pr_btn .swiper-button-prev { margin-right:10px; }
.me_video { position:absolute; right:100px; top:50%; transform: translate(0, -50%); z-index:5; }
.me_video .mv { display:none; }
.me_video .mv.active { display:block; animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
.me_video img { width:100%; }
@keyframes dropdown {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
  }
}




/* 상품 리스트 페이지 */
.ct_list_wrap { margin:15px 0; }
.ct_list { display:flex; gap:22px; }
.ct_list li { position:relative; }
.ct_list li a { font-size:14px; font-weight:400; color:#999; }
.ct_list li.on a { color:#000; }
.ct_list li:after { content:''; width:12px; height:12px; position:absolute; right:-16px; top:50%; transform:translate(0,-50%); display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23999999' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:100%; }
.ct_list li:last-child:after { display:none; }


.pro_banner img { width:100%; }
.product_tit { font-size:40px; color:#000; text-align:center; margin-bottom:40px; }

.cate_tab { margin:40px 0 30px; }
.big_tab { display:flex; }
.big_tab li { flex:1 1; text-align:center; font-size:18px; font-weight:400; border-left:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #eee;   }
.big_tab li:last-child { border-right:1px solid #ddd; }
.big_tab li.on a { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.big_tab li a { display:block; padding:20px 0; }
.ct_2depth { background-color:#f2f8f9; text-align:center; }
.small_tab { display:flex; justify-content:center; gap:40px; }
.small_tab li a { position:relative; display:block; padding:20px 0; font-size:17px; color:#555; font-weight:400; }
.small_tab li a:hover { color:#1fa0b0; }
.small_tab li.on a { color:#1fa0b0; font-weight:500; }
.small_tab li.on a:after { content:''; display:block; width:100%; height:3px; background-color:#1fa0b0; position:absolute; left:0; bottom:12px; }

.sort_area { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:25px; }
.sort_res { font-size:16px; font-weight:400; color:#333; }
.sort_res span { color:#1fa0b0; }
.sort_wrap { display:flex; }
.sort_wrap li:first-child { margin-right:10px; }
.sort_select { border:1px solid #eee; padding:12px 75px 12px 15px; border-radius:5px; font-size:14px; color:#777; font-weight:400; }
select.sort_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;
    background-position: right 10px bottom 45%;
    box-sizing: border-box;
    background-size: 15px;
    background-color: #fff;
}





.pro_de_wrap { display:flex; gap:4%; margin:40px auto 60px; }
.pro_de_wrap > div { flex:1 1; width:46%; }
.mySwiper2 { height: 700px; width: 100%; margin-bottom:20px; border-radius:10px; overflow:hidden; border:1px solid #eee; }
.mySwiper2 .swiper-slide { height:700px; }
.mySwiper3 { height: 20%;  box-sizing: border-box; padding: 10px 0; }
.mySwiper3 .swiper-slide { width: 25%;  height: 100%; opacity: 0.4; border-radius:10px; border:1px solid #eee; overflow:hidden; }
.mySwiper3 .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.icon_banner { display:flex; gap:10px; }
.ti_big { margin:10px 0 25px; }
.ti_big .tn_name { font-size:35px; }
.ti_big .tn_sum { font-size:16px; }
.ti_big .price_list li { font-size:25px; }

.detail_info li { display:flex; border-bottom:1px solid #eee; padding:15px 0; }
.detail_info li:last-child { border-bottom:0; }
.detail_info li p { font-size:15px; font-weight:400; }
.detail_info li .tit { width:25%; color:#000; font-weight:500; }
.detail_info li .sum { width:75%; color:#555; }
.detail_info li .sum i { display:inline-block; vertical-align:middle; margin-top:-2px; font-size:17px; }
.detail_info li .sum .noti { color:#999; }
.pd_select { width:100%; margin:10px 0 20px; border:1px solid #eee; padding:12px 75px 12px 15px; border-radius:5px; font-size:15px; color:#777; font-weight:400; }
select.pd_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23999999' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat:no-repeat;
	background-position: right 20px bottom 45%;
    box-sizing: border-box;
    background-size: 17px;
    background-color: #fff;
}

.pd_btn_area { display:flex; gap:10px; margin-top:40px; }
.he_btn { display:inline-block; width:66px; height:66px; background-color:#eaf4f5; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M178,32c-20.65,0-38.73,8.88-50,23.89C116.73,40.88,98.65,32,78,32A62.07,62.07,0,0,0,16,94c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,220.66,240,164,240,94A62.07,62.07,0,0,0,178,32ZM128,206.8C109.74,196.16,32,147.69,32,94A46.06,46.06,0,0,1,78,48c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,147.61,146.24,196.15,128,206.8Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:30px; background-position:center; }
.pd_btn { flex:2; height:66px; border:1px solid #ddd; background-color:#fff; font-size:18px; color:#000; border-radius:5px; cursor:pointer; }
.pd_btn.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }

.total_price { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #666; padding-top:25px; }
.total_price p { font-size:19px; color:#000; }
.total_price .num { font-size:22px; }
.pd_option li { display:flex; align-items:center; justify-content:space-between; font-size:15px; padding:0 0 20px; }
.qua_wrap { display: flex; justify-content: center; }
.qua_minus {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    width: 36px;
    height: 36px;
    min-width: initial;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    border-left-color: rgb(228, 228, 228);
    border-image: initial;
    border-radius: 0px;
    background: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    color: rgb(160, 160, 160);
    border-right-style: initial;
    border-right-color: initial;
}
.qua_num {
    display: block;
    color: rgb(26, 26, 26);
    outline: none;
    margin: 0px;
    padding: 0px;
    width: 37px;
    height: 36px;
    border: 1px solid rgb(228, 228, 228);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.qua_plus {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 25px;
    width: 36px;
    height: 36px;
    min-width: initial;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(228, 228, 228);
    border-right-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    border-image: initial;
    border-radius: 0px;
    background: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    color: rgb(160, 160, 160);
    border-left-style: initial;
    border-left-color: initial;
}

.spd_tit { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.spd_tit h2 { font-size:22px; }
.small .tn_name { font-size:14px; }
.small .tn_sum { font-size:13px; }
.small .price_list { gap:5px; }
.small .price_list li { font-size: 14px; font-weight: 500; }

.scus-prev { margin-right:10px; }
.scus-prev, .scus-next { width:35px !important; height:35px !important; }
.scus-prev:after, .scus-next:after { font-size:14px !important; }

.pdvideo_swiper .swiper-slide { width:100%; height:355px; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:10px; }

.pdsum_tab { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:40px; }
.pdsum_tab_list { display:flex; }
.pdsum_tab_list li { position:relative; flex:1 1; text-align:center; font-size:18px; font-weight:400; color:#333; }
.pdsum_tab_list li a { position:relative; display:block; padding:20px 0; }
.pdsum_tab_list li:after { content:''; display:inline-block; width:1px; height:16px; background-color:#eee; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.pdsum_tab_list li.active a { color:#1fa0b0; }
.pdsum_tab_list li.active a:after { content:''; display:block; width:100%; height:3px; background-color:#1fa0b0; position:absolute; left:0; bottom:0; }
.pdsum_tab_list li .num { color:#1fa0b0; }
.de_info { text-align:center; margin-bottom:50px; }
.de_tb_wrap { margin-bottom:60px; }
.de_tb { border-top:2px solid #333; }
.de_tb li { display:flex; border-bottom:1px solid #eee; }
.de_tb li p { padding:20px 20px; font-size:15px; text-align:left; }
.de_tb li p:nth-child(1n+0) { width:15%; background-color:#f2f8f9; }
.de_tb li p:nth-child(2n+0) { width:35%; background-color:#fff; color:#555; font-weight:400; }
.de_img img { max-width:1240px; }
.de_title { margin-bottom:20px; }
.de_title h2 { font-size:22px; }
.de_title h2 span { color:#1fa0b0; }

.de_conts { margin-bottom:50px; }
.de_table { width:100%; border-top:2px solid #333;  }
.de_table thead th { padding:15px 0; font-size:14px; border-bottom:1px solid #eee; }
.de_table tbody td { padding:15px 0; font-size:14px; border-bottom:1px solid #eee; text-align:center; font-weight:400; }
.de_table tbody td:nth-child(2) { text-align:left; }

.bo_btn_wrap { margin-top:20px; }
.bo_btn { display:flex; justify-content:end; gap:5px; }
.bo_btn a { display:inline-block; background:#fff; border:1px solid #eee; padding:7px 17px; border-radius:5px; }
.bo_btn a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.pageing_form { text-align:center; margin-top:15px; }
.pageing_form img { vertical-align: top; border: 1px solid #ddd; opacity: 0.5; box-sizing: border-box; cursor:pointer; }
.pageing_form .now_page { display: inline-block; vertical-align: top; width: 27px; height: 27px; font-size: 12px; line-height: 27px; text-align: center; color: #fff; background-color: #1fa0b0; }

.devi_list { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.devi_list li .vi_img { width:100%; height:212px; margin-bottom:15px; border-radius:10px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.vi_ti { font-size:16px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.aca_list_wrap { margin-bottom:100px; }
.aca_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px;  grid-row-gap: 60px; margin-top:30px; }
.aca_list > li { position:relative; border:1px solid #eee; padding:20px; border-radius:10px; }
.aca_list > li > a { display:flex; align-items:center; gap:5%; }
.aca_img { width:280px; height:265px; background-color:#f8f8f8; background-repeat:no-repeat; background-size:cover; background-position:center; }
.aca_txt { width:50%; }
.aca_txt h3 { font-weight:400; font-size:20px; margin-bottom:40px; color:#000; }
.aca_inlist li { font-size:16px; font-weight:400; color:#777; margin-bottom:10px; display:flex; align-items:center; }
.aca_inlist li span { display:inline-block; width:72%; }
.aca_inlist li .at_box { text-align:center; font-size:15px; padding:3px 3px; width:75px; margin-right:15px; border-radius:5px; border:1px solid #eee; color:#333; }
.aca_btn { width:100%; padding:12px 0; text-align:center; font-size:16px; background-color:#dbdbdb; color:#fff; border-radius:8px; display:block !important; font-weight:400; margin-top:20px; }
.aca_btn.on { background-color:#1fa0b0; }
.cal_area { margin-bottom:100px; }
.aca_title { border-top:2px solid #1fa0b0; padding:25px 0; display:flex; gap:15px; align-items:center; justify-content:center; }
.aca_title .state_icon { background-color:#1fa0b0; color:#fff; padding:5px 10px; border-radius:5px; font-weight:400; font-size:18px; }
.aca_title h3 { font-size:28px; font-weight:400; }
.aca_sum { background-color:#f6fafa; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 40px; }
.aca_sum_list { display:flex; }
.aca_sum_list li { flex:1 1; }
.aca_sum_list p { font-size:18px; font-weight:400; }
.aca_sum_list .bor { background-color:#fff; border:1px solid #1fa0b0; color:#1fa0b0; border-radius:10px; display:inline-block; padding:0 8px; font-size:14px; margin-bottom:5px; }
.aca_content { padding:70px 0; text-align:center; }
.board_btn_wrap { display:flex; gap:10px; justify-content:center; }
.board_btn_wrap li a { display:block; padding:12px 50px; border:1px solid #eee; border-radius:5px; font-size:18px; background-color:#fff; font-weight:400; color:#222; }
.board_btn_wrap li a.blue { background-color:#1fa0b0; border-color:#1fa0b0; color:#fff; }
.aca_con_area { margin-bottom:100px; }

/* 이벤트 */
.event_list_wrap { margin-bottom:100px; }
.event_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px;  grid-row-gap: 60px; margin-top:30px; }
.event_list > li { position:relative; }
.event_img { position:relative; width:100%; height:234px; margin-bottom:15px; border-radius:5px; overflow:hidden; background-color:#f8f8f8; background-repeat:no-repeat; background-size:cover; background-position:center; }
.event_img.over:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); }
.event_img.over:after { content:'마감된 이벤트입니다.'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:22px; color:#fff;  }
.event_txt { width:50%; }
.event_txt h3 { font-weight:500; font-size:20px; margin-bottom:5px; color:#000; }
.event_txt .date { font-size:16px; color:#555; font-weight:400; }

.board_wrap { margin:50px auto 100px; }
.mint_tb { width:100%; margin:30px 0 20px; border-top:2px solid #1fa0b0; }
.mint_tb thead th { font-size:17px; color:#000; padding:15px 5px; font-weight:400; border-bottom:1px solid #eee; }
.mint_tb tbody td { font-size:16px; color:#555; padding:15px 5px; font-weight:400; border-bottom:1px solid #eee; text-align:center; }
.mint_tb tbody td a { color:#555; }
.mint_tb tbody td:nth-child(2) { text-align:left; }
.sort_input { border:1px solid #eee; padding:12px; }
.sort_btn { cursor:pointer; background-color:#1fa0b0; border:1px solid #1fa0b0; width:44px; height:44px; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:22px; background-position:center; }
.bo_search_wrap { display:flex; justify-content:end; }
.bo_search_wrap li { display:flex; align-items:center; gap:8px; }

#faq_acc { border-top:2px solid #1fa0b0; }
#faq_acc ul ul { display:none; }
#faq_acc h1 { padding:35px 50px; font-size:17px; cursor:pointer; border-bottom:1px solid #eee; }
#faq_acc h1 > p { position:relative; padding:0 40px; display:flex; }
#faq_acc h1 p:before { content:'Q'; color:#1fa0b0; font-size:20px; font-weight:600; position:absolute; left:0; top:-3px; }
.faq_cate { color:#1fa0b0; display:inline-block; width:13%; }
.faq_sub { display:inline-block; width:87%; }
.faq_ti { color:#1fa0b0; font-weight:600; font-size:20px; display:inline-block; width:3%; }
.faq_ti.bl { color:#222; }
.faq_a { padding:35px 50px; background-color:#f5f5f5; border-bottom:1px solid #eee; font-weight:400; font-size:16px; }
.faq_a li { position:relative; font-weight:400; padding-left:40px; }
.faq_a li:before { content:'A'; color:#222; font-size:20px; font-weight:600; position:absolute; left:0; top:-3px; }
.faq_ico { width:30px; height:30px; position:absolute; right:0; top:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }
.faq_ico.active { transform: rotate(180deg) !important; }

.media_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; grid-row-gap: 50px; margin-top:50px; }
.media_list .media_img { width:100%; height:180px; margin-bottom:15px; background-color:#f8f8f8; border-radius:5px; background-size:cover; background-repeat:no-repeat; background-position:center; }
.media_list h3 { font-size:18px; color:#000; font-weight:500; }



/* mypage */
.mypage_grid { display:flex; gap:3%; margin-bottom:100px; }
.mp_left { width:17%; }
.mp_left .color_box { margin-bottom:18px; background-color:#1fa0b0; color:#fff; height:180px; font-size:35px; align-items:center; justify-content:center; display:flex;  }
.mp_left_cate { padding:0 20px; }
.mp_left_cate li { font-size:17px; font-weight:400; color:#222; margin-bottom:10px; }
.mp_left_cate li.on a { color:#1fa0b0; font-weight:500; }
.mp_left_cate li:hover a { color:#1fa0b0; }
.mp_right { width:80%;  }
.mp_my { width:100%; padding:32px 23px; background-color:#1fa0b0; color:#fff; display:flex; justify-content:space-between;  align-items:center; }
.mp_my h3 { font-size:25px; }
.mp_my ul li a { color:#fff; font-size:16px; font-weight:400; }
.mp_box { display:flex; }
.mp_box li { flex: 1 1; padding:25px 25px; background-color:#f6fafb; border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:17px; display:flex; align-items:center;  justify-content:space-between; }
.mp_box li:first-child { border-left:1px solid #eee; }
.mp_box li .ti { display:flex; align-items:center; gap:10px; }
.mp_box li .num { font-size:30px; }
.mp_my_list { display:flex; }
.mp_my_list li { position:relative; margin-right:40px; }
.mp_my_list li a { display:flex; align-items:center; }
.mp_my_list li:last-child { margin-right:0; }
.mp_my_list li:after { content:''; width:5px; height:5px; border-radius:100%; background-color:#188592; position:absolute; right:-20px; top:50%; transform:translate(0,-50%); }
.mp_my_list li:last-child:after { display:none; }
.mp_my_list li span { display:flex; align-items:center; }
.mp_my_list li span > img { margin-right:8px; margin-top:1px; }
.mp_my_list li .ml_num { font-size:25px; margin-left:20px; font-weight:500; }

.mp_status { margin-bottom:25px; }
.mp_stit { display:flex; justify-content:space-between; align-items:center; }
.mp_stit a { font-size:14px; }
.mp_stit a i { display:inline-block; vertical-align:middle; margin-top:-3px; font-size:20px; }
.mypage_stit { position:relative; font-size:20px; padding-left:15px; margin-bottom:15px; }
.mypage_stit:before { content:''; width:3px; height:19px; background-color:#1fa0b0; display:inline-block; position:absolute; top:6px; left:0;  }
.mypage_tb { width:100%; border-top:2px solid #222; }
.mypage_tb thead th { font-size:15px; padding:17px 5px; border-bottom:1px solid #eee; }
.mypage_tb tbody td { position:relative; font-size:14px; padding:17px 5px; border-bottom:1px solid #eee; text-align:center; font-weight:400; }
.mypage_tb tbody td .can_box { background-color:#222; color:#fff; padding:4px 10px; border-radius:5px; }
.mypage_tb tbody tr.disable td { color:#bbb; }
.mypage_tb tbody tr.disable .pro_info .c_tit { color:#bbb; }
.mypage_tb tbody tr.disable .cimg_area:after { content:''; width:100%; height:100%; position:absolute; top:0; left:; background:rgba(255,255,255,.8); }
.mypage_tb tbody tr.disable .qua_minus { background-color:#f9f9f9; }
.mypage_tb tbody tr.disable .qua_num { background-color:#f9f9f9; }
.mypage_tb tbody tr.disable .qua_plus { background-color:#f9f9f9; }
.mypage_tb tbody tr.disable .cart_btn.blue { background-color:#999; border-color:#999; }
.mp_conts { margin-bottom:40px; }
.marb_n { margin-bottom:0; }

.tn_list.grid4 { grid-template-columns: repeat(4, 1fr); }

.mp_sebox { border:1px solid #eee; margin-bottom:25px; padding:25px; }
.mp_sebox > div:first-child { margin-bottom:17px; }
.mp_sebox > div { display:flex; align-items:center; }
.mp_sebtn { display:flex; }
.mp_sebtn li { position:relative; border-right:1px solid #eee; padding:8px 15px; border:1px solid #eee; margin-left:-1px;}
.mp_sebtn li a { color:#999; font-weight:400; }
.mp_sebtn li.on:after { content:''; display:block; width:100%; height:100%; box-shadow: 0 0 0 1px #000 inset;  position:absolute; left:0; top:0; }
.mp_sebtn li.on a { color:#222; font-weight:500; }
.mp_inbox { display:flex; align-items:center; gap:20px; width:85%; }
.cal_input { border:1px solid #eee; padding:8px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z'%3E%3C/path%3E%3C/svg%3E");
background-size:18px; background-repeat:no-repeat; background-position:center right 10px; }
.cal_input::placeholder { color:#999; font-weight:400; }
.mp_intit { font-size:14px; width:15%; }
.mp_radio { display:flex; gap:15px; allign-items:center; }
.mp_radio li { display:flex; gap:5px; allign-items:center; font-weight:400; }
.mp_radio li > input { margin-top:1px; }
.mp_sort { padding:0 90px 0 15px; border-radius:0; height:38px; }
.mp_input { border:1px solid #eee; padding:0 15px; height:38px; }
.mp_button { cursor:pointer; background-color:#1fa0b0; border:1px solid #1fa0b0; color:#fff; height:38px; padding:0 15px; font-size:14px; font-weight:400; }
.wh_button { cursor:pointer; background-color:#fff; border:1px solid #eee; color:#222; height:38px; padding:0 15px; font-size:14px; font-weight:400; }
.wh_button img { display:inline-block; margin:-2px 5px 0 0; vertical-align:middle; }
.rev_tb tbody td:nth-child(2) { text-align:left; }
.myinfo_tb tbody th { height:55px; padding:0 5px; color:#000; text-align:left; border-bottom:1px solid #eee; font-weight:500; }
.myinfo_tb tbody td { height:55px; padding:0 5px; color:#666; font-weight:400; text-align:left; }
.myinfo_tb tbody td.address { padding:10px 5px; }
.myinfo_tb tbody td.address .tip { color:#999; font-weight:400; }
.myinfo_tb tbody td.address .btn_join { display:inline-block; vertical-align:top; line-height:35px; font-weight:400; padding:0 8px; background-color:#222; font-size:13px; color:#fff; height:36px; }
.myinfo_tb tbody td.address .ipt_box { margin-bottom:5px; }
.myinfo_tb tbody td.address .last .ipt_box { margin-bottom:0; }
.myinfo_tb tbody td input { border:1px solid #eee; padding:0 5px; height:36px; font-weight:400; }
.myinfo_tb tbody td select { border:1px solid #eee; padding:0 5px; height:36px; font-weight:400; }
.myinfo_tb tbody td textarea { border:1px solid #eee; padding:5px; resize:none; width:50%; height:100px; }
.myinfo_tb tbody td ul li { color:#666; font-weight:400; margin-bottom:3px; }
.myinfo_tb tbody td ul li:last-child { margin-bottom:0; }
.ess { color:red; }
.center_btn { justify-content:center; margin-top:25px; }
input[type="file"].ipt_box { padding:5px; height:auto; }

.wish_check { position:absolute; top:15px; left:15px; z-index:5; }
.chk_btn { display:flex; align-items:Center; justify-content:space-between; margin-bottom:20px; }
.chk_btn .chk { display:flex; gap:5px; font-weight:400; }
.cou_yes { color:#1fa0b0; }
.cou_non { color:#aaa; }

.mil_box { border:1px solid #eee; padding:40px 25px; margin-bottom:20px; }
.mil_list { display:flex; align-items:center; justify-content:space-between; }
.mil_list li { position:relative; width:33.333%;  text-align:center; }
.mil_list li:first-child { text-align:left; }
.mil_list li:after { content:''; display:inline-block; width:1px; height:100px; background-color:#eee; position:absolute; right:0; top:50%; transform:translate(0,-50%); }
.mil_list li:last-child:after { display:none; }
.mil_list li .mil_num { font-size:28px; font-weight:500; }
.mil_list li .mil_num span { font-size:15px; font-weight:400; display:block; }
.mil_tit { font-size:24px; font-weight:300; }
.mil_tit .bl_b { font-weight:500; }
.mil_tit .blue_b { color:#1fa0b0; font-weight:500; }


.big_title { margin:40px 0; display:flex; align-items:center; justify-content:space-between; }
.big_title h2 { display:flex; align-items:center; gap:7px; font-size:24px; color:#222; font-weight:500; }
.cart_step { display:flex; }
.cart_step li { position:relative; font-size:16px; font-weight:400; margin-right:55px; color:#ccc; }
.cart_step li:last-child { margin-right:0; }
.cart_step li:last-child:after { display:none; }
.cart_step li:after { content:''; width:30px; height:1px; background-color:#ccc; display:inline-block; position:absolute; right:-40px; top:50%; transform:translate(0,-50%);}
.cart_step li span { width:25px; height:25px; background-color:#ccc; color:#fff; display:inline-block; vertical-align:middle; border-radius:100%; text-align:center; margin:-2px 7px 0 0; font-weight:400; }
.cart_step li.on { color:#000; font-weight:500; }
.cart_step li.on span { background-color:#1fa0b0; color:#fff; }
.cimg_area { position:relative; width:80px; height:80px; background-repeat:no-repeat; background-position:center; background-size:cover; border:1px solid #eee; }
td.pro_info { position:relative; display:flex;align-items:center; gap:15px; }
td.pro_info p { font-size:15px; }
td.pro_info .c_tit  { font-size:16px; color:#222; font-weight:500; margin-bottom:2px; }
td.pro_info .c_desk { font-size:15px; color:#999; font-weight:400; }
.ctxt_area { flex:4; }
.cart_btn { display:inline-block; background:#fff; border:1px solid #eee; padding:7px 17px; border-radius:5px; font-weight:400; }
.cart_btn.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.cartbtn_list li { margin-bottom:5px; }
.cartbtn_list li:last-child { margin-bottom:0; }
.bo_btn.align_left { justify-content:start; margin:20px 0 50px; }
.cart_price { display:flex; margin-bottom:50px; }
.cart_price li { position:relative; width:25%; text-align:center; }
.cart_price li .ti { font-size:16px; border-top:2px solid #222; padding:15px 5px; border-bottom:1px solid #eee; }
.cart_price li .pr { position:relative; font-size:20px; border-bottom:1px solid #eee; padding:30px 5px; }
.cart_price li .pr:after { content:''; width:32px; height:32px; background-color:#1fa0b0; border-radius:100%; display:inline-block; position:absolute; right:0; top:50%; transform:translate(0,-50%);
background-repeat:no-repeat; background-size:17px; background-position:center; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E");}
.cart_price li:last-child .pr:after { display:none; }
.cart_price li.eq .pr:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M228,160a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,160ZM40,108H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24Z'%3E%3C/path%3E%3C/svg%3E"); }
.cart_price li .pr span { font-size:15px; margin-left:3px; font-weight:400; }
.cart_price li .pr.bu { color:#1fa0b0; }
.no_cart { padding:100px 0 !important; }
.no_cart p { font-weight:400; margin-top:20px; font-size:20px; color:#555; line-height:initial; }
.cart_bbtn { display:flex; align-items:center; justify-content:center; gap:10px; }
.cart_bbtn a { display:inline-block; min-width:140px; text-align:center; font-size:16px; border:1px solid #eee; padding:10px 20px; border-radius:5px; line-height: 50px; }
.cart_bbtn a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }

.order_sec { margin-bottom:30px;}
.dot_tit { position:relative; padding-left:14px; margin-bottom:12px; font-size:18px; color:#222; }
.dot_tit:before { content:''; display:inline-block; width:5px; height:5px; border-radius:100%; background-color:#1fa0b0; position:absolute; top:50%; transform:translate(0,-50%); left:0; }
.order_noti { margin-bottom:40px; font-size:20px; text-align:center; font-weight:400; }
.pay_list { display:flex; align-items:center; gap:20px; }
.pay_list li { display:flex; align-items:center; gap:5px; }
.pay_list li input { margin-top:1px; }
.order_snoti { position:relative; padding-left:20px; font-size:14px; color:#999; font-weight:400; margin-top:7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bdbdbd' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:17px; background-position:top 2px left; }
.bl_ortxt { color:#222; font-size:14px; }
.comp_txt { font-size:30px; color:#222; text-align:center; margin:20px auto; }
.comp_txt p span { color:#1fa0b0; }
.orblue_txt { color:#1fa0b0; font-weight:500; }






/* member */
.login_bg { position:relative; width:100%; min-height:100vh; background-image:url('../images/log_bg.jpg'); background-position:top right; background-repeat:no-repeat; }
.login_inner { position:relative; max-width:1160px; margin:0 auto; display:flex; gap:130px; align-items:center; padding-top:100px; }
.login_inner > div { width:50%; height:100%; flex:1 1; }
.total_logo {width: 250px;}
.sub_logo {margin-left:20px;}
.log_logo { margin-bottom:30px; }
/* .log_logo { margin-bottom:30px; width:125px; height:102px; background-image:url('../images/log_logo.png'); background-size:100%; background-repeat:no-repeat; background-position:center; } */
.log_logo > img { vertical-align: middle; }
.lang_flex { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.lang_list { display:flex; gap:30px;}
.lang_list li { position:relative; background-repeat:no-repeat; background-position:top 5px left; padding-left:20px; }
.lang_list li:after { content:''; display:inline-block; width:1px; height:13px; background-color:#ddd; position:absolute; right:-15px; top:50%; transform:translate(0,-50%); }
.lang_list li:last-child:after { display:none; }
.lang_list li a { color:#222; }
.lang_list li.kr { background-image:url('../images/kor_flag.png'); }
.lang_list li.eng { background-image:url('../images/eng_flag.png'); }
.lang_select { border:1px solid #ddd; border-radius:5px; width:120px; height:32px; line-height:32px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E"); }
.loginput_list { margin-bottom:15px; }
.loginput_list li { margin-bottom:15px; }
.loginput_list li:last-child { margin-bottom:0; }
.loginput_list li > input { width:100%; background-color:#eaf4f5; border:1px solid #eaf4f5; height:60px; padding:0 10px 0 50px; border-radius:8px; font-size:16px; }
.loginput_list li > input::placeholder { color:#b4b4b4; font-weight:400; }
.loginput_list li > input.id { background-image:url('../images/id_icon.png'); background-size:18px; background-repeat:no-repeat; background-position:left 15px center; }
.loginput_list li > input.pw { background-image:url('../images/pw_icon.png'); background-size:18px; background-repeat:no-repeat; background-position:left 15px center; }
.log_find { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }

.join_header h1 > img {width: 200px; }
.log_check { display:flex; align-items:center; gap:15px; }
.log_check li { display:flex; align-items:center; gap:5px; font-weight:400; font-size:14px; }
.find_list { display:flex; }
.find_list li { position:relative; font-size:15px; }
.find_list li:first-child { padding-right:16px; }
.find_list li:first-child:after { content:''; display:inline-block; width:2px; height:2px; border-radius:100%; background-color:#222; position:absolute; right:7px; top:50%; transform:translate(0,-50%); }
.logbtn_area { display:flex; align-items:center; gap:15px; margin-bottom:30px; }
.logbtn_area > a, .logbtn_area > input[type="submit"], .logbtn_area > input[type="button"] { flex:1 1; width:50%; font-size:20px; border:1px solid #eee; text-align:center; padding:15px 0; border-radius:5px; }
.logbtn_area > a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.logbtn_area > input[type="submit"], .logbtn_area > input[type="button"] { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; cursor: pointer; }
.ask_mail { margin-bottom:40px; }
.ask_mail li { font-size:18px; color:#222; }
.ask_mail li a { color:#1fa0b0; margin-left:10px; font-weight:400; }
.log_cs { display:flex; gap:20px; align-items:center; margin-top:40px; }
.log_cs .tit { font-size:25px; color:#222; font-weight:400; margin-bottom:2px; }
.log_cs .desk { font-size:15px; font-weight:400; color:#999; }
.log_ask { position:relative; margin-top:50px; }
.log_ask p { font-size:15px; color:#999; font-weight:400; }
.log_ask p span { font-size:16px; display:block; color:#222; font-weight:500; margin-bottom:7px; }
.log_swiper .swiper-pagination { bottom:35px !important; }
.log_swiper .swiper-pagination-bullet { width:11px; height:11px; background-color:#fff; opacity:1; margin:0 7px !important;}
.log_swiper .swiper-pagination-bullet-active { background-color:#1fa0b0; }

.email_flex { display:flex; align-items:center; gap:5px; }
.number_flex { display:flex; align-items:center; gap:5px; }

/* join */
.join_bg { position:relative; width:100%; min-height:100vh; background-image:url('../images/join_bg.jpg'); background-repeat:no-repeat; background-position:top center; background-color:#f7f7f7; }
.join_wrap { padding-top:260px; max-width: 980px; }
.join_header { position:absolute; top:90px; left:50%; transform: translateX(-50%); }
.join_header h1 { font-size:55px; color:#fff; font-weight:500; display:flex; flex-flow:column; align-items:center; }
.join_con { min-height:60vh; padding:50px 0 100px; background-color:#fff; border-radius:10px; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); padding: 50px 20px 60px; }
.join_footer { padding:40px 0; }
.join_footer p { font-size:13px; color:#999; font-weight:400; text-align:center; }
.join_title { text-align:center; margin-bottom:50px; }
.join_title h2 { font-size:36px; margin-bottom:15px; }
.join_title h3 { font-size:20px; color:#222; margin-bottom:5px; }
.join_title h3 span { color:#1fa0b0; }
.join_title p { font-size:18px; line-height:1.5em; color:#727272; font-weight:400; }
.join_nati { max-width:750px; margin:0 auto; display:flex; gap:35px; margin-bottom:50px; }
.join_nati li { cursor:pointer; flex:1 1; height:280px; width:50%; border:2px solid #ddd; border-radius:5px; display:flex; align-items:center; justify-content:center; text-align:center; }
.join_nati li.on { border-color:#1fa0b0; }
.join_nati li.on .nati_round { background-color:#eaf4f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E"); }
.nati_round { width:80px; height:80px;  margin:0 auto 15px; background-color:#f5f5f5; border-radius:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23cccccc' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:40px; background-position:center; }
.nati_txt { font-size:24px; color:#343434; font-weight:400; }
.joinbtn_wrap { text-align:center; display:flex; gap:10px; align-items:center; justify-content:center; margin-top:40px; }
.joinbtn_wrap > a, .joinbtn_wrap > input[type="submit"] { display:flex; align-items:center; justify-content:center; width:150px; height:60px; font-weight:400; border:1px solid #ddd; border-radius:5px; font-size:18px; color:#555; }
.joinbtn_wrap > a.blue { background-color:#1fa0b0; border-color:#1fa0b0; color:#fff; }
.joinbtn_wrap > input[type="submit"] { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0;  }
.joinbtn_wrap > a.round { border-radius:30px; width:280px; }
.joincs_info { margin-top:50px; text-align:center; }
.joincs_info h3 { font-size:22px; color:#222; margin-bottom:10px; }
.joincs_info h3 span { color:#1fa0b0; }
.joincs_list { font-size:18px; margin-bottom:10px; }
.joincs_list li { font-weight:400; margin-bottom:5px; }
.joincs_list a { color:#1fa0b0; margin-left:10px; }
.joincs_txt { color:#999; font-size:15px; line-height:1.5em; font-weight:400; }
.input_inner { max-width:480px; margin:0 auto 30px; text-align:right; }
.skip_btn { color:#1fa0b0; font-size:15px; font-weight:600; display:inline-block; margin-top:10px; }
.code_input { width:100%; background-color:#eaf4f5; border:1px solid #eaf4f5; height:60px; padding:0 20px; border-radius:8px; font-size:16px; }
.code_input::placeholder { color:#b4b4b4; font-weight:400; }






.step_current { position:relative; max-width:1000px; margin:0 auto 60px; }
.step_current:before { content:''; background-color:#eee; display:block; width:100%; height:7px; position:absolute; top:17px; border-radius:30px; }
.step_con { display:flex; }
.step_con li { flex:1 1; text-align:center; z-index:10; }
.step_con li .rou { width:40px; height:40px; border-radius:100%; background-color:#eeeeee; margin:0 auto 10px; background-repeat:no-repeat; background-position:center;  }
/*.step_con li:nth-child(1) .rou { background-image:url('../images/step01.png'); }*/
.step_con li:nth-child(1) .rou { background-image:url('../images/step02.png'); }
/*.step_con li:nth-child(3) .rou { background-image:url('../images/step03.png'); }*/
.step_con li:nth-child(2) .rou { background-image:url('../images/step04.png'); }
.step_con li:nth-child(3) .rou { background-image:url('../images/step05.png'); }
.step_con li p { font-size:18px; font-weight:400; color:#b5b5b5; }
.step_con li p span { margin-right:7px; }
.step_con li.on .rou { background-color:#1fa0b0;}
.step_con li.on p { font-size:18px; color:#222; }
.step_con li.on p span { color:#1fa0b0; }
/*.step_con li.on:nth-child(1) .rou { background-image:url('../images/step01_wh.png'); }*/
.step_con li.on:nth-child(1) .rou { background-image:url('../images/step02_wh.png'); }
/*.step_con li.on:nth-child(3) .rou { background-image:url('../images/step03_wh.png'); }*/
.step_con li.on:nth-child(2) .rou { background-image:url('../images/step04_wh.png'); }
.step_con li.on:nth-child(3) .rou { background-image:url('../images/step05_wh.png'); }
.type_nati { max-width:750px; margin:0 auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px; grid-row-gap: 35px; margin-bottom:15px; }
.type_nati:after { display:none; }
.type_nati2 { max-width:800px; margin:0 auto; margin-bottom:15px; }
.tn_noti_txt { margin-bottom:40px; }
.tn_noti_txt span { color:#1fa0b0; font-weight:600; background-color:#eaf4f5; padding:0 3px; }
.type_nati li { cursor:pointer; height:280px; width:100%; border:2px solid #ddd; border-radius:5px; display:flex; align-items:center; justify-content:center; text-align:center; }
.type_nati li.on { border-color:#1fa0b0; }
.type_nati li .nati_round { background-color:#eaf4f5; }
.nati_round.doctor { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M240,152a40,40,0,1,0-52.64,37.94A28,28,0,0,1,160,212H136a28,28,0,0,1-28-28V146.9c31.73-5.78,56-34.09,56-67.73V40a20,20,0,0,0-20-20H128a12,12,0,0,0,0,24h12V79.17c0,24.4-19.47,44.52-43.41,44.83A44,44,0,0,1,52,80V44H64a12,12,0,0,0,0-24H48A20,20,0,0,0,28,40V80a68,68,0,0,0,56,66.93V184a52.06,52.06,0,0,0,52,52h24a52.06,52.06,0,0,0,51.61-45.72A40.08,40.08,0,0,0,240,152Zm-40,16a16,16,0,1,1,16-16A16,16,0,0,1,200,168Z'%3E%3C/path%3E%3C/svg%3E"); }
.nati_round.hospital { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M216,84H172V40a20,20,0,0,0-20-20H104A20,20,0,0,0,84,40V84H40a20,20,0,0,0-20,20v48a20,20,0,0,0,20,20H84v44a20,20,0,0,0,20,20h48a20,20,0,0,0,20-20V172h44a20,20,0,0,0,20-20V104A20,20,0,0,0,216,84Zm-4,64H160a12,12,0,0,0-12,12v52H108V160a12,12,0,0,0-12-12H44V108H96a12,12,0,0,0,12-12V44h40V96a12,12,0,0,0,12,12h52Z'%3E%3C/path%3E%3C/svg%3E"); }
.nati_round.company{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M240,204H228V96a20,20,0,0,0-20-20H172V32a20,20,0,0,0-28.45-18.12l-104,48.54A20.06,20.06,0,0,0,28,80.55V204H16a12,12,0,0,0,0,24H240a12,12,0,0,0,0-24ZM204,100V204H172V100ZM52,83.09,148,38.3V204H52ZM132,112v12a12,12,0,0,1-24,0V112a12,12,0,0,1,24,0Zm-40,0v12a12,12,0,0,1-24,0V112a12,12,0,0,1,24,0Zm0,52v12a12,12,0,0,1-24,0V164a12,12,0,0,1,24,0Zm40,0v12a12,12,0,0,1-24,0V164a12,12,0,0,1,24,0Z'%3E%3C/path%3E%3C/svg%3E"); }
.nati_round.user { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z'%3E%3C/path%3E%3C/svg%3E"); }
.nati_stxt { font-size:15px; color:#999; margin-top:5px; font-weight:400; }

.agree_inner { max-width:1000px; margin:0 auto; }
.agree_list_wrap > div { border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; }
.agree_list_wrap > div:first-child { border-color:#1fa0b0; border-radius:10px 10px 0 0; }
.agree_list_wrap > div:last-child  { border-radius:0 0 10px 10px; }
.agree_tit { position:relative; cursor:pointer; padding:25px; display:flex; align-items:center; gap:10px; }
.agree_tit .flex_label { display:flex; align-items:center; gap:10px; }
.agree_tit .ico { position:absolute; right:25px; width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231b1c1d' viewBox='0 0 256 256'%3E%3Cpath d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }
.agree_tit .ico.active { transform:rotate(180deg); }
.agree_tit.blue { font-size:20px; background-color:#1fa0b0; color:#fff; font-weight:400; border-radius:10px 10px 0 0; }
.agree_tit.last { border-radius:0 0 10px 10px; }
.agree_tit span { color:#1fa0b0; }
.agree_list {  padding:25px; border-top:1px solid #eee; }
.agree_list ul li { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.agree_list ul li:last-child { margin-bottom:0; }
.agree_list ul li p { font-size:16px; color:#555; font-weight:400; display:flex; gap:10px; align-items:center; }
.agree_list ul li a { font-size:15px; color:#757575; font-weight:400; }

.certi_con { text-align:center; margin:70px 0; }
.certi_con h3 { font-size:36px; margin:20px auto 25px; }
.certi_con p { font-size:16px; color:#666; font-weight:400; }

.jointb_wrap { margin-bottom:30px; }
.jointb_tit { font-size:18px; color:#222; margin-bottom:10px; }
.join_tb { width:100%; text-align:left; border-top:2px solid #1fa0b0; }
.join_tb tbody th { background-color:#f3f8f9; padding:0 15px; font-size:15px; color:#222; border-bottom:1px solid #eee; height:60px; }
.join_tb tbody th.wide_height { height:80px; }
.join_tb tbody th.address_height { height:150px; }
.join_tb tbody th .red { color:#ff0000; margin-left:5px; }
.join_tb tbody td { background-color:#fff; padding:0 15px; font-size:15px; color:#555; border-bottom:1px solid #eee; height:60px; }
.join_tb tbody td.wide_height { height:80px; }
.join_tb tbody td.address_height { height:150px; }
.join_tb tbody td.address_height > p { margin-bottom:5px; }
.join_tb tbody td.address_height > p:last-child { margin-bottom:0; }
.join_tb tbody td.flex { display:flex; align-items:center; gap:5px; }
.join_tb tbody td select { border:1px solid #ddd; padding:0 10px; height:40px; line-height:40px; font-weight:400;}
.jointb_input { width:35%; border:1px solid #ddd; padding:0 10px; height:40px; }
.jointb_input::placeholder { color:#ccc; }
.jointb_btn { display:flex; align-items: center;justify-content:center; background-color:#1fa0b0; font-weight:400; color:#fff; height:40px; font-size:14px; padding:0 15px; }
.jointb_label { display:flex; align-items:center; gap:5px; color:#666; font-weight:400; font-size:13px; }
.jointb_label.mar_t { margin-top:5px; }
.tbin_flex { display:flex; align-items:center; gap:5px; }
.tbinput_list { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.tbinput_list li { font-size:14px; }
.tbinput_list li label { display:flex; align-items:center; gap:5px; }
.jointb_info { font-size:13px; color:#999; font-weight:400; display:flex; align-items:center; margin-top:5px; }
.info_icon { display:inline-block; width:18px; height:18px; margin-right:5px; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23cccccc' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E"); }
.small_info { font-size:13px; }
.eng_agtxt { margin-top:30px; }
.eng_agtxt label { display:flex; align-items:center; gap:8px; justify-content:center; font-size:16px; font-weight:600; color:#222; }

input[type="checkbox"].custom_chk { display: none; }
input[type="checkbox"].custom_chk + label{ display: inline-block; width: 15px; height: 15px; border:1px solid #ddd; background:#fff; position: relative; vertical-align:middle; }
input[type="checkbox"].custom_chk:checked + label::after{ content:''; font-size: 13px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
background-size:100%; background-repeat:no-repeat; background-position:center; text-align: center; position: absolute; left: 0; top:0; }

.filebox .upload-name { display: inline-block; padding: 0 10px; vertical-align: middle; border:none; font-weight:400; width: 78%; color: #999999; }
.filebox label { display: inline-block; padding: 5px 13px 3px; color: #666; vertical-align: middle; background-color: #eee; cursor: pointer; font-size:14px; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.eng_agree > div { border:1px solid #eee; margin-bottom:15px; border-radius:10px !important; }
.eng_agree > div:first-child { border-color:#eee; }
.agree_list ul li p .red { color:#ff0000; }
.ag_wrap { position:relative; }
.ag_wrap .open { position:absolute; right:25px; top:26px; display:flex; align-items:center; gap:5px; }
.ag_wrap .open p { cursor:pointer; border:1px solid #eee; padding:5px 10px; color:#666; font-weight:400; }
.ag_wrap .open .ico { width:16px; height:16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231b1c1d' viewBox='0 0 256 256'%3E%3Cpath d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }
.ag_wrap .open .ico.active  { transform:rotate(180deg); }
.ag_wrap .agree_box {margin: 0px 25px 30px; background: #fafbfe; padding: 15px; border: 1px solid #ececec; height: 350px; overflow-y: scroll; display: none;}
.ag_wrap .detail {cursor: pointer; font-weight: 400;}
.ag_wrap .agree_tit {cursor: inherit !important;}
.ag_wrap .agree_tit label {cursor: pointer;}

.int_logo { display:flex; align-items:center; justify-content:center; gap:80px; margin-bottom:25px; }
.int_logo li { position:relative; font-size:0; }
.int_logo li:after { content:''; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:100%; position:absolute; right:-55px; top:50%; transform:translate(0,-50%); 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.int_logo li:last-child:after { display:none; }
.int_h3 { font-size:30px; text-align:center; font-weight:400; margin-bottom:50px; }
.int_h3 b { font-weight:600; }
.int_h3 span { color:#1fa0b0; font-weight:500; }
.int_img { text-align:center; margin-bottom:30px; }
.int_box { max-width:765px; margin:0 auto 50px; background-color:#edf7f8; padding:30px 30px; border-radius:10px; }
.int_dotlist > li { position:relative; font-size:20px; margin-bottom:10px; font-weight:400; color:#222; padding-left:15px; }
.int_dotlist > li:last-child { margin-bottom:0; }
.int_dotlist > li:before { content:''; display:inline-block; width:3px; height:3px; border-radius:100%; background-color:#222; position:absolute; left:0; top:14px; }
.int_h4 { font-size:25px; text-align:center; font-weight:400; }
.int_h4 span { color:#1fa0b0; font-weight:500; }

.int_dotlist.flex > li { display:flex; align-items:center; height:45px; padding-left:0; margin-bottom:20px; }
.int_dotlist.flex > li:before { display:none; }
.int_dotlist.flex > li > label {display: flex; width: 100%; align-items: center;}
.int_dotlist.flex > li p { font-weight:400; }
.int_dotlist.flex > li .ti { position:relative; flex:1; padding-left:15px; }
.int_dotlist.flex > li .ti:before { content:''; display:inline-block; width:3px; height:3px; border-radius:100%; background-color:#222; position:absolute; left:0; top:14px; }
.int_dotlist.flex > li .ti i { cursor:pointer; color:#ccc; }
.int_dotlist.flex > li .desk { flex:2; }
.int_dotlist.flex > li.chk_li { height:auto; align-items:start; }
.int_input { width:80%; border:1px solid #ddd; border-radius:5px; padding:0 10px; height:45px; font-size: 16px; }
.int_dotlist.flex > li:before { top:21px; }
.info_chk li { font-weight:400; font-size:18px; margin-bottom:5px; }
.info_chk li:last-child { margin-bottom:0; }
.info_chk li label { display:flex; align-items:center; gap:7px; }

.modal_pop { display: none; }
.modal_pop { width: 500px; height: auto; border-radius:5px; padding:30px 20px; animation: appear .8s forwards; box-sizing:border-box; 
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 20;  box-shadow: 0 25px 40px -20px #aaa; }
.modal_pop .logo { width:125px; height:60px; margin:0 auto 20px; background-image:url('../images/log_logo.png'); background-repeat:no-repeat; background-size:100%; background-position:center; }
.modal_pop .agree_icon { width:80px; height:80px; margin:0 auto 20px; background-image:url('../images/agree_pop.png'); background-repeat:no-repeat; background-size:100%; background-position:center; }
.modal_pop h2 { font-size:26px; text-align:center; margin-bottom:5px;  }
.modal_pop h3 { font-size:20px; font-weight:400; text-align:center; margin:10px 0 30px; }
.modal_pop h3.nom { margin-bottom:0; }
.modal_pop h3 b { font-weight:500; color:#000; }
.modal_pop p { font-size:16px; color:#555555; text-align:center; margin-bottom:30px; }
.modal_pop .joinbtn_wrap a { flex:1 1; font-size:18px; height:auto; padding:15px 0; }
.modal_pop .joinbtn_wrap #blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; z-index: 15; }
.modal_pop .close{ position:absolute; top:20px; right: 20px; cursor:pointer; width:30px; height:30px; opacity:0.3; text-indent:-999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-size:100%; background-position:center; background-repeat:no-repeat; }
.pop_btn { display:block; padding:15px 0; text-align:center; width:100%; border-radius:5px; color:#fff; font-size:18px; background-color:#1fa0b0; }
.info_png { width:60px; height:60px; background-color:#eaf4f5; border-radius:100%; margin:0 auto 30px; background-repeat:no-repeat; background-size:4px; background-position:center; background-image:url('../images/round_i.png'); }


@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
}










/* footer */
#footer { border-top:1px solid #eee; }
.f_inner { max-width:1400px; margin:0 auto; display:flex; padding:50px 0; }
.f_logo { width:180px; height:30px; margin-bottom:40px; background-image:url('../images/f_logo.png'); background-repeat:no-repeat; background-position:center; }
.f_info { flex:4; }
.f_info .f_list li { display:inline-block; margin:0 15px 4px 0; font-size:14px; color:#555; font-weight:400; }
.f_info .f_list li.copy { font-size:13px; color:#999; margin-top:15px; }
.f_tit { position:relative; font-size:16px; color:#000; font-weight:500; margin-bottom:15px; }
.f_tit:after { content:''; display:block; width:30px; height:3px; background-color:#1fa0b0; margin:15px 0;}
.f_company { flex:1; }
.f_company .f_clist li { margin-bottom:11px; font-weight:400; font-size:15px; color:#222; }
.f_cs { flex:1; }
.f_cs .f_cslist li { font-size:14px; margin-bottom:3px; font-weight:400; color:#222; }
.f_cs .f_cslist li.f_call { font-size:25px; color:#000; font-weight:600; margin-bottom:5px; }
.f_cs .k_ch { margin-top:15px; }
.back-top { display:none; cursor: pointer; width: 60px; height: 60px; position: fixed; bottom: 30px; right: 30px; border-radius:100%;  background: rgba(255,255,255,0.5); 
align-items: center; justify-content: center; background-color: #1fa0b0; box-sizing: border-box; z-index:20; }
.back-top svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}











/* 추가 */
.find_tab { max-width:765px; margin:0 auto 50px; }
.find_tab li:first-child { border-radius:5px 0 0 5px; }
.find_tab li:last-child { border-radius:0 5px 5px 0; }
.find_tab li:first-child a { border-radius:5px 0 0 5px; }
.find_tab li:last-child a { border-radius:0 5px 5px 0; }







/* review 추가 */
.review_con_area { border-top:2px solid #222; }
.review_con_area > ul > li { padding:20px 10px; border-bottom:1px solid #eee; }

.detail_review_wrap { position:relative; display:flex; align-items:start; }

.dr_left_wrap { width:80%; padding-right:20px; }
.review_contents { padding-left:70px; }
.r_profile { position:absolute; left:0; top:0; width:50px; height:50px; background-color:#e5e5e5; border-radius:100%; background-image: url("../images/r_profile.png"); 
background-position:center; background-size:100%; background-repeat:no-repeat; border:1px solid #e5e5e5; }

.rating_area { display:flex; gap:5px; align-items:center; }

.review_info { display:flex; align-items:center; margin-top:5px; }
.review_info span { color:#666; padding-left:10px; }
.review_info span:first-child { padding-left:0; }
.review_info a.report { position:relative; padding-left:15px; color:#888; font-weight:400; }
.review_info a.report:before { content:''; display:inline-block; width:1px; height:12px; background-color:#aaa; position:absolute; left:7px; top:5px; }

.review_option { margin-top:5px; }
.review_option p { color:#999; font-weight:400; }

.keyword_review { background-color:#f8f8f8; padding:10px 15px; box-sizing:border-box; margin-top:10px; }
.rkeyword_list { display:flex; gap:0; flex-wrap:wrap; }
.rkeyword_list li { color:#999; margin-right:15px; }
.rkeyword_list li:last-child { margin-right:0; }
.rkeyword_list li span { color:#333; margin-right:7px; }

.review_text { font-size:14px; margin-top:7px; }
.review_text p { font-weight:400; color:#777; }

.r_thumbnail_wrap { width:10%; text-align:center; padding-top:20px; }
.r_thumbnail { width:100px; height:100px; margin:0 auto; background-color:#e5e5e5; background-repeat:no-repeat; background-size:cover; background-position:center; }

.r_reco { width:10%; text-align:center; padding-top:50px; }
.r_reco_con { display:flex; align-items:center; justify-content:center; gap:5px; border:1px solid #eee; border-radius:30px; width:80px; margin:0 auto; padding:7px; cursor:pointer; }
.r_reco_con span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 

.qna_acc_wrap { border-top:2px solid #222; }
.qna_menu { border-bottom:1px solid #eee; }
.qna_menu .hide { display:none; border-top:1px solid #eee; background-color:#f8f8f8; }
.qna_menu .hide ul li { font-weight:400; color:#999; }

.int_logo:after { display:none; }

.rqna_title { cursor:pointer; font-size:15px; display:flex; padding:20px 0; }
.rqna_title li { padding:0 15px; font-weight:400; color:#666; }
.rqna_title li.state { width:8%; }
.rqna_title li.title { width:70%; }
.rqna_title li.aligncenter { text-align:center; }
.rqna_title li.idname { width:10%; text-align:center; }
.rqna_title li.date { width:12%; text-align:center; }
.rqna_title li.reply_wrap { position:relative; padding-left:58px; }
.thead { border-bottom:1px solid #eee; }
.thead li { font-weight:500; color:#222; }
.reply_wrap .reply { position:absolute; left:15px; top:3px; display:inline-block; border:1px solid #999; padding:1px 4px; font-size:13px; font-weight:300; background-color:#999; color:#fff; margin-right:7px; vertical-align:middle; }



.doctor_flex { display:flex; gap:5px; }
.doctor_flex .filebox { flex:2; align-items:center; display:flex; }
.doctor_flex .filebox label { height:40px; display:flex; align-items:center; justify-content:center; padding:0 13px; }
.doctor_flex .filebox .upload-name { height:40px; border:1px solid #ddd; margin-left:5px; }
.doctor_flex .filebox .upload-name::placeholder { color:#ccc; }
.doctor_flex .filebox .upload-name::value { color:#ccc; }
.join_tb tbody td.padd { padding:5px 15px; }


/* 정민우 추가 */
.invalid {
/*    border-color: #dc3545;*/
    padding-right: calc(1.5em + 0.75rem);
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");*/
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.integrated_btn {font-size: 18px !important; border: 1px solid #c4c2ca !important; padding: 10px 0 !important; font-weight: 400 !important; background: #eceef2; color: #020202 !important;}

.inshop_ask li {font-size:16px; cursor: pointer;}

.modal {display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.3);}
.modal-content {background-color: #fefefe; position: absolute; transform: translate(-50%); left: 50%; top: 15%; width: 90%; max-width: 780px; border-radius: 10px; padding: 30px;}
.close {position: absolute; transform: translateY(-50%); top: 50%; right: -56px;}
.close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;}	

.ask_table {padding: 20px !important; background: #fcfcff; border: 1px solid #eee; border-radius: 10px;}
.ask_table .speacial {padding: 10px 5px; height: 155px !important;}

.kakao-ch {margin-left: 10px; width: 27px;}
.xi-spin {-webkit-animation: xi-spin 2s infinite linear; animation: xi-spin 2s infinite linear;}
.loding_btn {background-color: #1fa0b0; color: #fff; border-color: #1fa0b0; flex: 1 1; width: 50%; font-size: 20px; border: 1px solid #eee; text-align: center; padding: 15px 0; border-radius: 5px;}

@keyframes xi-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}


.new_login_area { font-size:0; }
.new_login_area img { width:100%; }
.new_login_area .only_tab { display:none; }
.new_login_area .only_mob { display:none; }
.scrollBtn { z-index: 1; position: absolute; bottom: 35px; left: 50%; width: 30px; height: 42px; margin-left: -15px; border-radius: 15px; border: 2px solid #222; animation: intro 1s; }
.scrollBtn span {position: absolute; top: -30px; left: -15px; width: 60px; text-align: center; color: #222; font-size: 10px; letter-spacing: 1px; -webkit-animation:motion 0.3s linear 0s infinite alternate; animation:motion 0.3s linear 0s infinite alternate; }
.scrollBtn .scrollMouse { z-index: 999; display: block;  width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #222; animation: finger 1s infinite; }
@-webkit-keyframes domFly_bt {
  0% {
    transform: translate(0px, 100px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0px);
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

@-webkit-keyframes motion{ 0% {margin-top: 0px;} 100% {margin-top: 5px;} }