@charset "utf-8";

/* 입력서식 */
input[type=text], input[type=password], textarea {border:1px solid #cdcdcd; padding:6px 7px; line-height:16px; letter-spacing:-0.7px;}
input[type=text], input[type=password] {height:16px; width:204px;}
input[type=text][size] {width:auto;}
input[type=text].i_wide, textarea.i_wide {width:68%;}
input[type=text].i_full, textarea.i_full {width:97.5%;}
select {border:1px solid #cdcdcd; height:30px; padding:5px;}
select.i_short {width:220px;}
select.i_wide {width:70%;}
select.i_full {width:100%;}
input[type=file] {margin:auto; padding:0; height:30px; line-height:30px;}
label+input[type=radio], label+input[type=checkbox] {margin-left:15px;}
.file_preview {margin-top:5px;}
.file_preview .file_tmb {margin-right:10px; text-decoration:underline;}
.file_preview .file_tmb img {max-width:80px; max-height:80px;}

.select_btn {margin:-1px; overflow:hidden;}
.select_btn.ui-buttonset label {float:left; margin:1px; width:auto; padding:0; border:1px solid #bdbdbd; color:#777; font-size:13px; line-height:18px; background:#f1f1f1;}
.select_btn.ui-buttonset label:hover {border:1px solid #d86c37; color:#d86c37 !important; background:#fff;}
.select_btn.ui-buttonset label.ui-state-active {border:1px solid #d86c37; color:#d86c37 !important; background:#fff;}
.select_btn.ui-buttonset .ui-button-text-only .ui-button-text {min-width:40px; padding:0 20px; height:24px; line-height:24px;}

/* 타이틀 */
.tit1 {margin:40px 0 15px; padding-left:25px; font-size:24px; line-height:36px; background:url(../../images/memb/common/bul_tit1.gif) no-repeat 0 10px;}
#tit_page+.tit1 {margin-top:0;}
.tit2 {margin:30px 0 10px; padding:3px 10px; font-size:16px; background:#eee;}
.tit1+.tit2 {margin-top:10px;}
.tit3 {margin:40px 0 15px; padding-left:25px; font-size:22px; line-height:36px; background:url(../../images/memb/common/bul_tit1.gif) no-repeat 0 9px;}
.layer_popup .tit1 {margin:30px 0 10px; padding-left:18px; font-size:16px; line-height:30px; background:url(../../images/memb/common/bul_layer_tit1.gif) no-repeat 0 8px;}
.layer_popup form:first-child legend+.tit1, .layer_popup .tit1:first-child {margin-top:0;}
.tit4_all {margin:10px 0 0 0; padding-bottom: 9px;}
.tit5 {margin:5px 0 15px; padding-left:25px; font-size:22px; line-height:36px; background:url(../../images/memb/common/bul_tit1.gif) no-repeat 0 9px;}

/* 불릿 */
.bul_dot li {padding-left:10px; background:url(../../images/memb/common/bul_dot_gray.gif) no-repeat 0 11px;}

/* 글꼴 */
.colr_point {color:#dd5411;}
.colr_point2 {color:#0f6baf;}
.colr_hlght {color :#008CFF !important;}
.colr_gray {color:#737373;}

.fs_midium {font-size:16px;}
.fs_large {font-size:18px;}
.fs_big {font-size:24px;}
.link {/* text-decoration:underline; */ color:#1581d1;}
.note {margin-top:7px; line-height:20px;}
p.note {padding-left:17px; text-indent:-17px;}
dl.note {margin-top:15px;}
dl.note dt {margin-bottom:3px; color:#dd5411; font-weight:bold; font-size:16px;}
.note+.note {margin-top:2px;}
.abbr {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 탭메뉴 */
.tab_menu {height:43px; padding-left:1px; border-top:1px solid #d4d4d4; border-bottom:2px solid #dd5411; margin-bottom:60px;}
.tab_menu li {float:left; border-left:1px solid #d4d4d4; margin-left:-1px;}
.tab_menu li a {display:block; height:43px; border-right:1px solid #d4d4d4; line-height:43px; text-align:center;}
.tab_menu li.on a {position:relative; margin:-1px; border:2px solid #dd5411; border-bottom:0; padding-bottom:1px; color:#dd5411; font-weight:bold; background:#fff; /*z-index:100;*/}

.tab_area {position:relative; height:500px; padding-left:1px;}
.tab_area .tab_tit {float:left; width:275px; margin-left:-1px;}
.tab_area .tab_tit:first-child {width:278px;}
.tab_area .tab_tit a {position:relative;display:block;height:43px;border:1px solid #d4d4d4;border-bottom: 2px solid #0f6baf;line-height:43px;text-align:center;z-index:90;}
.tab_area .tab_tit.on a {height:41px;margin:0;padding:0 0 2px 1px;border: 2px solid #0f6baf;border-bottom:0;color: #0f6baf;font-weight:bold;line-height:41px;z-index:90;}
.tab_area .tab_tit .cnt {color:#666; font-size:13px;}
.tab_area .tab_cont {display:none; position:absolute; left:0; right:0; z-index:80;}
.tab_area .tab_tit.on+.tab_cont {display:block; padding-top:96px;}

/* 버튼 */
.btn {display:inline-block; text-align:center; vertical-align:middle; text-decoration:none !important; overflow:hidden;}
.btn {height:30px; border:1px solid #6d6d6d; padding:0 10px; color:#fff; font-weight:bold; font-size:13px; line-height:28px; background:#858585;}
a.btn {height:28px;}
.btn.inline {height:23px; padding:0 9px; border:1px solid #b9b9b9; color:#444 !important; font-weight:normal; font-size:12px; line-height:21px; background:#f4f4f4;}
.btn.inline.ac {border:1px solid #2979b4; color:#03487b; background:#def0fa;}
.btn.inline.ac2 {border:1px solid #858585; font-size:13px; color:#fff !important; background:#858585;}
.btn.inline.ac3 {border:1px solid #2979b4; color:#fff !important; background:#2979b4;}
a.btn.inline {height:21px;}
.btn_area {margin-top:25px; text-align:center; overflow:hidden;}
.btn_area .btn {height:36px; padding:0 25px; border:1px solid #ae3900; color:#fff !important; font-size:14px; line-height:34px; background:#dd5411;}
.btn_area .btn+.btn {margin-left:5px;}
.btn_area a.btn {height:34px;}
.btn_area.large {margin-top:60px;}
.btn_area.large .btn {height:45px; padding:0 35px; font-size:18px; line-height:43px;}
.btn_area.large a.btn {height:43px;}
.btn_area.big {margin-top:60px;}
.btn_area.big .btn {width:185px; height:51px; padding:0; font-size:18px; line-height:49px;}
.btn_area.big a.btn {height:49px;}
.btn.nav {border:1px solid #6d6d6d; background:#858585;}
.btn.nav2 {border:1px solid #c2c2c2; color:#444 !important; background:#eee;}
.btn.wish {display:inline-block; width:82px; height:25px; margin-left:5px; padding:0; border-radius:13px; border:0; font-weight:bold; color:#fff; font-size:13px; line-height:25px; text-align:center; background:#858585; overflow:hidden;}
.btn.buy {display:inline-block; width:82px; height:25px; margin-left:5px; padding:0; border-radius:13px; border:0; font-weight:bold; color:#fff; font-size:13px; line-height:25px; text-align:center; background:#dd5411; overflow:hidden;}
.cartlist_ctrl .btn {height:32px; padding:0 25px; font-weight:bold; font-size:14px !important; line-height:30px;}
.cartlist_ctrl a.btn {height:30px;}
span.btnset_period {margin-left:10px;}
div.btnset_period {margin-top:5px;}
.btnset_period .btn {width:75px; padding:0;}

.btn_round{border-radius: 25px;font-size: 1.2em;font-weight: bold;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.btn_round:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}


/* 박스 */
.box {padding:20px; border:1px solid #cdcdcd;}
.box.gray {background:#f7f7f7;}
.box.result {padding:40px 20px; text-align:center; font-weight:bold; font-size:16px;}
.box.result .fs_large {font-size:36px;}
.box.info {margin-bottom:40px; padding:20px 25px;}
.box.info dt {margin-top:20px; padding-left:13px; font-size:16px; font-weight:bold; background:url(../../images/memb/common/bul_circle_blue.png) no-repeat 0 8px;}
.box.info dt:first-child {margin-top:0;}
.box.info dd {padding-left:13px;}
.result_search {margin:50px 0 -10px;}

/* 외부솔루션 영역 */
.grid_area .dummy {height:390px; text-align:center; line-height:390px; background:#eee;}
.grid_header {color:#fff; font-weight:bold;}
/* 테이블 */
table {width:100%; border:0; border-spacing:0; word-wrap:break-word; word-break:break-all; background:#fff;}
table+table {margin-top:30px;}
table caption {text-align:left;}
table th, table td {border:0;}
table td a:hover, table td a:focus {text-decoration:underline;}
table td .item+.item {margin-top:5px;}
table td.nodata {height:100px !important; text-align:center;}

table {border-collapse:separate; border-top:2px solid #666; border-bottom:1px solid #666; border-right:hidden;}
table td, table th {padding:7px 10px; border-top:1px solid #cdcdcd; line-height:20px;}
table thead th {height:23px; background:#f7f7f7;}
table td {font-size:13px; height:30px;}
table thead tr th {border-top:0; border-bottom:1px solid #666;}
table>tbody>tr>th {padding-left:20px; border-right:1px solid #cdcdcd; text-align:left; background:#f7f7f7;}
table tbody>tr:first-child>th, table tbody>tr:first-child>td {border-top:0;}
table thead~tbody th, table thead~tfoot th {padding-left:10px; text-align:center;}
table thead~tbody td, table thead~tfoot td {height:23px; font-size:14px; text-align:center;}
table td input[type=text]+.btn, table td input[type=password]+.btn {margin-left:6px;}
table tbody tr.emeg td{background:#fff8d6;}

.tb_goods {border-collapse:separate; border-top:2px solid #666; border-bottom:1px solid #666; border-right:hidden;}
.tb_goods td, .tb_goods th {padding:7px 10px; border-top:1px solid #cdcdcd; line-height:20px;}
.tb_goods thead th {height:23px; background:#fff;}
.tb_goods td {font-size:13px; height:30px;}
.tb_goods td.al {padding-left:15px !important;}
.tb_goods td.ar {padding-right:15px !important;}
.tb_goods thead tr:first-child th {border-top:0; border-bottom:1px solid #666;}
.tb_goods>tbody>tr>th {padding-left:20px; text-align:left; background:#f7f7f7;}
.tb_goods tbody>tr:first-child>th, tb_goods tbody>tr:first-child>td {border-top:0;}
.tb_goods thead~tbody th, tb_goods thead~tfoot th {padding-left:10px; text-align:center;}
.tb_goods thead~tbody td, tb_goods thead~tfoot td {height:23px; font-size:14px; text-align:center;}
.tb_goods .subject a, .tb_goods .subject strong {font-weight:bold; font-size:15px;}
.tb_goods td.price {padding-left:20px; text-align:left; font-size:16px; line-height:24px;}
.tb_goods td.price strike {display:block; color:#666; font-size:14px;}
.tb_goods td.price strong {font-size:24px; letter-spacing:-1px;}
.tb_goods td.price.nonmember {padding-left:10px; font-size:14px; text-align:center;}
.tb_goods td.price.nonmember span {display:inline-block; padding-left:18px; background:url(../../images/memb/common/ico_lock.gif) no-repeat 0 3px;}

.tb_data {border-collapse:separate; border-top:2px solid #666; border-bottom:1px solid #666; border-left:1px solid #cdcdcd; border-right:hidden;}
.tb_data td, .tb_data th {height:21px; padding:9px 20px; border-top:1px solid #cdcdcd; border-right:1px solid #cdcdcd; font-size:14px;}
.tb_data thead tr:first-child td, .tb_data tr:first-child th {padding:9px 20px;}
.tb_data thead th[colspan], .tb_data thead td, .tb_data th {padding:6px 20px;}
.tb_data th {background:#f7f7f7;}
.tb_data thead tr th {border-top:0;}
.tb_data thead tr th[colspan] {border-bottom:1px solid #cdcdcd;}
td span.tip, td strong.tip {margin-left:10px; vertical-align:middle;}
td p.tip {margin-top:5px;}

/* 목록 조작도구 */
.list_ctrl {margin-top:5px; text-align:right;}
.list_ctrl .sort {width:100px;}
.list_ctrl+.grid_area, .list_ctrl+table {margin-top:10px;}

.bbs_stat {margin-top:50px;}
.goodslist_sort {margin:10px 0 40px; padding-bottom:9px; border-bottom:1px solid #cdcdcd; overflow:hidden;}
.goodslist_sort .sort {float:left; margin-top:5px; overflow:hidden;}
.goodslist_sort .sort li {float:left; padding:0 20px; line-height:20px; background:url(../../images/memb/common/line_sort.gif) no-repeat 0 5px;}
.goodslist_sort .sort li:first-child {background:none;}
.goodslist_sort .sort a {font-size:13px;}
.goodslist_sort .sort li.on a {padding-left:12px; font-weight:bold; background:url(../../images/memb/common/ico_arr.gif) no-repeat 0 3px;}
.goodslist_sort .search {float:right; font-size:0;}
.goodslist_sort .search label, .goodslist_sort .search select {font-size:13px;}
.goodslist_sort .search select {width:200px; height:26px; margin:0 5px; padding:3px;}
.goodslist_sort .search .btn_list_type {display:inline-block; width:27px; height:26px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../../images/memb/common/btn_list_type_off.gif) no-repeat; overflow:hidden;}
.goodslist_sort .search .btn_list_type.on {background-image:url(../../images/memb/common/btn_list_type_on.gif);}
.goodslist_sort .search .btn_img_type {display:inline-block; width:26px; height:26px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../../images/memb/common/btn_img_type_off.gif) no-repeat; overflow:hidden;}
.goodslist_sort .search .btn_img_type.on {background-image:url(../../images/memb/common/btn_img_type_on.gif);}

/* 상품목록 */
.goods_list {margin:10px -10px -10px; overflow:hidden;}
.tit2+.goods_list {margin-top:-10px;}
.goods_list li {float:left; width:220px; border:1px solid #cdcdcd; margin:10px; padding:20px 19px 0;}
.goods_list li>a {display:block;}
.goods_list li img {display:block; width:220px; height:220px;}
.goods_list li .goods_name {display:block; height:40px; margin:20px 0 15px; padding-top:10px; border-top:1px solid #e1e1e1; font-size:15px; line-height:20px; letter-spacing:-0.5px;}
.goods_list li .nonmember {height:53px; padding-left:23px; line-height:53px; text-align:center; background:url(../../images/memb/common/ico_lock.gif) no-repeat 38px center;}
.goods_list li .member_limit {height:53px; line-height:53px; k:center;}
.goods_list li .price_info {height:53px; position:relative; text-align:right;}
.goods_list li .price_info .street_price {color:#666;}
.goods_list li .price_info .selling_price strong {font-size:26px; letter-spacing:-2px;}
.goods_list li .price_info .discount_rate {position:absolute; left:0; bottom:0; color:#0f6baf; font-size:18px; letter-spacing:-3px;}
.goods_list li .price_info .discount_rate strong {font-size:30px;}
.goods_list li .btnset {margin:25px -19px 0; padding:15px 0; height:25px; border-top:1px solid #cdcdcd; text-align:center;}
.goods_list li .btnset .btn {display:inline-block; width:82px; height:25px; margin-left:5px; padding:0; border-radius:13px; border:0; font-weight:bold; color:#fff; font-size:13px; line-height:25px; text-align:center; background:#858585; overflow:hidden;}
.goods_list li .btnset .btn:first-child {margin-left:0;}
.goods_list li .btnset .btn.buy {background:#0f6baf;}

/* 페이징 */
.pagination {margin-top:50px; text-align:center;}
.pagination+* {margin-top:50px !important;}
.pagination a, .pagination strong {display:inline-block; min-width:32px; height:38px; margin:0 2px; border:1px solid #cdcdcd; padding:0 3px; color:#767676; font-size:13px; line-height:38px; vertical-align:middle;}
.pagination strong {color:#dd5411; border:1px solid #dd5411; background:#fff;}
.pagination .direction {width:40px; height:40px; padding:0; border:0; text-indent:100%; white-space:nowrap; overflow:hidden;}
.pagination .first {background:url(../../images/mngr/common/btn_paging_first.gif) no-repeat;}
.pagination .prev {margin-right:10px; background:url(../../images/mngr/common/btn_paging_prev.gif) no-repeat;}
.pagination .next {margin-left:10px; background:url(../../images/mngr/common/btn_paging_next.gif) no-repeat;}
.pagination .last {background:url(../../images/mngr/common/btn_paging_last.gif) no-repeat;}

/* 이미지 사이즈 일괄 변환 */
.img_size80 {width:80px !important; height:80px !important;}
.img_size150 {width:150px !important; height:150px !important;}
.img_size200 {width:200px !important; height:200px !important;}
.img_size220 {width:220px !important; height:220px !important;}
.img_size230 {width:230px !important; height:220px !important;}
.img_size460 {width:460px !important; height:460px !important;}

/* 로딩이미지 */
#floatingBarsG{
    position:relative;
    width:60px;
    height:75px;
    margin:auto;
}

.blockG{
    position:absolute;
    width:8px;
    height:23px;
    border-radius:8px 8px 0 0;
        -o-border-radius:8px 8px 0 0;
        -ms-border-radius:8px 8px 0 0;
        -webkit-border-radius:8px 8px 0 0;
        -moz-border-radius:8px 8px 0 0;
    transform:scale(0.4);
        -o-transform:scale(0.4);
        -ms-transform:scale(0.4);
        -webkit-transform:scale(0.4);
        -moz-transform:scale(0.4);
    animation-name:fadeG;
        -o-animation-name:fadeG;
        -ms-animation-name:fadeG;
        -webkit-animation-name:fadeG;
        -moz-animation-name:fadeG;
    animation-duration:1.2s;
        -o-animation-duration:1.2s;
        -ms-animation-duration:1.2s;
        -webkit-animation-duration:1.2s;
        -moz-animation-duration:1.2s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
}

#rotateG_01{
    left:0;
    top:27px;
    animation-delay:0.45s;
        -o-animation-delay:0.45s;
        -ms-animation-delay:0.45s;
        -webkit-animation-delay:0.45s;
        -moz-animation-delay:0.45s;
    transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
}

#rotateG_02{
    left:8px;
    top:8px;
    animation-delay:0.6s;
        -o-animation-delay:0.6s;
        -ms-animation-delay:0.6s;
        -webkit-animation-delay:0.6s;
        -moz-animation-delay:0.6s;
    transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
}

#rotateG_03{
    left:27px;
    top:0;
    animation-delay:0.75s;
        -o-animation-delay:0.75s;
        -ms-animation-delay:0.75s;
        -webkit-animation-delay:0.75s;
        -moz-animation-delay:0.75s;
    transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
}

#rotateG_04{
    right:5px;
    top:9px;
    animation-delay:0.9s;
        -o-animation-delay:0.9s;
        -ms-animation-delay:0.9s;
        -webkit-animation-delay:0.9s;
        -moz-animation-delay:0.9s;
    transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
}

#rotateG_05{
    right:-3px;
    top:27px;
    animation-delay:1.05s;
        -o-animation-delay:1.05s;
        -ms-animation-delay:1.05s;
        -webkit-animation-delay:1.05s;
        -moz-animation-delay:1.05s;
    transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
}

#rotateG_06{
    right:5px;
    bottom:5px;
    animation-delay:1.2s;
        -o-animation-delay:1.2s;
        -ms-animation-delay:1.2s;
        -webkit-animation-delay:1.2s;
        -moz-animation-delay:1.2s;
    transform:rotate(135deg);
        -o-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
}

#rotateG_07{
    bottom:-3px;
    left:27px;
    animation-delay:1.35s;
        -o-animation-delay:1.35s;
        -ms-animation-delay:1.35s;
        -webkit-animation-delay:1.35s;
        -moz-animation-delay:1.35s;
    transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
}

#rotateG_08{
    left:8px;
    bottom:5px;
    animation-delay:1.5s;
        -o-animation-delay:1.5s;
        -ms-animation-delay:1.5s;
        -webkit-animation-delay:1.5s;
        -moz-animation-delay:1.5s;
    transform:rotate(-135deg);
        -o-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
        -webkit-transform:rotate(-135deg);
        -moz-transform:rotate(-135deg);
}

@keyframes fadeG{
    0%{
        background-color:rgb(15,107,175);
    }

    100%{
        opacity:0.5;
    }
}

@-o-keyframes fadeG{

    0%{
        background-color:rgb(15,107,175);
    }

    100%{
        opacity:0.5;
    }
}

@-ms-keyframes fadeG{
    0%{
        background-color:rgb(15,107,175);
    }

    100%{
        opacity:0.5;
    }
}

@-webkit-keyframes fadeG{
    0%{
        background-color:rgb(15,107,175);
    }

    100%{
        opacity:0.5;
    }
}

@-moz-keyframes fadeG{
    0%{
        background-color:rgb(15,107,175);
    }

    100%{
        opacity:0.5;
    }
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
}