@charset "utf-8";

:root   {
    --width: 1220px;
	--width2: 1200px;
}




html{ margin:0px; padding:0px; overflow-y: scroll;  } 
body { font-family: 'Noto Sans KR', Dotum, AppleGothic, Sans-serif; border-collapse:collapse; margin:0px; padding:0px; font-weight:400;
width:100%; -webkit-text-size-adjust:none; zoom:1; background:url('/images/top-bg.gif') left top repeat-x; }

body.onn { font-family: 'Noto Sans KR', Dotum, AppleGothic, Sans-serif; border-collapse:collapse; margin:0px; padding:0px; font-weight:400;
width:100%; -webkit-text-size-adjust:none; zoom:1; background:#fff;}

.bodtops {
    position: fixed; bottom: 70px; right: 50px; 
	z-index: 10;
    width: 45px; height: 45px; box-shadow: 0 -2.5px 5px #fff, 0 2.5px 5px rgba(0,0,0,.25); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; background: #fff;
    color: #5f5f5f; text-decoration:none;
}
.bodtops:hover { color: #000; }


h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px;}
img { border:none; margin:0px; padding:0px; vertical-align:top;}
ol, ul {margin:0px; padding:0px; list-style:none;}
div, li, dl, dt, dd, form, iframe, p, a, span{margin:0px; padding:0px; list-style:none; vertical-align:top;}
label {vertical-align: middle;}
table, th, td {margin:0px; padding:0px; border-collapse:collapse;}
/* ===========================
   Form Style
=========================== */

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
input[type=file],
select,
textarea{

    height:28px;
    padding:0px;

    border:1px solid #cfd6df;
    border-radius:6px;

    background:#fff;

    color:#333;
    font-size:14px;

    outline:none;

    box-sizing:border-box;

    transition:border-color .2s ease,
               box-shadow .2s ease,
               background .2s ease;

     font-family: 'Noto Sans KR', Dotum, "", Gulim, Tahoma, Verdana, AppleGothic, sans-serif;
}


input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=file]:focus,
select:focus,
textarea:focus{

    border-color:#2591d4;

    box-shadow:0 0 0 3px rgba(37,145,212,.15);

    background:#fff;
}

::placeholder{
    color:#a8a8a8;
    opacity:1;
}

.search_in .text_in,
.search_in .text_in:focus,
.search_in .text_in:active {
    outline: none !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
}


