@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 !important; }
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: 16px;
    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 { display:none; position:fixed; width:100px; height:207px; padding:8px; border-radius:10px; bottom:105px; 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; text-align:center; word-break:keep-all;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.float_swiper .swiper-pagination { position:relative !important; margin-top:15px; }
.service_box { width:100%; height:450px; overflow-y:auto; border:1px solid #eee; padding:20px; margin:50px 0 100px; }
.service_box span { font-weight:400; color:#666 !important; }
.sub_contents { margin-bottom:100px; }

/* 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; letter-spacing:-0.85px; }
.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:150px; right:0; top:27px; position:absolute; background-color:#fff; z-index:50; padding:10px 15px; border:1px solid #eee; border-radius:10px; }
.cus_view li { margin-bottom:5px; }
.cus_view li a { color:#000; padding: 0; }
.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; }
.tr_flex.only_m { position:relative; right:auto; top:auto; padding:20px 15px 10px; }
.head { height:100px; display:flex; align-items:center; justify-content:space-between; }
.t_logo { position:absolute; cursor:pointer; z-index:20; left:50px; top:50%; transform:translate(0,-50%); width:170px; height:18px;  background-image:url('../images/hdr_logo.png'); background-size:100%; background-repeat:no-repeat; background-position:center; }
.search_area { position:relative; }
.search_area.mobile { display:none; }

@media all and (max-width:1765px) {
    .search_area {left: -120px;}
}

@media all and (max-width:1570px) {
    .search_area {left: -165px;}
    .search_area .keyword {width: 300px !important;}
}

.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; }
.icon_list li .setting { background-image: url('../images/setting.png'); }
.cate_wrap { position:relative; border-bottom:1px solid #eee; background-color:#fff; }
.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; border-bottom:1px solid #eee; z-index:21; width:101%; height:auto; padding:25px 20px; top:59px; 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:last-child { margin-bottom:0; }
.sub_cate > ul > li > a { font-size:16px; font-weight:400; color:#222; }
.sub_cate > ul > li > a:hover { color:#1fa0b0; }
.sub_cate > ul > li > a.active { color:#1fa0b0; }
.sub_cate .sub_cate_depth { display:none; margin-top:4px; /*animation-name: dropd; animation-duration: 500ms; animation-direction: normal;*/ }
.sub_cate .sub_cate_depth li a { font-size:15px; font-weight:400; color:#999; }
.sub_cate .sub_cate_depth li a:hover { color:#1fa0b0; }
.cate_bg { display:none; transition: all .3s; position: absolute; top: 62px; z-index: 20; width: 100%; height: 230px; background: #fff; box-shadow:0 39px 34px -31px rgb(0,0,0,0.2); }
.cate_bg.on { display:block; }

@keyframes dropd {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
    }
}

/* 상단 고정 */
.topCategory.smaller {
    position:fixed;
    background-color:rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow:0 3px 30px rgba(0,0,0,0.2);
    z-index:15;
    width:100%;
    top:0;
    left:0;
}
.pdsum_tab.smaller {
    position: fixed;
    background-color: rgba(255,255,255,1);
    border-bottom: 1px solid #eee;
    z-index: 14;
    width: 100%;
    top: 62px;
    left: 50%;
    transform: translate(-50%,0);
}
.product_tab.smaller {
    position: fixed;
    background-color: rgba(255,255,255,1);
    border-bottom: 1px solid #eee;
    z-index: 14;
    width:100%;
    top: 62px;
    left: 50%;
    transform: translate(-50%,0);
}
#wrap.smaller { margin-top:62px; }

.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; }
#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 20px; 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: 20px; 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:#eaf4f56e; 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%; }
.swiper-wrapper { height:auto !important; }
.rec_swiper { width: 100%; height: 100%; }
.rec_swiper .swiper-wrapper { height:100% !important; }
.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: contain;}
.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 .pro_img { width:100%; height:100%; position:relative; bottom:0; background-repeat:no-repeat; background-position:center bottom; background-size:contain; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; }
.thumb_list li .thumb_tit { margin-top:15px; font-size:16px; }

/* hot item now */
.hot_item { margin-bottom:50px; }
.hot_item.first { margin-top:50px; }
.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%; border:1px solid #eee;  /*height:257px;*/ overflow:hidden; border-radius:10px; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:13px; }
.thumbnail > a { display:block; font-size:0; }
.thumbnail > a > img { width:100%; }
.thumb_ic { position:absolute; left:20px; top:20px; }
.thumb_ic ul { display:flex; flex-wrap:wrap; gap:7px; }

.thumb_day { position:absolute; left:10px; top:10px; } /* 윤은경 2025.08.13 */
.thumb_day li.day { padding:8px 15px; background-color:#00c8de; border-radius:0px 10px 10px 10px; color:#ffffff; font-size:18px; font-weight:600; text-align:center; } /* 윤은경 2025.08.13 */
.thumb_end { content:''; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.6); background-position:center; background-size:cover; position:absolute; left:0; top:0; } /* 윤은경 2025.08.13 */
.thumb_end li { font-size:20px; font-weight:600; color:#fff; } /* 윤은경 2025.08.13 */

.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.wish.on { background-image:url('../images/th_wish_on.png'); }
.thumb_icon li.cart { background-image:url('../images/th_cart.png'); }
.thumb_icon li.cash { background-image:url('../images/th_cash.png'); }
.soldout_wrap { content:''; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.4); background-position:center; background-size:cover; position:absolute; left:0; top:0; }
.soldout_wrap span { font-size:25px; color:#fff; }
.soldout { position:absolute; left:8px; bottom:8px; font-size:14px; border-radius:10px; background-color:#d4d4d4; color:#fff; padding:5px 10px; }
.tn_list li { position:relative; }
.tn_list li:hover .thumb_icon  { opacity:1; animation-name: showup; animation-duration: 500ms;  animation-direction: normal; }
.tn_list li img { width:100%; }
.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; border-color:#eee; 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 !important; height:auto !important; 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% !important; height: 100vh; object-fit: cover; }

/* 신상품/추천상품 */
.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-wrapper { height:740px !important; }
.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; }
.new_pro .np_list li .thumbnail {background-size: cover;}
.new_pro .np_list li .tn_info {width: calc(100% - 160px); margin-top: 0;}
.new_pro .np_list li > a {width: 100%;}

/* 이지티콘 홍보영상 */
.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; transform: translate(-50%,0); left: 50%;  z-index: 10; min-width: 1400px; }
.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; }
.product_tit .sr_point { color:#1fa0b0; }
.product_tit .sr_num { font-size:25px; display:inline-block; margin-top:-3px; vertical-align:middle; }
.search_result_area { margin-bottom:100px; }

.cate_tab { margin:70px 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; height:100%; 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_old { display:flex; gap:4%; margin:40px auto 60px; }
.pro_de_wrap_old > div { flex:1 1; width:46%; }

.pro_de_wrap { width:50%; display:flex; gap:4%; margin:40px auto; }
.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 { 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; }

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

.ti_big_old { margin:10px 0 25px; }
.ti_big_old .tn_name { font-size:35px; }
.ti_big_old .tn_sum { font-size:16px; }
.ti_big_old .price_list li { font-size:25px; }

.detail_info li { display:flex; border-bottom:1px solid #eee; padding:15px 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%; height:45px; margin:20px 0 0; border:1px solid #eee; padding:0 75px 0 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; }
.he_btn.on { 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,94c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,220.66,16,164,16,94A62.07,62.07,0,0,1,78,32c20.65,0,38.73,8.88,50,23.89C139.27,40.88,157.35,32,178,32A62.07,62.07,0,0,1,240,94Z'%3E%3C/path%3E%3C/svg%3E"); }
.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 { color:#1fa0b0; font-weight:500; font-size:22px; }
.pd_option li { display:flex; gap:10px; align-items:center; justify-content:space-between; font-size:15px; padding:0 0 10px; margin-bottom:10px; border-bottom:1px solid #eee; }
.pd_option li:last-child { border-bottom:0; }
.pd_option_wrap { padding-top:20px; }
.qua_wrap { display: flex; justify-content: center; align-items:center; }
.qua_flex { display:flex; align-items: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;
}
.add_num { color : #990000; font-weight: bold; text-align: right; padding-right:3px;}
.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;
}
.pd_option_price { margin-left:30px; word-break:keep-all; }
.pd_option_close { margin-left:15px; width:22px; height:22px; background-repeat:no-repeat; background-size:15px; background-position:center; cursor:pointer; border:1px solid #ddd; border-radius:100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bababa' 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"); }
.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:380px; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:10px; }
.vedio_frame { width:100%; height:381px; }
.vedio_more {width: 100%; background: #1fa0b0; text-align: center; padding: 10px 0; color: #fff; font-size: 16px; display: block;}

.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:flex; align-items:center; justify-content:center; height:65px;  }
.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:-1px; }
.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:15px 0 50px; }
.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: 14px; line-height: 27px; text-align: center; color: #fff; background-color: #1fa0b0; }
.pageing_form a { display: inline-block; vertical-align: top; width: 27px; height: 27px; font-size: 14px; line-height: 27px; text-align: center; color: #666; }

.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; align-items:center; }
.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; color:#aaa; }
.mypage_tb tbody tr.disable .qua_plus { background-color:#f9f9f9; }
.mypage_tb tbody tr.disable .cart_btn.blue { background-color:#ccc; border-color:#ccc; }
.mypage_tb tbody tr.disable .coupon_btn { background-color:#ccc; border-color:#ccc; }
.mp_conts { margin-bottom:40px; }
.marb_n { margin-bottom:0; }

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

.i_name { font-weight: 400; color:#000; }
.i_price { font-size: 12px; color:#999; }
.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;}
.cal_input.calendar{ 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; }
.gr_button { cursor:pointer; background-color: #999999; border:1px solid #999999; 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; border-radius:0; }
.myinfo_tb tbody td input::placeholder { color:#bbb; }
.myinfo_tb tbody td select { border:1px solid #eee; padding:0 5px; height:36px; font-weight:400; border-radius:0; }
.myinfo_tb tbody td textarea { border:1px solid #eee; padding:5px; resize:none; width:50%; height:100px; border-radius:0; }
.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_bg { background-color:#fff; margin-bottom:70px; padding:25px 0; border-bottom:1px solid #eee; }
.big_title_bg .big_title { padding:0; }
.big_title { padding: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; line-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; }
.pro_info { position:relative; display:flex;align-items:center; gap:15px; }
.pro_info p { font-size:15px; }
.pro_info .c_tit  { font-size:16px; color:#222; font-weight:500; margin-bottom:2px; }
.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; background-color:#fff; }
.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 .minus: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,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,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; background-color:#fff; }
.cart_bbtn a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.cart_bbtn button { display:inline-block; min-width:140px; text-align:center; font-size:16px; border:1px solid #eee; padding:10px 20px; border-radius:5px; background-color:#fff; }
.cart_bbtn button.blue { background-color:#1fa0b0; color:#fff !important; border-color:#1fa0b0; }

.order_sec { margin-bottom:30px; background-color:#fff; padding:10px 30px 40px; border-radius:15px; border:1px solid #eee; overflow:hidden; }
.dot_tit { position:relative; padding-left:14px; margin-bottom:12px; font-size:18px; color:#222; margin-top:20px; }
.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: 13px; color: #000; font-weight:400; margin: 20px 10px; 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:36px; color:#222; text-align:center; margin:40px auto; }
.comp_txt p span { color:#1fa0b0; }
.orblue_txt { color:#1fa0b0; font-weight:500; }






/* member */
.login_bg { width:100%; min-height:100vh; background-image:url('../images/log_bg.jpg'); background-position:top right; background-repeat:no-repeat; background-size:contain; }
.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; }

.log_logo { margin-bottom:30px; width:165px; height:80px; background-image:url('../images/log_logo.png'); background-size:100%; background-repeat:no-repeat; background-position:center; }
.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 { position:relative; margin-bottom:15px; }
.loginput_list li:last-child { margin-bottom:0; }
.loginput_list li > input { position:relative; 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:nth-child(1):after { content:''; width:18px; height:19px; background-image:url('../images/id_icon.png'); background-size:100%; background-repeat:no-repeat; position:absolute; left:15px; top:50%; transform:translate(0,-50%);}
.loginput_list li > input.pw { /*background-image:url('../images/pw_icon.png'); background-size:18px; background-repeat:no-repeat; background-position:left 15px center;*/ }
.loginput_list li:nth-child(2):after { content:''; width:18px; height:19px; background-image:url('../images/pw_icon.png'); background-size:100%; background-repeat:no-repeat; position:absolute; left:15px; top:50%; transform:translate(0,-50%);}
.log_find { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.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 { 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; }
.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; }
.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:absolute;  left:0; bottom:-70px; }
.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; }






/* 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; }
.join_header { position:absolute; top:90px; left:50%; transform: translateX(-50%); }
.join_header h1 { font-size:55px; color:#fff; font-weight:500; display:flex; 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%); }
.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 { 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 > 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(2) .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(4) .rou { background-image:url('../images/step04.png'); }
.step_con li:nth-child(5) .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(2) .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(4) .rou { background-image:url('../images/step04_wh.png'); }
.step_con li.on:nth-child(5) .rou { background-image:url('../images/step05_wh.png'); }
.type_nati { max-width:750px; margin:0 auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 35px; grid-row-gap: 35px; margin-bottom:15px; }
.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 { display:none; 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:21px; display:flex; align-items:center; gap:20px; }
.ag_wrap .open p { cursor:pointer; border:1px solid #eee; padding:5px 10px; color:#666; font-weight:400; }
.ag_wrap .open .ico { 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; }
.ag_wrap .open .ico.active  { transform:rotate(180deg); }


.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 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; }
.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; }
.backon1{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; z-index: 15; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 999; }
.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'); }


/* popup */
.layer_popup { display: none; }
.layer_popup{ position:relative; width: auto; height: auto; padding:20px 20px; border-radius:20px; animation: appear .8s /*cubic-bezier(.77,0,.175,1) forwards*/; box-sizing:border-box; position: fixed; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background-color: #fff; z-index: 9999; }
.layer_popup h2 { font-size:15px; color:#000; font-weight:bold; margin-bottom:12px; }
.layer_popup h2 i { color:#96a2b8; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 999; }
.layer_popup .close{ position:absolute; top:10px; right: 10px; cursor:pointer; width:40px; height:40px;  opacity:1; text-indent:-999px; background-position:center;
    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:30px; background-position:center; background-repeat:no-repeat; }
#popup01 { box-shadow: 0 25px 40px -20px #aaa; }
#popup01 .close{ position:absolute; top:50%; transform: translate(0, -50%); right: -43px; cursor:pointer; width:44px; height:88px; background-position:center right 12px; background-color:#fff; border-radius:0 100px 100px 0; opacity:1; text-indent:-999px; }
#manage_pop .close{ position:absolute; top:50%; transform: translate(0, -50%); right: -43px; cursor:pointer; width:44px; height:88px; background-position:center right 12px; background-color:#fff; border-radius:0 100px 100px 0; opacity:1; text-indent:-999px; }
.layer_popup .close_pop{ position:absolute; top:10px; right: 10px; cursor:pointer; width:25px; height:25px;  opacity:1; text-indent:-999px; background-position:center;
    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; }

.qbom_pop { position:fixed !important; min-width:500px; height:auto; transform: translate(-50%, -50%); animation: cou_appear .8s; border-radius:10px; overflow:hidden; padding:0; }
.qbom_pop:before { content:''; display:inline-block; width:29px; height:15px; background-image:url("../images/tail.png"); background-repeat:no-repeat; background-size:100%; background-position:center;
    position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); }
.qbom_pop h2 .dbl { color:#054d7c; font-weight:600; }
.qbom_pop h2 .lb { color:#007bff; }
.qbom_pop #wrap { height:100%; }
.qbom_pop #container { height:100%; }

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

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









/* footer */
#footer { border-top:1px solid #eee; background-color:#fff; }
.f_inner { max-width:1400px; margin:0 auto; display:flex; padding:50px 0 30px; }
.f_logo { width:210px; height:22px; margin-bottom:20px; background-image:url('../images/ft_logo.png'); background-repeat:no-repeat; background-position:center; background-size:100%; }
.f_info { flex:4; padding-right:60px; }
.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:17px; color:#000; font-weight:500; margin-bottom:5px; display:flex; align-items:center; gap:13px; }
.f_company { width:80%; position:relative; }
.f_company:after { content:''; width:1px; height:60px; background-color:#ddd; position:absolute; right:40px; top:50%; transform:translate(0,-50%); }
.f_company .f_clist li { margin-bottom:11px; font-weight:400; font-size:15px; color:#222; }
.f_cs { width:50%; }
.f_cs .f_cslist li { font-size:14px; margin-bottom:5px; font-weight:400; color:#222; }
.f_cs .f_cslist li:last-child { margin-bottom:0; }
.f_cs .k_ch { margin-top:15px; }
.back-top { display:none; cursor: pointer; width: 60px; height: 60px; position: fixed; bottom: 30px; right: 37px; 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%);}
.k_ch { width:30px; height:32px; background-image:url('../images/kakao_ch.png'); background-size:100%; background-position:center; background-repeat:no-repeat; }
.k_ch a { display:block; height:100%; }
.footer_in_right { width:40%; }
.f_noti { background-color:#f5f5f5; padding:20px 0; }
.f_noti .shop_noti_txt { max-width:1400px; margin:0 auto; text-align:center; color:#777; line-height:1.8em; font-weight:300; font-size:13px; }
.f_noti .shop_noti_txt .copy { font-weight:400; color:#999; }
.f_clist { display:flex; gap:20px; margin-top:25px; }
.f_clist li a { color:#727272; font-weight:400; }
.f_clist li { position:relative; }
.f_clist li:after { content:''; width:1px; height:11px; background-color:#aaa; position:absolute; right:-11px; top:50%; transform:translate(0,-50%); }
.f_clist li:last-child:after { display:none; }
.f_flex { display:flex; }
.f_call { display:flex; align-items:center; font-size:28px; color:#222; font-weight:700; }
.f_snslist li { font-size:14px; letter-spacing:-0.55px; }

/* 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; padding:20px 15px; }
.qna_menu .hide ul li { font-weight:400; color:#1fa0b0; }

.q_wrap { display:block; padding:20px 15px; cursor:pointer; }
.qna_title { padding:0 0 10px; font-size:17px; }
.rqna_title { font-size:15px; display:flex; }
.rqna_title li { position:relative; padding-right:20px; font-weight:400; color:#666; }
.rqna_title li:after { content:''; display:inline-block; width:1px; height:12px; background-color:#ccc; position:absolute; right:10px; top:4px; }
.rqna_title li:last-child { padding-right:0; }
.rqna_title li:last-child:after { display:none; }
.rqna_title li.aligncenter { text-align:center; }
.rqna_title li.reply_wrap { position:relative; padding-left:58px; }
.rqna_title li.state { color:#1fa0b0; }
.thead { border-bottom:1px solid #eee; }
.thead li { font-weight:500; color:#222; }
.answer { position:relative; padding:0 0 10px 42px; font-weight:400; font-size:15px; color:#777; }
.answer_r { position:relative; padding:0 0 10px 42px; font-weight:400; font-size:15px; color:#777; background-color: #fbfbfb; }
.question { position:absolute; left:0px; top:3px; display:inline-block; border:1px solid #1fa0b0; padding:1px 4px; font-size:13px; font-weight:300; background-color:#1fa0b0; color:#fff; margin-right:7px; vertical-align:middle; }
.reply { position:absolute; left:0px; 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; }
.hide .rqna_title { justify-content: end; }





.coupon_popup { position:relative; max-width:600px; height:760px; border:1px solid #eee; border-radius:10px; margin:0 auto; }
.coupon_popup_inner { position:relative; width:100%; height:100%; }
.cp_header { position:relative; padding:15px 15px; text-align:center; border-bottom:1px solid #eee; }
.cp_close { position:absolute; right:15px; top:50%; transform:translate(0,-50%); width:25px; height:25px; cursor:pointer; 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='%23403535' 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"); }

.cp_product { display:flex; align-items:center; padding:10px; border:1px solid #eee; border-radius:10px; }
.cp_pro_img { position:relative; width:80px; height:80px; margin-right:10px; background-repeat:no-repeat; background-position:center; background-size:cover; border:1px solid #eee; }
.cp_pro_desk .c_tit  { font-size:14px; color:#222; font-weight:500; margin-bottom:2px; }
.cp_pro_desk .c_desk { font-size:14px; color:#999; font-weight:400; }

.cp_cont { padding:30px 20px; position:absolute; top:56px; left:0; bottom:169px; overflow-y:scroll; width:100%;  }
.cp_count { display:flex; align-items:center; margin:5px 0 25px; }
.cp_count li { position:relative; flex:1 1; width:33.33%; text-align:center; padding:0 10px; }
.fst_list { border-bottom:1px solid #eee; margin-bottom:15px; padding:15px 0; }
.sale_tit { font-size:15px; color:#777; font-weight:400; }
.cp_sale_list { display:flex; }
.cp_sale_list div:nth-child(1) { width:18%; }
.cp_sale_list div:nth-child(2) { width:82%; }
.cp_flex { display:flex; align-items:start; margin-bottom:5px; }
.cp_flex:last-child { margin-bottom:0; }
.cp_flex li:nth-child(1) { width:27%; }
.cp_flex li:nth-child(2) { width:73%; font-size:15px; font-weight:400; padding-top:1px; }
.cp_flex li p { font-weight:400; }
.cp_list > li { font-size:16px; margin-bottom:8px; }
.cp_list > li:last-child { margin-bottom:0;}
.cp_radio { margin-right:5px; }
.cp_radio:checked + .cp_label { color:#1fa0b0; font-weight:600; }
.coupon_name { font-size:14px; color:#222; }
.coupon_info { color:#666; }

.cp_footer { position:absolute; left:0; bottom:0; width:100%; padding:15px 15px; }
.cp_minus:before { content:''; width:19px; height:19px; background-color:#bbb; border-radius:100%; position:absolute; left:-10px; top:50%; transform:translate(0,-50%); background-size:12px; background-repeat:no-repeat; 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='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E");}
.cp_equal:before { content:''; width:19px; height:19px; background-color:#bbb; border-radius:100%; position:absolute; left:-10px; top:50%; transform:translate(0,-50%); background-size:12px; background-repeat:no-repeat; 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='M224,160a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,160ZM40,104H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16Z'%3E%3C/path%3E%3C/svg%3E");}
.cp_ctit { font-size:15px; font-weight:400;  }
.cp_cnum { font-size:22px !important; font-weight:700; color:#222; }
.cp_cnum.color { color:#1fa0b0; }
.cp_cnum.gr { color:#666; }
.cp_btn { display:block; color:#fff; font-size:16px; text-align:center; padding:10px 5px; border-radius:10px; background-color:#1fa0b0; width:100%; }


.size_div { display: inline-block; max-width: 100%; };
.mr-5 { margin-right:5px;}
.mr-10 { margin-right:10px;}
.mr-15 { margin-right:15px;}
.mr-20 { margin-right:20px;}
.mr-25 { margin-right:25px;}
.ml-5 { margin-left:5px;}
.ml-10 { margin-left:10px;}
.ml-15 { margin-left:15px;}
.ml-20 { margin-left:20px;}
.ml-25 { margin-left:25px;}
.mt-5 { margin-top:5px;}
.mt-10 { margin-top:10px;}
.mt-15 { margin-top:15px;}
.mt-20 { margin-top:20px;}
.mt-25 { margin-top:25px;}
.mb-5 { margin-bottom:5px;}
.mb-10 { margin-bottom:10px;}
.mb-15 { margin-bottom:15px;}
.mb-20 { margin-bottom:20px;}
.mb-25 { margin-bottom:25px;}

.pt-5 { padding-top:5px !important;}
.pt-10 { padding-top:10px !important;;}
.pt-15 { padding-top:15px !important;;}
.pt-20 { padding-top:20px !important;;}
.pt-25 { padding-top:25px !important;;}

.wt-50 { width:50px !important; }
.wt-60 { width:60px !important; }
.wt-70 { width:70px !important; }
.wt-80 { width:80px !important; }
.wt-90 { width:90px !important; }
.wt-100 { width:100px !important; }
.wt-150 { width:150px !important; }
.wt-200 { width:200px !important; }
.wt-250 { width:250px !important; }
.wt-300 { width:300px !important; }
.wt-350 { width:350px !important; }
.wt-400 { width:400px !important; }
.wt-450 { width:450px !important; }

.ht-20 { height:20px !important; }
.ht-22 { height:22px !important; }
.ht-24 { height:24px !important; }
.ht-26 { height:26px !important; }
.ht-28 { height:28px !important; }
.ht-30 { height:30px !important; }
.ht-32 { height:32px !important; }
.ht-34 { height:34px !important; }
.ht-36 { height:36px !important; }
.ht-38 { height:38px !important; }
.ht-40 { height:40px !important; }
.ht-42 { height:42px !important; }
.ht-44 { height:44px !important; }
.ht-46 { height:46px !important; }
.ht-48 { height:48px !important; }

.lh-0 { line-height:0px !important; }

.Ctn { text-align: center !important; padding-left:0px !important; padding-right:0px !important; }
.Rgt { text-align: right !important; padding-right:3px; }
.Lft { text-align: left !important; padding-left:3px; }
.Vtop { vertical-align: top; }
.Vmiddle { vertical-align: middle; }
.Vbottom { vertical-align: bottom; }

.mySwiper2 .swiper-button-next::after, .mySwiper2 .swiper-button-prev::after { color:#ddd !important; }
.related_img { border-radius:10px; border:1px solid #eee; }
.fcGray {color:#999;}

.prod_box_wrap { border-top:2px solid #222; }
.prod_box_inner { position:relative; display:flex; }
.prod_box_header > div { border-left:0; }
.prod_left_box { -webkit-box-flex:1; flex-grow:1; display:flex; }
.prod_box01 { width:490px; padding:0; }
.prd_info { position:relative; display:flex;align-items:center; gap:15px; padding:10px 15px 10px 0; border-bottom:1px solid #eee; }
.prd_info p { font-size:15px; }
.prd_info .c_tit  { font-size:14px; color:#222; font-weight:500; margin-bottom:2px; }
.prd_info .c_desk { font-size:13px; color:#999; font-weight:400; }
.c_company { /*display:block;*/ font-size:13px; color:#1fa0b0; font-weight:400; margin-bottom:2px; }
.prod_box02 { width:169.6px; text-align:center; }
.prod_box03 { width:169.6px; text-align:center; }
.prod_box04 { width:169.6px; text-align:center; }
.prod_box05 { width:169.6px; text-align:center; }
.prod_box06 { width:169.6px; text-align:center; border-left:1px solid #eee; }
.pb_style { display:flex; align-items:center; justify-content:center; border-bottom:1px solid #eee; padding:10px 15px; }
.align_center { text-align:center; justify-content:center; }
.del_wrap { display:flex; align-items:center; }
.truck_icon { width:20px; height:15px; background-repeat:no-repeat; background-size:100%; background-position:center; margin-right:5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23aaaaaa' viewBox='0 0 256 256'%3E%3Cpath d='M245.57,117.78l-14-35a13.93,13.93,0,0,0-13-8.8H182V64a6,6,0,0,0-6-6H24A14,14,0,0,0,10,72V184a14,14,0,0,0,14,14H42.6a30,30,0,0,0,58.8,0h53.2a30,30,0,0,0,58.8,0H232a14,14,0,0,0,14-14V120A6,6,0,0,0,245.57,117.78ZM182,86h36.58a2,2,0,0,1,1.86,1.26L231.14,114H182ZM22,72a2,2,0,0,1,2-2H170v68H22ZM72,210a18,18,0,1,1,18-18A18,18,0,0,1,72,210Zm82.6-24H101.4a30,30,0,0,0-58.8,0H24a2,2,0,0,1-2-2V150H170v15.48A30.1,30.1,0,0,0,154.6,186ZM184,210a18,18,0,1,1,18-18A18,18,0,0,1,184,210Zm50-26a2,2,0,0,1-2,2H213.4A30.05,30.05,0,0,0,184,162c-.67,0-1.34,0-2,.07V126h52Z'%3E%3C/path%3E%3C/svg%3E"); }
.prod_tit { display:none; }
.pb_flex_box { flex:1; }

.no_border { border:0; }
.prod_cart_tit { display:block; margin-bottom:5px; font-weight:400; color:#222; }
.pb_cart_style { flex-flow:column; }
.cart_bprice { font-size:17px; font-weight:400; }
.prod_cartbox01 { width:668px; padding-left:50px; position:relative; }
.prod_cartbox02 { width:187px; justify-content:start; }
.prod_cartbox03 { width:187px; justify-content:start; }
.prod_cartbox04 { width:187px; justify-content:start; }
.prod_cartbox06 { width:187px; justify-content:start; }
.cart_del_wrap { /*display:flex;*/ align-items:center; justify-content:space-between; margin-bottom:20px; font-size:16px; font-weight:400; padding-left:20px; }
.cart_del_wrap input { margin-right:10px; }
.cart_del_wrap .wh_btn { display:inline-block; background-color:#fff; border:1px solid #eee; padding:7px 13px; border-radius:5px; }
.prod_cart_sale { font-size:15px; color:#999; font-weight:400; text-decoration: line-through; }
.prod_cart_sale b { font-weight:500; }
.prod_cart_shopname { position:relative; font-size:18px; color:#222; border-bottom:1px solid #eee; padding:0 20px; }
.prod_cart_shopname p { padding-bottom:20px; font-weight:500; }
.prod_cart_shopname p input { margin-right:7px; }
.cart_order_sec { padding:20px 0 0; }
.cart_qua { margin-top:7px; }
.cart_del_btn { position:absolute; right:0; top:20px; width:20px; height:20px; background-repeat:no-repeat; background-size:100%; background-position:center; cursor:pointer;
    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='M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.cart_notice { color:#777; font-weight:300; font-size:13px; margin-top:5px; }
.cart_notice i { color:#ccc; font-size:15px; margin-right:2px; display:inline-block; vertical-align:middle; margin-top:-3px; }
.coupon_btn { display:inline-block; font-size:13px; background:#fff; border:1px solid #1fa0b0; color:#1fa0b0; padding:2px 8px; border-radius:5px; font-weight:400; margin-top:5px; }
.coupon_btn.on { background-color:#1fa0b0; color:#fff; }
.cart_inner_price { margin-bottom:0; align-items:center; }
.cart_inner_price li { width:20%; padding:30px 5px; }
.cart_inner_price li .pr { border-bottom:0; padding:0; }
.cart_inner_price li .pr.no_after:after { display:none; }
.pr_price { font-size:15px; }
.pr_price b { font-size:24px; margin-right:3px; }
.cart_inner_price li label { color:#222; font-size:16px; display:block; margin-bottom:3px; font-weight:400; }
.cart_inner_btn { display:inline-block; background-color:#1fa0b0; color:#fff; border-radius:5px; font-weight:400; padding:10px 20px; font-size:16px; }
.prod_chkbox { position:absolute; left:18px; top:50%; transform:translate(0,-50%); z-index:5; }
.prod_box_start { position:relative; }
.prod_box_inner.cart_sold_out .cimg_area  { opacity:0.5; }
.prod_box_inner.cart_sold_out .c_tit { color:#bbb; }
.prod_box_inner.cart_sold_out .c_company { color:#bbb; }
.prod_box_inner.cart_sold_out .prod_cart_tit { color:#bbb; }
.prod_box_inner.cart_sold_out .cart_bprice { color:#bbb; }
.prod_box_inner.cart_sold_out .coupon_btn { background-color:#f8f8f8; border:1px solid #f8f8f8; color:#bbb; }
.prod_box_inner.cart_sold_out .cart_notice { color:#bbb; }
.prod_box_inner.cart_sold_out .prod_cart_tit { color:#bbb; }
.prod_box_inner.cart_sold_out .cart_bprice { color:#bbb; }
.prod_box_inner.cart_sold_out .qua_minus { background-color:#f8f8f8; color:#ccc; }
.prod_box_inner.cart_sold_out .qua_num { background-color:#f8f8f8; color:#bbb; }
.prod_box_inner.cart_sold_out .qua_plus { background-color:#f8f8f8; color:#ccc; }
.cart_bottom_price { background-color:#eaf4f5; padding:20px 10px; text-align:right; font-size:20px; }
.cart_bottom_price > .sub_inner { display:flex; align-items:center; justify-content:end; }
.cart_bottom_btn { font-weight:400; margin-left:20px; background-color:#1fa0b0; color:#fff; display: inline-block; min-width: 140px; text-align: center; font-size: 16px; border: 1px solid #1fa0b0; padding: 10px 20px; border-radius: 5px; }
.cart_bottom_price .tit { font-size:17px; font-weight:600; margin-right:10px; }
.cart_bottom_price .price { font-size:24px; color:#1fa0b0; }
.prod_cart_txtwrap { display:flex; flex-flow:column; }

.price_coupon_wrap { display:flex; align-items:center; justify-content:space-between; }
.pl_coupon_btn { border-radius:5px; margin-top:10px; width:97px; height:32px; padding:0 10px 0 14px; gap:7px; font-size:13px; font-weight:400; background-color:#1fa0b0; color:#fff; display:flex; align-items:center; justify-content:space-between; }
.pl_coupon_btn svg { width:12px; height:12px; }
.off { color:#bbb; }

.coupon_box_wrap { position: absolute; bottom: 85px; top: 66px; width: 100%; overflow-y: auto;  padding:20px 20px; }
.coupon_bottom_custom { bottom:184px; }
.coupon_box_tit { position:relative; text-align:center; padding:20px 20px 5px; background-color:#fff; }
.coupon_box_tit:after { content:''; width:110%; height:1px; background-color:#eee; position:absolute; left:-20px; bottom:0; }
.coupon_box_tit h2 { font-size:20px; font-weight:500; }
.coupon_box_tit .close_pop { top:22px; right:20px; }
.coupon_box { display:flex; align-items:center; border:1px solid #eee; margin-bottom:10px; padding:15px 0 15px 15px; }
.coupon_box.gap { gap:12px; position:relative; }
.coupon_cancel_btn { position:absolute; right:7px; top:50%; transform:translate(0,-50%); border:1px solid #eee; padding:3px 7px; }
.coupon_box .full_flex { flex:2; padding-right:80px; }
.coupon_box_left { width:80%; border-right:1px solid #eee; padding-right:15px; }
.coupon_box_right { width:20%; height:100%; text-align:center; }
.coupon_box_btn { width:20px; height:20px; cursor:pointer; margin-bottom:5px; text-indent:-999999999999px; background-repeat:no-repeat; background-size:100%; background-position:center; background-color:#fff; border:1px solid #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='css-qzxgwt e144bp3r2' viewBox='0 0 9 9'%3E%3Cg fill='%23222' fill-rule='evenodd'%3E%3Cpath fill='none' d='M0 0h9v9H0z'%3E%3C/path%3E%3Cpath d='M7.284 4.243 4.625 6.695l-.292.275-.003-.003v.001l-.673-.626.002-.002-2.23-2.083.733-.582 1.665 1.607L3.828 0h.937v5.339l1.856-1.678.663.582zm.31 3.505v.943h-6.54v-.943h6.54z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
.coupon_box_btn.off { 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"); }
.coupon_box_per b { font-size:25px; font-weight:500; color:#1fa0b0; }
.coupon_box_name { font-size:15px; font-weight:400; margin-top:5px; }
.coupon_box_name b { font-weight:500; }
.coupon_box_cate { color:#888; margin-top:5px; font-size:14px; font-weight:400; }
.coupon_box_cate b { font-weight:400; }
.coupon_box_seller { color:#888; font-size:14px; font-weight:400; }
.coupon_box_seller b { font-weight:400; }
.coupon_box_desk { font-size:13px; color:#999; font-weight:400; margin-top:1px;}
#res_cnt_text3 { font-weight:600; }
.coupon_box_left.off .coupon_box_per b { color:#bbb; }
.coupon_box_left.off .coupon_box_cate { color:#bbb; }
.coupon_box_left.off .coupon_box_seller { color:#bbb; }
.coupon_box_left.off .coupon_box_desk { color:#bbb; }
.coupon_box_notice { position:absolute; background-color:#fff; width:100%; bottom:0; left:0; padding-top:18px;  padding:20px 20px; }
.coupon_box_notice:after { content:''; width:110%; height:1px; background-color:#eee; position:absolute; left:-20px; top:0; }
.coupon_box_notice .dot_list li { position:relative; margin-bottom:5px; font-size:13px; color:#777; font-weight:400; padding-left:10px; }
.coupon_box_notice .dot_list li:before { content:''; width:3px; height:3px; border-radius:100%; background-color:#ccc; position:absolute; left:0; top:9px; }
.coupon_box_notice .dot_list li:last-child { margin-bottom:0; }
.null_coupon { height:95%; justify-content:center; text-align:center; padding:0; border:0; }
.null_coupon h2 { font-size:18px; color:#999; font-weight:400; }
.coupon_icon { display:block; margin:0 auto 5px; width:40px; height:40px; background-size:100%; background-repeat:no-repeat; background-position:center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bbbbbb' viewBox='0 0 256 256'%3E%3Cpath d='M227.19,104.48A16,16,0,0,0,240,88.81V64a16,16,0,0,0-16-16H32A16,16,0,0,0,16,64V88.81a16,16,0,0,0,12.81,15.67,24,24,0,0,1,0,47A16,16,0,0,0,16,167.19V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V167.19a16,16,0,0,0-12.81-15.67,24,24,0,0,1,0-47ZM32,167.2a40,40,0,0,0,0-78.39V64H88V192H32Zm192,0V192H104V64H224V88.8a40,40,0,0,0,0,78.39Z'%3E%3C/path%3E%3C/svg%3E"); }

.rock { display:inline-block; margin-left:2px; margin-top:-3px; vertical-align:middle; width:15px; height:15px; background-size:100%; background-repeat:no-repeat; background-position:center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23aaaaaa' viewBox='0 0 256 256'%3E%3Cpath d='M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-60-52a16,16,0,1,1-16-16A16,16,0,0,1,144,152Z'%3E%3C/path%3E%3C/svg%3E"); }
.de_title_flex { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.de_title_flex .de_title { margin:0; }
.de_title_flex .bo_btn_wrap { margin-top:0; }
.qna_write_noti { font-weight:400; font-size:15px; padding:20px 5px; border-bottom:1px solid #eee; }
.qna_write_wrap { padding:0 20px; }
.qna_write_tb { display:flex; align-items:center; }
.qna_write_tb > li { display:flex; align-items:center; border-bottom:1px solid #ddd; }
.qna_write_tb > li:nth-child(1) { background-color:#f8f8f8; width:20%; height:50px; padding:10px 20px; }
.qna_write_tb > li:nth-child(2) { background-color:#fff; width:80%; height:50px; padding:10px 20px; }
.qna_write_tb > li input[type="text"] { min-height:35px; border:1px solid #ddd; border-radius:5px; padding:0 10px; }
.qna_write_tb > li input[type="password"] { min-height:35px; border:1px solid #ddd; border-radius:5px; padding:0 10px; }
.qna_write_tb > li textarea { border:1px solid #ddd; border-radius:5px; resize:none; padding:10px; }
.qna_write_proname { color:#1fa0b0; font-size:16px; font-weight:400;}
.qna_write_tb.wide { align-items: stretch !important; }
.qna_write_tb.wide > li { height:auto !important; }
.qna_write_tb.wide > li:nth-child(2) { flex-flow:column; align-items:start; }
.qna_write_info { font-size:15px; text-align:left; margin:15px 0 5px; }
.qna_write_tb > li .dot_list li { position:relative; margin-bottom:4px; font-size:14px; color:#777; font-weight:400; padding-left:10px; }
.qna_write_tb > li .dot_list li:before { content:''; width:3px; height:3px; border-radius:100%; background-color:#ccc; position:absolute; left:0; top:9px; }
.qna_write_tb > li .dot_list li:last-child { margin-bottom:0; }
.qna_write_btn { display:flex; align-items:center; gap:10px; justify-content:center; margin-top:20px; }
.qna_write_btn input[type="button"] { cursor:pointer; width:130px; height:40px; font-size:16px; font-weight:400; border-radius:5px; background-color:#fff; border:1px solid #ddd; }
.qna_write_btn input[type="button"].blue { background-color:#1fa0b0; border-color:#1fa0b0; color:#fff !important; }
.qna_secret { display:flex; align-items:center; gap:5px; margin-top:10px; padding:0 20px; font-weight:400; }

.qna_popup { position:fixed !important; min-width:720px; height:680px; transform: translate(-50%, -50%); animation: cou_appear .8s; border-radius:10px; overflow:hidden; padding:0; }
.qna_popup:before { content:''; display:inline-block; width:29px; height:15px; background-image:url("../images/tail.png"); background-repeat:no-repeat; background-size:100%; background-position:center;
    position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); }
.qna_popup h2 .dbl { color:#054d7c; font-weight:600; }
.qna_popup h2 .lb { color:#007bff; }
.qna_popup #wrap { height:100%; }
.qna_popup #container { height:100%; }

.Cpnt { cursor:pointer; }

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

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

.empty_cart { text-align:center; padding:150px 0; }
.empty_cart h2 { margin-top:10px; font-weight:400; color:#999; }
.empty_cart_icon { display:inline-block; width:50px; height:50px; 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='%23bbbbbb' viewBox='0 0 256 256'%3E%3Cpath d='M222.14,58.87A8,8,0,0,0,216,56H54.68L49.79,29.14A16,16,0,0,0,34.05,16H16a8,8,0,0,0,0,16h18L59.56,172.29a24,24,0,0,0,5.33,11.27,28,28,0,1,0,44.4,8.44h45.42A27.75,27.75,0,0,0,152,204a28,28,0,1,0,28-28H83.17a8,8,0,0,1-7.87-6.57L72.13,152h116a24,24,0,0,0,23.61-19.71l12.16-66.86A8,8,0,0,0,222.14,58.87ZM96,204a12,12,0,1,1-12-12A12,12,0,0,1,96,204Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,192,204Zm4-74.57A8,8,0,0,1,188.1,136H69.22L57.59,72H206.41Z'%3E%3C/path%3E%3C/svg%3E"); }
.empty_cart_btn { display:inline-block; background-color:#fff; border:1px solid #eee; padding:10px 25px; font-size:15px; margin-top:30px; font-weight:400; color:#777; }
.my_point { font-size: 18px; font-weight:400; vertical-align:middle; margin-right:25px;}
.my_point b { color:#1fa0b0; }

.blue_txt { color:#1fa0b0; font-weight:600; }

.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; }
.email_flex { display:flex; align-items:center; gap:5px; }
.number_flex { display:flex; align-items:center; gap:5px; }

.mile_search_wrap { display:flex; gap:5px; }

.my_coupon_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.my_coupon_list > li { border:1px solid #eee; padding:20px; }
.my_coupon_name { font-size:20px; }
.my_coupon_cont { border-top:1px solid #eee; padding-top:15px; margin-top:15px; }
.my_coupon_cont li { font-weight:400; color:#666; margin-bottom:5px; }
.my_coupon_cont li:last-child { margin-bottom:0; }
.my_coupon_status { color:#999; font-weight:400; margin-bottom:5px; margin-left:2px; }
.my_coupon_status.on { color:#1fa0b0; font-weight:500; }

.mmileage_area { margin-bottom:40px; }
.mmileage_head { border-top:2px solid #222; }
.mmileage_head_list { display:flex; align-items:center; border-bottom:1px solid #eee; }
.mmileage_head_list li { text-align:center; padding:17px 5px; font-size:15px; }
.mmileage_head_list li:nth-child(1) { width:20%; }
.mmileage_head_list li:nth-child(2) { width:20%; }
.mmileage_head_list li:nth-child(3) { width:20%; }
.mmileage_head_list li:nth-child(4) { width:20%; }
.mmileage_head_list li:nth-child(5) { width:20%; }
.mmileage_body_form > li { border-bottom:1px solid #eee; }
.mmileage_body_list { display:flex; align-items:center; }
.mmileage_body_list li { text-align:center; padding:17px 5px; font-size:14px; font-weight:400; }
.mmileage_body_list li:nth-child(1) { width:20%; }
.mmileage_body_list li:nth-child(2) { width:20%; }
.mmileage_body_list li:nth-child(3) { width:20%; }
.mmileage_body_list li:nth-child(4) { width:20%; }
.mmileage_body_list li:nth-child(5) { width:20%; }
.mmb_tit { display:none; }

.mapp_area { margin-bottom:40px; }
.mapp_head { border-top:2px solid #222; }
.mapp_head_list { display:flex; align-items:center; border-bottom:1px solid #eee; }
.mapp_head_list li { text-align:center; padding:17px 5px; font-size:15px; }
.mapp_head_list li:nth-child(1) { width:20%; }
.mapp_head_list li:nth-child(2) { width:40%; }
.mapp_head_list li:nth-child(3) { width:13.333%; }
.mapp_head_list li:nth-child(4) { width:13.333%; }
.mapp_head_list li:nth-child(5) { width:13.333%; }
.mapp_body_form > li { border-bottom:1px solid #eee; }
.mapp_body_list { display:flex; align-items:center; }
.mapp_body_list li { text-align:center; padding:17px 5px; font-size:14px; font-weight:400; }
.mapp_body_list li:nth-child(1) { width:20%; }
.mapp_body_list li:nth-child(2) { width:40%; }
.mapp_body_list li:nth-child(3) { width:13.333%; }
.mapp_body_list li:nth-child(4) { width:13.333%; }
.mapp_body_list li:nth-child(5) { width:13.333%; }
.mapp_tit { display:none; }
.mapp_btn { background-color:#222; color:#fff; border-radius:5px; padding:5px 10px; font-weight:400; font-size:13px; }

.morder_area { margin-bottom:40px; }
.morder_head { border-top:2px solid #222; }
.morder_head_list { display:flex; align-items:center; border-bottom:1px solid #eee; }
.morder_head_list li { text-align:center; padding:17px 5px; font-size:15px; }
.morder_head_list li:nth-child(1) { width:20%; }
.morder_head_list li:nth-child(2) { width:20%; }
.morder_head_list li:nth-child(3) { width:12%; }
.morder_head_list li:nth-child(4) { width:12%; }
.morder_head_list li:nth-child(5) { width:12%; }
.morder_head_list li:nth-child(6) { width:12%; }
.morder_head_list li:nth-child(7) { width:12%; }
.morder_body_form > li { border-bottom:1px solid #eee; }
.morder_body_list { display:flex; align-items:center; }
.morder_body_list li { text-align:center; padding:17px 5px; font-size:14px; font-weight:400; }
.morder_body_list li:nth-child(1) { width:20%; }
.morder_body_list li:nth-child(2) { width:20%; }
.morder_body_list li:nth-child(3) { width:12%; }
.morder_body_list li:nth-child(4) { width:12%; }
.morder_body_list li:nth-child(5) { width:12%; }
.morder_body_list li:nth-child(6) { width:12%; }
.morder_body_list li:nth-child(7) { width:12%; }
.morder_tit { display:none; }
.morder_btn { background-color:#222; color:#fff; border-radius:5px; padding:5px 10px; font-weight:400; font-size:13px; }
.bill_info_set { color:#1fa0b0; font-size:18px; }
.bill_info_set b { color: #177783; }

.bill_tax { display:none; }
.receipt_p { display:none; }
.receipt_c { display:none; }
.deposit { display:none; }
.pay_card { display:none; }
.pay_card_m { display:none; }
.pay_card_billing_m { display:none; margin-bottom:30px; }
.pay_card_new { display:none; }
.pay_card_billing { display:none; margin-bottom:30px; }



/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

.wt-50 { width:50px !important; }
.wt-60 { width:60px !important; }
.wt-70 { width:70px !important; }
.wt-80 { width:80px !important; }
.wt-90 { width:90px !important; }
.wt-100 { width:100px !important; }
.wt-150 { width:150px !important; }
.wt-200 { width:200px !important; }
.wt-250 { width:250px !important; }
.wt-300 { width:300px !important; }
.wt-350 { width:350px !important; }
.wt-400 { width:400px !important; }
.wt-450 { width:450px !important; }

.ht-20 { height:20px !important; }
.ht-22 { height:22px !important; }
.ht-24 { height:24px !important; }
.ht-26 { height:26px !important; }
.ht-28 { height:28px !important; }
.ht-30 { height:30px !important; }
.ht-32 { height:32px !important; }
.ht-34 { height:34px !important; }
.ht-36 { height:36px !important; }
.ht-38 { height:38px !important; }
.ht-40 { height:40px !important; }
.ht-42 { height:42px !important; }
.ht-44 { height:44px !important; }
.ht-46 { height:46px !important; }
.ht-48 { height:48px !important; }
.ht-50 { height:50px !important; }
.ht-60 { height:60px !important; }
.ht-70 { height:70px !important; }

/* delivery info popup */
.delivery_info h2 {margin-top: 15px;}
.delivery_date {position: relative; color: #158795; font-weight: 700; font-size: 30px;}
.delivery_date::before {content: ''; width: 100%; height: 8px; display: block; background: #1fa0b036; position: absolute; bottom: 4px; left: 0; z-index: -9;}
.delivery_start {color: #000; font-weight: 700; font-size: 26px;}
.itself {margin: 15px;}
.itself_badge {background: #1fa0b0; padding: 4px 14px; border-radius: 100px; color: #fff; font-size: 13px;}
.itself_num {color: #000; font-size: 15px; font-weight: 700;}
.itself_info {background: #f3f3f3; padding: 10px 30px; width: 90%; border-radius: 10px;}
.itself_info h2 {color: #2a2a2a; font-size: 16px;}
.itself_info h2 i {color: #b2b9ba; font-size: 18px;}
.seller_info {margin-top: 10px; padding: 10px; background: #fff; border-radius: 100px; color: #000; font-size: 16px; line-height: 30px;}
.delivery_stat {margin-bottom:15px; position: relative;}
.delivery_stat:nth-child(n+2) {opacity: 0.35;}
.stat_time {display: inline-block; text-align:right; width: 90px; vertical-align: top; font-size: 13px;}
.stat_location {display: inline-block; width: calc(100% - 138px); vertical-align: top; font-size: 13px; margin-left: 10px; letter-spacing: -0.5px;}
.stat_badge {display: inline-block; font-size: 24px; position: relative; top: -5px;}
.stat_badge i {color: #1fa0b0;}
.delivery_stat:before {content: ''; border-left: 2px solid #1fa0b0; height: 99%; position: absolute; left: 10px; top: 18px;}
.delivery_stat:last-child:before {border-left: 0;}
.dv_bgimage {background: #f8f8f8; border-top: 1px solid #e3e3e3; margin-top: 10px;}
/* delivery info popup */

/* order info popup */
.order_pop {height:90% !important;}
.text-dark {color: #000 !important;}
.text-red {color: #ff0000 !important;}
.text-mint {color: #1fa0b0 !important;}
.order_info {padding-bottom: 30px;}
.order_info .dot_tit {font-size: 14px !important; margin-bottom: 5px !important; padding-left:10px !important;}
.order_info th, .order_info td {height: inherit !important; padding: 5px 0 5px 10px !important; /* vertical-align: top; */ text-align: left; border-bottom: 1px solid #e8e8e8;}
.next:before {content: ''; display: inline-block; width: 6px; height: 6px; margin: -2px 6px 0 0; border: 2px solid #b4b4b4; border-width: 0 0 2px 2px; vertical-align: middle;}
.align-right {text-align: right !important;}
.order_info_table {border-top: 2px solid #5f5f5f; border-bottom: 1px solid #d8d8d8; width: 100%; }
.order_cuation {background: #f8f8f8; border: 1px solid #e3e3e3; display: block; border-radius: 10px; margin: 5px 0 10px; padding: 8px; font-size: 12px;}
/* order info popup */

/* order page */
.shop_name {font-size: 12px; font-weight: 400; margin-bottom:3px;}
.shop_name i {font-size: 13px; color: #83a7b7;}
.porduct_name {font-size: 15px; font-weight: 400;}
.opt_name {font-size: 12px; font-weight: 400;}
.order_etc {font-size: 12px; font-weight: 400; margin-bottom:5px;}
.order_price {font-size: 13px; font-weight: 400;}
.order_price span:first-child {font-size: 16px;}
.order-pay {background: linear-gradient(to bottom, #ffffff, #f9f9f9, #f4f4f4, #eeeeee, #e9e9e9);
    border-radius: 5px !important; margin-top: 5px; font-size: 13px; height: 28px !important; padding: 0 5px; cursor: pointer;}
.order-cancel {background: #f5f5f5; border-radius: 5px !important; font-size: 12px; height: 28px !important; padding: 0 10px !important; cursor: pointer;
    background-image: url(/skin/basic/images/right_arrow_black.png) !important; background-repeat: no-repeat !important; background-size: 4px 7px !important; background-position:88% 55% !important; padding-right: 20px !important;}
.order-ask {background: #f1f1f1; border: 1px solid #d8d9e5 !important; padding: 0 8px !important; height: 22px !important; border-radius: 5px !important; font-size: 12px; margin-left: 6px; cursor: pointer;}
.order-exchange, .order-return, .order-rev {background: #fff !important; border-radius: 3px !important; font-size: 12px; height: 28px !important; padding: 0 10px !important; cursor: pointer; margin-bottom: 2px;
    background-image: url(/skin/basic/images/right_arrow_black.png) !important; background-repeat: no-repeat !important; background-size: 4px 7px !important; background-position:88% 55% !important; padding-right: 20px !important;}
.order-fix {background: #1fa0b0 !important; color:#fff; border: 0 !important; border-radius: 3px !important; font-size: 12px; height: 28px !important; padding: 0 10px !important; cursor: pointer;
    background-image: url(/skin/basic/images/right_arrow_white.png) !important; background-repeat: no-repeat !important; background-size: 4px 7px !important; background-position:88% 55% !important; padding-right: 20px !important;}
.order_dv {background: none !important; border: 0 !important; border-bottom: 1px solid #000 !important; height: 20px !important; padding: 0 !important; margin-top: 5px; font-size: 12px; cursor: pointer;
    background-image: url(/skin/basic/images/right_arrow.png) !important; background-repeat: no-repeat !important; background-size: 4px 7px !important; background-position: 100% 55% !important; padding-right: 10px !important; margin-left: 5px;}
.order_cancelled {color: #ff0000 !important;}
.order_group_tit {margin-top: 10px; font-size: 14px; color: #000;}


.no_cancle_info {font-size: 28px; margin-top: 20px; color: #1fa0b0;}
.no_cancle_info span {font-size: 30px; font-weight:bold;}
.no_cancle_detail {font-size: 20px; background: #f8f8f8; border: 1px solid #e3e3e3; margin: 30px; border-radius: 10px; padding: 20px;}
.no_cancle_detail span {color: #da212e;}

.cancel_pop {height: auto; max-height: 90vh;}
.cancel_overflow {max-height: calc(100vh - 256px); overflow-y: scroll;}
.cancel_p_list {background: #f8f8f8; padding: 20px;}
.cancel_p_list tr {border-bottom: 1px solid #e7e7e7; display: flex; gap: 15px; padding: 10px 20px;}
.cancel_p_img > img {width: 70px; border: 1px solid #e7e7e7; height: 70px; border-radius: 100%;}
.cancel_p_info {display: block;}

.user_refund_lay {width: 90%; margin: 0 auto; text-align: left;}
.user_refund_lay td > input {width: 100%; border: 0; border-bottom: 1px solid #000; background: #f8fbfc; font-size: 16px;}
.user_refund_lay .head_tit {height: 40px; background: #fff !important;  padding:30px 0 20px;}
.user_refund_tr {}
.user_refund_tr th {height: 50px; padding-left: 20px; background: #f8fbfc;}
.user_refund_tr td {padding-right: 20px; background: #f8fbfc; padding-bottom: 5px;}

.refund_etc_info {padding-top: 20px; font-size: 13px; text-align: center; padding-bottom: 40px; letter-spacing: -0.5px;}
.refund_etc_info span {color: #da212e;}

.card_list li { display:inline-block; vertical-align: top; width:160px; text-align:center; color:#222; }
.card_off {opacity: 0.3;}

.refund_pop {height: auto; max-height: 90vh;}
.refund_overflow {max-height: calc(100vh - 230px); overflow-y: scroll;}
.custop_pop {top: 0 !important; padding-bottom: 0 !important; overflow-y: scroll; max-height: 70vh !important;}

.no_scrollbar {-ms-overflow-style: none; scrollbar-width: none;}
.no_scrollbar::-webkit-scrollbar {display: none;}
.p_thum_sm {width: 30px; vertical-align: middle; overflow: hidden; border-radius: 100px; margin-right: 4px; border: 1px solid #e7e7e7;}
.object_fit {object-fit: cover; border: 1px solid #eee;}

.card_list_wrap {position: relative;  width: 150px; margin: 10px 10px 0 0;}
.card_images {width: 100%;}
.card_deleted {color: #f00; position: absolute; top: 0; right: 0;}
.card_num_position {position: absolute; transform: translate(-50%, -50%); top: 60%; left: 50%; width: 100%; font-size: 14px; font-weight: 600; background: #ffffff99; padding: 5px 0; color: #333;}
.new_add_card {background-color: #fff; height: 101px; width: 160px; border: 1px solid #ddd; border-radius: 5px; margin-top: 10px; cursor: pointer; font-weight: 400; color: #575757 !important; position: relative;}
.new_add_card i {color: #ddd;}
.new_add_card span {position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%;}
.installment {background: #f5f5f5; border: 1px solid #ddd; text-align: center;  margin: 25px 0;}
.installment_ment {margin: 10px 10px 0; font-size: 14px; font-weight: 400; color: #364142;}
/* order page */


/* 웨비나 온에어 */
.webinar_onair { position:relative; background-image:url('../images/wo_bg.jpg'); background-repeat:no-repeat; background-size:cover; padding:70px 0 90px; margin-bottom:100px; }
.webinar_onair h2 { font-size:41px; color:#fff; text-align:center; font-weight:700; margin-bottom:50px; }
.webinar_onair h2 span { color:#1fa0b0; }
.wo_btit { display:inline-block; margin-bottom:10px; background-color:#1fa0b0; color:#fff; padding:5px 15px; border-radius:30px; font-size:13px; }
.wo_btit.onair {background-color:#f13d3d;}
.wo_stit { font-size:30px; color:#fff; font-weight:700; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #193a65; }
.wo_list { margin-bottom:50px; }
.wo_list li { color:#9eacbe; font-size:14px; margin-bottom:5px; font-weight:400; padding-left:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='44' height='44' viewBox='0 0 24 24' stroke-width='3' stroke='%231fa0b0' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
    background-repeat:no-repeat; background-size:15px; background-position:top 5px left; }
.wo_list li:last-child { margin-bottom:0; }
.wo_btn { background-color:#fff; color:#1fa0b0; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:15px 0; font-size:15px; border-radius:10px; }
.wo_btn .round {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-color: #d3eff2;
    border-radius: 100%;
    text-align: Center;
    margin-left: 15px;
    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,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}
.wo-pagi { position:relative; bottom:-50px; }
.wo-p .swiper-pagination-bullet-active { background-color:#1fa0b0 !important; }
.wo-p .swiper-pagination-bullet { width:10px; height:10px; background-color:#fff; opacity:1; margin:0 7px !important; }
.wr_wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}
.wr_txt {
    width: 40%;
}
.wr_vi {
    width: 60%;
}
.wo-next, .wo-prev {
    width: 50px !important;
    height: 50px !important;
    background-color: #1fa0b0;
    border-radius: 100%;
}
.wo-next:after, .wo-prev:after {
    display: inline-block;
    color: #fff;
    font-size: 20px !important;
}
.wo-next {
    right: 8% !important;
}
.wo-prev {
    left: 8% !important;
}


.academy_ask_tb li.align_left { text-align:left; }
.academy_ask_tb li:nth-child(2) { width:54%; }
.academy_head_tb li:nth-child(2) { width:54%; }
.mapp_body_form li.no_data { text-align:center; font-weight:400; font-size:16px; height:150px; display:flex; align-items:center; justify-content:center; }

.fix_size img {width: 100%; height: 100vh; object-fit: cover;}
.common_img img {width: 100%; object-fit: cover;}
.common_banner img {width: 100%; object-fit: cover;}

.upgrade_reg {color: #000; font-weight: 700; font-size: 30px;}
.upgrade_reg span {position: relative; color: #158795;}
.upgrade_reg span::before {content: ''; width: 100%; height: 8px; display: block; background: #1fa0b036; position: absolute; bottom: 4px; left: 0; z-index: -9;}
.upload_file {position: relative;}
.upload_file input[type="file"] {height: 32px; padding: 3px; vertical-align: middle; border: 1px solid #c9c9c9; width: 85%; color: #4f4f4f;}
.upload_file input[type="button"] {width: 20px; height: 20px; text-indent: -999px; background-position: center center; background-image: url(../images/down_load_icon.png); background-size: 100% 100%; background-repeat: no-repeat; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; top: 1px; margin-left: 4px;}
.custop_pop2 {top: 0 !important; padding-bottom: 0 !important; overflow-y: scroll; max-height: 55vh !important;}

.sub_tit_ment {font-size: 18px; margin-top: 10px; font-weight: 400;}
.office_time {text-align: center;}
.office_time .info_box {display: inline-block; vertical-align: top; width: 238px; text-align: center; border-right: 1px solid #e5e5e5;}
.office_time .info_box:last-child {border-right:0;}
.holiday {font-size: 20px !important; !important; color: #e01212;}
.office_time .info_box li {font-size: 16px;}
.office_time .info_box li > i {color: #929b9e;}
.office_time .info_box li:nth-child(2) {margin-top:15px;  line-height: 16px;}
.office_contact {}
.office_contact .info_box {text-align: center; background: #f4f4f4; border-radius: 100px; width: 560px; margin: 30px auto;  font-size: 15px; padding: 20px 0;}
.office_contact .info_box span > i {color: #929b9e; font-size: 18px; vertical-align: text-top;}
.office_contact .info_box span.etc {margin-left: 20px;}
.office_call {text-align: center;}
.office_call .call_info_box {display: inline-block; background: #fff; width: 340px; border: 1px solid #e8e8e8; border-radius: 10px; margin: 10px 20px;}
.office_call .call_info_box a {display: block; padding: 30px 0;}
.call_info_detail {display: inline-block; vertical-align: middle; text-align: left;}
.office_call .call_info_box .call_info_detail:nth-child(2) {margin-left: 10px;}
.call_info_detail img {width:50px; vertical-align: middle;}
.call_info_detail p:nth-child(1) {font-size: 13px; font-weight: 400;}
.call_info_detail p:nth-child(2) {font-size: 18px;}

.ask_table {padding: 20px !important; margin-top: 40px; background: #fcfcff;}
.ask_table .speacial {padding: 10px 5px; height: 155px !important;}

.alert_input {font-size: 12px; width: 100%; word-break: break-all; border: 1px solid #c0c0c0; padding: 5px;}
.find_address {background: #272727; padding: 6px; vertical-align: middle; border-radius: 3px; color: #fff; font-size: 12px;}

.kakao-btn-r {display: none; cursor: pointer; width: 60px; height: 60px; position: fixed; bottom: 100px; right: 37px; border-radius: 100%; background: rgba(255,255,255,0.5); align-items: center; justify-content: center; background-color: #fae100; box-sizing: border-box; z-index: 20;}
.kakao-btn-r a {display: block; width: 100%; text-align: center;}
.kakao-btn-r a > img {width: 35px; padding: 12px 0;}

.old_search_box {background: #f6fafb;}
.old_order_search {padding: 20px; text-align: center; border: 1px solid #eee; margin-bottom: 20px;}
.old_order_search input {height: 38px;}
.old_order_search div {display: inline-flex; gap: 10px; align-items: center;}
.old_order_date {margin-right: 10px;}
.old_order_date [type="text"] {width: 130px;}
.old_order_cart {position: absolute; top: 4px; left: 0; font-size: 35px; color: #d2dee1;}

.installment_tit {position: relative; text-align: center; padding: 10px 0; background-color: #fff; border-bottom: 1px solid #ddd;}
#popup_box {display: none; position: absolute; background-color: #fff; border: 1px solid #eee; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow:hidden; left:160px; top:40px; width: 500px;}
.pop_body_lay {overflow: auto; height:340px; padding:10px;}
.pop_body_lay img {width:100%;}
.box_closed {display:none;}

.goods_order_end_form .pdi_01 { flex:1; }
.goods_order_end_form .prod_box01 { width:40%; }
.goods_order_end_form .prod_box02 { width:15%; }
.goods_order_end_form .prod_box03 { width:15%; }
.goods_order_end_form .prod_box04 { width:15%; }
.goods_order_end_form .prod_box05 { width:20%; }
.goods_order_end_form .prod_box06 { width:10%; }

.billing_write_wrap .qna_write_tb > li input[type="text"] {font-size: 15px;}
.billing_write_wrap .qna_write_tb > li input[type="password"] {font-size: 20px;}
.billing_write_wrap .qna_write_tb > li:nth-child(1) {width: 30%;}
.billing_write_wrap .qna_write_tb > li select {font-size: 14px;}

/* admin skin css 붙임 */
#page_pop .cont_tit { padding:20px 20px 5px; }
#page_pop .close_pop {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    opacity: 1;
    text-indent: -999px;
    background-position: center;
    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: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.board_set_section {padding:15px 0;}
.board_set_section .cont_tit ul{margin-bottom:10px; height:27px;}
.board_set_section .cont_tit ul li{float:left; height:25px;border:1px solid #d3d3d3;margin-left:-1px;}
.board_set_section .cont_tit ul li a{display:block; padding:0 10px; font:12px/25px dotum,sans-serif;background:#f9f9f9;color:#777777;}
.board_set_section .cont_tit ul li.active {border-top:2px solid #6591d9; margin-top:-1px;}
.board_set_section .cont_tit ul li.active a{font-weight:bold;color:#222222;background:#fff;}
.board_set_section p{line-height:18px;}
.basic_table_view { width:100% !important; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3}
.basic_table_view th, .basic_table_view td {padding:10px 0; text-align:left;}
.basic_table_view th {padding-left:10px; background:#f7f7f7; border-bottom:1px solid #eaeaeb; color:#444444;}
.basic_table_view th.cancel_tline {border-top:1px solid #443839;}
.basic_table_view th.cancel_th {background: #fff0f0; color: #260000;}
.basic_table_view th b {color:#6591d9;}
.basic_table_view td span {padding-left:5px; color:#999999; font:11px dotum;}
.basic_table_view td {padding:3px 0; }
.basic_table_view td {padding-left:10px; border-bottom:1px solid #eaeaeb;}
.basic_table_view td.cancel_td {color: #780000;}
.basic_table_view td.cancel_tline {border-top:1px solid #443839;}
.basic_table_view td select {height:30px;}
.basic_table_view td input[type=radio], .basic_table td input[type=checkbox] {vertical-align:middle;}
.admin_btn {margin:10px 0; text-align:center;}
.btn_st1 a,.btn_st2 a ,.btn_st3 a ,.btn_st6 a {color:#fff;}
.btn_st2 a ,.btn_st3 a,.btn_st6 a {font:bold 14px dotum,sans-serif;}
.btn_st2 a, .btn_st3 a,.btn_st6 a{display:inline-block; padding:15px 25px; border-radius:3px; -ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.btn_st3 a ,.btn_st3 input[type=submit],.btn_st3 input[type=button]{
background: #adadad; /* Old browsers */
background: -moz-linear-gradient(top, #adadad 0%, #8a8989 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(100%,#8a8989)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #adadad 0%,#8a8989 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #adadad 0%,#8a8989 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #adadad 0%,#8a8989 100%); /* IE10+ */
background: linear-gradient(to bottom, #adadad 0%,#8a8989 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#8a8989',GradientType=0 ); /* IE6-9 */
border:1px solid #848484;
}

.ad619 { border:1px solid #eee; padding:20px; }

.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; }

.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 비율 → 9 / 16 * 100 */
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 105%;
    border: 0;
}

.img_etc {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.img_etc img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain; /* 또는 cover */
}