/* 공통 css */
/*button {transition:0.5s}*/
.btn_default {color:#fff; background:#222450;}
.btn_default:hover {background:#464a8c;}

.btn_default2 {color:#fff; background:#ccc;}
.btn_default2:hover {background:#999;}

.border1 {color:#666; border:1px solid #e0e0e0}
.border1:hover {color:#333; border:1px solid #333}

.tb_default {width:100%; border-top:1px solid #333; border-bottom:1px solid #e6e6e6;}
.tb_default caption {display: none}
.tb_default th {padding:20px 0; font-size:14px; font-weight:normal; color:#000; background:#f8f8f8;}
.tb_default td {padding:30px 10px; text-align: center; border-bottom:1px solid #f4f4f4;}
.tb_default tr:last-child td {border-bottom:none;}

.tb_default2 {width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.tb_default2 caption {display: none}
.tb_default2 th {/*padding:20px 5px;*/ font-size:14px; font-weight:normal; color:#000; border-bottom:1px solid #f4f4f4; background:#f8f8f8;}
.tb_default2 td {padding:20px 15px; text-align: left; border-bottom:1px solid #f4f4f4; font-size: 14px;}
.tb_default2 tr:last-child td {border-bottom:none;}

.ul_default {margin-top:60px; padding:30px; background:#f7f7f7}
.ul_default h3 {font-size:17px; font-weight:bold; color:#000}
.ul_default ul {margin-top:20px}
.ul_default ul li {padding-left: 10px;line-height: 22px;margin: 7px 0;background: url('/sub_order/img/new/dot.gif') left 9px no-repeat; position: relative;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt60 {margin-top:60px !important;}

.paginate {margin-top:30px;}
.paginate > img {padding:0 7px}
div.thumb:after {margin-left: 0; white-space: normal;}

/* 이용후기 css */
.review_wrap {width:1000px; margin:0 auto; padding:80px 0}
.review_wrap header {margin-bottom:80px; text-align:center;}
.review_wrap header h2 {font-size:50px; line-height:50px; color:#000}
.review_wrap header p {margin-top:30px; font-size:16px; color:#000}
.review_category {position:relative;}
.review_category ul::after {content: ""; display: table; clear: both;}
.review_category ul li {float:left; font-size:14px; padding-right:10px; margin-right:10px; background:url('/sub_review/img/new/dot.gif') center right no-repeat;}
.review_category ul li:last-child {background:none}
.review_category ul li.active a, .review_category ul li:hover a {font-weight:bold; color:#000; cursor:pointer}
.review_category ul li a {font-size:14px}
.review_category .btn_default {position:absolute; top:-11px; right:0; width:140px; height:45px; line-height:45px; font-size:14px;}
.review_list ul {margin-top:30px; border-top:1px solid #333}
.review_list ul li {position: relative; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.review_list ul li div.list {position: relative; padding:0 !important; cursor:pointer;}
.review_list ul li div.list::after {content: ""; display: table; clear: both;}
.review_list ul li div.thumb {float: left; display: table; width:130px; height:130px; text-align: center; background:#f7f7f7; box-sizing: border-box; table-layout: fixed}
.review_list ul li div.thumb > div {display: table-cell; width: 130px;height: 130px;padding:20px;vertical-align: middle;box-sizing: border-box;}
.review_list ul li div.thumb .back_wrap div img {vertical-align: top !important;}
.review_list ul li div.thumb article.cont_box {display: table-cell; width: 130px;height: 130px;padding:20px;vertical-align: middle;box-sizing: border-box;}
.review_list ul li div.thumb img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle}
.review_list ul li div.title {position: relative; float:left; width:55%; height:130px; margin-left:30px; padding:0;}
.review_list ul li div.title h4 {margin-top:7px; font-size:16px; font-weight:bold; color:#000}
.review_list ul li div.title h4 span {margin-left:10px; font-size:13px; font-weight:normal; color:#666}
.review_list ul li div.title h4 span.photo {display:inline-block; width:20px; height:16px; margin-left:20px; padding-top:3px; vertical-align:bottom; background:url('/sub_review/img/new/ico_photo.png') no-repeat;}
.review_list ul li div.title p.text {display: -webkit-box; display: -ms-flexbox; display: box; width:100%; max-height:47px; margin-top:20px; font-size:12.5px; line-height:22px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:keep-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.review_list ul li div.title p.name {position:absolute; bottom:7px; left:0; font-size:12px; color:#999;}
.review_list ul li div.title p.name span:first-child {margin-right:10px; padding-right:10px; background:url('/sub_review/img/new/line.gif') center right no-repeat;}
.review_list ul li div.like_wrap {position:absolute; top:85px; right:70px;}
.review_list ul li div.like_wrap span {display:inline-block; width:18px; height:17px; margin:0 2px; background:url('/sub_review/img/new/like.png') no-repeat; background-position:0 -17px; background-size:18px;}
.review_list ul li div.like_wrap span.active {background-position:0 0}
.review_list ul li div.list > button {position:absolute; top:90px; right:10px; width:18px; height:10px; background:url('/sub_review/img/new/arrow.png') no-repeat; transform: rotate( 180deg );}
.review_list ul li div.active > button {transform: rotate( 180deg ); }
.review_list ul li div.more {display:none; margin-top:30px; padding:30px; line-height:24px; background:#f7f7f7; text-align:left;}
.review_list ul li div.more img {display:block; max-width:500px; margin-top:30px;}
.review_list ul li.list_none {padding:60px 0; font-size:15px; text-align:center;}
.review_list ul li.list_none img {display:block; margin:0 auto 30px auto}

/* 주문배송 현황 */
#container #cs_wrap #top_ttl {border:none}
#container #cs_wrap #top_ttl {padding-bottom: 20px;}

.order_delivery_wrap table tr.none td {padding:60px 0; font-size:15px; text-align:center;}
.order_delivery_wrap table tr.none td img {display:block; margin:0 auto 30px auto}

.order_delivery_wrap table td.order {text-align:left;}
.order_delivery_wrap table td.info {text-align:left;}
.order_delivery_wrap table td.info::after {content: ""; display: table; clear: both;}
.order_delivery_wrap table td.info div.thumb {position: relative; display:list-item; float: left; width:80px; height:80px; padding:7px; line-height:60px; text-align: center; background:#f7f7f7; box-sizing: border-box;}
.order_delivery_wrap table td.info div.thumb a {}
.order_delivery_wrap table td.info div.thumb a .cont_box {display:inline-block}
.order_delivery_wrap table td.info div.thumb img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle}
.order_delivery_wrap table td.info > a {float:left; width:70%; margin-left:18px}
.order_delivery_wrap table td.info > a div.title {margin-left:0; float:none; width:100% !important;}
.order_delivery_wrap table td.info div.title {float:left; margin-left:20px; padding:0; width:70% !important}
.order_delivery_wrap table td.info div.title h4 {margin-top:5px; font-size:15px; font-weight:bold; color:#000;}
.order_delivery_wrap table td.info div.title p.option {margin-top:10px; font-size:12.5px; word-break: keep-all}
.order_delivery_wrap table td.info div.title p.option span {margin-right:7px; padding-right:7px; background:url('/sub_review/img/new/line.gif') center right no-repeat;}
.order_delivery_wrap table td.info div.title p.option span:last-child {background:none}
.order_delivery_wrap table td.info div.title p.price {margin-top:5px; font-size:12px; color:#fc013b}
.order_delivery_wrap table td.info div.title p.price  span:first-child {margin-right:10px; padding-right:10px; background:url('/sub_review/img/new/line.gif') center right no-repeat;}
.order_delivery_wrap table td.delivery span {color:#000}
.order_delivery_wrap table td.delivery button {margin-top:5px; padding:0 3px; font-size:12px; color:#000; border-bottom:1px solid #000}
.order_delivery_wrap table td.btn button {width:75px; height:35px; margin:3px 0; font-size:12px; box-sizing:border-box}

/* 주문배송 현황 디테일 */
.order_delivery_wrap .num {position:relative; padding:25px 0; border-top:1px solid #e5e5e5}
.order_delivery_wrap .num p {font-size:14px; color:#000}
.order_delivery_wrap > button {display:block; margin:60px auto 0 auto; width:210px; height:65px; line-height:65px; font-size:16px;}

.order_sub_tit {margin-top:60px}
.order_sub_tit::after {content: ""; display: table; clear: both;}
.order_sub_tit h3 {font-size:16px; font-weight:bold; color:#000;}

.order_sub_tit .btns, .order_sub_tit a.cash_receipts {float:right}
.order_sub_tit .btns button, .order_sub_tit a.cash_receipts {margin:20px 0 0 7px; padding:15px 25px}
.order_sub_tit a.cash_receipts, .order_sub_tit a.cash_receipts:hover {transition: 0.5s; box-sizing: content-box;  vertical-align: middle; line-height: 15px; margin-left: 10px;}

#top_ttl a {position:absolute; top:0; right:0; padding-right:15px; background:url('/sub_order/img/new/more.gif') center right no-repeat;}

/* [sub_oder]orderinfo */
.order_delivery_wrap #oi_title {height:80px; background:url(/sub_order/img/bg_oi_title.gif?time=201708231314) no-repeat 0 0; margin-top:10px;}
.order_delivery_wrap #oi {padding:0}
.order_delivery_wrap #oi #oi_orderinfo_list {position:relative; border:1px solid #e6e6e6; margin-top: 20px;}
.order_delivery_wrap #oi #oi_orderinfo_list th { height: 40px; line-height: 40px; background: #f6f6f6; font-size: 15px; }
.order_delivery_wrap #oi #oi_orderinfo_list .pd_25 { padding: 25px 0px; text-align: center; }
.order_delivery_wrap #oi #oi_orderinfo_list .pd_l_25 { padding-left: 25px; }
.order_delivery_wrap #oi #oi_orderinfo_bt {border-bottom:2px solid #c5dea1; padding:10px 0 10px 35px;}
.order_delivery_wrap #oi_wrap {padding:30px 0 0 0;}
.order_delivery_wrap #oi_wrap #deliveryinfo {position:relative; border:0px solid #dedede;}
.order_delivery_wrap #oi_wrap #paymentinfo {float:left; width:457px; height:225px; border:2px solid #c5dea1;}
.order_delivery_wrap #oi_wrap #paymentterms {position:relative; border:0px solid #dedede;}
.order_delivery_wrap2 #oi_notice { margin-top: 10px; padding: 15px 25px; border: 5px solid #f6f6f6;}
.order_delivery_wrap #oi_notice li { background: url(/sub_order/img/dot_notice.gif) left 10px no-repeat; padding: 4px 0px 0px 10px; color: #888888; }
.order_delivery_wrap #oi_bt_wrap {padding:40px 0 50px 0; text-align:center; }
.order_delivery_wrap #oi_bt_wrap img {padding:0 2px 0 2px; }
.settlement_price_18 {font-size:18px;font-weight:bold;}

.font_bold_total_price {color: #ff7200;font-weight: bold;font-size:20pt;}
.font_bold_total_price_text{color: #000000;font-weight: bold;font-size:12pt;}
.font_bold_order_text{color: #000000;font-weight: bold;font-size:10pt;}
.font_bold_order_title_text{color:#333333;font-size:15px;font-weight:bold;}
.font_bold_order_money_text{font-size:18px;color: #333333;}
.font_bold_order_money2_text{font-weight:bold;}
.font_bold_order_money3_text{font-size:23px;font-weight:bold;color: #f04124}
.font_bold_information_text{color:#ff7200;font-size:13px;font-weight:bold;}
.oi_orderinfo_list2 { position:relative; border:1px solid #eeeeee;}
#apDiv1 {position:absolute;width:886px;height:226px;z-index:1;}

/* 레이어 팝업 */

.review_layer_wrap {display:none; position:relative; width:500px; min-height:400px; background:#fff; padding:30px; border-radius:20px; box-sizing:border-box}
.review_layer_wrap h3 {padding-bottom:30px;  border-bottom:1px solid #e6e6e6; margin-top:10px; font-size:25px; font-weight:bold; color:#000; text-align:center;}
.review_layer_wrap .btns {margin-top:10px; text-align:center;}
.review_layer_wrap .btns button {height:55px; margin:0 3px; font-size:16px;}
.review_layer_wrap .btns button.btn_default {width:220px;}
.review_layer_wrap .btns button.btn_default2 {width:110px;}
.review_layer_wrap div.list {margin-top:40px; }
.review_layer_wrap div.list::after {content: ""; display: table; clear: both;}
.review_layer_wrap div.thumb {display: table; overflow:hidden; position: relative; float: left; width:130px; height:130px; line-height:90px; text-align: center; background:#f7f7f7; box-sizing: border-box;}
.review_layer_wrap div.thumb > div {display: table-cell; width:130px; height:130px; padding:20px; line-height:20px; vertical-align: middle; box-sizing: border-box}
.review_layer_wrap div.thumb img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle}
.review_layer_wrap div.thumb .back_wrap div img, .review_layer_wrap div.thumb .kiz_back_wrap div img {vertical-align: top !important;}
.review_layer_wrap div.title {position: relative; float:left; height:130px; margin-left:30px;}
.review_layer_wrap div.title p.name {margin-top:8px; font-size:16px; font-weight:bold; line-height:25px; color:#000}
.review_layer_wrap div.title p.text {margin-top:20px; line-height:22px;}



.review_layer_wrap > button {position:absolute; top:25px; right:25px; width:20px; height:20px; background:url('/sub_review/img/new/x_btn.png') no-repeat; opacity:0.3;}
.review_layer_wrap > button:hover {opacity:1; transform: rotate( 90deg ); }

.review_write .list_wrap {position:relative;}
.review_write .list {margin-top:20px !important; cursor:pointer}
.review_write .list > button {position:absolute; top:35px; right:10px; width:18px; height:10px; background:url('/sub_review/img/new/arrow.png') no-repeat; transform: rotate( 180deg ); opacity:0.3} 
.review_write .list.active > button {opacity:1; transform: rotate( 0 ); }
.review_write p.notice {padding:15px 0; font-size:15px; color:#333; background:#f7f7f7; text-align:center;}
.review_write p.notice span {font-size:13px; color:#666}
.review_write .btns button {width:100% !important; margin:0 !important}
.review_write .ul_default {margin-top:30px; padding:0; background: #fff;}

.review_write .list_all {display:none; z-index:1; position:absolute; top:100px; left:0px; width:100%; max-height:363px; background:#fff; box-sizing:border-box; overflow:auto; box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.1);}

.review_write .list_all li {padding:20px; border-bottom:1px solid #e6e6e6; cursor:pointer;}
.review_write .list_all li:hover {background:#f7f7f7}
.review_write .list_all li .list {margin-top:0 !important;}

.review_write div.title {height: auto; margin-left: 20px; padding:0; width:280px; word-break: keep-all}
.review_write div.thumb {position: relative; display:list-item; float: left; width:80px; height:80px; padding:0; line-height:60px; text-align: center; background:#f7f7f7; box-sizing: border-box;}
.review_write div.thumb > div {display:inherit; width:80px; height:80px; padding:10px; vertical-align: middle; box-sizing: border-box}
.review_write div.thumb img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle}
.review_write div.title h4 {margin-top:5px; font-size:15px; font-weight:bold; color:#000;}
.review_write div.title p.option {margin-top:10px; font-size:12.5px;}
.review_write div.title p.option span {margin-right:7px; padding-right:7px; background:url('/sub_review/img/new/line.gif') center right no-repeat;}
.review_write div.title p.option span:last-child {background:none}

.review_write div.like_wrap {padding-top:25px; margin-top:20px; text-align:center; border-top:1px solid #e6e6e6}
.review_write div.like_wrap button {display:inline-block; width:32px; height:30px; margin:0 15px; background:url('/sub_review/img/new/like.png') no-repeat; background-position:0 -30px;}
.review_write div.like_wrap button.active {background-position:0 0}
.review_write div.like_wrap p {margin-top:15px; font-size:15px; font-weight:bold; color:#222450;}
.review_write textarea {margin-top:25px; width:100%; height:80px; padding:15px; line-height:20px; resize:none; border:1px solid #e6e6e6; box-sizing:border-box}

.review_write .photo_up {margin-top:5px;}
.review_write .photo_up::after {content: ""; display: table; clear: both;}
.review_write .photo_up li {position:relative; float:left; width:140px; height:140px; margin-right:10px; box-sizing:border-box}
.review_write .photo_up li:last-child {margin-right:0}

.review_write .photo_up a.up_img {display:block; width: 140px;height: 140px; background:#f7f7f7 url('/sub_review/img/new/icon_photo.png') center no-repeat; font-size: 0; line-height: 0; border:1px solid #e6e6e6; box-sizing:border-box}
.review_write .photo_up a.up_img input {position: absolute; top: 0; left: 0; width:100%; height:100%; margin: 0; opacity: 0; font-size: 0; direction: ltr; cursor: pointer;}

.review_write .photo_up img.thumb {position:absolute; top:0; left:0; width:140px; height:140px; border:1px solid #e6e6e6; box-sizing:border-box}
.review_write .photo_up li button.del {position:absolute; top:1px; right:1px; width:25px; height:25px; background:#222450 url('/sub_review/img/new/x_btn2.png') center no-repeat;}

/* 200616 추가 */
.delivery_btn .btns {float:none}
.delivery_btn .btns button {margin:20px 0 0 3px; padding:8px 18px; font-size:12px}
.input_txt input {height:25px; text-align: left; padding:0 10px; border:1px solid #e5e5e5 !important}
.input_num input {width:40px !important; height:25px; text-align: center; border:1px solid #e5e5e5 !important}

#delivery_post_KR .btn_default2 {height:27px; padding:0 10px; font-size:12px; background:#999}

.detail_h3 {float:left; margin-right:30px; font-size:20px; font-weight:bold; color:#000;}
.mt70 {margin-top:70px}
.review_w1200 {width: 1200px; margin: 0 auto; padding:80px 0}
.review_w1000 {width: 1000px; margin: 0 auto; padding:80px 0}
.review_w830 {width: 830px;float: right;margin-bottom: 70px;}


/*주문/배송 정보 */
.delivery_wrap {position:relative; padding:15px 20px; margin-bottom:20px; border:1px solid #e5e5e5}
.delivery_wrap::after {content: ""; display: table; clear: both;}      

.delivery_wrap .fl {float:left;}
.delivery_wrap .fl dt, .delivery_wrap .fl dd {display:inline-block}
.delivery_wrap .fl dt {font-size:13px; margin-right:10px; color:#333}
.delivery_wrap .period_box button {width:60px; height:30px; font-size:12px; border:1px solid #d9d9d9; transition: 0.3s; box-sizing:border-box}
.delivery_wrap .period_box button:hover, .delivery_wrap .period_box button.active {background:#222450; color:#fff; border:1px solid #222450; transition: 0.3s}
.delivery_wrap .my_calendar {float:right;}
.delivery_wrap .my_calendar input {width:120px; height:30px; text-align: center; box-sizing: border-box}
.delivery_wrap .my_calendar .hyphen {margin:0 5px;}
.delivery_wrap .my_calendar .btn_calendar {width:70px; height:30px; color:#fff; background:#222450; transition: 0.3s}
.delivery_wrap .my_calendar .btn_calendar:hover {background:#4e58c2; transition: 0.3s}


/*결제정보 버튼 */
/* 변경*/
.payer_btn_change span{	position:relative;	top:0px;}
.payer_btn_change button span {margin-top:5px;	padding:4px 8px; font-size:12px;	background:#e5e5e5;	border-radius:4px;	transition: 0.3s}
.payer_btn_change button span:hover {	color:#fff;	background:#666;}

.in_form_01 { border:1px solid #ccc; width:220px; height:28px; line-height:28px; padding:0px 10px; }
.payer_sub_guide { padding-left:10px; color:#fc013b;  font-size: 12px;}


/*수정/변경*/
.payer_btn {	position:relative; top:0px; display: inline-block; }
.payer_btn .payer_btn_ok {display: inline-block; padding: 0 4px;}
.payer_btn .payer_btn_ok a {display: inline-block;    font-size: 12px;  width: 40px;   height: 27px;   color: #fff !important;   padding-top: 3px;  text-align: center;   background: #222450;   box-sizing: border-box;vertical-align: middle; border-radius:4px; transition: 0.3s}
.payer_btn .payer_btn_ok a:hover {	color:#fff;	background:#464a8c;}

.payer_btn .payer_btn_cancle {display: inline-block;}
.payer_btn .payer_btn_cancle a {display: inline-block; width: 40px;height: 27px;  font-size: 12px; color: #808080 !important; padding-top: 3px; text-align: center;background: #e5e5e5;border: 1px solid #d8d8d8; box-sizing: border-box; vertical-align: middle;border-radius:4px; transition: 0.3s;}
.payer_btn .payer_btn_cancle a:hover {	color:#808080;	background:#d2d2d2;}

.storepay_btns .border1 {right: 0; position: absolute; top: 825px;    margin: 20px 0 0 7px;  padding: 15px 25px;}
.storepay_btns .border1:hover {transition: 0.5s; box-sizing: content-box;  vertical-align: middle; line-height: 15px; margin-left: 10px;}


/* 결제정보 쿠폰 아코디언*/
#oi_orderinfo_list .accordion-header { cursor: pointer; } 
#oi_orderinfo_list .accordion-arrow { font-size: 10px; margin-left: 4px; } 
#oi_orderinfo_list .accordion-body { display: table-row; }
#oi_orderinfo_list .accordion-body__inner { padding: 0; margin: 0; } 
#oi_orderinfo_list .accordion-detail__row { height: 20px; } 
#oi_orderinfo_list .accordion-detail__text { padding-left: 38px; font-size: 12px; color: #9b9b9b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; max-width: 200px;} 
#oi_orderinfo_list .accordion-body__wrapper { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } 
#oi_orderinfo_list .accordion-body__wrapper.is-open { max-height: 200px;}