@charset "utf-8";

/* Nav */
.item-nav { line-height:22px; margin-bottom:15px; }
.item-nav .page-nav { margin-top:4px; }

.menu_title{font-size:17px; color:#393939; text-align: left; line-height: 21px;}
.menu_btn_pre{position: relative; right: 5px; top: -8px; float: right;}
.menu_btn_next{position: relative; right: 0px; top: -8px; float: right;}

/* Item Head */
.item-head { padding: 0px 0px 0 0; border: 0px currentColor; border-image: none; margin-bottom:0px; width:100%; }
.item-head h1 { font-weight:bold; padding:0 !important; border: 0px currentColor; border-image: none; color: rgb(59, 62, 67); line-height: 30px; font-size: 22px; letter-spacing:-1px; margin:0px; margin-bottom:10px; }
.item-head ul.item-buy-btn { padding:0px; margin:0px; list-style:none; overflow:hidden; margin:0px -3px; }
.item-head ul.item-buy-btn li { float:left; width:25%; padding:3px; }
.item-head .item-image { overflow:hidden; }full-mask
.item-head .item-image a img { max-width:100%; margin:0 auto; }
.item-head .item-thumb { overflow:hidden; margin-right:-8px; }
.item-head .item-thumb a { display:inline-block; margin-top:8px; margin-right:8px; }
.item-head .item-form th, .item-head .item-form label { font-weight:normal; }
.item-head .item-tag { margin:0px 0px 10px; padding:0px; color:#888; }
.item-head .item-tag a { color:#888; }
.item-head .item-tag a:hover { color:crimson; }

button { outline: none; border: 0; }

.btn_kakao {
    text-align: center;
    background-color: #f9e000;
    color: rgb(255 255 255);
}

@media all and (max-width:460px) {
	.responsive .item-nav .page-nav { display:none; }
	.responsive .item-head h1 { font-size:18px; line-height:24px; }
	.responsive .item-head ul.item-buy-btn li { width:50%; }
}

#full-item-order-mask { display: none; position: fixed; z-index: 99997; background: rgba(0,0,0,0.85); left: 0; top: 0; width: 100%; height: 100%; }
.sns_view {  background: url(/assets/img/btn_share_border.png) no-repeat ; padding-left:24px; text-align:center; position: absolute; width: 205px; top:48px; right: 55px; text-align: center; vertical-align: middle; z-index: 100000 ; display:none; }
.sns_view_m {  background: url(/assets/img/btn_share_border.png) no-repeat ; padding-left:24px; text-align:center; position: absolute; width: 205px; margin-top:-48px; right: 55px; text-align: center; vertical-align: middle; z-index: 100000 ; display:none; }
.sns_view .title { font-size:15px; color:#fff;}
#it_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#it_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#it_v_sns li { margin: 7px; }

.btn_text {color: #fff;font-size: 16px;font-weight: 400;}
.btn_text_black {color: #000;font-size: 16px;font-weight: 400;}
.btn_side_text {float:left; font-size:13px; color : rgba(255,255,255,0.6); vertical-align: middle; margin-top: 24px;}
 
#btn_item_view_footer{
	text-align: center;
    padding: 11px 22px;
    display: block;
    background-color: #fff;
    height: 70px;
    border: 1px solid rgba(0,0,0,0.05);
    bottom: 0px;
    position: fixed;
    z-index: 100;
    width: 100%;
}

#item-images img { width:100%;}

.goods-btn-cart { width:50%; background-color:#FFF; border:1px solid #D7D7D7; float: left; height: 61px;}
.goods-btn-buy { width:50%; background-color:#E50035;height: 61px; border:none;}
.goods-btn-user {
    float: left;
    width: 40px;
    height: 61px;
    margin-left: 2%;
    border: 0 none;
}

.btn_tel {
    text-align: center;
    background-color: rgb(116 213 197);
    color: rgb(255 255 255);
}

.btn_share {
    background: url(/assets/img/btn_share_item.png) no-repeat 50% 50%;
    background-size: 32px 32px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    position: absolute; 
    /* margin-top: -25px; */
    right: 15px;
}

.btn_share_m {
    background: url(/assets/img/btn_share_item.png) no-repeat 50% 50%;
    background-size: 32px 32px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    position: absolute; 
    margin-top: -50px;
    right: 15px;
}

.goods-heart-type {
    background: url(/assets/img/btn_item_wishlist.png) no-repeat 50% 50%;
    background-size: 50px 60px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.goods-heart-type-ed {
    background: url(/assets/img/btn_item_wishlist_end.png) no-repeat 50% 50%;
    background-size: 50px 60px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.goods-view-form{position:fixed; width:100%; padding: 0px; left:0; bottom:0; z-index:100; border-top: 1px solid #BBBBBB;}
.goods-view-form-runout{color:#fff;text-align:center}
.goods-view-form-toggle-btn{    display: block;
    width: 60px;
    height: 32px;
    background-image: url(/assets/img/btn_option_close.png);
    -webkit-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: -31px;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: -9999px;
    background-color: transparent;
    border: 0;
    display:none; 
 }
/*.goods-view-form-toggle-btn:after {
    background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-arrow-bottom-gray.png);
    width: 15px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
} */   
    
.goods-view-form-toggle-text{
	width: 100%;
	text-align: center; height: 40px; 
	background-color: #000;
	color:#fff;
}
.goods-view-form.__active .goods-view-form-toggle:after{ -webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.goods-view-form-container{display:none;max-height:85vh;overflow-y:scroll;    padding-top: 20px;}
.goods-view-form-container .txt_purple{border-top: solid 1px #BBBBBB ; display:block;padding-top:3px;color:#521772;font-weight:400;font-size:12px;line-height:18px;text-align:right;letter-spacing:0}

.goods-view-form.__active .goods-view-form-container{display:block;  z-index:99999;background-color: #F9F9F9; }

.goods-view-form-footer:after{display:block;clear:both}
.goods-view-form-footer .btn_cartadd:first-child,
.goods-view-form-footer .btn_cartadd{float:none;margin:0 auto;text-indent:8px;letter-spacing:6px}
.goods-view-form-button{width:48.8%;float:left;margin-left:2.4%;background-color:#f3f3f3;border:1px solid #cfcfcf;letter-spacing:-.05em;font-size:16px;color:#512772;padding:14px 0;display:block;line-height:1}
.goods-view-form-button.__active{color:#fff;border-color:#522675;background-color:#522675}
.goods-view-form-button:first-child{margin-left:0}
.goods-view-form-button.__single{margin:0 auto;float:none}

.goods-view-form-footer:after{display:block;clear:both}
.goods-view-form-footer .btn_cartadd:first-child,
.goods-view-form-footer .btn_cartadd{float:none;margin:0 auto;text-indent:8px;letter-spacing:6px}
.goods-view-form-button{width:48.8%;float:left;margin-left:2.4%;background-color:#f3f3f3;border:1px solid #cfcfcf;letter-spacing:-.05em;font-size:16px;color:#512772;padding:14px 0;display:block;line-height:1}
.goods-view-form-button.__active{color:#fff;border-color:#522675;background-color:#522675}
.goods-view-form-button:first-child{margin-left:0}
.goods-view-form-button.__single{margin:0 auto;float:none}

.goods-view-form.__active .goods-view-form-container { display: block;}
.goods-view-form .get_item_options {margin: 0 20px 5px 20px; height: 46px;  } 
.goods-view-form .it_option { height: 46px; background: url(/assets/img/btn_option_open.png) no-repeat center right;}

.goods-view-form .get_item_supply {margin:10px 20px 40px 20px; height: 46px;  } 
.goods-view-form .it_supply { height: 46px; background: url(/assets/img/btn_option_open.png) no-repeat center right;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee !important;
    opacity: 1;
    color : #393939 ; 
    width: 100%;
    height: 44px;
    padding: 3px 9px 0;
    border: 1px solid #D7D7D7;
}


#it_tot_price { margin : 0px; font-weight : 700; font-size: 26px; color : #E50035;}
#it_sel_option{ margin-top: 15px; padding: 0 20px;}
.it_opt_list { margin : 9px 0 ;}
.it_opt_list label { font-size: 15px; }
.it_opt_list .it_opt_del {position: absolute; top : -10px; right:4px; height:39px; width:39px; background: url(/assets/img/btn_item_close.png) no-repeat center center; border: none; }
.it_opt_list .it_qty_plus { float : left; height:28px; width:28px; background: url(/assets/img/btn_item_plus.png) no-repeat center center; border: none; }
.it_opt_list .it_qty_minus { float: left; height:28px; width:28px; background: url(/assets/img/btn_item_minus.png) no-repeat center center; border: none; }
.it_opt_list .it_qty { float : left; width:44px; height:28px; text-align: center; border : none ;  border-top : 1px solid #E6E6E6; border-bottom : 1px solid #E6E6E6; }
.it_opt_list .it_opt_prc {     position: absolute; right: 15px; top: 10px;  font-size: 17px; font-weight: 500; }
.it_opt_list .it_opt_prc_1 {     position: absolute;  font-weight: 500;   top: 50px; right: 20px; font-size:13px;}

.it_spl_list { margin : 9px 0 ;}
.it_spl_list label { font-size: 15px; }
.it_spl_list .it_opt_del {position: absolute; top : -10px; right:4px; height:39px; width:39px; background: url(/assets/img/btn_item_close.png) no-repeat center center; border: none; }
.it_spl_list .it_qty_plus { float : left; height:28px; width:28px; background: url(/assets/img/btn_item_plus.png) no-repeat center center; border: none; }
.it_spl_list .it_qty_minus { float: left; height:28px; width:28px; background: url(/assets/img/btn_item_minus.png) no-repeat center center; border: none; }
.it_spl_list .it_qty { float : left; width:44px; height:28px; text-align: center; border : none ;  border-top : 1px solid #E6E6E6; border-bottom : 1px solid #E6E6E6; }
.it_spl_list .it_opt_prc {     position: absolute; right: 15px; top: 10px;  font-size: 17px; font-weight: 500; }


/* Item summery */
.item-summery { padding : 20px; }
.item-summery h1 { font-size : 20px; color:rgba(0,0,0,0.9); font-weight:800; margin-bottom:5px;  }
.item-summery p { line-height: 25px; padding-bottom:20px; color:rgba(0,0,0,0.9);font-size:14px; margin-bottom:0px; line-height: 18px;}
.item-summery .item_dc { color : #E50035; font-size: 26px; font-weight:600;  }
.item-summery .item_dc_price { color : #393939; font-size: 26px; font-weight:600;  }
.item-summery .item_cust_price { color : #9D9D9D; font-size: 16px; font-weight:400;  }
.won{ font-size: 16px; font-weight:400; }
.won{ font-size: 16px; font-weight:400; }
.itme_line{ color: #F3F3F3;   border: thin solid #F3F3F3; margin : 30px 20px;  }

.div-table .table { width: 90% !important;}
.div-table tr { padding : 0 20px;}
.div-table th, .div-table td { padding:3px 0 !important; border:none !important; }


/* Item View Box */
.item-view-box { text-align:center; }
.item-view-box a { margin:0 10px 15px; width:80px; height:80px; display:inline-block; }
.item-view-box i { background: rgb(245, 245, 245); padding: 20px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-view-box i:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

.item_menu p { padding:0; margin:0px; }

/* Item Good Box */
.item-good-box { text-align:center; }
.item-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.item-good-box a { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.item-good-box .item-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.item-good-box .item-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Seller */
.item-seller .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-seller .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.item-seller .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:480px) {
	.item-explan { margin-bottom:30px; top:0px; }
	.responsive .item-seller .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* Relation Items */
#relation-item { overflow:hidden; line-height:20px; margin-bottom:30px; }
#relation-item .txt-normal { letter-spacing:0; }
#relation-item .txt-short { letter-spacing:-1px; padding-right:1px; }
#relation-item .item-row { float:left; }
#relation-item .item-image { position:relative; overflow:hidden; }
#relation-item .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
#relation-item .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
#relation-item .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
#relation-item .item-text { font-size:12px; color:#888; }
#relation-item .item-price { margin-top:4px; line-height:22px; }
#relation-item .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
#relation-item .item-price b i { font-size:12px; }
#relation-item .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
#relation-item .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
#relation-item .item-sp { margin:0px 4px; white-space:nowrap; }
#relation-item .item-sp i { margin-right:2px; color:#888; }
#relation-item .item-sns { margin-top:15px; text-align:center; }
#relation-item .item-sns img { width:15%; max-width:34px; border-radius:50%; }

/* Review */
.use-media { border:1px solid rgba(0,0,0,0.1); }
.use-media .div-title-wrap { margin:0px; }
.use-media .media { padding:15px 0px; margin:0px; border-top: 1px solid rgba(0,0,0,0.1); }
.use-media .media:first-child { margin:0px; border-top:none; }
.use-media .media .circle { background: rgb(235,235,235); color:#fff; }
.use-media .media .media-body { padding:0px; }
.use-media.use-mobile .media .media-body { padding-top:0px; }
.use-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.use-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.use-media .media .media-desc { padding:0px 0px 4px; color:#9D9D9D; font-size:13px; }
.use-media .media-content { margin-top:-15px; width:100%; padding:15px; background-color: #FAFAFA; }
.use-media .media-content p { margin:0px; padding:0px; }
.use-media .media-content img { max-width:100%; }
.use-media .media-reply { padding:15px 12px 0px; }
.use-media .media-btn { margin-top:15px; }
.use-page { margin-bottom:15px; }
.use-page .pagination { margin:0; }

.use-media .media-content-list { margin-top:0px; width:100%; padding:0px; background-color: #FAFAFA; }
.use-media .media-content p { margin:0px; padding:0px; }
.use-media .media-content img { max-width:100%; }
/* Q & A */
.qa-media .div-title-wrap { margin:0px;  padding: 0 15px;}
.qa-media .media { margin:0px; padding:0 0 15px ;   }
.qa-media .media .circle { background: rgb(235,235,235); color:#fff; }
.qa-media .media .media-body { padding-left:0px; padding-top:5px; }
.qa-media.qa-mobile .media .media-body { padding:0px 15px 5px; }
.qa-media .media .media-info { font-size:13px; color:#9D9D9D; line-height:21px; padding:0px 0px 4px; }
.qa-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.qa-media .media .media-desc { padding:0px 0px 4px; font-size:13px;}
.qa-media .media-content { margin-top:0px; padding:0 15px; border-bottom:1px solid #F1F1F1 ; }
.qa-media .media-content p { margin:0px; padding:0px 0 15px;  }
.qa-media .media-content img { max-width:100%; }
.qa-media .media-btn { margin:15px 0; }
.qa-media .media-ans { padding: 15px; background-color: #FAFAFA; }
.qa-media .media-ans p { margin:0px; padding:0px; }
.qa-media .media-ans img { max-width:100%; }
.qa-btn { padding:15px;}
.qa-page { margin-bottom:15px; }
.qa-page .pagination { margin:0; }
.well { border : none;}
.red_border{ border:1px solid #E50035; color:#E50035;  padding: 6px 10px;}
.grey_border{ background-color:#C4C4C4; color:#fff;  padding: 6px 10px;}
/* Comment */
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.comment-media.comment-mobile .photo i { padding: 10px; width: 54px; height: 54px; }
.comment-media.comment-mobile .photo img { width: 54px !important; height: 54px !important; }
.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-page { margin:15px 0px; }
.comment-page .pagination { margin:0; }

#it_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_opt ol li { float:left;margin:0; }
#it_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_send_sns ul li { float:left;margin:0 0 0 20px; }
#it_vc_send_sns input {	margin:0 0 0 5px; }
@media all and (max-width:460px) {
	.responsive .comment-btn { text-align:center; }
	.responsive .comment-btn .pull-right { float:none !important; }
}

#item-tab {background-color: #fff;  height:42px; border: 1px solid rgba(0,0,0,0.05); }
#item-tab li { height:42px; border-left: 1px solid rgba(0,0,0,0.05); }
#item-tab li:first-child {  border-left: none; }
#item-tab li a { padding:0px; color : rgba(0,0,0,0.5); height:41px; width:100%; border:none; line-height: 30px;}
#item-tab li:last-child a {line-height: 30px;}
#item-tab li a b{  border:none;}
#item-tab li.active{  background: none;}
#item-tab li.active a{ border-bottom:2px solid #4D9A5C; }

.tab-pane {padding:35px 15px;}
/* Item Explan */
.label-item { margin-top:4px; }
.item-explan { margin-top:30px; padding:20px; margin-bottom:30px; top:150px; background-color: rgba(0,0,0,0.03);  border-radius: 10px; }
.item-explan table { margin:0 20px; max-width: 90% !important; }
.item-explan img { max-width:100%; }



.__fixed{ position: fixed;  top:52px; width:100%; z-index:10; }
.__fixed_under_top{ position: fixed; top:48px; width:100%; z-index:10000; }

.at-footer { padding-bottom : 60px;}

/* Table Box */
.tbox-head { padding:12px 0px 8px !important; margin:0px 0px 15px; font-weight:bold; border-bottom:1px dotted #606060; background: #fff; }
.tbox-head.no-line { margin:0px; border:0px }
.tbox-body { padding:0px; margin:0px 0px 15px; background: #fff; }
.tbox-body ul { padding:0px; margin:0px; }
.tbox-body ul li { margin-left:15px; }
.tbox-body p { padding:0px; margin:0px; } 
.tbox-body table { width:100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; } 
.tbox-body table.top-border { border-top:2px solid #606060; } 
.tbox-body caption { display:none; }
.tbox-body thead th { text-align:center; padding:8px 12px; border-bottom:0px; color:#fff; background:#606060; white-space:nowrap; line-height:22px;}
.tbox-body tbody th { text-align:left; padding:8px 12px; border-bottom:1px solid #ddd; background:#fafafa; line-height:22px; }
.tbox-body tbody td { padding:8px 10px; border-bottom:1px solid #ddd; line-height:22px;}

@media all and (max-width:767px) {
	
	.__fixed{ position: fixed;   top:44px;   width:100%; z-index:10000; }
/* 	.responsive #item-tab .nav-justified li a { border-right:1px solid #ddd; } */
	.responsive #item-tab .nav-justified li:last-child a { border-right:0px; border-bottom:1px solid #ddd; }
}
