@charset "utf-8";

/* Nav */
.list-nav { line-height:22px; margin-bottom:15px; }
.list-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .list-nav .page-nav { display:none; }
}

/* 카테고리 */
.list-category { margin-bottom:20px; }
.list-category ul { list-style:none; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort {padding: 17px 24px;  margin:30px 0; background: #f7f7f7;}
.list-sort ul { list-style:none; }
.list-sort .on:before {position:absolute; left:0px; top:1px; width:auto; height:auto; color:#000;  background:none; content:"\f00c"; border-radius:0px; display:block; font-family: 'Font Awesome 5 Free'; font-size:11px;  font-weight:900;}
.list-sort a {position:relative;  display:inline-block; margin:0 20px 0 0; padding-left:18px; font-size:14px;  }
.list-sort a:before {position:absolute; left:5px; top:10px; content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ccc;}
/* 목록 */



.list-nav  {}
.list-nav h3 {    margin-bottom: 10px; color: #000; font-size: 32px; font-weight: 600; letter-spacing: -0.05em; margin-top:40px;}
.list-nav .text_count {color: #000; font-size: 17px;  font-weight: 400;  letter-spacing: -0.02em;}
.list-nav .page-nav {padding-top:40px; display:inline-block; width:100%;   font-size: 13px; font-weight:400; line-height: 16px;  z-index: 6;}
.list-nav .page-nav i {display: inline-block; color: #aaa;   letter-spacing: -0.01em;}
.list-nav .page-nav i.fa-home {font-size:12px}
.list-nav .page-nav a {color:#000;}


.price_text {margin-top:20px; width:100%; display:inline-block}
.price_text .won_num {vertical-align: top; display: inline-block;  color: #000;  font-size: 30px; font-weight: 600; letter-spacing:-0.05em}
.price_text .won_text {font-size: 18px;  margin: 5px 0 5px 2px;  color: #000;}

.item-image_wrap {float: left; width:50%; padding:0 50px 0 0;}
.item-image_wrap .item-image {border-radius:10px;  max-height:525px}
.item-image_wrap .item-image img {width:100%; }

.item_info {margin-top: 25px; border-top: 2px solid #222; border-bottom:1px solid #ededed; padding:15px 0; margin-bottom:20px}
.item_info table td, .item_info table th {font-size: 14px;}
.item_info table th {min-height:25px;  width: 120px; padding:3px 0; color: #7e7e7e; line-height: 21px;}
.item_info table td {position: relative; min-height: 25px;  margin: 0;  padding:3px 0;  color: #000; line-height: 21px;}

.shop_product_list {width: 100%; background: #f4fce4; padding:50px 0 20px; margin-top: 80px;}
.shop_product_list h2 {font-size:26px; color:#000; letter-spacing:-0.025em; font-weight:bold; margin:10px 0 20px;}
.shop_product_list .list-page, 
.shop_product_list .btn-group, 
.shop_product_list .product_list {display:none} 


.total_price {position:relative; width:100%; display:inline-block; margin:30px 0 20px}
.total_price .total_price_text {float:left; font-size:18px; font-weight:400}
.total_price .total_price_count {float:right; font-size:20px; color:#000; }
.total_price .total_price_count #it_tot_price {font-size:40px; font-weight:bold; margin:0 5px 0 0; letter-spacing:-0.05em}

.price_count_control {width:136px; height:38px; background:#fff; border:1px solid #ddd; margin-top:10px}
.price_count_control button {float:left; font-size:0px}
.price_count_control button.it_qty_plus {width:38px; height:36px; line-height:36px; border-left:1px solid #ddd; background:url('img/plus_count_btn.gif') no-repeat center center}
.price_count_control button.it_qty_minus {width:38px; height:36px; line-height:36px; border-right:1px solid #ddd; background:url('img/mi_count_btn.gif') no-repeat center center}
.product_count button.it_qty_del {position:absolute; right:0px; top:10px; width: 36px; height: 36px; line-height: 36px;  background: url(/skin/apms/item/forestlife/img/del_count_btn_wh.gif) no-repeat center center #ec1f2f;}
.product_count .input-group {width:100%}
.price_count_control input {border:0px; margin:0px; height:36px; line-height:36px; text-align:center; font-size:14px; box-sizing:border-box; float:left; width:58px}
#it_sel_option .list-group-item {padding: 23px 24px 25px; margin-top: 10px; background: #f7f7f7; border:none}
.item_info2 select {width:100%; box-shadow:none; height:45px}
.item_info2 table {width:100%;}
.booking_inquiry_control {width:450px; height:38px; background:#fff; border:1px solid #ddd}
.booking_inquiry_control input {border:0px; margin:0px; height:36px; line-height:36px; font-size:14px; box-sizing:border-box; float:left; width:100%}

/* Item Head */
.item-head { padding: 0px; border: 0px currentColor; border-image: none; margin-bottom:30px; width:100%; }
.item-head h1 {position: relative; width: 100%; word-break: keep-all; font-size: 33px;  font-weight: 600;  color: #242424;  margin:10px 0 5px; letter-spacing:-0.025em}
.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; display:inline-block; margin-left:1%; }
.item-head ul.item-buy-btn li:first-child {margin-left:0%;}
.item-head ul.item-buy-btn li.buy_btn {width:40%; }
.item-head ul.item-buy-btn li.buy_btn2 {width:40%; }
.item-head ul.item-buy-btn li.gift_btn {width:18%; }
.item-head ul.item-buy-btn li.buy_btn input {background:#fff;  border:1px solid #47a947; color:#47a947; font-size:17px; font-weight:bold; line-height:50px; height:57px; width:100%}
.item-head ul.item-buy-btn li.buy_btn2 input {background: rgb(34,136,34);
background: linear-gradient(315deg, rgba(34,136,34,1) 0%, rgba(71,169,71,1) 100%);  border:none; color:#fff; font-size:16px; font-weight:bold; line-height:50px; height:57px; width:100%}
.item-head ul.item-buy-btn li.gift_btn input {background:url('img/gift-box.svg') no-repeat center 8px #ed781e; background-size:24px 24px; border:none;  color:#fff; font-size:12px; font-weight:bold; line-height:82px; height:57px; width:100%}

.item-head ul.item-gift-btn { padding:0px; margin:0px; list-style:none; overflow:hidden; margin:0px -3px; }
.item-head ul.item-gift-btn li { float:left; width:99%; }
.item-head ul.item-gift-btn li:first-child {margin-right:1%;}
.item-head ul.item-gift-btn li .gift_btn {background:#fff; border:2px solid #47a947; color:#47a947; font-size:17px; font-weight:bold; line-height:50px; height:57px; width:100%}

.item-head .item-image { overflow:hidden; }
.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; }

#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 {float:left;margin:0 5px 0 0}

@media all and (max-width:460px) {
	.responsive .item-head h1 { font-size:18px; line-height:24px; }
}

/* 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 Explan */
.label-item { margin-top:4px; }
.item-explan { margin:60px 0 40px; }
.item-explan p { padding:0px; margin:0px; }
.item-explan img { max-width:100%; }

/* 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) {
	.responsive .item-seller .auth-photo { float:none; width:100%; padding-right:0px; }
}

#item-tab {margin-top:50px}

/* 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 .div-title-wrap { margin:0px; }
.use-media .media { margin:0px 0px 15px; padding:12px; }
.use-media .media .circle { background: rgb(235,235,235); color:#fff; }
.use-media .media .media-body { padding-left:0px; padding-top:5px; }
.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; }
.use-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.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; }

/* Q & A */
.qa-media .div-title-wrap { margin:0px; }
.qa-media .media { margin:0px 0px 15px; padding:12px; }
.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-top:0px; }
.qa-media .media .media-info { line-height:20px; 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; }
.qa-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.qa-media .media-content p { margin:0px; padding:0px; }
.qa-media .media-content img { max-width:100%; }
.qa-media .media-btn { margin-top:15px; }
.qa-media .media-ans { padding:15px 12px 0px; }
.qa-media .media-ans p { margin:0px; padding:0px; }
.qa-media .media-ans img { max-width:100%; }
.qa-page { margin-bottom:15px; }
.qa-page .pagination { margin:0; }

/* Comment */
.comment-media { }
.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; }
}

/* 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 table.top-border { border-top:2px solid #606060; } 
.tbox-body .table caption { display:none; }
.tbox-body .table thead th { text-align:center; padding:8px 12px; border-bottom:0px; color:#fff; background:#606060; white-space:nowrap; line-height:22px;}
.tbox-body .table tbody th { 
    background-color: #f8f8f8;
    color: #000;
    text-align: left;
    font-weight: 400;
    min-height: 29px;
    padding:17px 40px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd; }
.tbox-body .table tbody td {
    padding:17px 40px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;}
.brand_name {display: block; font-size:16px; color: #767676; font-weight:400; letter-spacing:-0.05em; margin:5px 0 0}
.brand_name a {display: inline-block; height: 26px; line-height: 25px; margin-left: 5px; padding: 0 8px; margin-top: -0.5em; vertical-align: middle; box-sizing: border-box; border: 1px solid #767676; font-size: 14px; color: #767676;}


.product_buy_btn_box {position:relative;}
.product_buy_notifier {position:absolute; top:-125px; right:1px; border:1px solid #ccc;     padding: 30px 20px 20px 20px; width:284px; text-align:center; z-index:5; background:#fff}
.product_buy_notifier_content {font-size:16px;}
.product_buy_notifier_link {border:1px solid #47a947; color:#47a947 !important; padding:5px 10px; margin:10px 0 0 0; display:inline-block}
.product_buy_notifier_link i {font-size:14px; }
.product_buy_notifier .close_btn {position:absolute; top:10px; right:10px; line-height:1em; color:#333; cursor:pointer}


@media all and (max-width:1000px) {
.item-image_wrap {padding:0px; width:100%;}
.item-image_wrap .item-image {max-height:none}
.item-head .col-sm-6 {width:100%; padding:0px}
.item-head h1 {font-size:26px}
.item-head .item-tag, 
.help-block {font-size:12px; margin:2px 0}
.price_text {margin-top:12px}
.price_text .won_num {font-size:24px}
.price_text .won_text {font-size:16px}

.item_info {margin-top:15px; margin-bottom:10px; padding:10px 0}
.item_info table th {font-size:14px}
.total_price {margin:20px 0 10px}
.list-group {margin-bottom:10px}
.total_price .total_price_text {font-size:16px;}
.total_price .total_price_count #it_tot_price {font-size:26px}

.item-head ul.item-buy-btn li .buy_btn, 
.item-head ul.item-buy-btn li .buy_btn2 {height:44px; line-height:40px; font-size:14px}

.shop_product_list {padding:30px 0 10px;  margin-top:30px;}
.shop_product_list h2 {font-size: 22px;}

.list-wrap .item-name b {}
.list-wrap .item-text {}
.list-wrap .item-price .won_num {}
.list-wrap .item-price .won_text {}
.m_scroll .item_view #header {display:none}
.item_view .header_box {display:none}
.item-head .item-thumb {margin-right:0px; displaY:none}
.item_view .item_view_gnb  {display:block}
.item_view .item-image_wrap {margin:0 0 0 -15px; width:calc(100% + 30px);}
.item_view .item-image_wrap .item-image {border-radius:0px;}
.item_view .item-image_wrap .item-image:before {position:absolute; top:0px; left:0px; height:70px; width:100%; display:block; content:""; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 90%);}
.list-nav {display:none}

}


@media all and (max-width:800px) {
}

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {
}

@media all and (max-width:767px) {
	.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; }
}