/* BASIC css start */
/* 22.08.24 이정호 구매버튼 위치및 모양 .btnArea 수정 */
    .xans-product-action { width:100%; margin-top: 25px; }
    .xans-product-action .btnArea { width:100%; }
    .xans-product-action .btnArea .baro-buy-btn { display: block; width: 100%; text-align: center; font-size: 17px; font-weight: bold; line-height: 50px; border: 1px solid #515a5a; background-color: #515a5a; color:#fff; box-sizing: border-box; cursor: pointer; transition:0.3s; }
    .xans-product-action .btnArea .baro-buy-btn:hover { border-color: #1c1c1c; background-color: #fff; color:#1c1c1c; }
    .xans-product-action .btnArea .soldout_btn { width: 100%; text-align: center; font-size: 17px; font-weight: bold; line-height: 50px;  border: 1px solid #1c1c1c; background-color: #fff; box-sizing: border-box; color:#1c1c1c; }
/* 22.08.24 이정호 구매버튼 위치및 모양 수정 */

/* notice wrap */
.noti_wrap { padding: 20px 0; }
.noti_list_box .noti_list { line-height:60px; border-bottom: 1px solid #ddd; text-align: left; font-size: 15px; cursor: pointer; position: relative; }
.noti_list_box .noti_list .noti_list_tit { padding: 0 10px; }
.noti_list_box .noti_list .more_icon_box { width:21px; height: 21px; position: absolute; right:10px; top: 18.5px; transition: all ease 0.7s; }  
.noti_list_box .noti_list .more_icon_box .bar1 { width: 21px; height: 1px; background-color: #1c1c1c; }
.noti_list_box .noti_list .more_icon_box .bar2 { width: 1px; height: 21px; background-color: #1c1c1c; transition: all ease 0.7s; }
.noti_list_box .noti_list .more_icon_box span { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.noti_list_box .noti_list1 .more_icon_box { transform: rotate(360deg); }
.noti_list_box .noti_list1 .more_icon_box .bar2 { transform: rotate(90deg); opacity: 0; }
.notify_wrap .notify_box li { font-size: 13px; line-height: 20px; border-top: 1px solid #efefef; text-align: left; display: flex; align-items: center; justify-content: space-between; }
.notify_wrap .notify_box li p { padding: 10px 0 10px 20px; box-sizing: border-box; }
.notify_wrap .notify_box li .notify_tit { width: 38%; background-color: #fafafa; display:flex; align-items:center; align-self:stretch; }
.notify_wrap .notify_box li .notify_txt { width: 62%; font-weight: normal; }
.noti_modal { line-height:normal; display: none; cursor: auto; }  
.noti_modal .noti_pop { width: 1200px; max-height:80%; padding: 50px; overflow:auto; border: 1px solid #ddd; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 10000; }
.noti_modal .noti_pop .noti_table_box .noti_table_list { border: 1px solid #999; border-top: none; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table { border-top: 1px solid #999; text-align: center; display: flex; justify-content: space-between; align-items: stretch; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .left_box { width: 20%; background-color: #f5f5f5; display: flex; justify-content: center; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box { width: 80%; position: relative; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .left_box .noti_table_tit { font-size: 17px; align-self:center; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box .noti_table_txt { padding: 15px 25px; font-size: 14px; font-weight: normal; line-height: 22px; text-align:left; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box .noti_table_txt .noti_table_bold { display: block; font-weight: bold; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table:first-child>.left_box { background-color: #f4e9e3; }
.noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table .right_box .noti_table_link { display: inline-block; padding: 7px 25px; font-size: 13px; font-weight: normal; background-color: #1c1c1c; color:#fff; position: absolute; right: 25px; bottom: 15px; }
.noti_list:last-child .noti_modal .noti_pop .noti_table_box .noti_table_list .noti_table:first-child>.left_box { background-color: #f5f5f5; }
.color_bar_Box { width:70%; padding: 0 25px 15px 35px; box-sizing: border-box; display: flex; justify-content: flex-start; }
.color_bar_Box li { width: 12.5%; height: 30px; }
.color_bar_Box .color_bar1 { background-color: #221e1f; }
.color_bar_Box .color_bar2 { background-color: #464648; }
.color_bar_Box .color_bar3 { background-color: #636466; }
.color_bar_Box .color_bar4 { background-color: #7a7a7c; }
.color_bar_Box .color_bar5 { background-color: #95969a; }
.color_bar_Box .color_bar6 { background-color: #aeafb2; }
.color_bar_Box .color_bar7 { background-color: #c7c7c9; }
.color_bar_Box .color_bar8 { background-color: #e2e3e5; }
/* notice wrap */

/* 22.08.23 이정호 상품선택 .nopd 수정 */
    .opt-wrap dl{ padding: 5px 0; overflow: hidden; }
    .opt-wrap dl dt{ width: 130px; display: inline-block; font-size: 15px; float:left; line-height: 40px;  }
    .opt-wrap dl dd{width: calc(100% - 130px); display: inline-block; float:right; }
    .opt-wrap dl .extra-option { width: 100%; }
    .opt-wrap dl dd select{ padding-left: 7px; font-size: 14px; color: #aaa; width:100%; height: 40px; line-height: 40px; letter-spacing: -0.1px; border: 1px solid #e6e6e6; transition: 0.15s; outline: none; }
    .opt-wrap dl dd select:hover { color: #000; border-color: #000; }
    .opt-wrap .sel-btn{float:right;}
/* 22.08.23 이정호 상품선택 .nopd 수정 */

/* 22.08.24 이정호 추가구성상품 .add-option-tit 수정 */
    .add-option-img { position: relative; } 
    .add-option-tit { padding: 30px 0 10px; font-size: 15px; }
    .add-option-img .thumb-s img { width:75%; position: absolute; left: 0; top:0; bottom:0; margin:auto; transition:0.2s; }
    .extra-select-wrap { margin: 15px 0; }
    .extra-select-wrap:hover tbody tr .add-option-img .thumb-s img { width:80%; }
    .prd-icon { display:block; margin-bottom:5px; }
    .prd-icon img { width:90px; }
/* 22.08.24 이정호 추가구성상품 .add-option-tit 수정 */

/* 22.08.24 이정호 추가구성상품 .add-option-tit 수정 */
    .MK_optAddWrap { margin: 20px 0 5px; }
    #MK_innerOptWrap #MK_innerOptScroll #MK_innerOpt_01 li { font-size:14px; color: #575757; background-color: #f5f5f5; padding: 18px 24px; margin-top: 5px; position: relative; overflow:hidden; }
    #MK_innerOptWrap #MK_innerOptScroll #MK_innerOpt_01 li .MK_p-name p { margin-bottom:5px; }
    #MK_innerOptWrap #MK_innerOptScroll #MK_innerOpt_01 li .MK_qty-ctrl { margin-top: 15px; overflow:hidden; float:left; }
    #MK_innerOptWrap #MK_innerOptScroll #MK_innerOpt_01 li .MK_price { color: #1a1e21; font-size:16px; font-weight: normal; position:absolute; bottom:18px; right:50px; }
    #MK_innerOptWrap #MK_innerOptScroll #MK_innerOpt_01 li .MK_btn-del { position: absolute; bottom: 19px; right: 24px; display:block; width: 14px; height: 14px; text-indent: -9999em; background: url(/design/twinkring/pc/pc_img/close.png) 0 0 no-repeat; }  
/* 22.08.24 이정호 추가구성상품 .add-option-tit 수정 */

/* 22.08.25 이정호 imeArea 기본정보 */
    .xans-product-detail .imgArea { width:600px; float:left; }
    .xans-product-detail .imgArea .keyImg { width:598px;}
    .xans-product-detail .imgArea .keyImg img { width:100%; }
/* 22.08.25 이정호 imeArea 기본정보 */

/* 22.08.23 이정호 infoArea 기본정보 */
    .xans-product-detail .infoArea .top-title { padding-bottom:5px; font-size:22px; line-height:30px; border-bottom:1px solid #ddd; }
    .xans-product-detail .infoArea .top-title .top_subtitle { font-size:16px; font-weight:300; letter-spacing:-0.02em; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box { padding-bottom: 25px; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box .price_txt { padding-top: 25px; text-align: left; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box .price_txt span { display: inline-block; margin-right: 3px; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box .price_txt .dc_text { font-size: 19px; font-weight: bold; color: #f00; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box .price_txt .price_bold { font-size: 23px; font-weight: bold; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box .price_txt .first_price { font-size: 18px; color:#aaa; }
    .xans-product-detail .infoArea .top_price_wrap .top_price_box .reserve_txt { padding-top: 7px; font-size: 14px; }
    .xans-product-detail .infoArea .coupon_wrap .coupon_box { display: flex; padding-bottom: 25px; flex-wrap:wrap; justify-content: flex-start; align-items: center; }
    .xans-product-detail .infoArea .coupon_wrap .coupon_box .coupon_list { display:inline-block; width:calc(50% - 3px); margin: 6px 6px 0 0; }
    .xans-product-detail .infoArea .coupon_wrap .coupon_box .coupon_list:nth-child(even) { margin-right:0; }
    .xans-product-detail .infoArea .coupon_wrap .coupon_box .coupon_list:nth-child(-n+2) { margin-top:0; }
    .xans-product-detail .infoArea .coupon_wrap .coupon_box .coupon_list a { display: block; width: 100%; }
    .xans-product-detail .infoArea .coupon_wrap .coupon_box .coupon_list img { width: 100%; vertical-align:top; }
    #productDetail .direct-app { margin-top: 0; }
/* 22.08.23 이정호 infoArea 기본정보 */

/* 구매하기 모달창 */
.buy_modal_wrap { 
	width: 50%; 
	max-width: 600px; 
	max-height:80%; 
	border: 1px solid #ddd; 
	background-color: #fff; 
	padding: 50px; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%,-50%); 
	overflow: auto; 
	display: none; 
	z-index: 10000; 
	box-sizing: border-box; 
}
.buy_option_box .option_buy_btns_wrap { 
	width: 100%; 
	padding: 20px 0; 
	display: flex; 
	align-items: center;
	gap: 0.5em;
}
.buy_option_box .option_buy_btns_wrap .group_btn_box {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.buy_option_box .option_buy_btns_wrap .buy_btns { 
	width: 100%;
	min-width: 54px;
	height: 54px;
	padding: 15px;
	border-radius: 0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	border: 1px solid #c7c7c7; 
	box-sizing: border-box; 
	color:#555; 
	font-size: 18px; 
}
.buy_option_box .option_buy_btns_wrap .baro-buy-btn { 
	background-color: #1c1c1c; 
	color:#fff; 
}
.buy_option_box .option_buy_btns_wrap .wish-btn { 
	max-width: max-content; 
}
.buy_option_box .option_buy_btns_wrap .buy_btns img {
	width: 18px;
}
.pay-btns-wrap { text-align: center; }
/* 구매하기 모달창 */

.xans-product-detail .infoArea {width:450px;float:right; }
.xans-product-detail .infoArea h3 span { font-weight:normal; font-size:12px; }
.xans-product-detail .infoArea .icon img { margin: 0 6px 13px 0; vertical-align:middle; width:90px; }
.xans-product-detail .infoArea td #span_product_price_text { font-weight:normal; display: inline-block; position: relative; }
.xans-product-detail .infoArea td #span_product_price_text::after { content: ''; display:block; width: 100%; height: 1px; position: absolute; top: 0;bottom: 0;margin: auto;background-color: red; }
.xans-product-detail .infoArea td #span_product_coupon_dc_price { color:#070705; }
.hybrid .prdimg img{width:60px;}
.hybrid .list li{width:49%; display: inline-block;  vertical-align: top;}
.add-option-wrap h3.tit-prd { padding-bottom: 10px !important; border: 0 !important; font-size: 14px !important; font-weight: 600 !important; color: #777 !important; }
#MK_innerOptWrap .MK_inner-opt-cm li:after { display:block; clear:both; content:'' }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { display: block; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_price { overflow:hidden; /*width:100%;*/ vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; display:block; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic,
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option { width:42px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center !important; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; display:inline-block; width:26px; height:26px; text-indent:-9999em; margin:0; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { background-position:0 0; margin:0 4px; }
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px }
.hybrid dd.prdqty input{width:20px !important; border: 1px solid #dfdfdf;  margin: 2px 0;}
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name,
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price,
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl,
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; }
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name { width:160px; line-height:26px; }
#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl { vertical-align:middle; margin-top:0; }

/* 오늘출발 상품 */
.today-delivery { display:flex; align-items:center; padding: 0 0 25px 0; color:#111; font-weight: bold; }
.today-delivery .icon { padding:12px 10px; border:1px solid #111; border-radius:6px; background:#fff; }
.today-delivery .txt { padding-left:12px; }
.today-delivery .txt p { padding-top:5px; font-weight: normal; }
.bold {
    font-weight: bold;
}

/*타이머*/
.period_wrap .period_box {
    padding-top: 25px;
}
.period_wrap .period_box .period_info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.period_wrap .period_box .period_info .period_title {
    font-weight: bold;
    padding: 12px 10px;
    border: 1px solid #111;
    border-radius: 6px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.period_wrap .period_box .period_info .timer_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
}
.period_wrap .period_box .period_info .timer_box #timer {
    font-weight: bold;
}

/*구매예상가*/
.esti_price_wrap .esti_price_box {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.esti_price_wrap .esti_price_box .esti_info_box {
    background-color: #f9f9f9;
    padding: 1.5em;
    border: 1px dashed #a0a0a0;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5em;
    font-size: 13px;
    position: relative;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_num {
    font-size: 15px;
    font-weight: 500
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_title {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_title .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #aaa;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .esti_info_title .icon img {
    width: 100%;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox {
    display: none;
    width: max-content;
    position: absolute;
    top: 150%;
    left: 0;
    z-index: 1;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox {
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2)
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle {
    padding: 0 14px;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle .close {
    width: 20px;
    height: 20px;
    position: relative;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle .close::before {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infoTitle .close::after {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation {
    padding: 14px;
    font-size: 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation .infoListBox {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 2.5rem;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation .infoListBox .infoListTitle .percent {
    font-weight: bold;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_info_list .infoBox .infoInnerBox .infomation .infoListBox .infoListNum {
    font-weight: bold;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_title_box {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    font-size: 12px;
}
.esti_price_wrap .esti_price_box .esti_info_box .esti_info_inner_box .esti_title_box .esti_title {
    font-size: 14px;	
    font-weight: bold;
}

/* 썸네일 하단 배너 */
.thumbnail_bottom_banner_wrap {
    padding: 1rem 0;
}

.thumnail_bottom_banner {
    display: block;
    width: 100%;
}

.thumnail_bottom_banner img {
    width: 100%;
}
/* BASIC css end */