@charset "utf-8";


/*---------------------------
    Mobile
---------------------------*/
@media screen and ( max-device-width:1369px ) {

    [class*="tbl_"] table,
    [class*="tbl_"] thead,
    [class*="tbl_"] tbody,
    [class*="tbl_"] tr,
    [class*="tbl_"] th,
    [class*="tbl_"] td { display:block; }
    [class*="tbl_"] table,
    [class*="tbl_"] thead,
    [class*="tbl_"] tbody { box-sizing:border-box; width:100%; }
    [class*="tbl_"] colgroup { display:none; }
}


/* 답변 상태 알림 라벨 */	
	.type { display:inline-block; width:65px; height:20px; margin-right:5px; line-height:20px; vertical-align:middle; font-size:12px; text-align:center; color:white; background-color:#cfa972; }
	.type.on { background-color:#32b16c; }


/* 주문 과정 프로세스 알림  */
    .Progress_cart { font-size:14px; font-weight:400; color:#5c5c5c; }
	.Progress_cart li,
	.Progress_cart li span,
	.Progress_cart li:not(:first-of-type):before { display:inline-block; vertical-align:top; }
	.Progress_cart li { height:24px; line-height:24px; }
	.Progress_cart span { font-weight:700; color:#5c5c5c; }
	.Progress_cart li:not(:first-of-type):before { content:''; width:24px; height:21px; background-image:url(../img/icons/Progress_cart_off.png); background-position:center center; background-repeat:no-repeat; }
	.Progress_cart li.current span { color:#ff8400; }
	.Progress_cart li.current:not(:first-of-type):before,
	.Progress_cart li.current:first-of-type + li:before { background-image:url(../img/icons/Progress_cart_on.png); }

	/* PC */
	@media screen and ( min-device-width:1370px ) { 
		.Progress_cart { text-align:right; }		
	}
	/* Mobile */
	@media screen and ( max-device-width:1369px ) {
		.Progress_cart { position:relative; padding:15px 10px 15px 15px; margin:0 -15px; text-align:left; border-bottom:5px solid #f5f5f5; }
		.Progress_cart li:not(:first-of-type):before { margin:0 6px 0 0; }
	}


/* 멤버 */
/* 멤버 - 로그인 */
	.login_box { max-width:305px; margin:0 auto; }
	.login_box h3,
	.login_box p { text-align:center; }
	.login_box input[type="text"],
	.login_box input[type="email"],
	.login_box input[type="password"] { margin-bottom:10px; }
	.login_box input[type="email"] { margin-top:20px; }
	.login_box h3 { margin-bottom:5px; font-size:24px; font-weight:700; color:#e91f3e; }
	.login_box p { padding-top:5px; font-weight:400; font-size:15px; color:#666; }
	.login_item { margin:10px 0 25px; line-height:25px; font-size:14px; }
	.login_item:after { content:''; display:block; clear:both; visibility:hidden; }
	.login_item .cbox { float:left; }
	.login_item .find_mb { float:right; font-weight:400; color:#428bca; }
	.login_item .find_mb a + a:before { content:'/'; display:inline-block; margin-right:2px; }
	.login_item .find_mb a:hover { color:#0d0d67; }
	.login_sns { margin-top:10px; font-size:0; }
	.login_sns a { display:inline-block; width:49%; height:50px; line-height:49px; font-size:15px; font-weight:700; text-align:center; border-radius:5px; }
	.login_sns a:last-of-type { margin-left:2%; }
	.sns_item_naver { color:#fff; background-color:#3eb044; }
	.sns_item_kakao { color:#3c2323; background-color:#ffde00; }
	.login_sns ~ [class*="btn_"] { margin-top:15px; }

	/* 회원가입&정보찾기 공통*/
	[class*="member_box"] { width:100%; min-height:calc(100vh - 150px); margin-left:auto; margin-right:auto; }
	[class*="member_box"] h3,
	[class*="member_box"] p { text-align:center; }
	[class*="member_box"] h3 { font-size:24px; font-weight:700; color:#e91f3e; }
	[class*="member_box"] h3 + p { margin:18px 0 25px; font-size:16px; font-weight:400; color:#555; }
	.residence { padding:15px 0; text-align:center; }
	.residence .cbox { font-size:15px; font-weight:400; color:#666; }
	.find_ip_list { margin-bottom:30px; }
	.find_ip_list input + input { margin-top:10px; }


/* 멤버 - 회원가입 */
	.member_box_join { max-width:595px; }
	.member_box_join .residence { border:1px solid #bdbdbd; background-color:#fff799;  }
	ul.member_ip { margin-top:20px; }
	ul.member_ip li { position:relative; }
	ul.member_ip li > .cbox { padding-top:7px; padding-bottom:7px; }
	.terms_area { font-size:12px; }
	.terms_box dt { font-weight:700; }
	.terms_box dt,
	.terms_box dd { padding:5px 0; }
	.terms_txt_box {}
	.terms_txt { display:none; overflow-y:auto; height:100px; padding:15px; margin-top:-1px; border:1px solid #bdbdbd; background-color:#fafafa; }
	ul.member_ip li:last-of-type button[class*="btn_"] { width:100%; }
	/* 마케팅 수신동의 영역 추가 */
	.agree_sns dt > label strong { font-weight:700; }
	.sns_agree_box { display:inline-block; vertical-align:top; }
	.sns_agree_box label { font-size:12px; }
	.sns_agree_info { font-size:14px; }
	/* 아이디&패스워드 찾기 */
	.member_box_find { max-width:435px; }
	.find_tap { display:table; width:100%; box-sizing:border-box; text-align:center; border:1px solid #000; }
	.find_tap li { display:table-cell; width:50%; height:50px; line-height:50px; font-weight:400; color:#666; cursor:pointer; }
	.find_tap li.on { font-weight:700; color:#fff; background-color:#000; }
	.find_tap li a { display:block; height:100%; }

	.member_box_find .residence { margin:25px 0 5px; }

	.find_ip_list ~ button[type="submit"] { width:100%; }
	.go_join { display:block; padding:15px; margin:5px auto 0; text-align:center; font-size:15px; font-weight:400; }
	.go_join:after { content:''; display:inline-block; width:6px; height:11px; vertical-align:middle; margin:-2px 0 0 8px; background:url(../img/icons/icon_btn_next_small.png) 50% 50% no-repeat; }

	.find_result { margin-bottom:50px; text-align:center; font-size:25px; font-weight:700; word-break:break-all; color:#555; }
	
	@media screen and ( min-device-width:1370px ) { /* PC */

		/* 회원가입&정보찾기 공통*/
		.residence .cbox:first-child { margin-right:60px; }

		/* 회원가입 */
		ul.member_ip > li { padding:10px 0 10px 115px; }
		ul.member_ip > li > strong:first-of-type { position:absolute; top:50%; left:0; color:#000; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
		.terms_box { position:relative; padding:15px 0 15px 180px; border:1px solid #bdbdbd; }
		.terms_box dt { position:absolute; left:35px; top:50%; font-size:14px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
		/* 마케팅 수신동의 영역 추가 */
		.agree_sns { padding:20px 15px 15px 35px; border:1px solid #bdbdbd; }
		.agree_sns dt > label { font-size:14px; }
		.sns_agree_box { margin-left:15px; }
		.sns_agree_info { margin-top:10px; line-height:1.5; }

	}	
	@media screen and ( max-device-width:1369px ) { /* Mobile */
		.login_box,
		[class*="member_box"] { margin-top:20px; }

		/* 회원가입&정보찾기 공통*/
		.residence .cbox:first-child { margin-right:20px; }
		/* 회원가입 */
		ul.member_ip > li { padding:5px 0; }
		ul.member_ip > li:not(:nth-of-type(8)) > strong:first-of-type { display:none; }
		ul.member_ip > li:nth-of-type(8) > strong:first-of-type { display:block; font-weight:700; }
		.terms_box dt { font-size:16px; }
		.terms_box dd { margin-left:10px; }
		.terms_txt { margin-top:10px; }
		/* 마케팅 수신동의 영역 추가 */
		.agree_sns { padding-top:15px; padding-bottom:10px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
		.agree_sns dt > label { margin-bottom:5px; font-size:16px; }
		.sns_agree_box { margin-left:10px; }
		.sns_agree_info { line-height:1.3; }
		.sns_agree_info li { position:relative; padding-left:20px; margin-top:5px; word-break:keep-all; }
		.sns_agree_info li:before { position:absolute; left:10px; top:8px; content:''; width:2px; height:2px; border-radius:1px; background-color:#000; }

	}



/* 배송/결제 - 배송방법 선택 시 추가배송비 안내 팝업 */
	.work_popup { display:none; position:absolute; border:1px solid #000; background-color:#fff; }
	.work_popup .txt_red {color: #d00000;}
	.work_popup_h { border-top: 6px solid #de575b; border-bottom: 1px solid #b2b2b2; padding: 10px 20px; color:#1b1b1b; font-size:14px; text-align:center; }
	.work_popup_h span { font-weight:bold; }
	.work_popup_c { text-align:center; padding:0 0 10px; }
	.work_popup_c .main_txt { font-size: 30px;color:#de575b;margin:20px 0;line-height: 1.2; letter-spacing: -0.1em; }    
	.work_popup_c .grayBox { line-height:1.5; background-color: #eeeeee; color: #666; font-size: 13px; margin: 10px; padding: 10px 0; font-weight: 500; letter-spacing: -0.05em; }
	.work_popup_c .sub_txt { color: #666666;font-size:14px;margin:0 0 15px;line-height: 1.5; letter-spacing:-0.08em; }
	.work_popup_c button { background-color: #666; color: white; border: 0; font-size: 14px; padding: 5px 10px; }
	.coupon_red_btn { background-color:#f17573; border:1px solid #f17573; }
	.bu_btn { background-color:#7f7f81; border:1px solid #7f7f81;}
	/* 취소 수수료 안내 테이블 */ 
	.pay_info_table table { border-top:1px solid #d4d4d4; }
	.pay_info_table th,
	.pay_info_table td { border-bottom:1px solid #d4d4d4; }
	.pay_info_table th { background-color:#f5f5f5; }
	.pay_info_table td { border-left:1px solid #d4d4d4; }
	.pay_info_table thead * { font-weight:700; text-align:center; }
	.pay_info_table thead td { background-color:#fcfcfc; }
	.pay_info_table thead tr:first-of-type th[rowspan]:first-of-type { background-color:#dedede; }
	.pay_info_table tbody td { text-align:center; }
	.pay_info_table .txt_red { font-weight:700; color:#d80021; }




/* 별점 */
	.star-input { overflow:hidden; position:relative; display:inline-block;	width:118px; height:24px; white-space:nowrap; }
	.star-input input {	position:absolute; width:1px; height:1px; opacity:0; }
	.star-input label { overflow:hidden; float:left; position:absolute; top:0; left:0; width:10px; height:0; padding:20px 0 0 0; cursor:pointer; }
	.star-input,
	.star-input label:hover,
	.star-input input:focus + label,
	.star-input input:checked + label { display:inline-block; vertical-align:top; background:url("../img/icons/star_long.png") no-repeat; }
	.star-input label:hover,
	.star-input input:focus + label,
	.star-input input:checked + label { background: url("../img/icons/star_long_on.png") no-repeat; }
	.star-input label:hover ~ label { background-image:none; }
	.star-input label:first-of-type { width:11px; z-index:10; }
	.star-input label:nth-of-type(2) { width:23px; z-index:9; }
	.star-input label:nth-of-type(3) { width:34px; z-index:8; }
	.star-input label:nth-of-type(4) { width:46px; z-index:7; }
	.star-input label:nth-of-type(5) { width:58px; z-index:6; }
	.star-input label:nth-of-type(6) { width:70px; z-index:5; }
	.star-input label:nth-of-type(7) { width:81px; z-index:4; }
	.star-input label:nth-of-type(8) { width:93px; z-index:3; }
	.star-input label:nth-of-type(9) { width:105px; z-index:2; }
	.star-input label:nth-of-type(10) { width:119px; z-index:1; }


/* 민원신청 완료 */
	/* 첨부 서류 안내 */
	.alert_doc {  font-size:14px; border:1px solid #007ac3; border-radius:4px; background-color:#fffcd5; }
	.alert_doc * { color:#000; }
	.alert_doc ol { list-style:decimal; list-style-position: inside; }
	.alert_doc ol li { color:#dc1431 }
	.alert_doc ul li:before { content:'*'; margin-right:5px; }
	.alert_doc ul strong { color:#dc1431; }


/* 커뮤니티, 문의하기 텝 링크 */
	.content_box_tap { display:flex; display:-ms-flexbox; font-size:0; margin-left:auto; margin-right:auto; background-color:#fff; }
	.container > .content_box_tap.hide_mo { width:1200px; margin-top:40px; }
	.content_box_tap ~ .content_box { margin-top:0; } /* 컨텐츠 영역 위에 올 때 컨텐츠 영역 상단 마진 삭제 */
	.content_box_tap a,
	.content_box_tap span { flex:1; -ms-flex: 1;  box-sizing:border-box; font-size:22px; height:70px; line-height:70px; text-align:center; color:#666; cursor:pointer; }
		@media screen and (min-width:0\0){ /* IE9,10 hack */ 
			.content_box_tap a,
			.content_box_tap span { display:block;} 
		}
	.content_box_tap a { background-color:#cacaca; }
	.content_box_tap a.on,
	.content_box_tap span.on { font-weight:700; color:#fff; background-color:#000; }
	.content_box_tap a:not(:first-of-type),
	.content_box_tap span:not(:first-of-type) { border-left:2px solid #f5f5f5; }
	.content_box_tap a.on,
	.content_box_tap a.on + a,
	.content_box_tap span.on,
	.content_box_tap span.on + span { border-left-color:#000; }
	/* 컨텐츠 박스 안에 있는 탭 메뉴 */
	.content_box > .content_box_tap { width:100%; margin-top:25px; border-bottom:4px solid #000; }
	.content_box > .content_box_tap a,
	.content_box > .content_box_tap span { height:50px; line-height:54px; font-size:18px; border-width:1px 1px 0 1px; border-style:solid; border-color:#cfcfcf; }
	.content_box > .content_box_tap a.on,
	.content_box > .content_box_tap span.on { border-color:#000; }


/*------------- 마이페이지 ------------*/

	/* 주문내역 */
	.order_list { font-weight:400; }
	.period_sort { font-size:0; line-height:1; color:#666; }
	.period_sort a,
	.period_sort a:before { display:inline-block; vertical-align:top; }
	.period_sort a { font-size:15px; }
	.period_sort a.on { font-weight:700; color:#000; }
	.period_sort a + a:before { content:''; width:1px; height:16px; background-color:#d8d8d8; }

	.orderInfo_T li:before { content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; background-color:#000; }
	.orderInfo_T .od_ttl,
	.orderInfo_T .od_option,
	.orderInfo_T .od_amount { display:inline-block; vertical-align:middle; }

	.orderInfo_T .od_option:before,
	.orderInfo_T .deliv_charge:after { content:'-'; }
	.orderInfo_T .od_quant:before,
	.orderInfo_T .od_amount:before,
	.orderInfo_T .deliv_type i:not(:first-of-type):before { content:'/'; color:#000; }
	.orderInfo_T .od_option:before,
	.orderInfo_T .od_quant:before,
	.orderInfo_T .od_amount:before { margin:0 5px 0 3px; }
	.orderInfo_T .deliv_charge:after { margin:0 3px 0 5px; }
	.orderInfo_T .deliv_type i:not(:first-of-type):before { margin-right:3px; }

	.orderInfo_T .od_quant { color:#996c33; }
	.orderInfo_T li small { font-size:inherit; color:#777; }

	.orderInfo_B .left strong { font-weight:700; }
	.orderInfo_B .left strong.ttc_red { color:#d60000; }

	.orderInfo_B [class*="bttn_"] { display:inline-block; text-align:center; border-width:1px; border-style:solid; border-radius:3px; }
	.orderInfo_B .bttn_a { color:#fff; border-color:#7f8c94; background-color:#7f8c94; }
	.orderInfo_B .bttn_b { color:#000; border-color:#a0a0a0; background-color:#fff; }
	.orderInfo_B .bttn_c { color:#fff; border-color:#af7924; background-color:#af7924; }
	.orderInfo_B .bttn_d { vertical-align:text-bottom; height:19px; line-height:20px; padding:0 9px; font-size:12px; color:#81511c; border-color:#9a5b19; background-color:#fff; }
	.orderInfo_B .bttn_e { color:#fff; border-color:#5f5498; background-color:#5f5498; }
	.orderInfo_B .bttn_e.disabled { border-color:#cdcdcd; background-color:#cdcdcd; }

	/* 후기 및 문의 */
	[class*="review_list_"] dd { display:none; }
	.review_tab_box { font-size:0; border:1px solid #e91f3e; }
	.review_tab_box li { display:inline-block; width:50%; box-sizing:border-box; height:45px; line-height:45px; text-align:center; font-size:14px; font-weight:400; color:#666; cursor:pointer; }
	.review_tab_box li.on { font-weight:700; color:#fff; background-color:#e91f3e; }
	.fold_re:before { content:'운영자'; display:block; font-weight:700; color:#0072d6; }

	/* 내 주문 상세보기 & 문의하기 모달팝업 */
	.my_pop_wrap { display:none; overflow-y:auto; width:100%; height:100%; }
	[class*="my_pop_box"] { position:relative; margin-left:auto; margin-right:auto; }
	.my_pop_wrap,
	.dim { position:fixed; top:0; left:0; right:0; bottom:0; }
	.my_pop_wrap { display:none; z-index:5; }
	.my_pop_close { position:absolute }

@media screen and ( min-device-width:1370px ) { 

/* 마이페이지 - 주문내역 */

	/* 기간 소팅 */
	.content_box.mypage .ttl_content { border-bottom:0; padding-bottom:0; margin-bottom:0; } /* 마이페이지 일 때 상단 스타일 재설정 */
	.period_sort { padding:30px 0; text-align:right; }
	.period_sort a:last-of-type { padding-right:30px; }
	.period_sort a + a:before { margin:0 30px; }

	.order_list > li:not(:first-of-type) { margin-top:30px; }
 
	.orderTop,
	.orderInfo_B { position:relative; line-height:1; }
	.orderTop .right,
	.orderInfo_B .right { position:absolute;  }
	.orderInfo_T,
	.orderInfo_B { padding-left:30px; padding-right:30px; }

	.orderTop { margin-bottom:10px; font-size:15px; }
	.orderTop .od_number:before { content:''; display:inline-block; vertical-align:top; margin:0 8px 0 5px; width:1px; height:13px; background-color:#333; }
	.orderTop .right { top:0; right:0; }
	.orderTop .right > * { font-size:14px; margin-left:5px; }

	.orderInfo { border:1px solid #555; }
	.orderInfo_T { padding-top:20px; padding-bottom:10px; line-height:1.25; font-size:14px; background-color:#f3f5fa; }
	.orderInfo_T li { padding:5px 0 5px 10px; }
	.orderInfo_T li:before { margin-right:5px; margin-left:-10px; }
	.orderInfo_T .od_ttl,
	.orderInfo_T .od_option,
	.orderInfo_T .od_amount {  }
	.orderInfo_T .od_quant { color:#996c33; }

	.orderInfo_B { height:25px; padding-top:15px; padding-bottom:15px; border-top:1px solid #000; background-color:#dadee8; }
	.orderInfo_B .left { line-height:25px; }
	.orderInfo_B .right { right:30px; top:15px; font-size:0; }
	.orderInfo_B [class*="bttn_"],
	.orderInfo_B .right i { margin-left:10px; }
	.orderInfo_B [class*="bttn_"] { font-size:12px; }
	.orderInfo_B .right [class*="bttn_"] { height:23px; line-height:23px; min-width:110px;  }
	.orderInfo_B .right > i { display:inline-block; width:1px; height:25px; vertical-align:top; background-color:#797979; }

/* 후기 및 문의 */
	.review_tab_box { float:right; width:355px; margin-top:30px; }
	.review_tab_cont { clear:both; padding-top:20px; }
	.review_board_ttl { margin-bottom:20px; font-size:24px; font-weight:400; }

	[class*="review_board_"] {  } /* 내 문의 & 내 리뷰 테이블 공통 */
	[class*="review_board_"] .date { width:100px; padding-left:20px; }
	[class*="review_board_"] .star,
	[class*="review_board_"] .re { width:100px; }
	[class*="review_board_"] .ttl  { width:calc(100% - 200px); }
	[class*="review_board_"] .sttl { width:calc(100% - 300px); }
	[class*="review_list_"] .ttl,
	[class*="review_list_"] .sttl { padding-left:20px; text-align:left; }
	[class*="review_list_"] .date { font-size:12px; color:#666; }
	[class*="review_list_"] { }

	.review_board_hd,
	[class*="review_list_"] dt { padding-right:20px; font-size:0; font-weight:400; border-bottom:1px solid #c8c8c8; }
	.review_board_hd { height:50px; line-height:50px; border-top:2px solid #000; }
	.review_board_hd li,
	[class*="review_list_"] dt div { box-sizing:border-box; display:inline-block; text-align:center; }
	.review_board_hd li { font-size:17px; }
	[class*="review_list_"] dt div { font-size:15px; }

	[class*="review_list_"] dl { }
	[class*="review_list_"] dt,
	[class*="review_list_"] dd { border-bottom:1px solid #c8c8c8; }
	[class*="review_list_"] dt { padding-top:15px; padding-bottom:15px; cursor:pointer; }
	[class*="review_list_"] dd { padding:20px 20px 0;  }

	.fold_txt { padding-bottom:20px; line-height:1.5; font-size:15px; color:#666; }
	.fold_re { padding:20px; margin:0 -20px; line-height:1.8; font-size:13px; background-color:#f5f5f5; }
	.fold_re:before { font-size:16px; margin-bottom:15px; }
	.fold_txt,
	.fold_re { padding-right:100px; }
	.fold_name { display:block; margin-bottom:10px; color:#af7924; }

	/* 내 주문 상세보기 & 문의하기 모달팝업 */
	[class*="my_pop_box"] { width:960px; padding:40px 20px; }
	.dim { background-color:rgba(0,0,0,0.6); z-index:-1; } /* 딤 레이어 */


	/* 내 주문 상세보기 */
	.my_pop_box1 { margin-top:50px; margin-bottom:50px; background-color:#fff; }
	.my_pop_box1 h3 { margin-bottom:20px; font-size:20px; font-weight:700; }
	.my_pop_box1 h3:first-of-type ~ h3,
	.my_pop_box1 #applicationForm:nth-child(2) h3 { margin-top:55px; }
	.my_pop_box1 h4 { font-size:15px; margin-bottom:10px; }
	.my_pop_box1 h4:first-of-type ~ h4 { margin-top:40px; }
	.my_pop_box1 h4:before { content:'['; }
	.my_pop_box1 h4:after { content:']'; }
	[class*="my_pop_tbl_"] { font-size:14px; border-top:2px solid #000; }
	[class*="my_pop_tbl_"] th,
	[class*="my_pop_tbl_"] td { height:35px; padding:5px 10px; border-bottom:1px solid #c8c8c8; }
	.my_pop_tbl_a th { background-color:#f0f0f0; }
	.my_pop_tbl_a td { }
	.my_pop_tbl_b th { width:190px; background-color:#ffcccd; }
	.my_pop_box1 .btnbox { margin-top:30px; }

	/* 문의하기 */
	.my_pop_box2 { top:50%; transform:translateY(-50%); background-color:#f5f5f5; }
	.my_pop_box2 h3 { margin:0 0 30px 15px; font-size:30px; font-weight:700; }
	.my_pop_box2 .product_contact { width:920px; margin:0 auto; }

	.my_pop_close { width:54px; height:54px; top:0; right:-54px; font-size:0; background:#000 url(../img/icons/icon_mo_w_x.png) center center no-repeat; }
	
}

@media screen and ( max-device-width:1369px ) { /* mobile */

/* 마이페이지 - 주문내역 */

	/* 기간 소팅 */
	.period_sort { overflow:hidden; margin-top:20px; padding:0 2%; text-align:justify; text-justify:distribute; }
	.period_sort:after { content:''; display:inline-block; width:100%; }
	.period_sort a:before { margin-right:19px; }

	.order_list > li:before { content:''; display:block; margin:20px -15px; height:7px; background-color:#efefef; }

	.orderTop { position:relative; font-size:13px; font-weight:400; }
	.orderTop .left .od_day { display:block; margin-bottom:5px; }
	.orderTop .right { position:absolute; top:0; left:80px; white-space:nowrap; }
	.orderTop .right:before { content:''; margin-left:5px; height:15px; width:1px; background-color:#FFF; }

	.orderInfo { margin-top:15px; padding-top:20px; border-top:1px dashed #bdbdbd; }
	.orderInfo_T { padding:0 15px 0 10px; font-size:14px; }
	.orderInfo_T li { position:relative; padding-left:10px; margin-bottom:12px; line-height:1.4; }
	.orderInfo_T li:before { position:absolute; left:0; top:7px; }
	.orderInfo_T .od_ttl,
	.orderInfo_T .od_option { display:inline; }
	.orderInfo_T .od_quant { }
	.orderInfo_T .deliv_charge,
	.deliv_type,
	.deliv_type i { display:block; }

	.orderInfo_B .left { position:relative; height:47px; margin-bottom:15px; padding:20px 10px 18px; line-height:1; text-align:right; background-color:#f2f2f2; }
	.orderInfo_B .left span { position:absolute; top:20px; left:10px; }
	.orderInfo_B .left strong { padding-right:5px; text-align:right; }
	.orderInfo_B .left .bttn_d { display:block; width:73px; margin-top:10px; margin-left:calc(100% - 193px); }


	.orderInfo_B .right { position:relative; font-size:0; }
	.orderInfo_B .right [class*="bttn_"] { box-sizing:border-box; }
	.orderInfo_B .right [class*="bttn_"]:not(.bttn_e) { line-height:40px; font-size:14px; }
	.orderInfo_B .right .bttn_a { width:39%; }
	.orderInfo_B .right .bttn_b,
	.orderInfo_B .right .bttn_c { width:28%; margin-left:2.5%; }
	.orderInfo_B .right .bttn_e { position:absolute; top:-54px; right:10px; width:93px; height:21px; line-height:21px; font-size:12px; }


/* 마이페이지 - 후기 및 문의 */
	.review_tab_box { margin:20px 0;}
	[class*="review_list_"] { border-top:2px solid #000; }
	[class*="review_list_"] dl { padding-top:15px; font-size:13px; border-bottom:1px solid #bdbdbd; }

	[class*="review_list_"] dt { position:relative; padding:40px 0 15px; }
	[class*="review_list_"] dt .re,
	[class*="review_list_"] dt .date,
	[class*="review_list_"] dt .star { position:absolute; }
	[class*="review_list_"] dt .re { top:0; left:3px; }
	[class*="review_list_"] dt .date { top:5px; left:75px; font-size:12px; color:#666; }
	[class*="review_list_"] dt .date:before { content:'등록일 : '; }
	[class*="review_list_"] dt .star { top:2px; right:5px; }
	[class*="review_list_"] dt .ttl,
	[class*="review_list_"] dt .sttl { font-weight:700; }
	[class*="review_list_"] dt .ttl,
	[class*="review_list_"] dt .sttl,
	[class*="review_list_"] dd { line-height:1.5; font-size:13px; }

	.fold_txt { margin-top:-7px; padding-bottom:15px; color:#666; }
	.fold_re { padding:20px 10px; border-top:1px dashed #bdbdbd; background-color:#f5f5f5; }
	.fold_re:before { margin:-5px 0 10px; }


	/* 내 주문 상세보기 & 문의하기 모달팝업 */
	.my_pop_wrap {  }
	[class*="my_pop_box"] { padding:0 15px 50px; background-color:#fff; }
	[class*="my_pop_box"] h3 { position:relative; font-size:18px; line-height:55px; font-weight:700; }
	.my_pop_close { top:2px; right:2px; font-size:0; width:50px; height:50px; }
	.my_pop_close:before,
	.my_pop_close:after { content:''; position:absolute; width:2px; height:30px; left:50%; top:10px; background-color:#000; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
	.my_pop_close:before { transform:rotate(45deg) }
	.my_pop_close:after { transform:rotate(-45deg) }
	/* 마이페이지 팝업 내 테이블 공통 */
	[class*="my_pop_box"] th { padding:18px 0 5px; text-align:left; font-size:13px; font-weight:400; color:#b28850; }
	[class*="my_pop_box"] td { padding-bottom:18px; font-weight:400; }

	/* 내 주문 상세보기 */
	.my_pop_box1 h3:first-of-type { margin-bottom:7px; }
	.my_pop_box1 h3:nth-of-type(2) { margin:7px 0 -1px; border-bottom:1px solid #000; }
	.my_pop_box1 h3:first-of-type:before,
	.my_pop_box1 h3:nth-of-type(2):after { position:absolute; content:'';  height:7px; left:-15px; right:-15px; background-color:#f5f5f5; }
	.my_pop_box1 h3:first-of-type:before { bottom:-7px; }
	.my_pop_box1 h3:nth-of-type(2):after { top:-7px; }
	.my_pop_box1 h4 { position:relative; padding:12px 10px; margin:22px 0 -1px; line-height:1.3; font-size:14px; border-width:2px 0 1px; border-style:solid; border-color:#000; }
	.my_pop_box1 h4:before { content:''; position:absolute; left:2px; top:20px; width:3px; height:3px; background-color:#000; }
	.my_pop_box1 th { border-top:1px dashed #bdbdbd; }
	.my_pop_box1 .my_pop_tbl_b table:last-of-type tr:last-of-type td:last-of-type { margin-bottom:20px; border-bottom:1px solid #bdbdbd; }

	/* 문의하기 */
	.my_pop_box2 h3:after { content:''; position:absolute; bottom:0; left:-15px; right:-15px; height:1px; background-color:#bdbdbd; }
	.my_pop_box2 .product_contact { padding-top:10px; }
	.my_pop_box2 .contact_form { margin-top:25px; }
	.my_pop_box2 .contact_form h2 { margin:0 -15px; padding:0 15px; font-size:18px; line-height:55px; font-weight:700; border-top:7px solid #f5f5f5; }


	/* Hide */
	.orderInfo_B .right i,
	.review_board_ttl,
	.review_board_hd,
	.fold_name { display:none; }
}


/* 마이페이지 처리/배송 현황 */
	.order_status {  background-color:#fff; }
	.shipping_list,
	.arrive_list { position:relative; height:3px; background-color:#d0d9e5; }
	.shipping_list li,
	.arrive_list li { position:absolute; }

	/* 배송현황 */
	.shipping_list { }
	.shipping_list li { width:1px; }
	.shipping_list li:before { content:''; position:absolute; left:50%; width:18px; height:18px; margin:-8px 0 0 -9px; border-radius:50%; background:#d0d9e5 url(../img/icons/icon_ship_check_white.png) 62% 50% no-repeat; background-size:65%; }
	.shipping_list b { opacity:0.5; position:absolute; left:50%; transform:translateX(-50%); text-align:center; font-size:12px; font-weight:700; white-space:nowrap; color:#4d5969; }
	.shipping_list li.on b { opacity:1; }
	/* -----------------------
		■ 상태별 클래스 ■
		.step1 주문접수
		.step2 결제완료(서류준비)
		.step3 처리중
		.step4 발송대기
		.step5 배송시작
	------------------------ */
	/* 현황 게이지 */
	.shipping_list:before { position:absolute; content:''; left:0; height:100%; background-color:#2c7be5; } /* 기본 */
	.shipping_list:after { content:url(../img/icons/icon_ship_off.png); height:21px; position:absolute; right:-1px; top:-9px; z-index:1; }
	.step5 .shipping_list:after,
	.step6 .shipping_list:after { content:url(../img/icons/icon_ship_on.png); }
	/* 스텝 별 원 배경컬러 변경 */
	.step1 .shipping_list li:first-of-type:before,
	.step2 .shipping_list li:first-of-type:before, .step2 .shipping_list li:nth-of-type(2):before,
	.step3 .shipping_list li:first-of-type:before, .step3 .shipping_list li:nth-of-type(2):before, .step3 .shipping_list li:nth-of-type(3):before,
	.step4 .shipping_list li:not(:last-of-type):before,
	.step5 .shipping_list li:before,
	.step6 .shipping_list li:before { background-color:#2c7be5; }
	/* 주문취소, 환불, 기타 메세지 */
	.status_txt { height:100px; line-height:100px; text-align:center; }

	/* 주문 상세내역 */
	.state_wrap { padding-top:20px; padding-bottom:20px; border-top:1px solid #bfc5c9; }
	.state_wrap h3 { margin:0 0 10px 10px; line-height:1; font-size:17px; font-weight:700; }
	.state_wrap h3:before { content:''; display:block; width:5px; height:5px; margin:0 10px -6px -10px; background-color:#000; }
	.state_scroll { width:100%; }
	.state_list { white-space:nowrap; border-top:2px solid #000; }
	.state_list th,
	.state_list td { padding:0; border-bottom:1px solid #a0a0a0; }
	.state_list th,
	.state_list td:not(:last-child) { text-align:center; }
	.state_list thead th { font-size:15px; text-align:center; color:#000; background-color:#f5f5f5; }
	.state_list td { font-weight:300; color:#333; }
	.state_list tbody tr:nth-child(even) td { background-color:#f5f6f9; }
	.state_list td:first-child,
	.state_list td:nth-child(3) { font-size:13px; }
	.state_list td:nth-child(2),
	.state_list td:last-child { font-size:14px; }


	@media screen and ( min-device-width:1370px ) { /* PC */

		.order_status { width:100%; text-align:center; border-top:1px solid #000; }
		/* .order_status:after { display:block; clear:both; visibility:hidden; content:''; } */
		.order_status > div:not(.status_txt) { height:177px; }
		.shipping { display:inline-block; width:720px; height:100%; vertical-align:top; }
		.arrive_list:before { content:''; position:absolute; left:-35px; width:36px; height:100%; background-color:#d0d9e5; }

		/* 배송현황 */
		.shipping_list { width:calc(100% - 38px); margin:106px 0 0 40px; }
		.shipping_list li:first-of-type { left:0; }
		.shipping_list li:nth-of-type(2) { left:125px; }
		.shipping_list li:nth-of-type(3) { left:295px; }
		.shipping_list li:nth-of-type(4) { left:477px; }
		.shipping_list li:nth-of-type(5) { left:600px; }
		.shipping_list li .prepar { position:absolute; top:22px; left:50%; transform:translateX(-50%); font-size:13px; text-align:center; white-space:nowrap; color:#ff4831; }
		.shipping_list li .prepar * { display:block; font-weight:700; }
		.shipping_list li .prepar strong { color:#019b80; }
		.shipping_list li .prepar span { margin-top:3px; color:#5e6671; }
		.shipping_list b { bottom:25px; }
		.shipping_list b:before { content:''; display:block; padding-bottom:5px; width:44px; height:32px; margin:0 auto; background-repeat:no-repeat; background-position:50% 0; }
		.shipping_list li:first-of-type  b:before { background-image:url(../img/icons/icon_ship_1_off.png); }
		.shipping_list li:nth-of-type(2) b:before { background-image:url(../img/icons/icon_ship_2_off.png); }
		.shipping_list li:nth-of-type(3) b:before { background-image:url(../img/icons/icon_ship_3_off.png); }
		.shipping_list li:nth-of-type(4) b:before { background-image:url(../img/icons/icon_ship_4_off.png); }
		.shipping_list li:nth-of-type(5) b:before { background-image:url(../img/icons/icon_ship_5_off.png); }
		/* 선택 된 현황 스타일 변경 */
		.step1 .shipping_list li:first-of-type  b:before { background-image:url(../img/icons/icon_ship_1_on.png); }
		.step2 .shipping_list li:nth-of-type(2) b:before { background-image:url(../img/icons/icon_ship_2_on.png); }
		.step3 .shipping_list li:nth-of-type(3) b:before { background-image:url(../img/icons/icon_ship_3_on.png); }
		.step4 .shipping_list li:nth-of-type(4) b:before { background-image:url(../img/icons/icon_ship_4_on.png); }
		.step5 .shipping_list li:nth-of-type(5) b:before { background-image:url(../img/icons/icon_ship_5_on.png); }

		.shipping_list li.on:before { width:25px; height:25px; margin:-15px 0 0 -18px; border:5px solid #98c4ff; background-color:#2c7be5; background-image:url(../img/icons/icon_ship_check_yellow.png); background-size:16px auto; }

		.state_wrap { padding-left:30px; padding-right:30px; }
		.state_list th { height:44px; }
		.state_list td { height:41px; } 

		/* -----------------------
			■ 상태별 클래스 ■
		------------------------ */

		/* 현황 게이지 */
		.step1 .shipping_list:before { width:12%; }
		.step2 .shipping_list:before { width:35%; }
		.step3 .shipping_list:before { width:61%; }
		.step4 .shipping_list:before { width:82%; }
		.step5 .shipping_list:before, .step6 .shipping_list:before { width:100%; }

		/* 스텝 별 원 체크박스 이미지 변경 */
		.step2 .shipping_list li:first-of-type b:before,
		.step3 .shipping_list li:first-of-type b:before,
		.step4 .shipping_list li:first-of-type b:before,
		.step5 .shipping_list li:first-of-type b:before,
		.step6 .shipping_list li:first-of-type b:before { background-image:url(../img/icons/icon_ship_1_on.png); }
		.step3 .shipping_list li:nth-of-type(2) b:before,
		.step4 .shipping_list li:nth-of-type(2) b:before,
		.step5 .shipping_list li:nth-of-type(2) b:before,
		.step6 .shipping_list li:nth-of-type(2) b:before { background-image:url(../img/icons/icon_ship_2_on.png); }
		.step4 .shipping_list li:nth-of-type(3) b:before,
		.step5 .shipping_list li:nth-of-type(3) b:before,
		.step6 .shipping_list li:nth-of-type(3) b:before { background-image:url(../img/icons/icon_ship_3_on.png); }
		.step5 .shipping_list li:nth-of-type(4) b:before,
		.step6 .shipping_list li:nth-of-type(4) b:before { background-image:url(../img/icons/icon_ship_4_on.png); }
		.step6 .shipping_list li:nth-of-type(5) b:before { background-image:url(../img/icons/icon_ship_5_on.png); }
	}
	@media screen and ( max-device-width:1369px ) { 

		.shipping { height:30px; margin-top:40px; padding:65px 0 0 20px; border-top:1px dashed #bdbdbd; }
		.shipping_list li:first-of-type { left:0; }
		.shipping_list li:nth-of-type(2) { left:21%; }
		.shipping_list li:nth-of-type(3) { left:42%; }
		.shipping_list li:nth-of-type(4) { left:61%; }
		.shipping_list li:nth-of-type(5) { left:83%; }
		.shipping_list li .prepar { display:none; }
		.shipping_list b { bottom:15px; }
		.shipping_list li:nth-of-type(2) b { left:-0.2em; display:inline-block; width:4.5em; white-space:inherit; text-indent:0.6em; }
		.shipping_list li:nth-of-type(2) b:before { content:''; position:absolute; top:0; bottom:0; left:0; width:0.6em; background-color:#fff; }

		.state_wrap { position:relative; }

		.state_scroll { overflow-x:auto; position:relative; -webkit-overflow-scrolling:touch; }
		.state_scroll .state_list {  }
		.state_list th,
		.state_list td { padding:7px 10px; }
		.info_layer { position:absolute; left:0; right:0; bottom:20px; top:45px; background-color:rgba(0,0,0,0.4); } /* jquery로 생성한 엘리먼트 */
		.info_layer:before { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:700; color:#fff; white-space:nowrap; text-shadow:0 0 3px #000; content:'화면을 터치 후, 좌-우로 이동 하세요.'; }

		.status_txt { border-top:1px solid #bfc5c9; }

		/* -----------------------
			■ 상태별 클래스 ■
		------------------------ */

		/* 현황 게이지 */
		.step1 .shipping_list:before { width:10%; }
		.step2 .shipping_list:before { width:32%; }
		.step3 .shipping_list:before { width:54%; }
		.step4 .shipping_list:before { width:70%; }
		.step5 .shipping_list:before, .step6 .shipping_list:before { width:100%; }
	}
	/* 서류도착 예정일 */
	.arrive h3 { display:flex; flex-direction:column; align-items:center; justify-content:center; height:49px; line-height:1.3; text-align:center; font-size:15px; font-weight:700; color:#0f2868; background-color:#fff9b2; }
	.arrive h3 strong,
	.arrive h3 span { display:block; }
	.arrive h3 strong { font-size:14px; font-weight:700; color:#2c7be5; }
	.arrive h3 strong  i { font-size:12px; color:#0f2868; }
	.arrive h3 span { font-size:13px; color:#ff4831; }
	.arrive_list { width:81.235%; margin:57px auto 37px; }
	.arrive_list li { text-align:center; font-weight:700; border-radius:50%; }
	.arrive_list li span { position:relative; }
	.arrive_list li:not(.high) { width:25px; height:25px; line-height:26px; top:calc(50% - 12px); font-size:12px; letter-spacing:-1px; }
	.arrive_list li:first-of-type { left:0; color:#13b1f6; background-color:#edf2f9; }
	.arrive_list li:nth-of-type(2) { left:17%; color:#005bd5; background-color:#dff5ff; }
	.arrive_list li:nth-of-type(4) { left:71.725%; color:#ff7629; background-color:#ffe9dd; }
	.arrive_list li:nth-of-type(5) { right:0; color:#00b76e; background-color:#e0faef; }

	.arrive_list .high { top:calc(50% - 28px); left:calc(50% - 28px); width:50px; height:50px; line-height:1; color:#fff; background-color:#ff4831; 
						 box-shadow:0 0 0 15px #fff9b2; animation:size 3s infinite; }
	@keyframes size {
		50% { box-shadow:0 0 0 2px #fff9b2; }	
	}
	.arrive_list .high span { display:inline-block; margin-top:11px; }
	.arrive_date { padding:0 3%; font-size:0; line-height:1; text-align:justify; text-justify:distribute; }
	.arrive_date:after { display:inline-block; width:100%; content:''; }
	.arrive_date > * { display:inline-block; vertical-align:middle; font-weight:700; }
	.arrive_date span:not(:nth-of-type(2)) { font-size:12px; color:#697586; }
	.arrive_date span:nth-of-type(2) { font-size:14px; color:#ff4831; }
	.arrive_date i { width:2px; height:15px; background-color:#dcdcdc; }


	@media screen and ( min-device-width:1370px ) { /* PC */

		.arrive { width:357px; height:100%; float:right; border-left:1px solid #eee; }	

	}
	@media screen and ( max-device-width:1369px ) { /* mobile */

		.arrive { padding-bottom:30px; }
	
	}


/*---------------------------
    사용자 후기 페이지
---------------------------*/

	.thanks_all { position:relative; border:1px solid #e8e8e8; background-color:#f8f9fb; }

	/* 베스트 목록 테이블 */
	.thank_best { line-height:1.5; font-size:13px; }
	.thank_best th,
	.thank_best td { border-bottom:1px solid #bdbdbd; }
	.thank_best th { background-color:#f5f5f5; }
	.thank_best img[src*="big_review_star_"] { width:70px; height:auto; }
	.thank_best tbody td:first-of-type,
	.thank_best tbody td:nth-of-type(2),
	.thank_best tbody td:nth-of-type(3) { text-align:center; }
	.thank_best tbody td:first-of-type { width:30%; text-decoration:underline; color:#007ac3; }
	.thank_best tbody td:nth-of-type(3) { width:4em; }
	.thank_best a:hover { color:#dc1431; }
	/* 후기 상세보기 */
	.thank_view { border-top:2px solid #000; }
	.thank_view .cusomer_info { padding-left:15px; padding-right:15px; border-bottom:1px solid #bdbdbd; }
	.thank_view .cusomer_content .txtBox { padding-left:15px; }
	.thank_view .cusomer_info .left .txt:before { content:'작성자 : '; }
	.thank_view .cusomer_info .right .day:before { content:'작성일 : '; }
	.thank_view .name { padding-left:15px; padding-right:15px; font-size:15px; font-weight:400; color:#af7924; }
	/* 후기 작성 */
	.thank_write dl { position:relative; box-sizing:border-box; margin-bottom:10px;  border-radius:5px; background-color:#f2f2f2; }
	.thank_write dt { font-weight:700; }
	.thank_write dl li { padding:3px; }
	.thank_write dd > p { margin-top:10px; font-weight:400; }
	.thank_write dd .cbox { font-weight:400; }
	.thank_write ~ p { margin:20px 0; text-align:center; font-weight:400; }


@media screen and ( min-device-width:1370px ) { 

/* 사용자 후기 */
	/* 상단 그래픽 (그래프) */
	.thanks_all { height:100px; margin:0 0 30px; padding:20px 110px 20px 90px; background-image:url('../img/sub/thanks_back.png'); background-position:-50px -80px; background-repeat:no-repeat; }
	.thanks_all:after { display:block; clear:both; visibility:hidden; content:''; }
	.thanks_text { position:absolute; top:17px; left:90px; }
	 /* 별점 게이지 영역 */
	.progress_star { height:91px; overflow:visible; float:right; position: relative; text-align: center; }
	.barOverflow { position: relative; overflow: hidden; width:217px; height:91px; } /* Wraps the rotating .bar */
	.bar { position: absolute; top: -1px; left:18px; width:183px; height:183px; /* full circle! */ 
		  border-radius: 50%; box-sizing: border-box; border: 30px solid #c4c4c4;  /* half gray, */
		  border-bottom-color: transparent; border-right-color: transparent; /* half azure */
		  transform:rotate(219deg); /* 별점 게이지 애니메이션 수정 */
		  animation-name: bar; animation-duration:5s;
		}
	 /* 별점 게이지 애니메이션 수정 */
	@-webkit-keyframes bar {
		0% { transform:rotate(50deg); }
		25% { transform:rotate(219deg); }
		50% { transform:rotate(50deg); }
		100% { transform:rotate(219deg); }
	}
	@keyframes bar {
		0% { transform:rotate(50deg); }
		25% { transform:rotate(219deg); }
		50% { transform:rotate(50deg); }
		100% { transform:rotate(219deg); }
	}
	@-moz-keyframes bar {
		0% { transform:rotate(50deg); }
		25% { transform:rotate(219deg); }
		50% { transform:rotate(50deg); }
		100% { transform:rotate(219deg); }
	}
	.gradient { position:absolute; top:0; left:10px; right:10px; bottom:0; border-radius:100px 100px 0 0; background-image:linear-gradient(to right,#ff9927,#ff5022); } /* border-color */
	.cover { position:absolute; top:0; left:0; } /* dashed image */
	.pr_info { position:absolute; top:45px; left:77px; }
	.num_wrap { padding-left:6px; text-align:center; font-size:14px; line-height:1; font-weight:700; color:#381e1f; }
	.num_wrap span { margin-right:5px; font-size:30px; letter-spacing:-0.02em; }
	.pr_info img { display:block; margin:3px auto 5px; }
	.pr_star { width:60px; height:auto; }

	/* 베스트 목록 테이블 */
	.thank_best th,
	.thank_best td { padding:10px; }
	.thank_best th:not(:first-of-type),
	.thank_best td:not(:first-of-type) { border-left:1px solid #bdbdbd; }
	/* 후기 상세보기 */
	.thank_view { margin:0 20px 20px; }
	.thank_view .name { padding-top:20px; }

    /* 사용자 후기 상단 */
	.user_review ~ .user_review { margin-top:40px; }
    .user_review_hd { position:relative; padding:0 17px 15px; border-bottom:2px solid #000; }
	.product_tabBox .user_review_hd { border-bottom:1px dashed #929292; } /* 후기가 상품페이지 하단에 들어갈 때 border-bottom 스타일 재설정 */
    .review_hd_left { font-size:18px;  color:#000; }
    .review_hd_left * { display:inline-block; vertical-align:top; }
	.review_hd_left .ttl_article { margin-bottom:0; padding-left:0; } /* 후기 상단 영역에 서브 타이틀이 들어갈 때 스타일 재설정 */
	.review_hd_left .ttl_article:before { left:-10px; }
    .review_hd_left strong,
    .review_hd_left .score { font-weight:700; }
    .review_hd_left strong { margin-right:5px; }
    .review_hd_left img { margin-top:-2px; }
    .review_hd_right { position:absolute; right:17px; bottom:18px; font-size:0; font-weight:400; }
    .review_hd_right a { font-size:14px; }
    .review_hd_right a.on { color:#ff4923; }
    .review_hd_right a + a:before { content:''; display:inline-block; vertical-align:middle; width:1px; height:14px; margin:0 8px; background-color:#ababab; }
	.thank_list .user_review:nth-of-type(2) .review_hd_right { right:0; bottom:5px; }
    /* 사용자 후기 본문 */
    .cusomer_review > li { padding:0 20px 20px; border-bottom:1px solid #c8c8c8; }
    .cusomer_info { padding:17px 0; }
    .cusomer_info:after { content:''; display:block; visibility:hidden; clear:both; }
    .cusomer_info .left { float:left;  }
    .cusomer_info .left .txt { margin-left:3px; vertical-align:middle; font-size:14px; font-weight:400; color:#000; }
    .cusomer_info .right { float:right; }
    .cusomer_info .right .day { font-size:12px; font-weight:400; color:#666; }
	.cusomer_review .name { font-size:15px; font-weight:400; color:#af7924; }
    .cusomer_content { position:relative; line-height:1.6; font-size:15px; }
	.cusomer_content a { display:block; height:100px; overflow:hidden; }
	.cusomer_content a:hover .txtBox { color:#666; }
	.cusomer_content a.full { height:auto; overflow:visible; }
	.cusomer_content a .review { display:none; }
	.cusomer_content a.full .review { display:block; }
    .cusomer_content .txtBox { padding:10px 80px 10px 0; color:#000; }
    .cusomer_content .review { position:relative; margin-top:20px; padding:45px 20px 15px; background-color:#f5f5f5; }
    .cusomer_content .review:before {content:"운영자"; position: absolute; top: 20px; left: 20px;  font-size: 16px; font-weight: 500; color: #0072d6; line-height: 1;}
    .cusomer_content .blind { box-sizing:border-box; width:438px; height:43px; line-height:43px; margin:30px auto 20px; text-align:center; font-size:12px; color:#666; border:1px dashed #666; } /* 후기 블라인드 처리됨 */
    .review_reco { position:absolute; top:10px; right:0; }
    .review_reco .txt { display:none; }
    .review_reco a { display:inline-block; width:60px; height:28px; line-height:30px; text-align:center; border:1px solid #007dd8; border-radius:15px; }
    .review_reco a img { vertical-align:text-top; }
    .review_reco a span { display: inline-block; width:15px; text-align:left; line-height:1; vertical-align:middle; color:#000; font-size:12px; }

	/* 후기 작성 */
	.thank_write dl { position:relative; padding:20px 25px; margin-bottom:10px; }
	.thank_write dt { position:absolute; left:30px; top:50%; font-size:16px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	.thank_write dd { margin-left:140px; font-size:15px; }
	.thank_write dl.no-row dt { position:static; transform:none; margin-bottom:10px; }
	.thank_write dl.no-row dd { margin-left:0; }
	.thank_write ~ p { font-size:18px; }
	.thank_write ~ .btnbox { margin-top:40px; }
	.thank_write dd input[type="text"]:only-child,
	.thank_write dd input[type="email"] { width:400px; }

}
@media screen and ( max-device-width:1369px ) { /* Mobile */

/* 사용자 후기 */
	/* 상단 그래픽 (그래프) */
	.thanks_all { box-sizing:border-box; min-height:75px; margin-top:20px; padding:10px; }
	.thanks_all .thanks_text { width:57%; max-width:304px; height:auto; }
	.thanks_all .pr_info { position:absolute; top:50%; right:20px; width:23.5%;text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	.thanks_all .pr_info .num_wrap,
	.thanks_all .pr_info img { display:block; }

	.thanks_all .pr_info .num_wrap { line-height:1; font-weight:700; }
	.thanks_all .pr_info .numnum { font-size:20px; }
	.thanks_all .pr_info .pr_star { width:100%; max-width:115px; height:auto; margin:2px auto 5px; }
	.thanks_all .pr_info .pr_text { width:80%; margin:0 auto; }

	/* 베스트 후기 테이블 */
	.thank_best { position:relative; }
	.user_review .thank_best { margin-top:-43px; border-top:2px solid #000; } 
	.thank_best th:nth-of-type(2),
	.thank_best td:nth-of-type(2) { display:none; }
	.thank_best th,
	.thank_best td { padding:10px; }
	.thank_best td { font-size:12px; font-weight:400; }

	.thank_list .user_review { position:relative; }
	.thank_list .review_hd_right a[class*="btn_"] { position:absolute; right:0; top:10px; }
	.thank_list .review_hd_left { height:auto; padding:20px 0 10px; line-height:unset; text-align:left; font-size:22px; }
	.thank_list .user_review:nth-of-type(3) { margin-top:40px; }
	.thank_list .user_review:nth-of-type(3) .review_hd_left { position:absolute; top:-12px; }
	.thank_list .cusomer_review li:first-of-type { border-top-style:solid; }
	.thank_list .review_hd_left { border-bottom:0; }
	.thank_list .ttl_txt { font-weight:700; }


	/* 후기 목록 */
	.review_hd_left { height:60px; line-height:60px; text-align:center; font-weight:700; font-size:14px; border-bottom:1px solid #000; }
	.review_hd_left strong,
	.review_hd_left span,
	.review_hd_left img { display:inline-block;  }
	.review_hd_left strong { margin-right:15px; font-weight:700; }
	.review_hd_left img { vertical-align:text-bottom; }
	.review_hd_right { height:43px; line-height:43px; font-size:0; font-weight:400; text-align:right; }
	.review_hd_right a { font-size:13px; }
	.review_hd_right a.on { color:#ff4923; }
	.review_hd_right a + a:before { content:''; display:inline-block; vertical-align:middle; width:1px; height:14px; margin:0 8px; background-color:#ababab; }
	
	.cusomer_review li { border-top:1px solid #ccc; }
	.cusomer_review li:last-of-type { border-bottom:1px solid #ccc; }
	.cusomer_review li:first-of-type { border-top:1px dashed #929292; }
	.cusomer_info { position:relative; height:45px; line-height:45px; }
	.cusomer_info .left { font-size:14px; font-weight:700; }
	.cusomer_info .left .txt { margin-left:5px; }
	.cusomer_info .right { position:absolute; top:0; right:0; font-size:12px; color:#555; }
	.cusomer_review .name { margin:-5px 0 15px; font-size:15px; color:#af7924; }
	.cusomer_content { line-height:1.3; font-size:13px; }
	.cusomer_content a { display:block; height:55px; overflow:hidden; }
	.cusomer_content a.full { height:auto; overflow:visible; }
	.cusomer_content a .review { display:none; }
	.cusomer_content a.full .review { display:block; }
	.cusomer_content .txtBox { margin-bottom:15px; padding-right:15px; line-height:1.5; }
	.cusomer_content .review { position:relative; padding:45px 10px 15px; background-color:#f5f5f5; }
	.cusomer_content .review:before { content:'운영자'; position:absolute; top:20px; left:10px; font-size:16px; font-weight:700; color: #0072d6; line-height:1; }
	.review_reco { position:relative; line-height:25px; margin:10px 0; }
	.review_reco .txt { font-size:12px; color:#888; }
	.review_reco a { position:absolute; right:0; top:0; width:50px; height:25px; text-align:center; border-radius:15px; border:1px solid #007dd8; }
	.review_reco a img { vertical-align:text-top; }
	.cusomer_content .blind { box-sizing:border-box; min-height:43px; padding:10px; line-height:1.2; word-break:keep-all; margin:15px auto; text-align:center; font-size:12px; color:#666; border:1px dashed #666; } /* 후기 블라인드 처리됨 */
	/* 후기 상세보기 */
	.thank_view { margin:20px 0; }
	.thank_view .name { padding-top:15px; padding-bottom:10px; }
	/* 후기 작성 */
	.thank_write dl { padding:15px; margin-top:20px; }
	.thank_write dt { margin-bottom:5px; font-size:15px; }
	.thank_write dd { font-size:14px; }
	.thank_write dd .cbox { padding-top:5px; padding-bottom:5px; }


	/* 모바일 숨김 */
	.barOverflow { display:none; }

}


/*---------------------------
    장바구니
---------------------------*/

.bubbleBox { box-sizing:border-box; font-size:16px; border:1px solid #ff4923; border-radius:5px; box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); background:#fff url(../img/icons/icon_truck.png) -1px 50% no-repeat; }
.bubbleBox:after { position:absolute; content:''; width:10px; height:10px; border:1px solid #ff4923; background-color:#FFF; }
.bubbleBox strong,
.bubbleBox i { display:inline-block; }
.bubbleBox strong { font-weight:700; color:#ff4923; }
.bubbleBox i { height:10px; line-height:11px; padding:5px 7px; font-size:13px; color:#fff; border-radius:20px; background-color:#000; }


@media screen and ( min-device-width:1370px ) { /* PC */

	.bubbleBox { position:absolute; bottom:15px; right:433px; width:435px; height:83px; padding:17px 0 0 90px; z-index:1; }
	.bubbleBox:after { right:-7px; bottom:10px; transform:scaleY(0.7) rotate(45deg); border-left:0; border-bottom:0; }
	.bubbleBox span:first-child { display:block; margin-bottom:5px; }

/* 장바구니 */
    .ttl_content .Progress_cart { float:right; }
    /* 장바구니 테이블 */
	.tbl_cart { position:relative; }
    .tbl_cart table { table-layout: fixed; }
    .tbl_cart thead th:first-of-type { position:relative; width:620px; }
	.tbl_cart thead th:first-of-type .cbox { position:absolute; left:10px; }
    .tbl_cart thead th:first-of-type .cbox .label { font-size:0; }
    .tbl_cart thead tr th:nth-last-of-type(3) { width:105px; } /* 수량 셀 */
    .tbl_cart thead th:last-child { width:145px; } /* 총 금액 셀 */
    .tbl_cart tbody td { height:70px; }
    .tbl_cart td.tar { padding-right:20px; }
	.tbl_cart .pd_box { padding-left:30px; text-indent:-15px; }
    /* 장바구니 총액 테이블 */
    .cart_total { position:relative; margin-top:-1px; border-top:1px solid #000; border-bottom:2px solid #000; }
    .cart_total:after { display:block; visibility:hidden; clear:both; content:''; }
    .cart_total h3 { position:absolute; top:50%; margin:-10px 0 0 15px; font-size:18px; color:#000; font-weight:700; }
    .cart_total dl { box-sizing:border-box; width:440px; padding:15px 20px; float:right; color:#000; border-left:1px solid #d8d8d8; background-color:#fde8eb; }
    .cart_total dt,
    .cart_total dd { width:50%; padding:5px 0; font-size:14px; }
    .cart_total dt { float:left; }
    .cart_total dd { float:right; text-align:right; }
    .cart_total dt:last-of-type,
    .cart_total dd:last-of-type { padding-top:10px; font-size:16px; color:#e91f3e; font-weight:700; }

}
@media screen and ( max-device-width:1369px ) {

	.bubbleBox { position:relative; max-width:320px; height:105px; margin:0 auto; padding:20px 0 20px 17%; background-position-x:-28px; }
	.bubbleBox strong { margin:5px 0; }
	.bubbleBox:after { left:calc(50% - 10px); bottom:-7px; transform:scaleX(0.7) rotate(45deg); border-top:0; border-left:0; }

/* 장바구니 */
	.tbl_cart .bg_gray { background-color:#fff !important; }
	.tbl_cart th.bg_gray { display: none; }
	.tbl_cart th:not(.bg_gray) { height:40px; margin:0 -15px; padding:0 15px; line-height:40px; text-align:left; font-size:0; border-bottom:7px solid #f5f5f5; }
	.tbl_cart th .cbox { font-size:15px; }
	.tbl_cart td { font-size:15px; }
	.tbl_cart td:first-of-type { padding-top:15px; }
	.tbl_cart .pd_box { padding-left:25px; text-indent:-25px; line-height:1.5; }
	.tbl_cart .pd_box .cbox { display:block; font-weight:700; }
	.tbl_cart .pd_box .cbox:after { content:''; display:block; height:2px; margin-top:10px; background-color:#000; }
	.tbl_cart .opt { display:block; text-indent:0; }
	/*.tbl_cart .opt,*/
	.tbl_cart td:not(:first-of-type) { margin-left:30px; }
	.tbl_cart .opt { padding:12px 0; }
	.tbl_cart td:nth-of-type(2) { padding:7px 0; }
	.tbl_cart td:nth-of-type(2) ~ td { padding:8px 0; }
	.tbl_cart .opt,
	.tbl_cart td:nth-of-type(2) { border-bottom:1px solid #d2d2d2; }
	.tbl_cart td:nth-of-type(2):after { content:''; display:block; clear:both; visibility:hidden; }
	.tbl_cart .quant { float:right; }
	.tbl_cart .quant input { height:30px; text-indent:0; }
	.tbl_cart td:first-of-type ~ td { position: relative; }
	.tbl_cart td:first-of-type ~ td:before { position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:14px; }
	.tbl_cart td:nth-of-type(3),
	.tbl_cart td:nth-of-type(4) { font-weight:700; }
	.tbl_cart td:nth-of-type(3) { color:#555; }
	.tbl_cart td:nth-of-type(2):before { content:'수량'; }
	.tbl_cart td:nth-of-type(3):before { content:'민원금액'; }
	.tbl_cart td:nth-of-type(4):before { content:'총 금액(부가세미포함)'; font-size:16px; }
	.tbl_cart tbody tr:after { content:''; display:block; height:7px; margin:5px -15px 0; background-color:#f5f5f5; }
	/* 총 주문금액 */
	.cart_total { margin:0 -15px; padding:15px; font-size:0; text-align:center; background-color:#fde8eb; }
	.cart_total h3 { display:none; }
	.cart_total dt,
	.cart_total dd { display:inline-block; box-sizing:border-box; width:50%; padding:6px; vertical-align:top; font-weight:700; }
	.cart_total dt:first-of-type,
	.cart_total dt:nth-of-type(2) { font-weight:400; font-size:14px; }
	.cart_total dt { text-align:left; }
	.cart_total dd { text-align:right; font-size:16px; }
	.cart_total dt:last-of-type { font-size:16px; }
	.cart_total dd:last-of-type { font-size:20px; color:#e91f3e; }

	.cart_container [class*="btn_"].mo_cancel { position: absolute; top:116px; right:15px; padding:0 10px 0 25px; height:25px; line-height:24px; border-radius:0; font-size:14px; background:url(../img/icons/icon_mo_b_x.png) 8px center no-repeat; }

}


/*---------------------------
    상품페이지
---------------------------*/

.package_list td:last-of-type [class*="btn"] { border-color:#666; background-color:#666; }


@media screen and ( min-device-width:1370px ) { /* PC */

/* 상품페이지 */
    .product { padding-left:105px; background:url(../img/icons/icon_product_view.png) 0 0 no-repeat;}
    .product_info { margin-bottom:20px; line-height:1.5; font-size:14px; }

	/* 단품 테이블 가로사이즈 지정 */
	.tbl_product:not(.package) table td:first-child { width:auto; }
	.tbl_product:not(.package) table td:last-child { width:150px; padding-right:20px; }
	.tbl_product:not(.package) table td:nth-last-of-type(2) { width:100px; }
	.tbl_product:not(.package) table td:nth-last-of-type(3) { width:85px; }
	
	/* 패키지 상품 */
	.package_top { padding-left:9px; font-weight:400; font-size:15px; }
	.package { margin-top:10px; }
	.package_list tr:nth-child(even) td { background-color:#f3f4f8; }
	.package_list .select2 { width:100% !important; max-width:300px; font-size:14px; }
	.package_list .select2-container--default .select2-selection--single { text-indent:0; }
	.package_list td { padding-top:7px; padding-bottom:7px; }
	.package_list td:first-child { width:auto; }
	.package_list td:nth-of-type(2) { width:280px; }
	.package_list td:nth-of-type(3) { width:60px; padding-left:0; padding-right:0; }
	.package_list td:last-of-type { width:115px; }
	.package_list .tar { width:6.5em; padding-left:0; padding-right:5px; }
	.package_list td .cbox { position:relative; padding-left:25px; }
	.package_list td .label { font-weight:400; }
	.package_list td .label:before { position:absolute; left:0; }
	.package_list .tar b { vertical-align:text-top; }
	.package_list .tar strong { margin-right:3px; }
	.package_list td:last-of-type [class*="btn"] { padding:0 5px; }
	.package_list td:last-of-type [class*="btn"]:hover { border-color:#e00022 ; background-color:#e00022; }
	.package_sum { background-color:#fde8eb; }
	.package_sum th,
	.package_sum td { border-bottom-color:#000; }
	.package_sum th { padding-left:35px; }
	.package_sum td { padding-right:35px; font-size:13px; }
	.package_sum td  strong { display:inline-block; vertical-align:text-top; margin-right:5px; font-size:16px; font-weight:700;  }
	.product .btnbox { margin-bottom:30px; }

    /* 구비서류 */
    .product_paper { padding-top:30px; border-top:1px solid #a0a0a0; }
    .product_paper h3 { font-size:20px; font-weight:700; color:#e91f3e; }
    .product_paper ul { margin-top:10px; }
    .product_paper li { padding:5px 0; font-size:14px; color:#555; } 
    .product_paper li:last-of-type { font-size:16px; }
    .product_paper li:before { content:''; display:inline-block; width:2px; height:2px; margin:0 5px 0 10px; border-radius:1px; vertical-align:middle; background-color:#555; }
    .product_paper li b { color:#0a77ca; }
    .product_paper li b:last-of-type { display:block; margin:5px 0 0 58px; color:#e91f3e; }
    /* 유의사항 */
    .product_care { position:relative; margin-top:30px; padding:17px 100px 12px 60px; color:#555; border:1px solid #cfcbcb; background-color:#fffbeb; }
    .product_care h3 { position:absolute; top:20px; left:19px; width:22px; height:22px; font-size:0; background:url(../img/icons/icon_care_alert.png) no-repeat; }
    .product_care ul { font-size:13px; line-height:1.9; }
    .product_care li { position:relative; padding-left:8px; word-break:keep-all; }
    /* .product_care li:before { position:absolute; left:0; top:9px; content:''; display:inline-block; width:2px; height:2px; border-radius:1px; background-color:#555; } */
    /* 태그목록  */
    .product_tagbox { margin:5px 0 10px -5px; font-size:0; }
    .product_tagbox a { display:inline-block; height:28px; line-height:28px; padding:0 10px; margin:5px 0 0 5px; font-size:12px; color:#555; font-family:dotum, sans-serif; background-color:#f4f4f4; }
    .product_tagbox a:hover { color:#ff4923; }

    /* 사용자 후기 & 서비스 상담 (탭 스크롤 메뉴) */
    .product ~ .product_tab,
    .product ~ .product_tabBox { padding-left:105px; } /* 왼쪽 여백 추가 */
    .product_tab { padding-top:40px; margin-bottom:30px; font-size:0; }
    .product_tab a { box-sizing:border-box; display:inline-block; vertical-align:top; width:50%; height:57px; line-height:57px; text-align:center; font-size:16px; color:#666; 
                    border:1px solid #b5b5b5; border-bottom:2px solid #000; }
    .product_tab a:first-of-type { border-right-color:#000; }
    .product_tab a:nth-of-type(2) { border-left-color:#000; }
    .product_tab a.on { font-weight:700; color:#000; border-top:2px solid #000; border-bottom:0; }
    .product_tab a.on:first-of-type { border-left:2px solid #000; }
    .product_tab a.on:nth-of-type(2) { border-right:2px solid #000; }

    /* 서비스 상담 */
    .product_contact { background-color:#f5f5f5; }
	.product_tabBox .product_contact { padding:40px 30px; }
    .product_contact:after { content:''; display:block; visibility:hidden; clear:both; }
    .contact_form { box-sizing:border-box; }
    ul.contact_form { float:left; width:calc(100% - 310px); padding-right:20px; border-right:1px solid #b5b5b5;  }
    div.contact_form { float:right; width:310px; padding-left:20px; }
    .contact_form li { position:relative; min-height:40px; padding:5px 0 5px 80px; }
	.contact_form li:last-of-type { padding-bottom:0; }
	.contact_form li:last-of-type textarea { margin-bottom:-5px; }
    .form_label { position:absolute; left:0; top:10px; font-size:14px; font-weight:400; }

    .product_contact h2 { height:35px; line-height:35px; font-size:14px; font-weight:700; }
    .product_contact table { font-size:12px; }
    .product_contact th,
    .product_contact td { height:43px; padding:0 15px; text-align:left;  }
    .product_contact th { border-right:2px solid #f5f5f5; background-color:#d3d3d3; }
    .product_contact td { background-color:#fff; }
    .product_contact tr:not(first-child) > * { border-bottom:2px solid #f5f5f5; }
    .product_contact table ~ p { padding:10px 0; line-height:1.4; font-size:12px; color:#666; }
    .product_contact table ~ .cbox .label { font-size:13px; font-weight:700; }

    .product_contact .btnbox { clear:both; padding-top:30px; }

}

@media screen and ( max-device-width:1369px ) { /* mobile */

/* 상품 상세페이지 */

    .tbl_product:not(.package),
    .product .tbl_product:not(.package) ~ .btnbox,
	.package_list tr { padding:10px; background-color:#e7e7e7; }
	.tbl_product:not(.package),
	.package_list tr { border-top:1px dashed #bbb; }
    .tbl_product thead { display:none; }
    .tbl_product td { position:relative; margin-top:5px; min-height:30px; }
	.tbl_product:not(.package) td,
	.package td:not(:first-of-type) { line-height:30px; }
	.tbl_product:not(.package) td { padding-left:55px; }
	.tbl_product td:before { position:absolute; left:5px; font-size:13px; font-weight:700; color:#000; }
    .tbl_product:not(.package) td:last-of-type strong { color:#ff3600;}
    .tbl_product:not(.package) table:after { display:block; margin:5px 0 -10px; text-align:center; font-weight:400; font-size:12px; color:#ff3600; content:'처리 기간은 업무일 기준(주말/공휴일 제외)'; }
    .tbl_product:not(.package) td:first-of-type:before { content:'옵션'; }
    .tbl_product:not(.package) td:nth-of-type(2):before { content:'수량'; }
    .tbl_product:not(.package) td:nth-last-of-type(2):before { content:'민원금액'; }
	.tbl_product:not(.package) td:nth-of-type(4) { padding-bottom:20px; text-align:center; text-indent:-32px; }
	.tbl_product:not(.package) tr:not(:last-child) td:nth-of-type(4) { margin-bottom:20px; border-bottom:1px solid #ccc; }
	.tbl_product:not(.package) { padding-bottom:30px; }

	/* 패키지 */
	.package { margin-right:-15px; margin-left:-15px;}
	.package_top,
	.package_list { font-size:14px; }
	.package_top { position:relative; margin-bottom:15px; font-weight:400; }

	.package_top:before, 
	.package ~ .product_paper:before { display:block; content:''; margin-left:-15px; margin-right:-15px; height:7px; left:-15px; right:-15px; background-color:#efefef; }
	.package_top:before { margin-bottom:30px; }
	.package_list { padding-left:15px; padding-right:15px; }
	.package_list td:last-of-type [class*="btn"] { width:100%; height:40px; line-height:39px; }
	.package_list .cbox { position:relative; padding-left:25px; }
	.package_list .cbox .label { font-weight:700; }
	.package_list .cbox .label:before { position:absolute; left:0; top:-2px; }
	.package_sum { padding-top:13px; margin:12px 0 0; border-top:1px solid #000; background-color:#fde8eb; }
	.package_sum tbody:before { display:block; text-align:center; font-size:14px; font-weight:400; color:#ff4831; content:'처리기준은 업무일기준(주말, 공휴일제외)' }
	.package_sum tr { display:flex; justify-content:space-between; width:calc(100% - 30px); max-width:370px; margin:15px auto 0; font-size:14px; }
	.package_sum th { font-weight:400; }
	.package_sum td { margin-top:0; font-size:12px; }
	.package_sum td strong { display:inline-block; margin-right:5px; vertical-align:middle; font-size:16px; font-weight:700; }
	.package ~ .btnbox { margin:0 -15px; }
	.package ~ .btnbox [class*="btn_"] { border-radius:0; width:100%; height:60px; line-height:60px; font-size:18px; font-weight:700; }
	.package ~ .product_paper:before { margin-top:30px; margin-bottom:30px; }


    /* 구비서류 */
    .product_paper { margin-top:18px; font-size:14px; }
    .product_paper h3 { margin-bottom:10px; font-size:20px; font-weight:700; color:#ff3600; }
    .product_paper li { position:relative; padding:5px 0 5px 7px; color:#555; }
    .product_paper li:before { content:''; position:absolute; left:0; top:10px; width:2px; height:2px; border-radius:1px; background-color:#555; }
    .product_paper li b { display:inline-block; font-size:16px; color:#0a77ca; }
    .product_paper li b:not(:first-of-type) { display:block; margin-left:36px; }
    .product_paper li b:last-of-type { margin-top:5px; color:#ff3600; }

    /* 유의사항 */
    .product_care { position:relative; margin:15px -15px 0; }
    .product_care h3,
    .product_care ul { padding-left:15px; padding-right:15px; border-bottom:1px solid #cfcbcb; }
    .product_care h3 { position:relative; height:43px; line-height:43px; font-size:16px; font-weight:400; color:#000; border-top:1px solid #cfcbcb; background-color:#fffbeb; }
    .product_care h3:before,
    .product_care h3:after { content:''; }
    .product_care h3:before { display:inline-block; margin-right:5px; vertical-align:middle; width:22px; height:22px; font-size:0; background:url(../img/icons/icon_care_alert.png) no-repeat; }
    .product_care h3:after { position:absolute; right:15px; top:15px; width:20px; height:11px; background:url(../img/icons/icon_arrow1_down.png) 50% 50% no-repeat; transition:all 0.2s; -webkit-transition:all 0.2s; }
    .product_care.open h3:after { transform:rotate(180deg); }
    .product_care ul { opacity:0; height:0; overflow:hidden; position:absolute; top:45px; left:0; font-size:12px; line-height:1.2; color:#555; background-color:#fcfcf8; transition:all 0.2s; -webkit-transition:all 0.2s; }
    .product_care.open ul { opacity:1; height:auto; overflow:visible; padding-top:15px; padding-bottom:15px; z-index:1; }
    .product_care li { position:relative; padding-left:10px; }
    .product_care li:not(:first-of-type) { margin-top:5px; }
	/*.product_care li:before { content:''; position:absolute; left:0; top:5px; width:2px; height:2px; border-radius:1px; background-color:#555; }*/

    /* 사용자 후기&서비스 상담 탭 */
    .product_tab { padding-top:20px; font-size:0; }
    .product_tab a { box-sizing:border-box; display:inline-block; vertical-align:top; width:50%; height:42px; line-height:42px; text-align:center; font-size:13px; color:#555; 
                    border:1px solid #b5b5b5; border-bottom:2px solid #000; }
    .product_tab a:first-of-type { border-right-color:#000; }
    .product_tab a:nth-of-type(2) { border-left-color:#000; }
    .product_tab a.on { font-weight:700; color:#000; border-top:2px solid #000; border-bottom:0; }
    .product_tab a.on:first-of-type { border-left:2px solid #000; }
    .product_tab a.on:nth-of-type(2) { border-right:2px solid #000; }
    
	/* 서비스 상담 */
	.contact_form h2 { line-height:40px; font-size:14px; }
	.contact_form li { margin-top:10px; }
	.contact_form textarea { height:150px; }
	.contact_form table { font-size:12px; }
	.contact_form th,
	.contact_form td { border-top:1px solid #fff; padding:10px; }
	.contact_form th + td { border-left:1px solid #fff; }
	.contact_form th { text-align:right; color:#000; background-color:#d3d3d3; }
	.contact_form td { color:#555; background-color:#f5f5f5; }
	.contact_form table ~ p { padding:10px 0; font-size:12px; color:#666; }

}








/*---------------------------
    PC
---------------------------*/

@media screen and ( min-device-width:1370px ) { 

/* 서브메뉴 스타일 */
    .sub_nav_warp {  border-bottom:1px solid #d0d0d0; }
    .sub_nav_box { width:1200px; min-width:1350px; margin:0 auto; font-size:0; }

    .sub_nav { display:inline-block; height:50px; margin-left:-1px; vertical-align:top; }

    .sub_nav.home .sub_to_home { display:block; width:50px; height:100%; background:url(../img/icons/icon_home_gray.png) center center no-repeat; } /* home */

    .sub_nav_select ,
    .sub_nav ul { font-size:15px; }    
    .sub_nav_select,
    .sub_nav li { min-width:125px; cursor:pointer; }

    .sub_nav:not(:last-of-type) { color:#666; }

    .sub_nav_select { padding:0 45px 0 30px; line-height:50px; border-left:1px solid #eee; border-right:1px solid #eee; background:url(../img/icons/icon_sub_nav_select.png) calc(100% - 15px) center no-repeat; }
    .sub_nav:last-of-type .sub_nav_select { font-weight:700; }
    .sub_nav:hover .sub_nav_select { border-color:#9f9f9f; position:relative; z-index:1; }

    .sub_nav ul { height:0; overflow:hidden; position:relative; box-sizing:border-box; border:0;  background-color:#fff; z-index:1; }
    .sub_nav:hover ul { height:auto; border:1px solid #9f9f9f; border-top-color:transparent; }
    .sub_nav li { padding:0 30px; line-height:50px; }
    .sub_nav li:hover { background-color:#e7e7e7; }
    .sub_nav li span { cursor:pointer; }


/* 컨텐츠 영역 스타일 */
    .content_box { box-sizing:border-box; width:1200px; min-width:calc(100vh - 740px); min-height:600px; padding:60px 60px 70px; margin:40px auto 0; border-top:2px solid #000; background-color:#fff; }

    .ttl_content { position:relative; font-size:28px; color:#000; font-weight:700; /*text-align:right;*/ }
    .ttl_content:after { display:block; visibility:hidden; clear:both; content:''; }
	.content_box .ttl_content { margin:-60px -60px 30px; padding:50px 60px 30px; border-bottom:1px dashed #ccc; } /* 하단 여백없는 라인을 위해 여백 재조정 */

	/* 타이틀 - 서브/항목 공통 */
	.ttl_content .ttl_txt:before,
	.ttl_article:before { content:''; display:inline-block; vertical-align:text-top; }
	/* 타이틀 - 서브페이지 */
    .ttl_content .ttl_txt { /*float:left;*/ display:block; line-height:1; text-align:left; }
    .ttl_content .ttl_txt:before { width:8px; height:8px; margin-right:10px; background-color:#000; }
	/* 타이틀 - 항목 */
	.ttl_article { position:relative; padding:4px 0 0 20px; margin-bottom:15px; }
	.ttl_article:before { position:absolute; left:10px; top:0; width:6px; height:6px; background-color:#e00022; }
	.ttl_article > span { font-size:22px; }
	.ttl_article .ttl_txt { font-weight:700; }
	.ttl_article > span:not(.ttl_txt) { font-weight:300; }
    


/* 서브페이지 공통 연락처/SNS 안내 */
    .sub_consult { box-sizing:border-box; width:1200px; margin:0 auto -1px; padding:15px 20px 15px 40px; font-size:0; text-align:right; color:#fff; background-color:#b28850; }
    .sub_consult:after { display:block; visibility:hidden; clear:both; content:''; }
    
    .cons_wechat,
    .cons_wechat > strong,
    .cons_talktalk,
    .cons_kakao { display:inline-block; vertical-align:top; }

    .cons_talktalk,
    .cons_kakao { margin-left:10px; }

    .cons_wechat > strong,
    .cons_talktalk,
    .cons_kakao { height:18px; line-height:18px; padding:10px 10px 10px 35px; font-size:13px; color:#fff; border-radius:4px; background-repeat:no-repeat; background-position:10px 50%; }

    .cons_wechat > strong { background-color:#5a5e61; background-image:url(../img/icons/icon_wechat.png); cursor:pointer; }
    .cons_talktalk { background-color:#3eb044; background-image:url(../img/icons/icon_talktalk.png); }
    .cons_kakao { padding-left:40px; color:#3c2323; background-color:#ffde00; background-image:url(../img/icons/icon_kakao.png); }

    .cons_wechat { position:relative; overflow:hidden; }
    .cons_wechat_hover { opacity:0; display:block; right:-9999px; bottom:-9999px; position:absolute; width:191px; height:96px; padding:35px 115px 35px 20px; text-align:left; line-height:1.4;
                        font-size:14px; color:#666; border:1px solid #000; border-radius:10px; background:#fff url(../img/main/qrcode_wechat2.png) calc(100% - 20px) 50% no-repeat; z-index:1; }
    .cons_wechat_hover * { font-weight:700; }
    .cons_wechat_hover h2 { height:20px; line-height:20px; padding-left:22px; margin-bottom:9px; font-size:13px; color:#000; background:url(../img/icons/icon_wechat.png) 0 0 no-repeat; }
    .cons_wechat_hover strong i { color:#d60000; }
    .cons_wechat_hover p i { color:#0d0d67; }
    .cons_wechat:hover { overflow:visible; }
    .cons_wechat:hover .cons_wechat_hover { opacity:1; right:0; bottom:36px; transition:opacity 0.2s; }

    .cons_tell { float:left; margin-top:13px; }
    .cons_tell span,
    .cons_tell span:not(:first-of-type):before { vertical-align:top; font-size:16px; }
    .cons_tell span { display:inline-block; }
    .cons_tell span:not(:first-of-type):before { display:inline-block; content:''; width:1px; height:14px; margin:1px 12px 0 10px; background-color:#cbb192; }
    .cons_number { position:relative; padding-left:35px; }
    .cons_number:before { position:absolute; left:0; top:-6px; font-size:0; content:url(../img/icons/icon_phone_old.png); }



/* 주문 과정 프로세스 알림  */
	.Progress_cart li:not(:first-of-type):before { margin:0 8px; }


/* 신청서 작성 */
	.order_notice { position:relative; margin-bottom:40px; padding:20px 30px; font-size:15px; border:1px solid #ff854f; background-color:#fffcd5; }
	.order_notice_txt { line-height:1.5; }
	.order_notice_txt b { color:#c70c29; }
	.order_notice img { position:absolute; top:30px; right:28px; }

	.ta_li { font-size:22px; }
	.ta_li * { display:inline-block; }
	.ta_li strong { font-weight:700; }
	.ta_li b { font-weight:300; }
	.ta_li b:before { content:'-'; display:inline-block; margin:0 5px 0 0; }


/* 배송/결제 */
	.tbl_pay th { background-color:#f5f5f5; }
	.tbl_pay td { height:30px; }
	.tbl_pay td:first-of-type { padding-left:20px; }
	.tbl_pay td:nth-last-child(3),
	.tbl_pay td:last-child { width:110px; padding-right:20px; text-align:right; }
	.tbl_pay td:last-child b { font-weight:700; }
	.tbl_pay td:nth-last-child(2) { width:80px; text-align:center; }
	.tbl_pay .pd_ttl strong { font-weight:400; }
	.tbl_pay .pd_ttl i:before { content:'-'; margin-right:3px; }

	.pay_area { position:relative; margin-top:40px; }

	.pay_box_left,
	.pay_box_right { width:520px }

	/* 배송방법 선택 */
	.pay_box_left  { padding-top:49px; }
	.pay_box_left .ttl_article { position:absolute; top:0; left:0; }
	/* 추가배송비 안내 팝업 */
	.work_popup { top:25px; left:-40px; width:330px; }

	.dservice { padding:20px; border-top:2px solid #000; background-color:#ffc; }
	.dservice label img { display:inline-block; vertical-align:middle; }
	.dservice label span { font-size:16px; font-weight:700; color:#f00; }
	.dservice p { margin-top:10px; font-size:12px; text-indent:-2px; }
	.dservice p strong { font-weight:700; }
	.pay_box_left th,
	.pay_box_left td { padding:15px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
	.pay_box_left th { width:125px; background-color:#f5f5f5; }
	.pay_box_left td { position:relative; }
	.pay_box_left th i { display:block; margin-top:5px; font-size:13px; font-weight:300; }
	.pay_box_left table .cbox { display:block; }
	.pay_box_left table .cbox .label { font-size:13px; font-weight:700; }
	.pay_box_left table .cbox input[type="radio"] ~ .label i { font-weight:300; color:#f00; }
	.pay_box_left table .cbox input[type="radio"] ~ .label i:before { content:'/'; margin-right:3px; color:#000; }


	/* 결제 금액 */
	.pay_box_right { position:absolute; top:0; right:0; }
	.pay_amount { border-top:2px solid #000; background-color:#f5f5f5; }
	.pay_amount th,
	.pay_amount td { padding:15px 25px }
	.pay_amount tr:not(:last-of-type) th,
	.pay_amount tr:not(:last-of-type) td { border-bottom:1px solid #dcdcdc; }
	.pay_amount th { width:95px; font-size:13px; }
	.pay_amount tr:not(:last-of-type) th { text-align:left; font-weight:400; }
	.pay_amount tr:not(:last-of-type) td { text-align:right; }
	.pay_amount tr:nth-last-of-type(2) td { height:40px; }
	.pay_amount tr:last-of-type td { padding-top:10px; }
	.pay_amount tr:last-of-type th { background-color:#ffcaa2; }
	.pay_amount tr:last-of-type td { background-color:#ffe3cb; }
	.pay_amount td { font-size:16px; }
	.pay_amount b { font-weight:700; }
	.pay_amount .cbox label { font-size:14px; font-weight:700; }
	/* 테이블 내부 체크박스 요소 재설정  */
	.pay_box_left table .cbox:first-of-type ~ .cbox,
	.pay_amount .cbox:first-of-type ~ .cbox { margin-right:0; margin-top:10px; }

	/* 추가정보 입력 */
	.pay_more { margin:35px 0 20px; }
	.pay_more table,
	.no_return { line-height:1.5; border-top:2px solid #000; }
	.pay_more th,
	.pay_more td,
	.no_return { box-sizing:border-box; font-size:13px; padding:10px; border-bottom:1px solid #dcdcdc; }
	.pay_more th { width:17%; }
	.pay_more td { width:83%; }
	table.more_01 th { background-color:#e1fffc; }
	table.more_02 th { background-color:#ffcccd; }
	table.more_03 th { background-color:#f5f5f5; }
	table.more_04 th,
	table.more_05 th { background-color:#ccffd0; }
	.no_return { margin-bottom:20px; }
	.no_return dt { margin-bottom:5px; font-weight:700; color:#f00; }

	/* 발급 가능시간 및 취소 수수료 안내 */
	.pay_info { position:relative; box-sizing:border-box; padding:30px 20px 20px; border-width:7px 1px 1px; border-style:solid; border-color:#d80021; }
	.pay_info:before { content:''; position:absolute; left:20px; top:20px; width:30px; height:30px; background:url(../img/icons/icon_refund_alert.png) 0 0 no-repeat; }
	/* 민원 발급 가능시간 */
	.pay_info_time { padding-left:40px; margin-bottom:30px; line-height:1.2; }
	.pay_info_time dt,
	.pay_info_time dd strong * { font-weight:700; }
	.pay_info_time dt { font-size:14px; color:#d80021; }
	.pay_info_time dt + dd { margin:15px 0; }
	.pay_info_time dd { font-size:13px; }
	.pay_info_time dd:not(:first-of-type) i { font-size:0.95em; color:#9a6834; }
	/* 취소 수수료 안내 테이블 */ 
	.pay_info_table table { font-size:13px; }
	.pay_info_table th,
	.pay_info_table td { padding:10px; }


/* 민원신청 완료 */
	.attach_doc { position:relative; padding:20px 20px 20px 200px; margin-bottom:40px; border-top:2px solid #000; border-bottom:1px solid #bdbdbd; }
	.attach_doc > h4 { position:absolute; top:0; bottom:0; left:0; width:175px; background-color:#fddc; }
	.attach_doc > h4 span { position:absolute; left:50%; top:50%; font-weight:700; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
	.attach_doc h5 { margin-bottom:10px; font-size:18px; font-weight:700; } /* 서류 첨부하기 타이틀 */
	/* 첨부 서류 안내 */
	.alert_doc { padding:15px; margin-bottom:30px; line-height:1.5; }
	.alert_doc * { font-weight:700; }
	.alert_doc ol { padding:10px 0; }
	.alert_doc ol li { font-size:18px; }
	.alert_doc ul strong { font-size:16px; }

/* 제출 서류 첨부하기 .fl_box */
	/* 파일 업로드 영역 */
	.fl_up { position:relative; box-sizing:border-box; height:53px; padding:18px 0 0 0; border:1px dashed #abb3bd; border-radius:3px; background-color:#fafafa; } /* 파일 업로드 영역 */
	.fl_up input[type="file"] { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; color:transparent; opacity:0; cursor:pointer; }
	.fl_up_txt { display:block; width:284px; margin:0 auto; font-size:12px; letter-spacing:-1px; color:#7d7d7d; }
	.fl_up_txt:before,
	.fl_up_txt:after { display:block; }
	.fl_up_txt:before { float:left; height:20px; line-height:20px; padding-left:30px; content:'첨부파일을 마우스로 끌어 넣으세요.'; background:url('../img/icons/icon_fl_up.png') 0 center no-repeat; }
	.fl_up_txt:after { float:right; font-size:0; content:url('../img/icons/icon_fl_up_txt.png'); margin-top:-3px; }
	/* 업로드 파일 목록 영역 */
	.fl_list_wrap { margin-top:30px; font-size:12px; border:1px solid #dddddd; }
	.fl_list_ttl, 
	.fl_list { padding-left:22px; padding-right:30px; }
	.fl_list_ttl { margin:0; line-height:20px; font-size:inherit; color:#666; border-bottom:1px solid #f3f3f3; background-color:#fbfbfb; }
	.fl_list_ttl:after { display:block; clear:both; visibility:hidden; content:''; } /* clear fix */
	.fl_list_ttl span:first-child { float:left; }
	.fl_list_ttl span:nth-child(2) { float:right; width:78px; text-align:center; }
	.fl_list { min-height:65px; padding-top:5px; padding-bottom:10px; }
	.fl_list li { text-align:right; margin-top:3px; line-height:18px; }
	.fl_list li:after { display:block; clear:both; visibility:hidden; content:''; } /* clear fix */
	.fl_list li strong { display:block; float:left; padding-left:21px; font-weight:normal; background:url('../img/icons/icon_fl_list.png') 0 0 no-repeat; }
	.fl_list_del { float:right; display:block; width:15px; height:18px; margin-left:5px; font-size:0; color:transparent; background:url('../img/icons/icon_fl_list_del.png') right 50% no-repeat; cursor:pointer; }
	/* 업로드 파일 타입 안내/용량 정보 */
	.fl_all_txt { margin-top:3px; font-size:12px; }
	.fl_all_txt:after { display:block; clear:both; visibility:hidden; content:''; } /* clear fix */
	.fl_all_txt dt { float:left; font-weight:normal; }
	.fl_all_txt dd { float:right; margin-right:30px; }

	.attach_doc .btnbox { margin-top:20px; text-align:left; }
	.attach_doc .btnbox [class*="btn"] { width:350px; }

	.alert_info { margin-top:30px; color:#dc112f; font-weight:700; }
	.alert_info li { margin-top:5px; line-height:1.3; }
	.alert_info li:before { content:'※'; margin-right:7px; }
	.alert_info li:last-of-type { color:#ff6600; }

	[class*="re_box0"] { margin-bottom:40px; font-size:15px; border-top:2px solid #000; }
	[class*="re_box0"] th,
	[class*="re_box0"] td { padding:10px; border-bottom:1px solid #bdbdbd; }
	[class*="re_box0"] th { width:175px; box-sizing:border-box; width:170px; background-color:#f5f5f5; }
	

/* Mobile menu hide */
    .cons_tell a,
    .mo_sub_back { display:none; }

}

/*---------------------------
    Mobile
---------------------------*/
@media screen and ( max-device-width:1369px ) {


	/* 서브페이지 공통 연락처/SNS 안내 (무엇이든 물어보세요!) */
	.sub_consult { margin:30px -15px 0; padding:0 15px; border-top:7px solid #efefef; }
	.sub_consult:before { content:'무엇이든 물어보세요!'; display:block; padding:20px 0 10px; font-size:20px; font-weight:700; text-align:center;}

	.cons_wechat > strong,
	.cons_wechat_hover h2,
	.cons_wechat_hover p,
	.cons_tell .cons_time,
	.cons_tell .cons_number { display:none; } 

	.cons_wechat_hover,
	.cons_talktalk,
	.cons_kakao,
	.cons_tell a { display:block; height:100%; line-height:50px; margin:10px auto; font-size:16px; text-align:center; font-weight:400; border-radius:5px; }

	.cons_wechat_hover:before,
	.cons_talktalk:before,
	.cons_kakao:before,
	.cons_tell a:before { content:''; display:inline-block; vertical-align:top; background-position:left bottom; background-repeat:no-repeat; }

	.cons_wechat_hover { color:#fff; background-color:#6d6d6d; }
	.cons_talktalk { color:#fff; background-color:#36b044; }
	.cons_kakao { color:#271212; background-color:#ffde00; }
	.cons_tell a { color:#271212; background-color:#d1c0a5; }

    .cons_wechat_hover:before { width:36px; height:29px; padding:11px 3px 0 0; background-image:url(../img/icons/icon_mo_wechat.png); }
    .cons_talktalk:before { width:27px; height:27px; padding:12px 7px 0 0; background-image:url(../img/icons/icon_mo_talktalk.png); }
    .cons_kakao:before { width:32px; height:30px; padding:10px 6px 0 0; background-image:url(../img/icons/icon_mo_kakao.png); }
    .cons_tell a:before { width:24px; height:24px; padding:13px 8px 0 0; background-image:url(../img/icons/icon_mo_phone.png); }

	.cons_wechat_hover strong i { color:#51c332; }


/* 
	■ 서브페이지 상단 타이틀,  페이지 뒤로가기 버튼 
	( .ttl_txt.mo_sub_ttl / .mo_sub_back )	

*/
    .sub_nav_warp { position:relative; max-width:640px; margin-left:auto; margin-right:auto; }
	.mo_sub_ttl { overflow:hidden; position:absolute; top:0; left:0; min-width:140px; max-width:calc(100% - 140px); height:49px; padding-left:40px; line-height:54px !important; font-size:16px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; background-color:#fff; }

	/* 모바일 서브 페이지 뒤로가기 */
	.mo_sub_back { position:absolute; top:0; left:0; width:39px; height:49px; font-size:0; background:url(../img/icons/icon_arrow_back.png) 15px 14px no-repeat; }

/* 장바구니 - 갯수 뱃지 */
    .badge { position:absolute; width:17px; height:17px; border-radius:50%; font-size:0; color:#fff; background-color:#000; }
    .badge b { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; font-family:'dotum', sans-serif; line-height:1; height:12px; font-size:12px; letter-spacing:-0.15em; text-indent:-0.2em; }

/* 컨텐츠 영역 스타일 */
    .container { overflow:hidden; min-height:calc(100vh - 170px); } /* 컨텐츠 영역 x축 숨기기 */

/* 상세페이지 상단 타이틀 스타일로 재설정 */
    .ttl_content.mo_product_top { padding:15px 0 20px; margin-bottom:20px; font-size:16px; }
	.ttl_content .ttl_txt { display:none; }
	.ttl_content.mo_product_top .ttl_txt { display:block; font-weight:700; line-height:1.3; }
    .ttl_content.mo_product_top:after { content:''; display:block; height:0; margin:20px -15px -20px; border-top:1px dashed #929292; }

	.member_container .ttl_content { padding:0; }
	.member_container .ttl_content:after { content:unset; }

    .product_info { margin-bottom: 15px; font-size:14px; line-height:1.5; }




/* 장바구니 ~ 주문 페이지 프로그레스 */
	/* .Progress_cart { margin:0 -15px; padding:0 15px; line-height:55px; font-size:12px; border-bottom:7px solid #f5f5f5; } */


/* 신청서 작성 */
	.order_notice { margin-top:20px; }
	.order_notice_txt { padding:13px; line-height:1.5; word-break:keep-all; font-size:13px; border:1px solid #ff854f; background-color:#fffcd5; }
	.order_notice_txt p { margin-bottom:10px; }
	.order_notice_txt b { color:#c70c29; }
	.order_notice_txt span { font-size:12px; }
	.order_notice img { margin:15px auto; }

	.ta_li { line-height:1.2; padding:15px 5px 10px; font-size:15px; border-top:2px solid #000; border-bottom:1px solid #000; }
	.ta_li li:not(:first-child) { margin-top:4px; }
	.ta_li li:before { content:'['; }
	.ta_li li:after { content:']'; }
	.ta_li strong { font-weight:700; }
	.ta_li strong ~ b:before { content:'/'; margin-right:5px; }


/* 배송/결제 */
	/* 항목 타이틀 스타일 공통 */
	.pay_area .ttl_article,
	.pay_info_time:before,
	.pay_info_table:before { margin-top:20px; padding:15px 10px; font-size:15px; font-weight:700; border-top:2px solid #000; border-bottom:1px solid #000; } 
	
	.tbl_pay { margin:20px 0 10px; }
	.tbl_pay thead { display:none; }
	.tbl_pay .pd_ttl { padding:10px 0; margin-bottom:10px; line-height:1.2; border-top:2px solid #000; border-bottom:1px solid #000; }
	.tbl_pay tr:not(:first-of-type) .pd_ttl { margin-top:10px; }
	.tbl_pay .pd_ttl strong,
	.tbl_pay .pd_ttl i { display:block; margin-top:5px; font-size:15px; }
	.tbl_pay .pd_ttl i:before { content:'-'; margin-right:5px; }
	.tbl_pay td:not(:first-of-type) { display:inline-block; font-size:13px; }
	.tbl_pay td:not(:first-of-type):not(:nth-of-type(2)):before { content:'/'; margin-right:0.5em; }

	.pay_area .ttl_article i { display:inline-block; font-size:0.85em; }

	.dservice { font-weight:400; padding:13px 10px; font-size:14px; background-color:#ffc; }
	.dservice .cbox { line-height:20px; letter-spacing:-1px; color:#f00; }
	.dservice .cbox img { margin-right:5px; vertical-align:text-bottom; }
	.dservice p { margin:5px 0 0 25px; line-height:1.4; font-size:12px; }

	/* 배송방법 선택 */
	.pay_box_left table { font-size:13px; }
	.pay_box_left th { width:75px; padding:0 0 0 5px; font-weight:400; }
	.pay_box_left th i { display:block; margin-top:5px; font-size:11px; color:#d00000; }
	.pay_box_left td { position:relative; padding:10px 0 10px 15px; }
	.pay_box_left td .cbox { margin-right:0; margin-bottom:10px; }
	.pay_box_left tr:not(:first-of-type) th,
	.pay_box_left tr:not(:first-of-type) td { border-top:1px dotted #bdbdbd; }
	/* 추가배송비 안내 팝업 */
	.work_popup { top:50px; right:0; width:280px; }
	/* 추가정보 입력 */
	.pay_more table, 
	.pay_more thead,
	.pay_more tbody,
	.pay_more tr,
	.pay_more th,
	.pay_more td { display:block; }
	.pay_more table,
	.no_return { font-size:13px; }
	.pay_more th { margin:20px 0 5px; text-align:left; }
	.pay_more th br { display:none; }

	.pay_more .ipt2n1_box input { width:100%; margin-bottom:5px; }

	.no_return { margin:10px 0; }
	.no_return dt { margin-bottom:5px; color:#f00; }
	.no_return dd { font-weight:400; font-size:0.9em; }

	/* 발급 가능시간 및 취소 수수료 안내 */
	.pay_info_time:before,
	.pay_info_table:before { display:block; margin-bottom:10px; }
	/* 민원 발급 가능시간 */
	.pay_info_time:before { content:'민원 발급 가능시간'; }
	.pay_info_time dt { display:none; }
	.pay_info_time dd { margin-top:5px; line-height:1.2; font-size:13px; }
	.pay_info_time dd:first-of-type strong span { display:none; }
	.pay_info_time dd:first-of-type strong b { font-weight:700; }
	.pay_info_time dd:first-of-type strong i { color:#8a8a8a; }
	.pay_info_time dd > i { color:#996c33; }
	/* 취소 수수료 안내 테이블 */ 
	.pay_info_table:before { content:'취소 수수료 안내'; display:block; }
	.pay_info_table table { font-size:11px; }
	.pay_info_table tbody td { width:16%; }

	/* 결제 총액 */
	.pay_box_right { margin:20px 0; padding:15px; background-color:#c30000; }
	.pay_box_right .ttl_article { display:none; }
	.pay_amount table { font-size:15px; }
	.pay_amount th { width:30%; }
	.pay_amount tr:not(.pay_type):not(.all_amount) th,
	.pay_amount tr:not(.pay_type):not(.all_amount) td { padding-bottom:5px; }
	.pay_amount tr:not(.pay_type) th,
	.pay_amount tr:not(.pay_type) td * { color:#fff !important; }
	.pay_amount tr:not(.pay_type) th { text-align:left; }
	.pay_amount tr:not(.pay_type) td { text-align:right; }
	.all_amount th,
	.all_amount td { padding:10px 0; border-top:1px solid #cc6262; }
	.pay_type th,
	.pay_type td { padding:15px; }
	.pay_type th { font-weight:700; background-color:#ffcaa2; }
	.pay_type td { background-color:#ffe3cb; }
	.pay_type td .cbox { font-size:14px; margin:5px 0; }


/* 민원신청 완료 */
	/* 첨부 서류 안내 */
	.attach_doc h4 { display:none; }
	.alert_doc { padding:10px; margin-bottom:10px; font-size:14px; }
	.alert_doc p { font-weight:400; }
	.alert_doc ol { margin:7px 0 5px; font-weight:700; font-size:16px; }
	.alert_doc ul strong { font-weight:700; }

/* 제출 서류 첨부하기 .fl_box */
	.fl_box { position:relative; }
	/* 파일 업로드 영역 */
	.fl_up { position:relative; box-sizing:border-box; height:60px; line-height:60px; background-color:#434343; } /* 파일 업로드 영역 */
	.fl_up input[type="file"] { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; color:transparent; opacity:0; cursor:pointer; }
	.fl_up_txt { display:block; height:100%; text-align:center; font-size:18px; letter-spacing:-1px; color:#fff; }
	.fl_up_txt:before,
	.fl_up_txt:after { display:inline-block; vertical-align:top; }
	.fl_up_txt:before { content:''; width:39px; height:100%; margin:0 10px 0 -20px; background:url(../img/icons/icon_clip_plus.png) 0 center no-repeat; background-size:100% auto; }
	.fl_up_txt:after { content:'신분증 첨부하기'; font-weight:700; }
	/* 업로드 파일 목록 영역 */
	.fl_list_wrap { margin-top:10px;  border:4px solid #dddddd; }
	.fl_list_ttl { margin:0; height:45px; font-size:inherit; color:#666; border-bottom:1px solid #f3f3f3; background-color:#fbfbfb; }
	.fl_list_ttl:before { content:'첨부리스트'; margin-left:15px; line-height:48px; font-size:18px; font-weight:700; color:#000; }
	.fl_all_txt dd { position:absolute; top:90px; right:15px; font-size:14px; font-weight:400; }
	.fl_list_ttl span { display:none; }
	.fl_list { min-height:20px; padding:0 10px 10px; }
	.fl_list li { position:relative; margin-top:3px; padding:5px 90px 5px 0; }
	.fl_list li strong { overflow:hidden; display:block; box-sizing:border-box; width:100%; height:18px; padding-top:4px; font-size:13px; white-space:nowrap; font-weight:normal; text-overflow:ellipsis;  padding-left:21px;  background:url('../img/icons/icon_fl_list.png') 0 0 no-repeat; }
	.fl_list li > span,
	.fl_list_del { position:absolute; font-size:12px; }
	.fl_list li > span { top:8px; right:18px; }
	.fl_list_del { top:3px; right:0; width:15px; height:18px; margin-left:5px; font-size:0; color:transparent; background:url('../img/icons/icon_fl_list_del.png') right 50% no-repeat; cursor:pointer; }
	/* 업로드 파일 타입 안내/용량 정보 */
	.fl_all_txt { margin-bottom:40px; }
	.fl_all_txt dt { font-weight:normal; margin-top:5px; font-size:12px; text-align:right; }
	/* 신분증 접수 유의사항 */
	.alert_info { padding:10px; margin:10px 0 20px; font-size:14px; font-weight:400; border:1px solid #bdbdbd; background-color:#fbfbfb; }
	.alert_info li { padding:5px 0; }
	.alert_info li:before { content:'※'; margin-right:5px; }
	/* 주문정보&가상계좌 정보 공통 */
	.re_box01,
	.re_box02 { margin-bottom:20px; font-size:13px; }
	/* 주문정보 */
	.re_box01 th { text-align:left; }
	.re_number th,
	.re_amount th { display:none; }

	.re_number { margin:10px 0 5px; font-size:13px; }
	.re_number tr,
	.re_number td { display:inline; }
	.re_number tr { word-break:break-all; }
	.re_number tr:first-of-type td { font-weight:700; }
	.re_number tr:last-of-type td { font-weight:400; color:#999; }
	.re_number tr:last-of-type td:before { content:'(주문번호 : '; margin-right:2px; }
	.re_number tr:last-of-type td:after { content:')'; margin-left:2px;}

	.re_amount,
	.re_info { border-style:solid; border-color:#666; }

	.re_amount { border-width:2px 2px 0 2px; font-weight:700; }
	.re_amount td { padding-left:15px; padding-right:15px; }
	.re_amount tr:first-of-type td { padding-top:20px; padding-bottom:15px; }
	.re_amount tr:last-of-type td { padding-bottom:20px; }
	.re_amount td b { color:#d51920; font-weight:700; }

	.re_info { border-width:0 2px 2px 2px; background-color:#f2f2f2; }
	.re_info th,
	.re_info td { padding-right:5px; padding-bottom:3px; }
	.re_info th { position:relative; padding-left:15px; }
	.re_info th:after { content:':'; float:right; margin:0 -2px 0 2px; }
	.re_info td { padding-right:15px; padding-left:5px; }
	.re_info tr:first-of-type th,
	.re_info tr:first-of-type td { padding-top:10px; }
	.re_info tr:last-of-type th,
	.re_info tr:last-of-type td { padding-bottom:15px; }

	/* 계좌 정보 */
	.re_box02 { border:2px solid #666; background-color:#f2f2f2; }
	.re_box02 th,
	.re_box02 td { padding-top:3px; padding-bottom:3px; }
	.re_box02 th { box-sizing:border-box; width:43%; padding-left:15px; padding-right:5px; text-align:left; }
	.re_box02 td { padding-right:15px; padding-left:5px; font-weight:400; }
	.re_box02 td:after { content:':'; float:left; margin-right:10px; font-weight:700; }
	.re_box02 tr:first-of-type th,
	.re_box02 tr:first-of-type td { padding-top:15px; }
	.re_box02 tr:last-of-type th,
	.re_box02 tr:last-of-type td { padding-bottom:15px; }


    /* PC item hide */
    .product_tagbox,
    .cusomer_info .type,
	.contact_form .form_label { display: none; } /* 서비스 상담 폼 라벨 숨김 */

}

/*---------------------------------------------
    jquery CSS customizable scrollbar style
---------------------------------------------*/
@media screen and ( max-device-width:1369px ) { /* mobile */

	/*************** BASE CSS ***************/
	.scroll-wrapper { overflow:hidden !important; position:relative; padding:0 !important; }
	.scroll-wrapper > .scroll-content { box-sizing:content-box !important; position:relative !important; top:0; left:0; margin:0; overflow:scroll !important;
										width:auto !important; height:auto; max-width:none !important; max-height:none; padding:0; border:none !important; }
	.scroll-wrapper > .scroll-content::-webkit-scrollbar { height:0; width:0; }
	.scroll-element { display:none; }
	.scroll-element,
	.scroll-element div { box-sizing:content-box; }
	.scroll-element.scroll-x.scroll-scrollx_visible,
	.scroll-element.scroll-y.scroll-scrolly_visible { display:block; }
	.scroll-element .scroll-bar,
	.scroll-element .scroll-arrow { cursor:default; }
	.scroll-textarea { border:1px solid #cccccc; border-top-color:#999999; }
	.scroll-textarea > .scroll-content { overflow:hidden !important; }
	.scroll-textarea > .scroll-content > textarea { overflow:scroll !important; position:relative !important; top:0; box-sizing:border-box; height:100% !important; max-height:none !important; max-width:none !important; width:100% !important; margin:0; padding:2px; border:none !important; outline:none; }
	.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height:0; width:0; }

	/*************** SIMPLE OUTER SCROLLBAR ***************/
	.state_scroll > .scroll-element,
	.state_scroll > .scroll-element div { position:absolute; padding:0; margin:0; border:none;z-index:10; }
	.state_scroll > .scroll-element { background-color:#ffffff; }
	.state_scroll > .scroll-element div { left:0; top:0; display:block; height:100%; width:100%; }
	.state_scroll > .scroll-element.scroll-x { bottom:0; left:0; width:100%; height:12px; }
	.state_scroll > .scroll-element.scroll-y { right:0; top:0; width:12px; height:100%; }
	.state_scroll > .scroll-element.scroll-x .scroll-element_outer { top:2px; height:8px; }
	.state_scroll > .scroll-element.scroll-y .scroll-element_outer { left:2px; width:8px; }
	.state_scroll > .scroll-element .scroll-element_outer { overflow:hidden; }
	.state_scroll > .scroll-element .scroll-element_track { background-color:#eeeeee; }
	.state_scroll > .scroll-element .scroll-element_outer,
	.state_scroll > .scroll-element .scroll-element_track,
	.state_scroll > .scroll-element .scroll-bar { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
	.state_scroll > .scroll-element .scroll-bar { background-color:#d9d9d9; }
	.state_scroll > .scroll-element .scroll-bar:hover { background-color:#c2c2c2; }
	.state_scroll > .scroll-element.scroll-draggable .scroll-bar { background-color:#919191; }
	/* scrollbar height/width & offset from container borders */
	.state_scroll > .scroll-content.scroll-scrolly_visible { margin-left:12px; left:-12px; }
	.state_scroll > .scroll-content.scroll-scrollx_visible { margin-top: 12px; top: -12px; }
	.state_scroll > .scroll-element.scroll-x .scroll-bar { min-width:10px; }
	.state_scroll > .scroll-element.scroll-y .scroll-bar { min-height:10px; }
	/* update scrollbar offset if both scrolls are visible */
	.state_scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-14px; }
	.state_scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-14px; }
	.state_scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left:-14px; }
	.state_scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top:-14px; }


}


/*----------- 상품 & 패키지 전제목록 보기 화면 추가 2021-07-06  -----------*/

/*---------------------------
    PC
---------------------------*/
@media screen and ( min-device-width:1370px ) { 
    .com_tel { font-size:18px; font-weight:700; color:#00479d; } /* 서브 헤더 문의 전화번호 */

    .all_list h3 { margin-top:30px; line-height:1; font-size:20px; font-weight:700; color:#e00022;}

    .list_box,
    .type2 dl { display:flex; display:-ms-flex; }

    .list_box { margin-top:10px; border-top:2px solid #000; border-bottom:1px solid #a0a0a0; }
    .list_box dl { flex:1 1 0; -ms-flex-positive:1; -ms-flex-negative:1; -ms-flex-preferred-size:0; }
    .list_box dl:nth-of-type(n+2) { border-left:1px solid #a0a0a0; }
    .list_box dt,
    .list_box dd { box-sizing:border-box; height:50px; line-height:50px; padding-left:30px; }
    .list_box dt { font-size:18px; font-weight:700; color:#000; }
    .list_box dd { font-size:14px; color:#676a6c; border-top:1px solid #a0a0a0; }
    .list_box dt:before,
    .list_box dd a:before { display:inline-block; vertical-align:middle; }
    .list_box dt:before { content:'\000B7'; margin:0 4px 0 -6px; }
    .list_box dd a:before { content:'\02013'; margin:0 8px 0 0; }
    .list_box dd a:hover { color:#e00022; }
    /* type1,2 common */
    .type1 dd:nth-of-type(odd),
    .type2 dd:nth-of-type(4n+1),
    .type2 dd:nth-of-type(4n+2) { background-color:#f3f4f8; }
    /* type2 */
    .type2 dl { flex-wrap:wrap; }
    .type2 dt,
    .type2 dd:only-of-type { width:100%; }
    .type2 dd { width:50%; }
}

/*---------------------------
    Mobile
---------------------------*/
@media screen and ( max-device-width:1369px ) {

    .com_tel { display:none; }

    .all_list h3 { margin:30px 0 5px; font-size:20px; font-weight:700; color:#e00022; }

    .list_box { border-top:2px solid #000; }
    .list_box + .list_box  { border-top:0; }

    .list_box dt,
    .list_box dd { padding:15px; color:#000; border-bottom:1px solid #a0a0a0; }

    .list_box dt { font-size:16px; font-weight:700; }
    .list_box dt:before { content:'\000B7'; display:inline-block; vertical-align:middle; margin:0 7px 0 0; }
    .list_box dd { font-size:14px; }
    .list_box dd:nth-of-type(odd) { background-color:#f3f4f8; }
    .list_box dd:empty { display:none; }
    .list_box dd a { color:#676a6c; }
    .list_box dd a:before { content:'\02013'; display:inline-block; vertical-align:middle; margin:0 10px 0 0px; }
}


/*----------- 상품목록 페이지 추가 2022-09-14  -----------*/

.list_view { max-width:1200px; margin-right:auto; margin-left:auto; }
.list_view_type { height:100%; display:flex; flex-direction:column; justify-content:center; }
.list_view_type span { color:#d07300; font-weight:400; }

.list_top { display:flex; }
.list_top .ttl_txt:before { content:''; display:inline-block; width:8px; height:8px; margin:-2px 10px 0 0; vertical-align:text-top; font-size:24px; background-color:#000; }
.list_tab { display:flex;  }
.list_tab button { position:relative; color:#555; font-weight:300; border:1px solid #909090; }
.list_tab button:not(:first-child) { margin-left:-1px; }
.list_tab button.on { color:#fff; border-color:#e00022; background-color:#e00022; z-index:1; }

.list_wrap { margin-top:25px; }
.list_subttl { margin-bottom:15px; font-size:20px; color:#e00022; }
.list_wrap ul,
.list_wrap li { display:flex; }
.list_wrap ul { flex-wrap:wrap; border-top:2px solid #000; }
.list_wrap li { box-sizing:border-box; min-height:50px; font-size:14px; color:#676a6c; border-bottom:1px solid #a0a0a0; }
.list_wrap li a { margin-right:15px; }
.list_wrap li i { margin-left:auto; white-space:nowrap; }

/*---------------------------
    PC
---------------------------*/
@media screen and ( min-device-width:1370px ) { 
    .list_view { height:156px; margin-bottom:-40px; }
    .list_view_type { box-sizing:border-box; padding:10px 0 0; margin:0 30px 0 60px; background-position:right bottom; background-repeat:no-repeat; }
    .list_view_type.type01 { background-image:url(../img/sub/list_view_type01.png); }
    .list_view_type.type02 { background-image:url(../img/sub/list_view_type02.png); }
    .list_view_type.type03 { background-image:url(../img/sub/list_view_type03.png); }
    .list_view_type span { font-size:22px; }
    .list_view_type strong { margin-top:5px; font-size:28px; }

    .list_top { justify-content:space-between; align-items:center; }
    .list_tab button { min-width:88px; height:25px; padding:0 10px; font-size:14px; }

    .list_wrap:after { content:''; display:block; width:100%; height:1px; margin-top:-1px; background-color:#a0a0a0; }
    .list_wrap li { align-items:center; width:50%; padding:10px 20px; }
    .list_wrap li:nth-of-type(4n+3),
    .list_wrap li:nth-of-type(4n+4) { background-color:#f3f4f8; }
}
/*---------------------------
    Mobile
---------------------------*/
@media screen and ( max-device-width:1369px ) {
	.list_view_type { display:none; }

	.list_top { flex-direction:column; margin-top:30px; }
	.list_tab { width:100%; margin-top:15px; }
	.list_tab button { flex:1; height:40px; font-size:15px; }

	.list_wrap li { flex-direction:column; width:100%; padding:10px; }


}

/*----------- 파일첨부 목록 추가 2022-09-15  -----------*/

.thank_write .file_box.type01 .file_name { border:1px solid #d4d4d4; }
.thank_write .file_box.type01 p { padding-top:20px; }
@media screen and ( min-device-width:1370px ) { 
	.thank_write .file_box.type01 .file_name,
	.thank_write .file_box.type01 .file_up { height:45px; line-height:45px; }
}
.file_list { max-width:500px; margin-top:10px; font-size:12px; }
.file_list ul {}
.file_list button { position:relative; vertical-align:middle; width:18px; height:18px; padding:0; margin-left:5px; border:0; color:transparent; background-color:transparent; }
.file_list button:before,
.file_list button:after { content:''; overflow:hidden; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); background-color:#000; }
.file_list button:before { width:1px; height:13px; }
.file_list button:after { width:13px; height:1px; }