input.text_in:focus {
    outline: none !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

input[type="file"] {
   border-radius:0px !important;
}

.wrap{}

.site_wrap1{width:var(--width); height:auto; margin:0 auto; min-width:var(--width);}
.site_wrap2{width:var(--width); float:left; height:auto; position:relative; min-width:var(--width);}
/**/
.header{width:100%; min-width:var(--width); height:auto; float:left; }
.top_sty{width:var(--width); height:auto; margin:0 auto; }
.top_sty3{width:var(--width);height:auto; float:left; }

.tbbtn{float:right;}
.tbbtn ul.top_b_btn{width:100%; float:right; height:auto; color:#777777;}
.tbbtn ul.top_b_btn li:first-child{float:left; font-size:13px; line-height:16px; margin-top:9px; }
.tbbtn ul.top_b_btn li{float:left; font-size:13px; line-height:16px; margin-top:9px; }
.bon_namesd{ }
.tbbtn ul.top_b_btn li.line{color:#d2d2d2; font-size:12px;  padding:0 10px 0 10px;margin-top:9px; }
.tbbtn ul.top_b_btn li a{color:#000; text-decoration:none; font-weight:300;  }


.dab_u{width:370px; height:auto; float:left; font-size:12px; padding:17px 0 10px 10px;}
.top_sty2{width:var(--width); height:104px; float:left;}
.top_sty2 ul.top_b_btn{width:100%; float:right; height:8px; margin:0px 0 0px 0; color:#777777; padding:10px 0 0 0;}
.top_sty2 ul.top_b_btn li.line{color:#666666; padding:2px 12px 0 12px; font-size:10px;}
.top_sty2 ul.top_b_btn li a{color:#d6d6d6; text-decoration:none;font-weight:normal;  }
.top_sty2 ul.top_b_btn li{float:left; height:8px; font-size:12px;  }
.top_sty2 ul.logo{ float:left; margin-left:50px; float:left; padding:15px 0 0 20px;}
.top_sty2 ul.logo li{ float:left;}

.search_in{width:370px; height:34px; float:left; border:1px solid #dedede; font-weight:bold; background:url('')left top no-repeat; border-radius:25px; margin:27px 0 0 150px;}


.top_b_btn a,.top_b_btn .text_in {font-size: 12px}
.bon_namesd{font-weight:700;}


.text_in{width:300px; height:25px; line-height:25px; float:left; border:0px solid #d9d9d9;  padding:0 0 0 12px;  margin:2px 10px; color:#666;}
.top_sty2 ul.lo_id_in{width:536px; height:14px; float:right; text-align:right; font-size:12px; margin-top:10px;}


.xmenu{width:49px; height:49px; float:left;}




.modu_menu2{width:100%; height:auto; float:left; background-color:#fff; display:none; 
position:absolute; top:165px; left:0; z-index:9999;}
.modu_menu3{width:var(--width); height:auto; margin:0 auto;}
.modu_menu{width:var(--width);height:auto; float:left; position:relative;}
.modu_menu ul{width:16%; float:left;}
.modu_menu li{float:left; text-align:center; width:100%; text-align:center;}
.modu_menu li.me_tit{font-size:12px; font-weight:bold; color:#fff; height:36px; line-height:36px; background-color:#d90302;}

.modu_menu li.sm_menu{width:100%; height:30px; float:left; text-align:center; line-height:30px; font-size:13px; }
.modu_menu li.sm_menu a{width:100%; height:30px; line-height:30px; float:left; text-align:center; text-decoration:none; color:#666;}
.modu_menu li.sm_menu a:hover{width:100%; height:30px; line-height:30px; float:left; text-align:center; text-decoration:none; color:#2c6df0; 
border-top:0px solid #2c6df0; background:#f3f7fd; font-size:14px;}


.mhl_zmenu td{}
.mhl_zmenu td a{}







.slid_x{position:absolute; bottom:0px; right:0px;}

.sub_menu11, .sub_menu12{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:0; z-index:9999; background:#363940 url('../images/menu_bg1.png') top center no-repeat;}
.sub_menu13{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:-100px; z-index:9999; background:#363940 url('../images/menu_bg2.png') top center no-repeat;}
.sub_menu14{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:-200px; z-index:9999; background:#363940 url('../images/menu_bg3.png') top center no-repeat;}
.sub_menu15{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:-300px; z-index:9999; background:#363940 url('../images/menu_bg4.png') top center no-repeat;}
.sub_menu16{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; right:0; z-index:9999; background:#363940 url('../images/menu_bg5.png') top center no-repeat;}

.sub_menu11 ul.so_menu, .sub_menu12 ul.so_menu, .sub_menu13 ul.so_menu, .sub_menu14 ul.so_menu, .sub_menu15 ul.so_menu, .sub_menu16 ul.so_menu{width:100%; float:left; padding-top:30px;}
.sub_menu11 ul.so_menu li, .sub_menu12 ul.so_menu li, .sub_menu13 ul.so_menu li, .sub_menu14 ul.so_menu li, .sub_menu15 ul.so_menu li, .sub_menu16 ul.so_menu li{width:95%; float:left; height:25px; font-size:12px; line-height:25px; padding:0 0 0 5%;}
.sub_menu11 ul.so_menu li a, .sub_menu12 ul.so_menu li a, .sub_menu13 ul.so_menu li a, .sub_menu14 ul.so_menu li a, .sub_menu15 ul.so_menu li a, .sub_menu16 ul.so_menu li a{width:200px; text-decoration:none; color:#000; padding:0; margin:0; line-height:25px; height:25px; float:left;}
.sub_menu11 ul.so_menu li a:hover, .sub_menu12 ul.so_menu li a:hover, .sub_menu13 ul.so_menu li a:hover, .sub_menu14 ul.so_menu li a:hover, .sub_menu15 ul.so_menu li a:hover, .sub_menu16 ul.so_menu li a:hover{width:200px; text-decoration:none; color:#ffffff; background-color:#ed4023;  padding:0 2px; margin:0; line-height:25px; height:25px; float:left;}

.tre_cate{width:200px; height:auto; float:left; background-color:#fff; border:1px solid #000; display:none; position:absolute; right:-130px; z-index:99990;}
.tre_cate ul.tree_m2{width:100%; height:auto; float:left;}
.tre_cate ul.tree_m2 li.tree_m1{width:100%; height:30px; line-height:30px; float:left; padding:0; margin:0;}
.tre_cate ul.tree_m2 li.tree_m1 a{color:#000;  background-color:#fff; padding-left:5px; width:193px; height:30px; line-height:30px; float:left;}
.tre_cate ul.tree_m2 li.tree_m1 a:hover{ color:#ffffff; background-color:#ed4023;  padding-left:5px; width:193px; height:30px; line-height:30px; float:left;}
/*޴*/

.quk{position:fixed; width:90px; float:left; height:auto; margin:8px 0 0 1090px; background-color:#fff;}

.quk2{width:103px; float:left; height:auto; border:1px solid #dddddd;}
.quk2 ul.quk_btn, .quk2 ul.quk_btn2, .quk2 ul.quk_btn3{width:100%; height:auto; float:left;}
.quk2 ul.quk_btn li{float:left; width:100%; height:auto; border-bottom:1px solid #dddddd; font-size:12px; line-height:30px; text-align:center; color:#454545; cursor:pointer;}
.quk2 ul.quk_btn2 li.today_sang{float:left; width:100%; height:auto; line-height:30px; text-align:center; color:#454545; font-size:12px; cursor:pointer;}
.quk2 ul.quk_btn3 li{float:left; width:100%; height:auto; border-top:1px solid #dddddd; font-size:12px; line-height:30px; text-align:center; color:#454545; cursor:pointer;}
.today_sang2{width:100%; height:auto; float:left;}
.today_sang2 ul{width:100%; height:auto; float:left;}
.today_sang2 ul li{width:100%; height:auto; float:left; text-align:center;}
.sang_name_quk{width:80%; padding:5px 10% 10px 10%; height:auto; float:left; text-align:center; font-size:12px; color:#454545; letter-spacing:-1px;}

.quk_up{width:31px; height:17px; float:left; border:1px solid #a3a3a3;}
.quk_up2{width:31px; height:17px; float:left; border:1px solid #a3a3a3; margin-left:6px;}
.down_qk{padding-top:6px;}
.top_up{padding:12px 0 0 5px;}

.today_sang3{width:100%; height:auto; float:left;}
.today_sang3 ul{width:100%; height:auto; float:left;}
.today_sang3 ul li{width:100%; height:auto; float:left; text-align:center; cursor:pointer;}
.today_sang3 ul.upndown{width:72px; height:auto; float:left; margin-top:10px; margin:10px 8px 9px 15px;}

.printbans{width:1200px; float:left; margin-top:20px; border-bottom:1px solid #e0e0e0;}
.printbans ul{width:1200px; float:left;}
.printbans ul li{width:20%; float:left; height:auto; text-align:center;}


.bodprint{width:1200px;float:left; height:auto; margin-top:60px; min-height:200px; }
.bodprint2{width:340px; height:185px; float:left; margin:0 10px 0 10px;}
.bodprint2 ul.bod_border{width:340px; float:left; border-bottom:1px solid #000;}
.bodprint2 ul.bod_border li.bt{width:101px; text-align:center; float:left; margin-left:0px; padding:7px 0 7px 0; font-size:13px; 
}
.bodprint2 ul.bod_border li.bt2{font-size:12px; float:right; margin-top:7px;}
.bodprint2 ul.bod_border li.bt2 a{color:gray; font-size:12px; text-decoration:none;}
.bodprint2 ul.bodprint3{width:340px; float:left; border-bottom:1px dotted gray;}

.bodprint2 ul.bodprint3 li.nwbodfon{font-size:12px; float:left; padding:7px 0 7px 0;}
.bodprint2 ul.bodprint3 li.nwbodfon a{color:#000; text-decoration:none;}
.bodprint2 ul.bodprint3 li.nwbodfon2{font-size:12px; float:right; padding:7px 0 7px 0;}

.bodprint4{width:1200px; float:left; height:auto; margin-top:20px;}

.cardstyes{border:1px solid #666666; width:150px; height:21px; font-size:12px;}
.cardstyes2{border:1px solid #666666; width:400px; height:60px; font-size:12px;}
/**/
.conta{width:100%; height:auto; text-align:center; padding:0; clear:both;}

.main_soge{width:1200px; height:296px; border-top:0px solid #2d2b2b; border-bottom:2px solid #2d2b2b; float:left; margin-top:0px;}
.img_rolling{width:754px; height:296px; float:left; border-right:1px solid #d1d1d1;}
.img_rolling ul li img{width:754px; height:296px;}
.q_notice{width:306px; height:151px; float:left; border-bottom:1px solid #d1d1d1; padding-left:17px;}
.q_notice ul.noti_tit{width:100%; float:left; height:13px; margin:20px 0 13px 0;}
.q_notice ul.noti_con{width:297px; height:auto; float:left;}
.q_notice ul.noti_con li{width:100%; float:left; margin-top:7px;}
.noti_text_sty1{font-size:12px; color:#737373; float:left;}
.noti_text_sty2{font-size:12px; color:#808080; float:right; margin-right:10px;}
.noti_text_sty3{text-decoration:none; color:#737373;}
.jum{float:left; padding:5px 5px 0 0;}
.customer{ height:136px; float:right; padding:5px 0 0 0;}

.bp_con{width:1220px; height:auto;  padding:0px 0 30px 0; text-align:left; margin:0 auto;}
.bp_con2{width:100%; height:auto;  clear:both;padding:75px 0 70px 0; text-align:center; margin:0 auto; height:189px;transition: .5s;}
.bp_con2:hover{ opacity: .8; transform: scale(1.0); }

.main-pro:hover{ opacity: .8;  box-shadow:0.8em 0.8em 1em -0.5em #999; transform: scale(1.01);}

.bp_con ul.pro_tit{ height:auto; width:100%; float:left; text-align:center; margin-top:70px;}
.best_rolling{width:1220px;height:auto; float:left;}
.best_rolling ul.roll_left{width:37px; height:37px; float:left; margin:72px 9px 0 10px;}

.roll_img2{width:1240px; height:auto; float:left; padding:0 0 0 0px;}
.roll_img2 ul.roll_img{width:1240px; height:auto; float:left; }
.roll_img2 ul.roll_img li{width:222px; height:150px; margin:30px 24px 0 0px; border:1px solid #e9e9e9; float:left; cursor:pointer;  border-radius:7px;}
.roll_img2 ul.roll_img li:last-child{width:216px; height:150px; margin:30px 20px 0 0px; border:1px solid #e9e9e9; float:left; cursor:pointer;  border-radius:7px;}

.new_hot_img{width:270px; height:180px; float:left;  border:1px solid #e9eaec;}

.roll_name{width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#737373;  letter-spacing:-1px; padding:7px 0 3px 0;}
.roll_won{width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#000; font-weight:bold;}
.best_rolling ul.roll_right{width:37px; height:37px; float:left; margin:72px 10px 0 9px;}
.bp_con ul.npro{width:1200px; height:auto; float:left;}
.bp_con ul.npro li{width:216px; height:220px; float:left; cursor:pointer; margin-top:30px;}
.next1, .prev1{cursor:pointer;}


/* webist add banner - 2022-03-04 */
.banner_wrap {width:1210px; height:auto; margin:50px auto 0; overflow:hidden;}
.banner_wrap .bn-item {width:100%; height:auto; border-radius:0px; overflow:hidden;}
.banner_wrap .bn-item a {display:block; width:100%; height:100%;}
.banner_wrap img {width:100%; border-radius:10px;}
.banner_wrap .bn-long {float:left; width:840px; }
.banner_wrap .bn-medium {float:right; width:348px;}
.banner_wrap .bn-medium .bn-item:last-child {margin-top:10px;}

.hover_effect { display:block; transition:all .3s; border-radius:10px; overflow:hidden;}
.hover_effect:hover { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.hover_effect img { transition:all .3s; transform: scale(1);}
.hover_effect:hover img { transform: scale(1.1);  }

.product_hover { display:block; width:270px; height:270px; float:left; position:relative; box-sizing: border-box; }
.product_hover .thumb { transition:all .3s; border-radius:10px; overflow:hidden; border:1px solid #dedede; height:0; padding-bottom:100%; box-sizing: border-box; }
.product_hover .thumb img { transition:all .3s; transform: scale(1); width:100%; }

.product_hover:hover .thumb{ box-shadow:0.8em 0.8em 1em -0.5em #999 }
.product_hover:hover .thumb img { transform: scale(1.05); }


/* ==================================================
   상품 이미지 Hover 정보
   기존 product_hover 구조 유지
   ================================================== */

.product_hover .goods-hover-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    border-radius: 10px;
    overflow: hidden;

    background: rgba(0, 0, 0, 0.50);

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;

    transition: opacity 0.35s ease;

    z-index: 10;
}


/* 상품 정보 */

.product_hover .goods-hover-info {
    width: 90%;

    text-align: center;

    color: #fff;

    opacity: 0;

    transform: translateY(12px);

    transition:
        opacity 0.35s ease,
        transform 0.4s ease;
}


/* 상품명 */

.product_hover .goods-hover-name {
    margin-bottom: 7px;

    color: #fff;

    font-size: 16px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: -0.5px;
}


/* 가격 */

.product_hover .goods-hover-price {
    margin-bottom: 14px;

    color: #fff;

    font-size: 19px;

    line-height: 1.3;
}


/* 숫자 */

.product_hover .goods-hover-price strong {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff;

    font-size: 20px;
    font-weight: 700;

    letter-spacing: -1px;
}


/* 원 */

.product_hover .goods-hover-price span {
    margin: 0 0 0 1px !important;
    padding: 0 !important;

    color: #fff;

    font-size: 13px;
    font-weight: 500;

    vertical-align: baseline !important;

    position: relative;
    top: 1px;

    letter-spacing: -1px;
}


/* ==================================================
   자세히 보기 버튼
   ================================================== */

.product_hover .goods-hover-detail {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    height: 28px;

    padding: 0 11px;

    border: 1px solid rgba(255,255,255,0.75);
    border-radius: 2px;

    background: transparent !important;

    color: #fff;

    font-size: 12px;
    font-weight: 400;

    letter-spacing: -0.3px;

    box-sizing: border-box;
}


/* 화살표 */

.product_hover .goods-hover-detail i {
    margin-left: 5px;

    color: #fff;

    font-size: 13px;
    font-style: normal;

    line-height: 1;

    transition: transform 0.25s ease;
}


/* ==================================================
   Hover
   ================================================== */

.product_hover:hover .goods-hover-overlay {
    opacity: 1;
}

.product_hover:hover .goods-hover-info {
    opacity: 1;

    transform: translateY(0);
}

.product_hover:hover .goods-hover-detail i {
    transform: translateX(3px);
}


/* ==================================================
   검색결과 상품 이미지 Hover
   기존 262px 상품 영역 유지
   ================================================== */

.search-product-hover {
    width: 262px;
    height: 262px;

    float: left;

    position: relative;

    box-sizing: border-box;

    overflow: hidden;

    border-radius: 10px;
}


/* 기존 이미지 */

.search-product-image {
    width: 262px;
    height: 262px;

    border: 1px solid #dedede;

    box-sizing: border-box;

    border-radius: 10px;

    transition: transform .35s ease;
}


/* ==================================================
   오버레이
   ================================================== */

.search-hover-overlay {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.50);

    border-radius: 10px;

    display: flex;

    align-items: center;
    justify-content: center;

    opacity: 0;

    transition: opacity .35s ease;

    z-index: 10;
}


/* 상품 정보 */

.search-hover-info {
    width: 90%;

    text-align: center;

    color: #fff;

    opacity: 0;

    transform: translateY(12px);

    transition:
        opacity .35s ease,
        transform .4s ease;
}


/* 상품명 */

.search-hover-name {
    margin-bottom: 7px;

    color: #fff;

    font-size: 16px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: -0.5px;
}


/* 가격 */

.search-hover-price {
    margin-bottom: 14px;

    color: #fff;

    font-size: 19px;

    line-height: 1.3;
}


/* 가격 숫자 */

.search-hover-price strong {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff;

    font-size: 20px;
    font-weight: 700;

    letter-spacing: -1px;
}


/* 원 */

.search-hover-price span {
    margin: 0 0 0 1px !important;
    padding: 0 !important;

    color: #fff;

    font-size: 13px;
    font-weight: 500;

    vertical-align: baseline !important;

    position: relative;
    top: 1px;

    letter-spacing: -1px;
}


/* ==================================================
   자세히 보기
   ================================================== */

.search-hover-detail {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    height: 28px;

    padding: 0 11px;

    border: 1px solid rgba(255,255,255,.75);

    border-radius: 2px;

    background: transparent !important;

    color: #fff;

    font-size: 12px;
    font-weight: 400;

    letter-spacing: -0.3px;

    box-sizing: border-box;
}


/* 화살표 */

.search-hover-detail i {
    margin-left: 5px;

    color: #fff;

    font-size: 13px;
    font-style: normal;

    line-height: 1;

    transition: transform .25s ease;
}


/* ==================================================
   Hover
   ================================================== */

.search-product-hover:hover .search-hover-overlay {
    opacity: 1;
}

.search-product-hover:hover .search-hover-info {
    opacity: 1;

    transform: translateY(0);
}

.search-product-hover:hover .search-hover-detail i {
    transform: translateX(3px);
}


/* ================================
   상품명 / 가격 영역  이미지 아래 
   ================================ */

.goods-info {
    width: 100%;
    text-align: center;
}


/* 상품명 */
.goods-info .goods-name {
    display: block;

    height: 25px;
    padding: 5px 5px 0 5px;

    color: #000;

    font-size: 14px;
    font-weight: 400;

    line-height: 20px;
    letter-spacing: -0.5px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    vertical-align: middle;
    box-sizing: border-box;
}


/* 가격 */
.goods-info .goods-price {
    padding: 0 0 0 5px;

    color: #111;

    font-size: 15px;
    font-weight: 600;

    line-height: 24px;

    box-sizing: border-box;
}


/* 할인 전 가격 */
.goods-info .goods-price s {
    margin-right: 5px;

    color: #999;

    font-size: 12px;
    font-weight: 400;

    text-decoration: line-through;
}


/* 원 */
.goods-info .goods-price .won {
    margin-left: 1px;

    color: #111;

    font-size: 12px;
    font-weight: 600;

    vertical-align: baseline !important;

    position: relative;
    top: 0;
}


/*상품리스트*/
/* 상품 정보 */
.goods-info {
    width:100%;
    border:0;
    border-collapse:collapse;
    table-layout:fixed;
}



.goods-info .goods-price {
    height:20px;
    padding:0 0 0 5px;
    font-size:16px;
    color:#000;
    font-weight:600;
    line-height:20px;
    vertical-align:middle;
    box-sizing:border-box;
}

/* 할인 / 뱃지 */
.goods-info .goods-badge {
    height:20px;
    padding:0;
    font-size:12px;
    font-weight:bold;
    color:red;
    text-align:center;
    line-height:20px;
    vertical-align:middle;
}

/* 품절 / 보류 / 단종 */
.goods-info .goods-status {
    display:inline-block;
    padding:0 4px;
    height:18px;
    line-height:18px;
    color:#fff;
    background:#f00;
    font-size:12px;
    font-weight:normal;
    vertical-align:middle;
    box-sizing:border-box;
}

.jung_ry3{width:1200px; height:auto; float:left; margin-top:50px;}
.jung_ry3 ul{width:1200px;height:auto; float:left;}
.jung_ry3 ul li.mypyp{width:268px; height:40px; float:left; border-top:1px solid #bababa; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #000;}
.jung_ry3 ul li.mypyp2{width:269px; height:40px; float:left;  border-top:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #000;}
.jung_ry3 ul li a{ width:100%; height:40px; float:left; text-align:center; text-decoration:none; font-size:12px; line-height:40px; }
.jung_ry3 ul li.mypyp3{width:268px; height:40px; float:left;border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; border-bottom:0;}
.mypyp_de{color:#858585;}
.mypyp_ov{color:#000;}





/*ϴ*/
.footer{width:100%; min-width:1220px; height:32px; float:left; background-color:#f2f2f2; margin-top:0px; text-align:center;
border-top:0px solid #d7d5d6;border-bottom:1px solid #d7d7d7;}
.footer ul.foot_btn{width:380px; height:32px; margin:0 auto; text-align:center;}
.footer ul.foot_btn li{float:left; height:32px; line-height:32px; color:#000; font-size:12px;}
.footer ul.foot_btn li a{text-decoration:none; color:#666666;}
.footer ul.foot_btn li.fo_bar{padding:0 17px 0 17px; color:#d7d7d7;}
.foot_copy{width:99%; min-width:1210px;height:auto; float:left; border-top:0px solid #d7d5d6;background-color:#f2f2f2; 
margin:100px 0 0px 0; padding:10px 0 45px 1%; }
.foot_copy2{width:1220px; height:auto; margin:0 auto;border-bottom:0px solid #d7d7d7; padding:10px 0 0 0;}
.foot_copy2 ul.copy_logo{width:185px; height:57px; float:left; margin:25px 20px 0 10px;}
.foot_copy2 ul.copy_adr{width:930px; height:auto; float:left; font-size:12px; color:#6f6f6f; margin:15px 0 0 9px; padding:20px 0 0 0;line-height:170%; border-top:1px solid #dddddd;}
.saup{width:auto; height:auto; font-size:11px; border:1px solid #bcbcbc; color:#000; padding:1px; cursor:pointer;}
.conps{width:1220px;height:auto; margin:0 auto;}
.conps ul{width:780px; height:auto; float:left;margin:12px 0 27px 200px;}
.conps ul li{float:left; margin-left:15px;}

/*ǰ*/
.god_detail{width:1200px; height:auto; margin:0 auto;}
.detail1{width:1200px; height:auto; float:left; margin-top:3px; padding-top:10px;}

.detail_nav{width:auto; float:right; padding:6px 10px 0 0; font-size:12px; color:#000; }

.det_img2{width:500px; height:auto; float:left; margin:0 32px 0 0px;}
.det_img{width:100%; height:580px; float:left;}


.mini_pro_img{width:610px; height:auto; float:left; margin-top:12px; }
.mini_pro_img li{float:left; margin-right:14px; }
.mini_pro_img li img{ width:66px; height:66px; border:1px solid #dddbdb; float:left;}

.detail1 ul.det_img li.pro_img{width:351px; height:344px; float:left; border:1px solid #dddbdb;}

.detail_text2{width:530px; height:auto; float:right; margin-left:0px;}
.detail_text2 ul.detail_text{width:100%; height:auto; float:left;}
.detail_text2 ul.detail_text li.pro_name{width:100%; height:auto; float:left; border-bottom:1px solid #d3d3d3; line-height:44px; font-size:16px; color:#3f3f3f; }
.detail_text2 ul.detail_text li.pro_name2{width:100%; height:auto; float:left; border-bottom:1px solid #d3d3d3;}
.b_n_icon{float:right; margin:17px 7px 0 0;}
.detail_text2 ul.detail_text li.pro_ga{width:100%; height:auto; float:left; padding:0 0 5px 0; border-bottom:1px dotted gray;}

.detail_text3{width:485px; height:auto; float:right; margin-right:30px;}
.detail_text3 ul.detail_text{width:100%; height:auto; float:left;}
.detail_text3 ul.detail_text li.pro_name{width:17%; height:auto; float:left;  line-height:44px; font-size:15px; color:#3f3f3f; }
.detail_text3 ul.detail_text li.pro_name2{width:100%; height:auto; float:left; border-bottom:1px solid #d3d3d3;}
.b_n_icon{float:right; margin:17px 7px 0 0;}
.detail_text3 ul.detail_text li.pro_ga{width:83%; height:auto; float:left; padding:0 0 5px 0; border-bottom:1px solid #d3d3d3;}


.w_fon{width:100%; float:left; margin-top:5px;}
.font_style1{font-size:12px; color:#6c6c6c; float:left; width:100px; padding:0 10px 0 10px;}
.font_style2{font-size:12px; color:#6c6c6c; float:left; font-weight:bold;}
.font_style3{font-size:12px; color:#6c6c6c; float:left;}
.font_style4{width:111px; height:17px; border:1px solid #7f9db9; float:left; font-size:11px;}
.font_style5{font-size:12px; color:#6c6c6c; float:left; width:100px; padding:5px 10px 0 10px;}
.w_fon2{width:100%; float:left; margin-top:17px;}
.w_fon2_1{width:100%; float:left; line-height:56px;}

.font_style6_1{font-size:12px; color:#6c6c6c; float:left; width:100px; padding:0 10px 0 10px;}
.font_style6{font-size:12px; color:#6c6c6c; float:left; width:60px; padding:0 10px 0 10px; line-height:20px;}
.font_style111{font-size:20px; color:red; float:left; font-weight:red; vertical-align:top;}
.font_style112{font-size:12px; color:#6c6c6c; float:left; padding-top:2px;}

.detail1 ul.detail_text li.pro_ga1{width:100%; height:55px; float:left; border-bottom:1px solid #2d2b2b; }
.detail1 ul.detail_text li.pro_ga3{width:100%; height:auto; float:left; border-bottom:1px solid #2d2b2b; padding:10px 0 10px 0; display:none;}
#pro_ga1{display:none;}




.pro_num{width:61px; height:18px; float:left; border:1px solid #9f9f9f;}

.detail1 ul.detail_text li.pro_ga2{width:100%; height:43px; float:left; text-align:center; margin-top:17px;}

#tabs{
    width:90%;
    max-width:1156px;
    margin:60px auto 0;
    box-sizing:border-box;
}

#tabs ul.de_butn{
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
    border-bottom:0px solid #ddd;
}

#tabs ul.de_butn li{
    position:relative;
    flex:1;
    min-width:180px;
    height:50px;

    display:flex;
    justify-content:center;
    align-items:center;

    list-style:none;
    box-sizing:border-box;

    border:none;
    background:#fff;
    float:none !important;

    transition:all .2s ease;
}

#tabs ul.de_butn li a{
    display:block;
    width:100%;
    text-align:center;

    color:#777;
    font-size:14px;
    font-weight:500;

    text-decoration:none !important;

    transition:all .2s ease;
}

/* Hover */
#tabs ul.de_butn li:hover a{
    color:#333;
}

#tabs ul.de_butn li:hover:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:1px;

    background:#999;
}

/* 선택된 탭 */
#tabs ul.de_butn li.ui-state-active a{
    color:#111;
    font-weight:700;
}

#tabs ul.de_butn li.ui-state-active:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:2px;

    background:#111;
    border-radius:2px;
}





.jum_img{float:right; margin:11px 20px 0 0;}

.detail_img_00{width:100%; float:left; margin-top:20px;}
.detail_text_00{width:100%; float:left; margin-top:20px;  font-size:12px;}

.detail_text_00 img{max-width:100%; min-width:auto;}

/* =========================================================
   게시판 상단
   ========================================================= */

.boa_sty {
    width:100%;
    margin-bottom:20px;
    overflow:hidden;
}

.boa_sty ul {
    width:100%;
    height:44px;
    margin:0;
    padding:0;

    border-top:0;
    border-bottom:1px solid #e8e8e8;

    background:#fff;

    overflow:hidden;
    box-sizing:border-box;
}
.boa_sty ul li {
    float:left;
    height:43px;
    line-height:43px;

    font-size:13px;
    font-weight:600;
    color:#333;

    text-align:center;
    box-sizing:border-box;
}

.boa_sty2 ul:hover {
    background:#fafafa;
}

/* =========================================================
   게시판 컬럼
   ========================================================= */

.b_top1 { width:6%; }
.b_top2 { width:57.5%; }
.b_top3 { width:10%; }
.b_top4 { width:7%; }
.boa_sty ul li.b_top5,
.boa_sty ul li.b_top5,
.boa_sty2 ul li.b_top5 {
    width:0.1%;
    color:#d9d9d9;
}

.b_top6 { width:10%; }
.b_top7 { width:58%; }


/* =========================================================
   게시판 목록
   ========================================================= */
.boa_sty2 {
    width:100%;
    height:auto;
    overflow:hidden;
}

.boa_sty2 ul {
    position:relative;
    width:100%;
    height:44px;
    margin:0;
    padding:0;

    border-top:0;
    border-bottom:1px solid #f0f0f0;

    background:#fff;

    overflow:hidden;
    box-sizing:border-box;

    transition:background-color .2s ease;
}

.boa_sty2 ul:hover {
    background:#fafafa;
}

.boa_sty2 ul li {
    float:left;
    height:43px;
    line-height:43px;
    margin:0;
    padding:0;
    font-size:12px;
    color:#555;
    text-align:center;
    box-sizing:border-box;
}


/* =========================================================
   게시판 제목
   ========================================================= */

.sang_list {
    display:block;
    width:100%;
    padding:0 20px;

    color:#222;
    text-align:left;
    text-decoration:none;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

    box-sizing:border-box;

    transition:color .2s ease;
}

.sang_list:hover {
    color:#111;
    text-decoration:underline;
    text-underline-offset:3px;
}


/* =========================================================
   페이징
   ========================================================= */

.boa_sty2 ul.paging_0 {
    width:100%;
    height:auto;
    margin:20px 0 0;
    padding:0;
    border:0;
    background:transparent;
    overflow:visible;
}

.boa_sty2 ul.paging_0 li {
    width:100%;
    height:32px;
    line-height:32px;
    font-size:12px;
    text-align:center;
}

.boa_sty2 ul.paging_0 li img {
    margin-top:6px;
    vertical-align:top;
}

.hugi{width:80%; height:auto; float:left; margin:20px 5% 0 5%; border:1px solid #e4e3e3; padding:2% 5% 2% 5%;}
.hugi ul.hugi_inp{width:100%; float:left;}
.hugi ul.hugi_inp li{float:left;}
.hugi ul.hugi_inp li.inp_tit{width:80px; font-size:12px; height:20px; line-height:20px;}
.tit_text_in{width:289px; float:left; height:18px; border:1px solid #d4d0c8; background-color:#f7f7f7; }
.star_jum{margin-top:2px;}
.ra_di_o{margin-left:10px;}
.hugi ul.hugi_inp li.inp_tit2{width:80px; font-size:12px; height:69px; line-height:69px;}
.pang_pro{width:700px; height:67px; float:left;  border:1px solid #d4d0c8; background-color:#f7f7f7;}

.hugi ul.hugi_inp li.write_btn{width:100%; text-align:right;}
.boa_sty2 ul.hugi_write_btn{width:100%; float:left; border:0;}
.boa_sty2 ul.hugi_write_btn li{width:100%; float:right; text-align:right;}
.boa_sty2 ul.hugi_write_btn li img{cursor:pointer;}

.jang1{width:130px; height:41px; border:0; background-color:#dc44a4; color:#fff;   cursor:pointer; font-size:16px; outline:none;}
.jang2{width:130px; height:41px; border:0; background-color:#dc44a4; color:#fff;   cursor:pointer; font-size:16px; outline:none; }

.jang3{width:130px; height:41px; background-color:#b9aae3; color:#fff;  cursor:pointer; font-size:16px; outline:none; border:0;}

/*Ʈ*/
.list_tit_top{width:100%; height:auto; float:left; border-bottom:0px solid #000; margin-top:50px;}
.list_tit{width:auto; float:left; border-bottom:0; font-size:16px; font-weight:bold; color:#000; padding:0 0 10px 0px; line-height:130%;}
.title_b{padding-right:5px;}
.total_num{float:right; font-weight:normal; font-size:12px;}
.jung_ry{width:1200px; height:26px; float:left; margin-top:15px;}
.jung_ry li{float:right; width:69px; border:1px solid #dedede;}
.jung_ry li a{width:100%; float:left; text-align:center; line-height:24px; font-size:12px; text-decoration:none; color:#000; font-family:'Malgun Gothic';outline-style:none;}
.jung_ry li.jung_ry_left{margin-left:1px;}
.jung_ry li.jung_ry_left2{margin-left:1px; width:243px;}
.jum3{float:right; padding:10px 10px 0 0;}

.sang_pub{width:100%; height:auto; float:left; margin-top:5px;}
.sang_pub li.blo_list{width:265px; height:auto; float:left; margin:20px 15px 0 15px; cursor:pointer;}
.sang_pub li.blo2_list{width:100%; height:auto; float:left; padding:20px 0 20px 0; border-bottom:1px solid #b1b1b1; cursor:pointer;}
.new_hot_img2{width:265px; height:190px; float:left;}

.list_sur1{width:960px; height:150px; float:left; padding:15px 20px 15px 20px; margin:0 40px 0 40px; border-bottom:1px solid #e2e2e2;}

.list_sur{width:820px; height:auto; float:left;}
.list_sur ul{width:780px; height:auto; float:left; padding-left:40px;}
.list_sur ul li{float:left; width:100%;} 
.list_in_con{width:100%; float:left; height:auto; font-size:14px; font-weight:bold; padding-top:10px;}
.list_in_con2{width:70%; float:left; height:auto; font-size:12px; padding-top:10px; line-height:18px;}
.list_in_con3{width:30%; float:left; height:auto; font-size:16px; font-weight:bold; color:#333;}
.list_in_con4{width:30%; float:left; height:auto; font-size:16px; font-weight:bold; color:#000; padding-top:10px; color:red;}


.paging_01{width:100%; float:left; text-align:center; margin:30px 0 0 0; line-height:18px;}


.ne_pre{margin-top:5px;}
.list_btns{width:100%; height:auto; float:left; text-align:right; margin-top:15px;}



.n_list_styles{width:100%; height:auto; float:left;}
.n_list_styles ul.nlisimg{width:230px; height:auto; float:left;  padding-left:50px;}
.n_list_styles ul.nlisimg li{float:left;}


.n_list_styles ul.nlisimg2{width:440px; height:auto; float:left; margin-left:50px;}
.n_list_styles ul.nlisimg2 li.goodstitles{width:100%; float:left; padding:10px 0 20px 0; font-size:16px; color:#000; font-weight:bold;}
.n_list_styles ul.nlisimg2 li.goodstitles2{width:100%; float:left; padding:10px 0 20px 0; font-size:14px; color:gray;}

.n_list_styles ul.nlisimg3{width:280px; height:auto; float:left; margin-left:20px;}
.n_list_styles ul.nlisimg3 li.goodstitles3{width:100%; float:left; text-align:center; padding-top:10px; font-size:16px; font-weight:bold; color:#000;}


/*α*/
.login_new{width:100%; float:right; height:auto; margin-top:30px; padding-bottom:20px;}
.login_new ul.login_tit{width:100%; height:auto; float:right;}
.login_new ul.login_tit li{width:98%; padding:0 0 15px 0; height:auto; float:left; text-align:left; font-size:12px; font-family:'Malgun Gothic'; font-weight:bold;}
.login_new2{width:400px; float:left; height:auto; margin:15px 0 0 0;}
.login_new2 ul.login_fom{width:287px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:287px; height:34px; float:left;}
.fom_syl{width:285px; height:32px; line-height:32px; float;left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-size:16px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:128px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555;  cursor:pointer;}

.login_new2 ul.ser_joy2{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:94px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}
.login_new2 ul.ser_joy2 li.bi_ju{float:left; width:97px; height:32px; border:0; text-align:center; line-height:32px; font-size:12px; color:#fff; font-weight:bold; background-color:#000;}

.login_new2 ul.login_he{width:400px; height:auto; float:left;}
.login_new2 ul.login_he li{width:100%; float:left; font-size:12px;}
.login_he_text{width:100%; height:auto; float:left; line-height:20px; padding-top:15px; color:#898989; font-size:12px;}
.login_he_text2{width:100%; height:auto; float:left; line-height:20px; color:#898989; font-size:12px;}


.login_new3{width:100%; float:left; height:auto; margin-top:0px;}
.login_new3 ul.login_he li.chk_box{width:100%; float:left; text-align:left; margin-top:10px; font-size:12px;}
.login_new3 ul.login_he2{width:100%; height:auto; float:left; border-bottom:1px solid #e9e9e9;}
.login_new3 ul.login_he2 li.join_foms1{width:140px; float:left; height:31px; line-height:31px; background-color:#f6f6f6; color:#5b6976; font-size:13px; padding:5px 0 5px 20px; font-weight:normal;}
.login_new3 ul.login_he2 li.join_foms2{width:570px; float:left; height:31px; font-size:13px; padding:5px 0 5px 20px; line-height:31px;}

.login_new3 ul.login_he2 li.join_foms3{width:140px; float:left; height:70px; line-height:70px; background-color:#f6f6f6; color:#5b6976; font-size:13px; padding:5px 0 5px 20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms4{width:570px; float:left; height:70px; font-size:12px; padding-left:20px;}

.login_new3 ul.login_he2 li.join_foms5{width:140px; float:left; height:120px; line-height:120px; background-color:#f6f6f6; color:#5b6976; font-size:13px; padding-left:20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms6{width:570px; float:left; height:120px; font-size:12px; padding-left:20px;}

.login_new3 ul.login_he2 li.join_foms7{width:750px; float:left; height:auto; font-size:12px;text-align:left; padding:15px 0 15px 0;}
.e_img_sty img{max-width:100%;}

.login_new3 ul.login_he2 li.join_foms8{width:7%; float:left; display:block; height:auto; line-height:38px; background-color:#f6f6f6; color:#5b6976; font-size:12px; padding-left:20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms9{width:36%; float:left; display:block; height:auto; font-size:12px; padding:3px 2%; line-height:32px; }
.login_new3 ul.login_he2 li.join_foms10{width:100px; float:left; height:70px; line-height:70px; background-color:#f6f6f6; color:#5b6976; font-size:12px; padding-left:20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms11{width:610px; float:left; height:70px; font-size:12px; padding-left:20px;}


.inryc{width:135px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px; border-radius:0px !important;}
.inryc2{width:288px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px; border-radius:0px !important;}
.inryc3{width:80px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px; border-radius:0px !important;}
.inryc4{width:100px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px; border-radius:0px !important;}
.inryc5{ float:left; margin:8px 5px 0 0; border-radius:0px !important;}
.inryc6{width:200px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px; border-radius:0px !important;}


.jung_bar{width:20px; float:left; height:31px; line-height:31px; text-align:center;}




.join_btn_ok{width:100%; height:auto; float:left; text-align:center; margin-top:15px;}
.ok_btn_sty{width:140px; height:49px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px;}
.ok_btn_sty2{width:140px; height:49px;  background-color:#bebebe; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px;}
.ok_btn_sty3{width:140px; height:40px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px; margin:10px 0;}
.ok_btn_sty4{width:140px; height:40px;  background-color:#bebebe; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px;}
.ok_btn_sty5{width:80px; height:62px; float:left; line-height:62px; margin:4px 0 0 4px; text-decoration:none; background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer;
border-radius:3px;}


.jung_ry2{width:1200px; height:auto; float:left; margin-top:25px;}
.jung_ry2 li{float:left; width:19.8%;}
.jung_ry2 li a{width:100%; float:left; text-align:center; line-height:30px; font-size:12px; text-decoration:none; color:#000; font-family:'Malgun Gothic';outline-style:none;}

.jung_ry2 li.jung_ov{background-color:#000; }
.jung_ry2 li.jung_ov a{color:#fff;}


.boa_sty3{width:100%; float:left; height:auto; margin-top:35px;}

.boa_sty3 table{margin-bottom:13px;}

.boa_sty3 ul{width:100%; height:auto; float:left;}
.boa_sty3 ul li{float:left; font-size:12px; text-align:center; height:auto; padding:8px 0 8px 0;}
.login_new3 ul li.besong img{margin-top:0px;}
.b_top8{width:7%;}
.b_top9{width:15%;}
.b_top10{width:41%;}
.b_top11{width:20%;}
.b_top12{width:9%;}
.b_top13{width:17.5%;}
.b_top14{width:13%;}
.b_top15{width:12.5%;}
.b_top16{width:37%;}
.b_top17{width:9.5%;}
.b_top18{width:41.5%;}
.b_top19{width:30%;}
.b_top20{width:16%;}
.b_top21{width:46%;}
.b_top22{width:53.5%;}
.b_top23{width:84.5%;}

.boa_sty3 ul.gunsim{width:32%; float:left; height:207px; border:1px solid #b2b2b2; margin:10px 0.5% 0 0.5%; padding:10px 0 10px 0;}
.boa_sty3 ul.gunsim li{float:left; width:100%; line-height:20px; height:auto;}

.boa_sty3 ul.gunsim1{width:24%; float:left; height:auto;  padding:10px 0.5% 10px 0.5%;}
.boa_sty3 ul.gunsim1 li{float:left; width:100%; height:auto;}

.boa_sty3 ul.couponlis{width:100%; height:80px; float:left; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; border-top:0; border-bottom:1px dotted #b2b2b2;}

.boa_sty4{width:100%; height:366px; float:left; margin-top:15px; background:url('../new_images/order_ok_t.png') center no-repeat;}
.boa_sty4 ul.sang_ok{width:559px; height:107px; float:left; margin:187px 96px 10px 248px; background-color:#f5f5f5; padding-top:7px;}
.boa_sty4 ul.sang_ok li{font-size:12px; line-height:20px; padding-left:20px;}
.boa_sty4 ul.sang_ok2{width:559px; height:auto; float:left; margin:0 96px 0 95px;;}
.boa_sty4 ul.sang_ok2 li{float:left; width:100%; text-align:right;}
.jumun{width:66px; height:22px; font-size:12px; border:0; background-color:#2d2b2b; color:#fff; cursor:pointer;}
.jumun2{width:66px; height:22px; font-size:12px; border:0; background-color:#2d2b2b; color:#fff; cursor:pointer;}

.boa_sty5{width:100%; height:300px; float:left; margin-top:15px; background:url('../image/index/search_bg.gif') center no-repeat;}
.boa_sty5 ul.sang_ok{width:559px; height:107px; float:left; margin:0 0 10px 40px; background-color:#f5f5f5; padding-top:7px;}
.boa_sty5 ul.sang_ok li{font-size:14px; padding:18px 0 0 20px; text-align:center; line-height:30px;}
.boa_sty5 ul.sang_ok2{width:100%; height:auto; float:left;;}
.boa_sty5 ul.sang_ok2 li{float:right; margin-right:20px;}
.boa_sty5 ul.mem_con{width:559px; height:auto; float:left; margin:30px 0 10px 40px;}
.boa_sty5 ul.mem_con li{line-height:20px;}



.hugi_pro_00{width:100%; float:left;}
.hugi_pro_00 img{float:left;}
.sang_name{float:left; height:60px; line-height:60px; padding-left:20px;}
.suche{width:66px; height:22px; border:0; background-color:#343434; color:#fff; float:right; font-size:11px;}


/*게시판 리스트 검색부분*/
.boa_sty3 li[style*="float:right"] {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:30px;

}

.bor_ser_fom {
    width:66px;
    height:24px !important;
    border:1px solid #b2b2b2;
    box-sizing:border-box;
	border-radius:0px;
	box-sizing:border-box;
}

.bor_ser_in {
    width:115px;
    height:24px !important;
    margin:0 5px;
    border:1px solid #b2b2b2;
    box-sizing:border-box;
	border-radius:0 !important;
	box-sizing:border-box;
	
}

.boa_sty3 input[type="image"] {
    display:block;
    margin:0;
	
}

.top_ban{width:100%; height:296px; float:left; border-bottom:2px solid #2d2b2b;}
.left_menu{width:285px; height:256px; float:left; border-right:1px solid #d1d1d1; padding:20px;}
.left_menu ul.left_menu_tit{width:100%; height:auto; float:left;}
.left_menu ul.left_menu_tit li{width: 100%; height:30px; line-height:30px; border-bottom:2px solid #2d2b2b; font-size:16px; font-weight:bold; float:left;}
.left_menu ul.menu_t_menu{width:100%; height:214px; margin-top:10px; float:left; overflow-y:auto;}
.left_menu ul.menu_t_menu li{width:100%; height:auto; padding-bottom:5px; font-size:14px;}

.sub_rolimg{width:754px; height:296px; float:left;}

/*이미지롤링*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
background: url('../images/b21.png') no-repeat;
overflow:hidden;
cursor: pointer;
}
.jssorb21{display: table;   margin: 0 auto; position:relative; height:296px;}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }


.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url('../images/a21.png') center center no-repeat;
overflow: hidden;
z-index:9999999999999999999;
}
.jssora21l { background-position: 0; }
.jssora21r { background-position: -29px 0; }
.jssora21l:hover { background-position:  0; }
.jssora21r:hover { background-position: -29px 0; }
.jssora21ldn { background-position: 0; }
.jssora21rdn { background-position: -29px 0; }
.main_roll{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 754px; height: 296px; overflow: hidden;}
.main_roll2{ position: absolute; left: 0px; top: 0px; width: 754px; height: 296px; overflow: hidden;}

.f_caname{text-decoration:none; color:#000;}







.goods_li_top{width:var(--width); height:auto; float:left;}
.ca_home{float:left; color:#7a7a7a; font-size:13px; margin-right:10px; line-height:23px;}
.selbox_sty{width:308px; height:21px; float:left; position:relative; border:1px solid #989898; background:url('../images/sel_img.png') right no-repeat;}
.selc_chi{width:96%; height:21px; float:left; position:absolute; left:0; top:0; font-size:13px; line-height:21px; padding-left:4%;}
.ca_chois{width:100%; height:21px; float:left; opacity: 0; filter: alpha(opacity=0); cursor:pointer;}
.ca_home2{float:left; padding:0 10px 0 10px; line-height:23px;}


.goods_li_top2{width:var(--width2); height:auto; float:left; border:1px solid #dcdede; padding:6px 0 6px 0; margin:0px 0 20px 0; 
border-radius:20px;  }
.goods_li_top2 ul{width:100%; height:auto; float:left;}
.goods_li_top2 ul li{width:23%; height:25px; float:left; line-height:25px; font-size:14px; border-right:1px solid #e1e1e1; padding-left:1%;}
.s_lin_k{text-decoration:none; color:#222222; font-size:13px;}

.indu_info{width:var(--width);height:327px; float:left; border-bottom:2px solid e5e5e5;}
.indu_info_btn{width:717px; height:327px; float:left;}
.indu_btn_tit{width:717px; height:auto; float:left;}
.cate_btn_img{width:714px; height:272px; float:left;}
.cate_btn_img li{float:left;}

.indu_right_ban{width:363px; height:327px; float:left;}
.banw{width:363px; height:166px; float:left;}
.banw2{width:320px; height:126px; float:left; border:2px solid #d0d0d0; margin:0 4px 0 35px;}
















.dongi{width:746px; height:auto; float:left; border-top:1px solid #dddddd; margin:0 0 0px 0px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.dongi ul.dongi_u{width:100%; height:30px; float:left; border-bottom:1px solid #dddddd; background-color:#ffffff;}
.dongi ul.dongi_u li{float:left; text-align:center; font-weight:bold; line-height:30px; font-size:13px;}
.can1{width:248px; border-right:1px solid #dddddd;}
.can2{width:226px;}

.dongi ul.dongi_u2{width:100%; height:auto; float:left; border-bottom:1px solid #dddddd;}
.dongi ul.dongi_u2 li{float:left; padding:8px 0 8px 5px; font-size:12px;}
.can3{width:243px; text-align:center;}
.can4{width:191px; text-align:center;}
.can6{width:243px; border-right:1px solid #dddddd; border-left:1px solid #dddddd; text-align:center;}


/*커뮤니티*/
.commuty{width:100%; height:auto; float:left; margin-top:20px;}
.vew_list{width:48%; float:left; height:auto; border:1px solid #dedede;}
.vew_list ul.cou_list{width:100%; height:auto; float:left; background-color:#f4f4f4; border-bottom:1px solid #dedede;}
.vew_list ul.cou_list li{width:100%; float:left; font-size:14px; padding:10px 0 10px 0; color:#000;}
.vew_list ul.vew_list2{width:100%; height:auto; float:left;}
.vew_list ul.vew_list2 li{float:left; width:100%; padding:8px 0 8px 0;}
.cofurnd{float:left; padding-left:10px; font-size:14px;}
.cofurnd2{float:left; padding:7px 5px 0 0; vertical-align:top;}
.cofurnd3{float:right; font-size:14px; padding-right:10px;}



.miriviw{width:100%; height:auto; float:left;}
.miriviw td{padding:0;}
.mirtit{color:blue; word-break:break-all;}
.mirckh{font-size:14px; font-weight:bold; color:#000;}

.su_ry9s{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 0; color:#000; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10s{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 10px;  color:#000; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.sel_cho3s{width:20px; float:left; height:20px; border:1px solid #909090; margin-top:4px; text-align:center;}


.su_ry9ss{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 0; color:#000; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10ss{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 10px;  color:#000; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.sel_cho3ss{width:20px; float:left; height:20px; border:1px solid #909090; margin-top:4px; text-align:center;}



/*관련상품*/
.leration_div{width:90%; height:auto; float:left; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; margin-top:30px; margin:30px 5% 20px 5%;}
.optioby{width:100%; float:left; padding:10px 0 10px 0; font-size:16px; font-weight:bold; color:#000;}
.leration_lists{width:100%; height:auto; float:left;}
.leration_lists ul{width:100%; float:left;}
.leration_lists ul li{width:156px; height:156px; float:left; text-align:center; margin:0 3px 0 3px; line-height:14px;}

.re_fontstylesd{width:156px; height:auto; float:left; font-size:12px; color:#000; line-height:14px; padding-top:5px;}
.re_fontstylesd2{font-size:12px; color:#6c6c6c; font-weight:bold; padding-top:3px;}
.re_fontstylesd3{width:156px; height:auto; float:left; text-align:center; padding-bottom:3px;}
.leration_lists ul li a{ text-decoration:none; font-size:12px; color:#6c6c6c;}
.leration_lists ul li a:hover{text-decoration:underline; font-size:12px; color:#6c6c6c;}



/*쿠폰페이지*/
.pc_couponsd{width:100%; height:auto; margin:0 auto;}
.pc_couponsd ul{width:98%; height:auto; float:left; margin-left:1%;}
.pc_couponsd ul li{width:33.33%; float:left; height:auto;}


.pc_couponsd2{width:298px; height:150px; float:left; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:2px dotted #f1144d;}
.pc_couponsd2 ul{width:258px; height:110px; float:left; padding:20px;}
.pc_couponsd2 ul li{width:100%; height:auto; float:left;}
.pc_couponsd2 ul li.cou_titlesd{font-size:16px; color:#f1144d; font-weight:bold; padding-bottom:5px;}
.pc_couponsd2 ul li.cou_titlesd2{font-size:35px; color:#000; font-weight:bold; padding-bottom:10px;}
.pc_couponsd2 ul li.cou_titlesd3{font-size:14px; color:#000;}

.pc_couponsd3{width:300px; height:50px; float:left; background-color:#f1144d; line-height:50px; text-align:center; font-size:20px; font-weight:bold;color:#fff; cursor:pointer;}

.btbns{float:left; margin-top:2px;}
.n_mius{width:27px; height:28px; border:1px solid #000; background-color:#fff; vertical-align:bottom; line-height:25px; font-size:18px; font-family:'돋음', Dotum; float:left; cursor:pointer; outline:none;}
.ns_mp{width:30px; height:24px; line-height:24px; border-top:1px solid #000; border-bottom:1px solid #000; border-left:0; border-right:0; 
border-radius:0px !important; background-color:#fff; vertical-align:bottom; outline:none; text-align:center; font-family:'돋음', Dotum; font-size:12px; float:left;}
.n_plus{width:27px; height:28px; border:1px solid #000; background-color:#fff; vertical-align:bottom; line-height:25px; font-size:18px; font-family:'돋음', Dotum; float:left; cursor:pointer; outline:none;}
















#keypad{

	width:auto; height:auto; float:left; border:1px solid #000; background-color:#5e5e5e; display:none;
	position:absolute; top:30px;
	
}


#keypad td{padding:5px;}

.key{
    border:solid 1px #000;
    background-color:#fff;
  
    color:#000;
    cursor:pointer;
	width:50px; height:50px;
	font-size:12px;
}
.key:hover{
    background-color:LightBlue;
}
.key:active{
    background-color:white;
}
.btner, .btners{
    border:solid 1px #000;
    text-align:center;
  
    color:#000;
    cursor:pointer;
    background-color:#fff;
    width:50px;
	height:50px;
	font-size:12px;
	white-space: normal;

}

.btnpptsd{
    border:solid 1px #000;
    text-align:center;
  
    color:#000;
    cursor:pointer;
    background-color:#fff;
    width:50px;
	height:73px;
	font-size:12px;
	white-space: normal;

}


.btner:hover, .btners:hover, .btnpptsd:hover{
    background-color:LightBlue;
}
.btner:active, .btners:active, .btnpptsd:active{
    background-color:white;
}


/*
* 고객센터 상단 리스트
*/
.board_top_menusd {width:100%; height:auto; float:left; margin-bottom:30px;}
.board_top_menusd ul{width:100%; height:auto; float:left;background:#fafafa;}
.board_top_menusd ul li{width:20%; float:left; }


.btmul_a{font-size:13px; width:100%; height:30px; float:left; line-height:30px; text-align:center; text-decoration:none; border-top:1px solid #bababa; border-left:1px solid #bababa; border-bottom:1px solid #bababa; color:#000;}
.btmul_a2{font-size:13px; width:100%; height:30px; float:left; line-height:30px; text-align:center; text-decoration:none; border-top:1px solid #bababa; border-bottom:1px solid #bababa; color:#000;}

.btmul_a3{ border-right:1px solid #bababa;}
.btmul_a4{ border-left:1px solid #bababa;}

.board_top_menusd2 {width:100%; height:auto; float:left; margin-bottom:30px;}
.board_top_menusd2 ul{width:100%; height:auto; float:left; margin-left:0;background:#fafafa;}
.board_top_menusd2 ul li{width:20%; float:left;}
.btmul_a5{ border-left:0px solid #bababa;}


/*
* 22.04.03 webist add - sns share
*/
.detail_share {position:relative; color:#fff; border:none; background:none; padding:0; margin:0; vertical-align: middle; cursor:pointer;}
.detail_share svg.sharebtns {fill:#999;}
.detail_share svg.shareico {width:28px; height:28px;}
.detail_share .share_detail {position:absolute; width:92px; padding:10px; right:0; border:1px solid #ddd; display:none; border-radius:3px; background:#fff}
.detail_share .share_detail:after {border-color: #ffffff transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right:5px; position: absolute; top: -7px; width: 0; z-index: 1; }
.detail_share .share_detail:before {border-color: #dddddd transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right:5px; position: absolute; top: -8px; width: 0; z-index: 0;}
.detail_share .share_detail li { display:inline-block; font-size:0;}
.detail_share .share_detail a {color:#fff; font-size:0}


/*
* 22.04.15 webist add - 일시품절
*/
div.empty_ico { text-align:center; font-size:0; line-height:0; margin-top:-2px;  margin-left:5px;}
div.empty_ico.glist { padding-top:5px; }
div.empty_ico > span { display:inline-block; padding:3px 7px; border-radius:2px; border:1px solid #ff0000; color:#ff0000; font-size:12px; line-height:12px;}
span.empty_ico { display:inline-block; padding:3px 7px; border-radius:2px; border:1px solid #ff0000; color:#ff0000; font-size:12px; line-height:12px; margin-left:5px; margin-top:3px; vertical-align:top; }


/*
* 22.10.16 webist add - mypage_addrs.php , my_addrs.php
*/
hr.row { float:left; border:0; padding-top:100px; }
h3.pop_tit { padding:10px; font-size:16px; }
.table_wrap { position:relative; box-sizing:border-box; clear: both; }
.table_wrap.pop { padding:0 10px; }
table.addr_table { clear:both; margin-top:0.75em; margin-bottom:0.75em; border-collapse:collapse; border-spacing:0; width:100%;  max-width:100%; border-top:1px solid #b2b2b2; font-size:12px;}
table.addr_table thead th { position:relative; border-bottom:1px solid #b2b2b2; padding:10px 0; }
table.addr_table thead th:before { content:''; width:1px; top:10px; bottom:10px; right:0; display:block; position:absolute; background:#b2b2b2;}
table.addr_table thead th:last-child:before { display:none; }
table.addr_table tbody td { text-align:center; border-bottom: 1px dotted #b2b2b2; padding:10px;}
table.addr_table tbody td.left { text-align:left; }
table.addr_table tbody td.empty { padding:80px 0;}
table.addr_table tbody td button { padding:2px 5px; cursor:pointer; border-radius:5px; vertical-align:middle; font-size:12px; }
table.addr_table tbody td button.btn-modify { margin-right:3px; background-color:#00c73c; color:#fff; border:1px solid #00c73c; }
table.addr_table tbody td button.btn-delete { background-color:#c71e1e; color:#fff; border:1px solid #c71e1e; }
table.addr_table tbody td button.btn-modify:hover { background-color:#00972d; border:1px solid #00972d; }
table.addr_table tbody td button.btn-delete:hover { background-color:#a50e0e; border:1px solid #a50e0e; }
table.addr_table tbody td button.btn-select { background-color:#333; color:#fff; border:1px solid #333; }
table.addr_table tbody td button.btn-select:hover { background-color:#000; color:#fff; border:1px solid #000; }
table.addr_table tbody td span.red { display:inline-block; padding:2px 10px; font-size:11px; background:#ff6600; border-radius:3px; color:#fff; }
.addr_btns { text-align:right; }
.addr_btns button { padding:8px 40px; font-size:12px; cursor:pointer; background-color: #343434; color:#fff; border:1px solid #343434; border-radius:5px; vertical-align:middle; }
.addr_btns button:hover { background-color: #000; border:1px solid #000; }
#addr_modal_pop { box-sizing:border-box; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99; }
#addr_modal_pop * { box-sizing:border-box;}
#addr_modal_pop .modal_pop_inner { width:644px; height:484px; position:absolute; left:50%; top:50%; margin-left:-322px; margin-top:-242px; background:#fff; z-index:2; border-radius:5px; box-sizing:border-box;  padding:20px;}
#addr_modal_pop .modal_background { position:absolute; z-index:1; background:#000; opacity:.5; left:0; right:0; top:0; bottom:0;}
#addr_modal_pop .modal_header h3 { padding:5px 10px 10px; border-bottom:2px solid #333; }
#addr_modal_pop .modal_footer { border-top:2px solid #333; }
#addr_modal_pop .modal_footer .btns { padding-top:20px; text-align:right; }
#addr_modal_pop .modal_footer .btns button { padding:8px 40px; border-radius:5px; vertical-align:middle; font-size:12px; cursor:pointer; border:1px solid #000;}
#addr_modal_pop .modal_footer .btns button.btn-cancle { background-color: #bebebe; color:#fff; border:1px solid #bebebe;}
#addr_modal_pop .modal_footer .btns button.btn-cancle:hover { background-color:#a99d9d; color:#fff; border:1px solid #a99d9d; }
#addr_modal_pop .modal_footer .btns button.btn-submit { background-color: #343434; color:#fff; border:1px solid #343434;}
#addr_modal_pop .modal_footer .btns button.btn-submit:hover { background-color: #000; color:#fff; border:1px solid #000; }
#addr_modal_pop .modal_float { position:absolute; right:20px; top:20px; }
#addr_modal_pop .modal_float button { width:40px; height:40px; position:relative; cursor:pointer; border:none; background:none;}
#addr_modal_pop .modal_float button span { position: absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); }
#addr_modal_pop .modal_float button:before { content:''; width:2px; height:30px; background:#333; position:absolute; left:16px; top:3px; transform:rotate(45deg); }
#addr_modal_pop .modal_float button:after { content:''; width:2px; height:30px; background:#333; position:absolute; left:16px; top:3px; transform:rotate(-45deg);}
#addr_modal_pop .addr_row { padding:10px 10px; border-bottom:1px solid #ccc; }
#addr_modal_pop .addr_row:last-child { border-bottom:none; }
#addr_modal_pop .addr_row label { display:inline-block; width:80px; text-align:right; font-size:12px; vertical-align:middle; padding-right:20px; box-sizing:border-box;  }
#addr_modal_pop .addr_row label.inline { width:auto; }
#addr_modal_pop .addr_row input[type=text] { padding:8px 10px; border:1px solid #ccc; border-radius:5px; vertical-align:middle; box-sizing:border-box; font-size:12px; }
#addr_modal_pop .addr_row input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0;}
#addr_modal_pop .addr_row input[type=checkbox] { display: none;}
#addr_modal_pop .addr_row input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:0; padding-right:5px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
#addr_modal_pop .addr_row input[type=checkbox] + label:active:before { transform:scale(0);}
#addr_modal_pop .addr_row input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
#addr_modal_pop .addr_row input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
#addr_modal_pop .addr_row input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
#addr_modal_pop .addr_row input.zonecode { width:120px; }
#addr_modal_pop .addr_row input.w100 { width:496px; }
#addr_modal_pop .addr_row button { padding:8px 10px; border:1px solid #000; border-radius:5px; vertical-align:middle; font-size:12px; cursor:pointer; background:#343434; color:#fff;  }
#addr_modal_pop .addr_row button:hover { background:#000; }
/*
* 22.04.16 webist add - order_sheet.php 배송지 
*/
.del_type_wrap { float:right; }
.del_type_wrap input[type=radio] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.del_type_wrap input[type=radio] { display: none;}
.del_type_wrap input[type=radio] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.del_type_wrap input[type=radio] + label:active:before { transform:scale(0);}
.del_type_wrap input[type=radio]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.del_type_wrap input[type=radio]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.del_type_wrap input[type=radio]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
.del_type_wrap button { padding:3px 10px; font-size:12px; border:1px solid #ccc; background:#fff; border-radius:3px; cursor:pointer;}
.del_type_wrap button:hover { background:#f1f1f1; }
.del_type_wrap input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.del_type_wrap input[type=checkbox] { display: none;}
.del_type_wrap input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.del_type_wrap input[type=checkbox] + label:active:before { transform:scale(0);}
.del_type_wrap input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.del_type_wrap input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.del_type_wrap input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
.receiver_del_wrap {display:inline-block; padding-left:10px; line-height: 18px; padding-top: 5px; }
.receiver_del_wrap input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.receiver_del_wrap input[type=checkbox] { display: none;}
.receiver_del_wrap input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.receiver_del_wrap input[type=checkbox] + label:active:before { transform:scale(0);}
.receiver_del_wrap input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.receiver_del_wrap input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.receiver_del_wrap input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}

.btn-delivery-modify { float:right; display:inline-block; text-decoration:none; padding:5px 10px; border:1px solid blue; line-height:1; vertical-align:middle; margin-bottom:2px; border-radius:2px; margin-left:10px; color:#333;}
.btn-delivery-modify:hover { background:#f1f1f1 }
.btn-new { padding:3px 10px; cursor:pointer; background:#f1f1f1; color:#333; border:1px solid #ccc; border-radius:3px; display:inline-block;}
.delivery_list { padding:5px 10px; border:1px solid #ccc; border-radius:3px; }

.total_price{line-height:120%;}
.transMstr{line-height:150%;}


/*회원가입 포인트 위아래 움직임*/
@keyframes signup_floating {
        0%,25%,50%,75%,to {
            -webkit-transform: translateY(0);
            transform: translateY(0) translateX(-49%);
        }

        40% {
            -webkit-transform: translateY(-6px);
            transform: translateY(-6px) translateX(-49%);
        }

        60% {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px) translateX(-49%);
        }
    }

.tooltip {
    position: absolute;
    z-index: 100;
   
    bottom: -25px;
    left: 45%;
    transform: translateX(-50%);
    background-color: #000;
    color: #FFF;
    padding: 0px 10px;
    border-radius: 8px;
    font-size: 12px !important;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    animation: signup_floating 1.8s ease-in-out infinite;
}

.tooltip::before {
    content: '';
    position: absolute;
    bottom: 99%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
}

.left_top_text{
    position: relative;
}

.ang_title{font-size:4em; margin:50px 0 0 0; width:100%; text-align:center; clear:both; float:left;}


/*상품쪽 디자인하기 버튼*/

.file-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px; /* 상하 패딩을 줄여 높이를 낮춤 */
  font-size: 12px; /* 글자 크기도 미세하게 조정 */
  font-family: sans-serif;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc; /* 이미지의 연한 회색 테두리 */
  border-radius: 4px; /* 이미지 특유의 부드러운 라운딩 */
  cursor: pointer;
  line-height: 1; /* 높이 불균형 방지 */
  transition: all 0.15s ease;
}

/* 마우스 호버 효과 */
.file-download-btn:hover {
  background-color: #fafafa;
  border-color: #000;
  color: #333333;
}

/* 아이콘 정렬 */
.file-download-btn .icon-download {
  color: #666666;
  flex-shrink: 0;
}

/* 클릭 효과 */
.file-download-btn:active {
  background-color: #f0f0f0;
}




.file-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px; /* 작은 글씨 크기 */
  font-family: sans-serif;
  color: #4a4a4a; /* 부드러운 먹색 */
  background-color: #ffffff;
  border: 1px solid #d1d1d1; /* 이미지와 같은 연한 회색 테두리 */
  border-radius: 4px; /* 살짝 둥근 모서리 */
  cursor: pointer;
  transition: all 0.2s ease;
}

/* 마우스 호버 효과 */
.file-download-btn:hover {
  background-color: #f5f5f5; /* 살짝 어두워지는 배경 */
  border-color: #b5b5b5; /* 조금 더 선명해지는 테두리 */
  color: #222222;
}

/* 아이콘 스타일링 */
.file-download-btn .icon-download {
  color: #555555;
  flex-shrink: 0;
}

/* 클릭 효과 */
.file-download-btn:active {
  background-color: #ebebeb;
  transform: scale(0.98);
}


.jang1-a {
  /* 크기 및 배치 */
  margin-top:30px;
  width:100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 28px;       /* 첫 번째 제안의 볼륨감 있는 크기 */
  font-size: 16px;          /* 시원하고 읽기 좋은 글자 크기 */
  font-weight: 600;         /* 선명한 굵은 글씨 */
  
  /* 색상 및 테두리 */
  color: #ffffff;           /* 글자색 흰색으로 반전 */
  background-color: #007bff;/* 배경이 파란색으로 가득 참 */
  box-shadow: 0 4px 14px rgba(0, 123, 255, 0.35); /* 은은하게 퍼지는 파란 그림자 */
  border-radius: 20px;       /* 부드러운 라운딩 모서리 */
  
  /* 작동 방식 설정 */
  cursor: pointer;
  outline: none;
  -webkit-appearance: none; /* 브라우저 기본 input 스타일 제거 */
  transition: all 0.25s ease;/* 부드러운 애니메이션 전환 */
  border:0px;
}

/* 1. 마우스 호버 (올렸을 때) 효과 */
.jang1-a:hover {

  transform: translateY(-3px); 
}



/*상품상세 상품문의 버튼*/
.goods_qna_btn{
    min-width:90px;
    height:32px;
    padding:0 12px;

    border:1px solid #d5d5d5;
    border-radius:0px;

    background:#fff;
    color:#666;

    font-size:12px;
    font-weight:600;

    box-shadow:0 2px 5px rgba(0,0,0,.08);

    transition:.2s;
}

.goods_qna_btn:hover{
    background:#f7f7f7;
    color:#222;
    border-color:#bdbdbd;
    box-shadow:0 3px 8px rgba(0,0,0,.12);
}





/* =========================================
   메인 상품 마우스 오버
   ========================================= */

.main-pro {
    position: relative;
    cursor: pointer;
    overflow: hidden !important;

    border-radius: 10px !important;

    /* 기존 transform 확대 제거 */
    transform: none !important;
}


/* -----------------------------------------
   오버레이
   ----------------------------------------- */

.main-pro-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0,0,0,.52);

    opacity: 0;

    /* 라운드 유지 */
    border-radius: 10px;

    transition: opacity .35s ease;

    z-index: 5;
}


/* -----------------------------------------
   상품 정보
   ----------------------------------------- */

.main-pro-info {
    width: 90%;

    text-align: center;

    color: #fff;

    transform: translateY(15px);

    opacity: 0;

    transition:
        opacity .35s ease,
        transform .4s ease;
}


/* -----------------------------------------
   상품명
   ----------------------------------------- */

.main-pro-name {
    margin-bottom: 5px;

    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.5px;

    color: #fff;
}


/* -----------------------------------------
   가격
   ----------------------------------------- */

.main-pro-price {
    margin-bottom: 14px;

    font-size: 18px;
    color: #fff;
    line-height: 1.3;
}

/* 기존 가격 */
.main-pro-price s {
    margin-right: 1px;

    font-size: 13px;
    font-weight: normal;

    color: rgba(255,255,255,.65);
}


/* 현재 가격 */
.main-pro-price strong {
    font-size: 19px;
    font-weight: 700;
    color: #fff;
}

.main-pro-price .price-won {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px;
    font-weight: 500;

    color: #fff;

    vertical-align: baseline !important;
    position: relative;
    top: -1px;

    letter-spacing: -1px !important;
}

/* 원 */
.main-pro-price span {
    margin-left: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;

    vertical-align: baseline !important;
    position: relative;
    top: -1px;
}

/* -----------------------------------------
   자세히 보기
   ----------------------------------------- */

.main-pro-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 30px;
    padding: 0 13px;

    border: 1px solid rgba(255,255,255,.75);
    border-radius: 2px;

    background: transparent !important;

    color: #fff;

    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;

    box-sizing: border-box;

    transition:
        border-color .25s ease,
        background-color .25s ease,
        color .25s ease;
}


/* 화살표 */
.main-pro-detail span {
    margin-left: 5px !important;
    padding: 0 !important;

    font-size: 13px;
    line-height: 1;

    color: inherit;

    transition: transform .25s ease;
}



/* 버튼 오버 */
.main-pro-detail:hover {
    background: rgba(255,255,255,.12) !important;
    border-color: #fff;

    color: #fff !important;
}


/* 화살표 움직임 */
.main-pro-detail:hover span {
    transform: translateX(3px);
}


/* -----------------------------------------
   마우스 오버
   ----------------------------------------- */

.main-pro:hover .main-pro-overlay {
    opacity: 1;
}

.main-pro:hover .main-pro-info {
    opacity: 1;
    transform: translateY(0);
}


/* 버튼에 마우스를 올려도 흰색 배경 없음 */
.main-pro-detail:hover {
    background: transparent !important;
    color: #fff !important;
}



/*상품 상세페이지 첨부파일 부분*/

.huga_text2 {
				width:100%;
				height:auto;
				float:left;
				font-size:14px;
				color:#000;
				padding-bottom:10px;
			}

			.sqstyle_ss {
				width:99%;
				height:140px;
				resize:none;
				background-color:#f9f9f9;
			}

			.sqstyle_ssss {
    width:99%;
    height:auto;
    float:left;
    background-color:#f9f9f9;
    border:1px solid #a9a9a9;
    box-sizing:border-box;
}

#hslist {
    width:260px;
    float:right;
    box-sizing:border-box;
}


/* 파일 선택 + 추가 버튼 영역 */
.sqstyle_ssssss {
	display:flex;
	align-items:center;
	width:260px;
	min-height:30px;
	float:left;
	box-sizing:border-box;
}


/* 파일 선택 */
.sqstyle_sssss {
	display:block;
	width:200px;
	height:22px;
	margin:0;
	padding:0;
	font-size:12px;
	box-sizing:border-box;
	border-radius:0px !important;
}


/* + 버튼 */
.sqstyle_ssssssss {
    display:block;
    width:20px;
    height:20px;
    
    margin-left:auto;
    margin-right:8px;

    padding:0;
    font-size:12px;
    line-height:18px;

    background-color:#3f3f3f;
    color:#fff;
    border:1px solid #3f3f3f;

    cursor:pointer;
    box-sizing:border-box;
}


/* 파일 추가 영역 */
.sqstyle_sssssss {
	width:260px;
	float:left;
	padding-top:10px;
}


/* 삭제 버튼 */
.sqstyle_sssssssss {
	float:right;
	font-size:12px;
	width:20px;
	height:20px;
	margin:3px 8px 0 0;
	background-color:#fff;
	color:#bebebe;
	border:1px solid #bebebe;
	cursor:pointer;
}