/*----------------------------------------------------------------------------------------------------*/

.sitebg1 {background-color:#96af52 !important;}
.sitebg2 {background-color:#b0c976 !important;}
.sitebg3 {background-color:#e7ead2 !important;}
.hoverbg1:hover,
.on .hoverbg1 {background-color:#96af52 !important;}
.hoverbg2:hover,
.on .hoverbg2 {background-color:#b0c976 !important;}
.hoverbg3:hover,
.on .hoverbg3 {background-color:#e7ead2 !important;}

.sitecolor1 {color:#96af52 !important;}
.sitecolor2 {color:#b0c976 !important;}
.sitecolor3 {color:#e7ead2 !important;}

.siteborder1 {border-color:#96af52 !important;}
.siteborder2 {border-color:#b0c976 !important;}
.siteborder3 {border-color:#e7ead2 !important;}
.hoverborder1:hover,
.on .hoverborder1 {border-color:#96af52 !important;}
.hoverborder2:hover,
.on .hoverborder2 {border-color:#b0c976 !important;}
.hoverborder3:hover,
.on .hoverborder3 {border-color:#e7ead2 !important;}

.priceStyle1 {color:#e10124 !important;}

/*----------------------------------------------------------------------------------------------------*/




/****************************** ���̾ƿ� ******************************/
/* wrap */
.wrap_body {min-width:1200px; background:#fff;} /* 2026-09-01 : 전 페이지 회색 캔버스(#f0f0f0) 제거 요청 — 사용자 지시로 전역 적용 */

/* ���������� �� */
.sub_contents {position:relative; width:1200px; margin:0 auto; overflow:hidden;}
.left_section {float:left; width:190px; padding-top:30px; background:#fcfcfb; text-align:left;}
.left_section .tit {margin-top:-30px; padding:22px 0 33px; background:#69ecfe ; text-align:center;}
.left_section .tit h1 {margin-top:8px; color:#3b3a37; font-size:23px; line-height:38px; font-family:'mgb'; font-weight:normal;}
.left_section .tit span {color:#3b3a37;}
.left_section .left_menu {border-top:1px solid #eaeaea;}
.left_section .left_menu >ul > li {border-bottom:1px solid #eaeaea;}
.left_section .left_menu >ul > li > a {display:block; padding:0 22px; background:#f7f7f3; font-size:15px; line-height:54px; font-family:'mgb';}
.left_section .left_menu >ul > li > a.on {color:#ff620c;}
.left_section .left_menu >ul > li .lnb_two_depth {padding:15px 0; border-top:1px solid #eaeaea; background:#fcfcfb;}
.left_section .left_menu >ul > li .lnb_two_depth li {padding:0 22px;}
.left_section .left_menu >ul > li .lnb_two_depth li a {font-size:13px; line-height:22px;}
.left_section .left_menu >ul > li .lnb_two_depth li a.on {color:#ff620c;}
.right_section {padding-left:210px; text-align:left;}
.right_section .top_info {position:relative; width:100%; margin-left:-20px; padding:23px 0 23px 20px; background:#69ecfe ; text-align:right;}
.right_section .top_info .tel {display:inline-block; min-height:56px; margin-right:45px; padding:3px 0 3px 70px; background:url('../ico_tit_tel.png') no-repeat 0 0; color:#3a1c1c; font-size:13px; line-height:20px; box-sizing:border-box; vertical-align:top; text-align:left;}
.right_section .top_info .tel span {display:block; font-size:30px; line-height:30px; font-family:'mgb';}
.right_section .top_info .date {display:inline-block; min-height:56px; margin-right:30px; padding:7px 0 7px 70px; background:url('../ico_tit_date.png') no-repeat 0 0; color:#3a1c1c; font-size:15px; line-height:20px; box-sizing:border-box; vertical-align:top; text-align:left;}
.right_section .top_info .date em {font-family:'mgb';}
.right_section .top_info a.go {display:none; position:absolute; top:50%; right:30px; margin-top:-28px; font-size:20px; line-height:56px; font-family:'mgb';}

/* quick */
.quick_sub {position:absolute; top:0; left:50%; width:46px; margin:67px 0 0 613px; text-align:center;}
.quick_sub img {margin-bottom:1px; border:1px solid #c8cacc; vertical-align:top;}
.quick_sub .tit img {margin-top:10px; border:none;}
.quick_sub .prd {background:#fff;}
.quick_sub .prd li {margin-bottom:2px;}
.quick_sub .btn {overflow:hidden;}
.quick_sub .btn .prev {float:left;}
.quick_sub .btn .next {float:right;}
.quick_sub .top {display:block; margin-top:2px;}





/****************************** form ���� �±� ��� ******************************/
/* ����Ʈ�ڽ� */
.select_option {display:inline-block; position:relative; height:35px; border:1px solid #c4c4c4; color:#000; box-sizing:border-box; text-align:left; vertical-align:middle; z-index:500;}
.select_option.focus {border:1px solid #ffbd06; z-index:550;}
.select_option .active_cont {display:block; height:33px; padding:0 35px 0 10px; background:url('../ico_select.gif') no-repeat right center #fff; font-size:15px; line-height:33px; cursor:pointer; overflow:hidden;}
.select_option .active_cont .name {float:left;}
.select_option .active_cont .prc {float:right;}
.select_option .active_cont .prc em {font-weight:normal; font-family:'mgb'; font-style:normal;}
.select_option .option_list {display:none; position:absolute; top:33px; left:0; width:100%; max-height:204px; margin:0 0 0 -1px; border:1px solid #c4c4c4; background:#fff; font-size:12px; line-height:14px; overflow:hidden; overflow-y:auto;}
.select_option .option_list.on {display:block; border:1px solid #ffbd06;}
.select_option.focus .option_list {display:block; border:1px solid #ffbd06;}
.select_option .option_list li {padding:10px; cursor:pointer; overflow:hidden;}
.select_option .option_list li:hover {background:#e1e1e1;}
.select_option .option_list li .name {float:left;}
.select_option .option_list li .prc {float:right;}
.select_option .option_list li .prc em {font-weight:normal; font-family:'mgb'; font-style:normal;}

/* input */
input.text {height:35px; padding:0 10px; margin:0; border:1px solid #c4c4c4; font-size:15px; line-height:33px; box-sizing:border-box;}
input.count {height:25px; padding:0; margin:0; border:1px solid #c4c4c4; color:#000; font-size:12px; line-height:23px; text-align:center; font-family:'mgb'; box-sizing:border-box;}
input.checkbox {padding:0; margin:-2px 0 0 0;}
input.radio {padding:0; margin:-2px 0 0 0;}
/* ���ڼ� ���� */
.limit_box {display:inline-block; position:relative;}
.limit_box input.text {padding-right:75px;}
.limit_box span {position:absolute; top:0; right:0; width:75px; color:#888; font-size:12px; line-height:35px; text-align:center;}

/* textarea */
.textarea_box {position:relative; padding-bottom:29px; border:1px solid #c4c4c4; background:#fff; box-sizing:border-box;}
.textarea_box p {position:absolute; right:10px; bottom:0; color:#8a8a8a; font-size:12px; line-height:29px;}
textarea.textarea {width:100%; padding:5px 10px; margin:0; border:none; font-size:15px; line-height:20px; box-sizing:border-box; overflow:hidden; overflow-y:auto; resize:none;}

/* label */
label.check_label {display:inline-block; vertical-align:middle;}

/* ��¥���� */
.set_dr{display:inline-block; position:relative; height:35px; padding:0 40px 0 10px; border:1px solid #c4c4c4; background:url('../ico_dr.gif') no-repeat right center #fff; color:#2e2e2e; font-size:15px; line-height:33px; box-sizing:border-box; text-align:left; vertical-align:middle; cursor:pointer; z-index:99;}

.ui-datepicker {width:227px; background:#fff;}
.ui-datepicker .ui-datepicker-header {position:relative; height:45px; background:#69ecfe ; text-align:center;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {padding-top:10px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {height:25px; margin:0 5px; border:1px solid #c4c4c4;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {display:block; position:absolute; left:5px; top:10px; width:25px; height:25px; background:url('../btn_dr_prev.gif') no-repeat 0 0; text-indent:-999px; overflow:hidden; box-sizing:border-box; cursor:pointer;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {display:block; position:absolute; right:5px; top:10px; width:25px; height:25px; background:url('../btn_dr_next.gif') no-repeat 0 0; text-indent:-999px; overflow:hidden; box-sizing:border-box; cursor:pointer;}
.ui-datepicker .ui-datepicker-calendar {width:100%; border-left:1px solid #dfdfdf; box-sizing:border-box;}
.ui-datepicker .ui-datepicker-calendar th {width:32px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#92979b; color:#fff; font-size:12px; line-height:32px; font-weight:normal; text-align:center;}
.ui-datepicker .ui-datepicker-calendar th span {display:block;}
.ui-datepicker .ui-datepicker-calendar td {height:32px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#363636; font-size:12px; text-align:center; cursor:pointer;}
.ui-datepicker .ui-datepicker-calendar td a {color:#363636;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a {color:#c6c6c6;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {display:inline-block; width:24px; height:24px; border:1px solid #69ecfe ; border-radius:12px; font-size:12px; line-height:24px; text-align:center; color:#69ecfe  !important; font-weight:normal; font-family:'mgb';}


/* �������ùڽ� */
.count_control {display:inline-block; border:1px solid #c4c4c4; font-size:0; line-height:0;}
.count_control img {vertical-align:top; cursor:pointer;}
.count_control input {width:40px; height:23px; padding:0 5px; border:none; border-right:1px solid #c4c4c4; border-left:1px solid #c4c4c4; font-size:14px; line-height:21px; text-align:center; box-sizing:border-box; vertical-align:top;}





/****************************** ��ư,������ ******************************/
.btn_gray01 {display:inline-block; height:45px; padding:0 28px; background:#92979b; color:#fff; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_gray02 {display:inline-block; width:211px; height:60px; background:#92979b; color:#fff; font-size:18px; line-height:58px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_gray02 .iconfont {font-size:24px; vertical-align:middle;}
.btn_gray04 {display:inline-block; height:34px; width:175px; background:#92979b; color:#fff; font-size:14px; line-height:30px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #c7cbce; cursor:pointer; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.30); -moz-box-shadow: 3px 3px 8px gba(0, 0, 0, 0.30); -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.30);}
.btn_gray05 {display:inline-block; height:45px; width:103px; background:#92979b; color:#fff; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_gray06 {display:inline-block; height:55px; padding:0 28px; background:#92979b; color:#fff; font-size:14px; line-height:50px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_white01 {display:inline-block; height:35px; width:72px; border:1px solid #e0e0e0; background:#faf9f7; color:#2e2e2e; font-size:12px; line-height:34px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_white02 {display:inline-block; height:35px; width:72px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; background:url('../recom-day-btnbg.png') repeat-x 0 0 ; color:#2e2e2e; font-size:12px; line-height:34px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_white03 {display:inline-block; height:50px; width:200px; background:#fff; color:#3a1c1c; font-size:14px; line-height:46px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer; border:1px solid #e0e0e0;}
.btn_white04 {display:inline-block; height:35px; padding:0 28px; border:1px solid #e0e0e0; background:#faf9f7; color:#2e2e2e; font-size:14px; line-height:34px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_yellow01 {display:inline-block; height:45px; padding:0 28px; background:#69ecfe ; color:#2e2e2e; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_yellow02 {display:inline-block; width:211px; height:60px; background:#69ecfe ; color:#3a1c1c; font-size:18px; line-height:58px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_yellow03 {display:block; border:1px solid #69ecfe ;}
.btn_yellow03 span {display:block; height:63px; border:1px solid #69ecfe ; background:#69ecfe ; color:#fff; font-size:25px; line-height:58px; font-family:'mgb'; text-align:center;}
.btn_yellow04 {display:inline-block; height:50px; width:200px; background:#69ecfe ; color:#3a1c1c; font-size:14px; line-height:46px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_yellow05{display:inline-block; height:45px; width:103px; background:#69ecfe ; color:#2e2e2e; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}


.btn_orange01 {display:inline-block; width:81px; height:30px; background:#ff9239; color:#fff; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_orange02 {display:inline-block; width:60px; height:26px; background:#ff9239; color:#fff; font-size:13px; line-height:26px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_orange03 {display:inline-block; width:81px; height:30px; background:#ff9239; color:#fff; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; box-sizing:border-box;}

.btn_black01 {display:inline-block; width:70px; height:35px; background:#2e2e2e; border:1px solid #707070; color:#fff; font-size:15px; line-height:28px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

/* board in */
.btn_gray_board {display:inline-block; height:35px; padding:0 25px; background:#92979b; color:#fff; font-size:15px; line-height:33px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_edit_count {display:inline-block; height:28px; margin-top:-1px; border:1px solid #c4c4c4; background:url('../bg_board_edit.jpg') repeat-x 0 0; color:#000; font-size:12px; line-height:26px; font-family:'mgb'; box-sizing:border-box; cursor:pointer;}
.btn_board_ctrl {display:inline-block; width:72px; height:35px; margin:1px; border:1px solid #e0e0e0; background:#faf9f7; font-size:12px; line-height:33px; text-align:center; font-family:'mgb'; box-sizing:border-box; cursor:pointer;}





/****************************** �ؽ�Ʈ ��Ÿ�� ��� ******************************/
.note_text {margin:50px 0 0 0; padding-bottom:25px; color:#8a8a8a; font-size:13px; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.note_text02 {margin-top:18px; padding:0 6px; color:#888; font-size:13px; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.note_text03 {margin:40px 0 20px; color:#202020; font-size:15px; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.note_box {margin-top:20px; overflow:hidden;}
.note_box strong {float:left; width:100px; font-size:16px; line-height:20px; font-weight:normal; font-family:'mgb'; text-align:center;}
.note_box p {padding-left:100px; color:#8a8a8a; font-size:12px; line-height:15px; letter-spacing:-0.8px; text-align:left;}




/****************************** ���� ******************************/
/* ��ư���� */
.btn_board_left {margin-top:-45px; text-align:left;}

.btn_board_center {margin-top:30px; text-align:center;}

.btn_board_right {margin-top:-36px; text-align:right;}
.btn_board_right02 {margin-top:20px; text-align:right;}

/* �������� */
.align_left {text-align:left !important;}
.align_left01 {text-align:left !important; padding-left:18px !important;}
.align_center {text-align:center !important;}
.align_right {text-align:right !important;}





/****************************** �� ******************************/
/* �� */
/*.tab01 {width:100%; overflow:hidden; position:relative;}
.tab01 .dates {position:absolute; right:10px; top:17px;}*/
.tab01 {width:100%; overflow:hidden; }
.tab01 .dates {position:absolute; top:22px;}
.tab01 .dates input.datebox {  background: #f8f8f8 none repeat scroll 0 0;  border: 1px solid #dbdbdb;  box-sizing: border-box;  font-size: 13px;  height: 27px; line-height: 25px;  margin-left: 10px;  padding: 0 10px;  width: 100px;}
.tab01 .dates span.find {background: #92979b none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 13px;height: 27px;line-height: 27px;margin-left: 10px;padding: 0 11px; vertical-align:bottom; cursor:pointer;}


.tab01 a {display:table-cell; padding:10px 0; border:1px solid #e7e7e7; border-left:none; border-bottom:none; background:#fcfcfb; color:#2e2e2e; font-size:15px; line-height:20px; box-sizing:border-box; text-align:center; vertical-align:middle; font-family:'mgb';border-bottom:4px solid #fcfcfb;}
.tab01 a:first-child {border-left:1px solid #e7e7e7;}
.tab01 a.on {border-bottom-width:4px;}
.tab01 a.on.siteborder1 {border-top-color:#e7e7e7 !important; border-right-color:#e7e7e7 !important; border-left-color:#e7e7e7 !important;}

.tab01 a span {font-size:12px;}
.tab01_type {border-bottom:1px solid #e7e7e7; overflow:hidden;}
.tab01_type a {display:inline-block; float:left; line-height:60px;}
/*
.tab01_cont {display:none; min-height:800px; margin-top:35px; text-align:left;}
.tab01_cont.on {display:block;}
*/
.tab01_cont {margin:30px 0; text-align:left;}

.tab02 {width:100%; margin-top:30px; overflow:hidden;}
.tab02 a {float:left; width:222px; height:53px; border:1px solid #e7e7e7; border-left:none; background:#f6f6f6; font-size:15px; line-height:50px; text-align:center;}
.tab02 a:first-child {border-left:none;}
.tab02 a.on {background:#69ecfe ; font-family:'mgb';}

.tab03 {position:relative; width:441px; margin-top:20px; overflow:hidden; z-index:10;}
.tab03 a {float:left; width:50%; height:60px; border:1px solid #e7e7e7; border-left:none; background:#92979b; color:#fff; font-size:15px; line-height:57px; font-family:'mgb'; text-align:center; box-sizing:border-box;}
.tab03 a:first-child {border-left:1px solid #e7e7e7;}
.tab03 a.on {border-bottom:1px solid #fff; background:#fff; color:#2e2e2e;}





/****************************** step ******************************/
.step_box {height:80px; background:#fcfcfb; overflow:hidden;}
.step_box h1 {float:left; margin-left:18px; font-size:26px; line-height:78px; font-weight:normal;}
.step_box h1 img {margin:-2px 12px;}
.step_box ul {float:right; margin-right:15px; overflow:hidden;}
.step_box ul li {float:left; height:80px; padding:0 15px 0 55px; background:url('../bg_step_item.jpg') no-repeat 0 0; color:#000; font-size:20px; line-height:78px; font-weight:normal; font-family:'mgb'; letter-spacing:-2px;}
.step_box ul li span {display:inline-block; width:39px; height:39px; margin-right:6px; border-radius:100%; background-color:#d8dbdd; color:#fff; font-size:17px; line-height:37px; text-align:center; font-family:'mg'; vertical-align:middle; letter-spacing:0;}
.step_box ul li.on span {color:#fff;}





/****************************** ���� ******************************/
/* margin */
.mgt0 {margin-top:0 !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}

.mgl0 {margin-left:0 !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}





/****************************** Ÿ��Ʋ ******************************/
.cont_title01 {margin-top:20px; padding:10px; font-size:20px; line-height:38px; font-weight:normal; font-family:'mgb'; text-align:left;}
.cont_title02 {margin-top:0; padding:0 10px; font-size:20px; line-height:79px; font-weight:normal; font-family:'mgb'; text-align:left;}
.cont_title03 {color:#2e2e2e; font-size:15px; line-height:54px; font-weight:normal; font-family:'mgb'; text-align:left;}
.cont_title04 {margin-top:0; padding:44px 0 16px 0; font-size:15px; color:#2e2e2e; line-height:18px; font-weight:normal; font-family:'mgb'; text-align:left;}
.cont_title05 {margin-top:0; padding:32px 0 16px 0; font-size:15px; color:#2e2e2e; line-height:20px; font-weight:normal; font-family:'mgb'; text-align:left;}


/****************************** �Խ��� ******************************/
/* ����Ʈ */
.board_list {width:100%; margin-top:30px; background:#fcfcfb; font-size:15px; line-height:18px;}
.board_list .tit {cursor:pointer; background:#fff;}
.board_list .cont {display:none; background:#f9f9f9;}
.board_list th {padding:16px 0; background:url('../ico_board_th_bar.gif') no-repeat 0 center #b5babd; color:#fff; font-family:'mgb'; font-weight:normal; text-align:center;}
.board_list th:first-child {background:#b5babd;}
.board_list td {padding:16px 0; border-bottom:1px solid #e0e0e0; text-align:center;}
.board_list td.align_left {padding:16px 18px;}
.board_list td img {margin-top:-2px;}
.board_list td .encryption {margin-left:18px;}
.board_list .cont td {vertical-align:top;}
.board_list .cont td:first-child {text-align:right;}
.board_list .cont td:first-child img {margin-top:-15px;}
.board_list .cont td:first-child .qna_box dl dt img {margin:0;}
.board_list .cont .reply {padding-bottom:20px;}


.board_list02 {width:100%; font-size:15px; line-height:18px; table-layout:fixed; word-wrap:break-word;}
.board_list02 th {padding:21px 0; border-left:1px solid #eaeaea; background:#b5babd; color:#fff; font-weight:normal; font-family:'mgb'; text-align:center;}
.board_list02 th:first-child {border-left:none;}
.board_list02 td {padding:23px 0; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#fcfcfb; text-align:center;}
.board_list02 td.align_left {padding:23px 10px 23px 15px;}
.board_list02 td .product {overflow:hidden;}
.board_list02 td .product .img {float:left;}
.board_list02 td .product .img img {width:100px;}
.board_list02 td .product .txt {padding-left:120px;}
.board_list02 td .product .txt .tit {color:#000; font-size:15px; line-height:22px; font-family:'mgb';}
.board_list02 td .product .txt p {margin-top:7px; color:#4b4b4b; font-size:14px; line-height:18px;}
.board_list02 tr td:first-child {border-left:none;}

/* ���� */
.board_view {width:100%; font-size:15px; line-height:23px; table-layout:fixed;}
.board_view th {padding:20px 40px; border-bottom:1px solid #e7e7e7; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:left;}
.board_view td {padding:20px 18px; border-bottom:1px solid #e7e7e7; background:#fcfcfb; text-align:left;}
.board_view td.title {padding:20px 32px; font-size:25px; line-height:44px; background:#f8f8f7;}
.board_view td.b_contents {padding:30px 40px 90px; background:#f6f6f7;}

/* ���� */
.board_write {width:100%; border-top:1px solid #d9d9d9; font-size:15px; line-height:20px; text-align:left; box-sizing:border-box; border-right:1px solid #d9d9d9;}
.board_write th {padding:10px 35px; border-bottom:1px solid #d9d9d9; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:left; letter-spacing:-1px;}
.board_write tr th:first-child {border-left:1px solid #d9d9d9;}
.board_write td {padding:10px 20px; border-bottom:1px solid #d9d9d9; background:#fcfcfb;}
.board_write td .product {padding:10px 0; overflow:hidden;}
.board_write td .product .img {float:left;}
.board_write td .product .img img {width:95px;}
.board_write td .product .txt {padding-left:118px; font-size:20px; line-height:20px;}
.board_write td .nt {display:inline-block; margin-left:12px; letter-spacing:-1px; vertical-align:middle;}
.board_write td .price {font-size:20px; line-height:43px;}
.board_write td .price em {font-size:25px;}
.board_write td .label_group .check_label {margin-right:30px; line-height:43px;}
.board_write td .txtbox {padding:7px 0 8px;}
.board_write td .position_price {float:right;}
.board_write td .bank_dt {display:inline-block; width:75px;}

/* ����¡ */
.paging_box {padding:40px 20px 20px; margin-top:30px; background:#fcfcfb;}
.paging_box.top-20 {padding:20px;}
.paging_box .paging {margin-top:0;}
.paging {padding:20px; margin-top:35px; background:#fcfcfb; font-size:0; line-height:0; text-align:center;}
.paging a {display:inline-block; width:31px; height:31px; color:#000; font-size:12px; line-height:28px;}
.paging a.sitebg2,
.paging a:hover {border-radius:100%; color:#fff; font-weight:normal; font-family:'mgb';}
.paging a.prev {width:35px; margin-right:10px; padding-left:14px; background:url('../ico_paging_prev.png') no-repeat left center; color:#000; font-size:14px; font-family:'mgb'; text-align:left;}
.paging a.prev:hover {color:#000; font-weight:normal;}
.paging a.next {width:35px; margin-left:10px; padding-right:14px; background:url('../ico_paging_next.png') no-repeat right center; color:#000; font-size:14px; font-family:'mgb'; text-align:right;}
.paging a.next:hover {color:#000; font-weight:normal;}





/****************************** ��ǰ����Ʈ ******************************/
/* �ַ��� */
.gallery_list {margin-top:25px; overflow:hidden; text-align:left;}
.gallery_list ul {width:1220px; margin:-30px 0 0 -20px; overflow:hidden;}
.gallery_list ul li {float:left; position:relative; width:285px; margin:30px 0 0 20px; border:1px solid #e0e0e0; background:#fcfcfb; box-sizing:border-box;}
.gallery_list ul li:hover {border:1px solid red ;}
.gallery_list ul li .img img {width:100%; max-height:310px;}
.gallery_list ul li .txt {padding:10px 20px;}
.gallery_list ul li .txt .tit {font-size:18px; line-height:24px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.gallery_list ul li .txt .price_wrap {height:44px; margin-top:10px;}
.gallery_list ul li .txt .price_wrap .dis {display:inline-block; margin-right:10px; color:#ff9239; font-size:20px; line-height:44px; vertical-align:top;}
.gallery_list ul li .txt .price_wrap .dis em {font-size:40px; font-family:'mgb';}
.gallery_list ul li .txt .price_wrap .price_box {display:inline-block; vertical-align:top;}
.gallery_list ul li .txt .price_wrap .price_box .mkprice {display:block; height:16px; color:#b8b8b8; font-size:14px; line-height:16px; text-decoration:line-through;}
.gallery_list ul li .txt .price_wrap .price_box .price {display:block; height:24px; font-size:20px; line-height:24px; font-family:'mgb';}
.gallery_list ul li .point_wrap {padding:0 20px; background:#fafafa; font-size:12px; line-height:38px; overflow:hidden;  font-family:'mgb';}
.gallery_list ul li .point_wrap .logistics {float:left;}
.gallery_list ul li .point_wrap .point {float:right;}
.gallery_list ul li .isicon {position:absolute; left:0; top:0;}
.gallery_list ul li a.img {display:inline-block; min-height:310px; max-height:310px; width:100%;}

.gallery_list02 {overflow:hidden; text-align:left;}
.gallery_list02 ul {width:1228px; margin:0 0 0 -28px; overflow:hidden;}
.gallery_list02 ul li {float:left; width:280px; height:374px; margin:20px 0 0 27px; padding:10px; background:#fcfcfb; box-sizing:border-box;}
.gallery_list02 ul li .img {display:block; margin:0 auto; text-align:center;}
.gallery_list02 ul li .txt {margin-top:16px;}
.gallery_list02 ul li .txt .tit {font-size:18px; line-height:24px;}
.gallery_list02 ul li .txt .date {display:block; margin-top:5px; color:#888; font-size:13px; line-height:20px;}





/****************************** �˾� ��� ��Ÿ�� ******************************/
.layer_pop {background:#f0f0f0;}
.pop_head {position:relative; padding:0 30px; background:#69ecfe ; overflow:hidden;}
.pop_head h1 {float:left; margin-right:30px; color:#3a1c1c; font-size:25px; line-height:85px; font-family:'mgb'; font-weight:normal;}
.pop_head p {display:table-cell; height:85px; color:#3a1c1c; font-size:14px; line-height:20px; font-family:'mgb'; vertical-align:middle;}
.pop_head p span {display:block; margin-top:5px; font-size:11px; line-height:14px; font-weight:normal;  font-family:'mg';}
.pop_head .btn_close {position:absolute; top:30px; right:30px;}
.pop_cont {padding:30px; background:#f0f0f0;}
.mask {position:fixed; top:0; left:0; width:100%; height:99999px; background:#000; opacity:0.8; z-index:9998;}





/****************************** ȸ�� ******************************/
.member_wrap {width:580px; padding-top:70px; margin:0 auto; text-align:left;}
.member_wrap .title {height:84px; padding-bottom:21px; border-bottom:5px solid #2e2e2e; font-size:30px; line-height:81px; font-family:'mgb'; font-weight:normal;}
.member_wrap .title .iconfont {display:inline-block; width:80px; height:80px; margin-top:-2px; border-radius:100%; color:#fff; font-size:30px; line-height:76px; text-align:center; vertical-align:middle;}
.member_wrap .title span {font-size:15px;}
.member_wrap .title02 {padding-top:15px; overflow:hidden;}
.member_wrap .title02 .img {float:left;}
.member_wrap .title02 .txt {display:block; padding:8px 0 0 96px; color:#000; font-size:30px; line-height:40px; font-weight:normal; font-family:'mgb';}
.member_wrap .title02 .txt .p {display:block; padding:0 2px; color:#888; font-size:13px; line-height:22px; font-family:'mg';}
.member_wrap .login_input {margin-top:20px;}
.member_wrap .login_input li {margin-bottom:10px;}
.member_wrap .login_input li input[type="text"],
.member_wrap .login_input li input[type="password"] {width:100%; height:65px; padding:0 0 0 66px; margin:0; border:1px solid #a3a3a3; font-size:15px; line-height:62px; font-family:'mgb'; box-sizing:border-box;}
.member_wrap .login_input li input.uid {background:url('../ico_login_uid.png') no-repeat 0 0 #fff;}
.member_wrap .login_input li input.upw {background:url('../ico_login_upw.png') no-repeat 0 0 #fff;}
.member_wrap .ck_login {display:inline-block; position:relative; height:27px; margin-top:20px; padding-left:32px; background:url('../ico_login_check_off.png') no-repeat 0 0; font-size:15px; line-height:24px; font-family:'mgb'; overflow:hidden;}
.member_wrap .ck_login.on {background:url('../ico_login_check_on.png') no-repeat 0 0;}
.member_wrap .ck_login input {position:absolute; left:-9999px;}
.member_wrap .member_link {margin-top:22px; padding-bottom:10px; border-bottom:5px solid #2e2e2e; color:#c5c5c5; font-size:15px; line-height:34px; font-family:'dotum'; text-align:center;}
.member_wrap .member_link a {display:inline-block; margin:-5px 15px 0; font-family:'mg'; vertical-align:middle;}
.member_wrap .etc_type {padding-top:3px;}
.member_wrap .etc_type strong {display:block; padding:0 2px; margin-top:15px; font-size:15px; line-height:18px; font-family:'mgb'; font-weight:normal;}
.member_wrap .etc_type .etc_btn {display:table; width:100%; margin-top:15px; overflow:hidden;}
.member_wrap .etc_type .etc_btn li {display:table-cell; text-align:left;}
.member_wrap .etc_type .etc_btn li a {margin:0 5px; border-radius:5px;}
.member_wrap .etc_type .etc_btn li#nvLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("../m/images/icon/ic-naver-02.png") no-repeat 11px 10px #57b04b; background-size:18px 16px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .etc_type .etc_btn li#fbLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("../m/images/icon/ic-facebook-02.png") no-repeat 15px 8px #3b5998; background-size:10px 21px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .etc_type .etc_btn li#kkLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("../m/images/icon/ic-kakao-02.png") no-repeat 11px 10px #ffe812; background-size:18px 17px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .welcome {margin-top:120px; font-size:30px; line-height:52px; text-align:center; font-family:'mgb'; font-weight:normal;}
.member_wrap .nt {margin:20px 0 40px; color:#474747; font-size:15px; line-height:18px; text-align:center;}
.member_wrap .title_center {height:88px; margin-top:28px; border-bottom:5px solid #2e2e2e; font-size:30px; line-height:85px; font-family:'mgb'; font-weight:normal; text-align:center;}
.member_wrap .mail_check {position:relative; height:66px; padding:0 4px; border-bottom:1px solid #2e2e2e; font-size:30px; line-height:63px; text-align:left;}
.member_wrap .mail_check .cklabel {display:inline-block; position:absolute; top:0; right:4px; height:66px; padding-left:32px; background:url('../ico_login_check_off.png') no-repeat 0 center; font-size:15px; line-height:63px; font-family:'mgb'; overflow:hidden;}
.member_wrap .mail_check .cklabel.on {background:url('../ico_login_check_on.png') no-repeat 0 center;}
.member_wrap .mail_check .cklabel input {position:absolute; left:-9999px;}
.member_wrap .terms {border-bottom:2px solid #9e9e9e;}
.member_wrap .terms li {position:relative; height:66px; border-bottom:1px solid #9e9e9e; text-align:left;}
.member_wrap .terms li .cklabel {display:block; position:relative; height:66px; padding-left:32px; background:url('../ico_login_check_off.png') no-repeat 0 center; font-size:15px; line-height:63px; font-family:'mgb'; overflow:hidden;}
.member_wrap .terms li .cklabel.on {background:url('../ico_login_check_on.png') no-repeat 0 center;}
.member_wrap .terms li .cklabel input {position:absolute; left:-9999px;}
.member_wrap .terms li .btn {display:block; position:absolute; top:14px; right:1px; width:112px; height:40px; border:1px solid #92979b; background:#fbfbfb; color:#5a5a5a; font-size:13px; line-height:37px; font-family:'mgb'; text-align:center;}
.member_wrap .terms.join {margin-top:10px; border-top:1px solid #9e9e9e; border-bottom:none;}
.member_wrap .result_box {padding-top:50px; text-align:center;}
.member_wrap .result_box .result_txt {margin:40px 0; font-size:30px; line-height:36px;}
.member_wrap .pw_check {margin-top:30px; padding-top:20px; border-top:5px solid #2e2e2e; overflow:hidden;}
.member_wrap .pw_check li {margin-top:10px;}
.member_wrap .pw_check li input[type="password"] {width:100%; height:65px; padding:0 26px; margin:0; border:1px solid #a3a3a3; font-size:15px; line-height:62px; font-family:'mgb'; box-sizing:border-box;}
.member_wrap .find_cont {margin-top:-1px; padding:28px; border:1px solid #e7e7e7; background:#fff;}
.member_wrap .find_cont .form_list {font-size:0; line-height:0;}
.member_wrap .find_cont .form_list > li {margin-top:5px;}
.member_wrap .find_cont .form_list > li input.text {height:55px; margin-left:5px; line-height:50px;}
.member_wrap .find_cont .form_list > li input:first-child,
.member_wrap .find_cont .form_list > li .select_option:first-child {margin-left:0;}
.member_wrap .find_cont .form_list > li .select_option {height:55px; margin-left:5px;}
.member_wrap .find_cont .form_list > li .select_option .active_cont {height:53px; line-height:50px;}
.member_wrap .find_cont .form_list > li .select_option .option_list {top:53px;}
.member_wrap .find_cont .form_list > li .btn_check {display:inline-block; width:119px; height:55px; margin-left:5px; background:#92979b; color:#fff; font-size:15px; line-height:52px; text-align:center; font-family:'mgb'; vertical-align:top; cursor:pointer;}

.member_wrap .warnt {height:40px; padding-bottom:5px; margin-top:-45px; color:#000; font-size:15px; line-height:37px; text-align:right;	}
.member_wrap .join_list {padding-top:15px; font-size:0; line-height:0;}
.member_wrap .join_list > li {margin-top:5px;}
.member_wrap .join_list > li input.text {height:55px; padding:0 20px; margin-left:5px; color:#92979b; font-family:'mgb'; line-height:50px;}
.member_wrap .join_list > li input.text::-webkit-input-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input.text:-moz-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input.text::-moz-placeholder {
color: #2e2e2e;
}
.member_wrap .join_list > li input.text:-ms-input-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input:first-child,
.member_wrap .join_list > li .select_option:first-child {margin-left:0;}
.member_wrap .join_list > li .select_option {height:55px; margin-left:5px; color:#92979b; font-family:'mgb';}
.member_wrap .join_list > li .select_option .active_cont {height:53px; padding:0 35px 0 20px; line-height:50px;}
.member_wrap .join_list > li .select_option .option_list {top:53px;}
.member_wrap .join_list > li .select_option .option_list li {padding:10px 20px;}
.member_wrap .join_list > li .btn_gray_board {width:183px; height:55px; margin-right:4px; line-height:52px;}
.member_wrap .join_list > li .btn_check {display:inline-block; width:120px; height:55px; margin-left:10px; background:#92979b; color:#fff; font-size:15px; line-height:52px; text-align:center; font-family:'mgb'; vertical-align:top; cursor:pointer;}
.member_wrap .join_list > li .notif {padding:0 20px 2px; color:#888; font-size:13px; line-height:18px;}
.member_wrap .email_sms {margin-top:15px; border-top:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e; text-align:center;}
/*.member_wrap  .cklabel {display:inline-block; position:relative; height:66px; margin:0 18px; padding-left:32px; background:url('../ico_login_check_off.png') no-repeat 0 center; font-size:15px; line-height:63px; font-family:'mgb'; overflow:hidden;}*/
.member_wrap  .cklabel {display:inline-block; position:relative; height:66px; padding-left:32px; background:url('../ico_login_check_off.png') no-repeat 0 center; font-size:15px; line-height:63px; font-family:'mgb'; overflow:hidden;}
.member_wrap  .cklabel.on {background:url('../ico_login_check_on.png') no-repeat 0 center;}
.member_wrap  .cklabel input {position:absolute; left:-9999px;}
.member_wrap .add_children {height:95px; margin-top:-95px; text-align:right;}
.member_wrap .benefits {margin-top:10px; padding:20px; border:1px solid #d9d9d9; background:#fcfcfb; color:#888; font-size:13px; line-height:16px;}
.member_wrap .child_box {overflow:hidden;}

.child_box.mar-top {margin-top:30px;}

.member_wrap .child_box h1 {position:relative; margin-top:10px; height:54px; padding:0 20px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#e7e7e0; font-size:16px; line-height:51px; font-family:'mgb'; font-weight:normal; text-align:left; overflow:hidden;}
.member_wrap .child_box .del {display:block; position:absolute; top:8px; right:7px; width:91px; height:38px; background:#92979b; color:#fff; font-size:15px; line-height:35px; text-align:center; font-family:'mgb'; cursor:pointer;}
.member_wrap .board_write {border-top:none;}
.member_wrap .board_write th:first-child {border-left:none;}
.member_wrap .board_write th {padding:10px 0 10px 20px; color:#92979b;}
.member_wrap .board_write td {padding:5px 10px;}
.member_wrap .board_write td label {margin-right:15px; color:#2e2e2e;}
.member_wrap .board_write td .txt_style {display:inline-block; color:#92979b; font-size:13px; line-height:16px; vertical-align:middle;}



/****************************** ���������� ******************************/
.mypage_wrap {padding-bottom:100px; background:#fcfcfb; overflow:hidden;}
.mypage_wrap2 {}
.mypage_noti {margin:45px 30px 0; color:#2e2e2e; font-size:15px; line-height:24px;}
.mypage_noti li a {color:#fe960b;}
.find_type_box {width:700px; margin:45px auto 0; padding:35px 0; border:1px solid #e7e7e7; text-align:center; box-sizing:border-box;}
.find_type_box .labels label {margin-left:15px; color:#666; font-size:13px; line-height:15px;}
.find_type_box .labels label:first-child {margin-left:0;}
.find_type_box .dates {margin-top:15px; color:#666; font-size:13px;}
.find_type_box .dates input.datebox {width:100px; height:27px; padding:0 10px; margin-left:10px; border:1px solid #dbdbdb; background:#f8f8f8; font-size:13px; line-height:25px; box-sizing:border-box;}
.find_type_box .dates input.datebox:first-child {margin-left:0;}
.find_type_box .dates .dateimg {display:inline-block; margin:0 5px 0 3px; vertical-align:middle; cursor:pointer;}
.find_type_box .find {display:inline-block; height:27px; padding:0 11px; margin-left:10px; background:#92979b; color:#fff; font-size:13px; line-height:27px;}
.in_title {margin-top:30px; padding:0 30px; color:#2e2e2e; font-size:20px; line-height:56px; font-family:'mgb'; font-weight:normal;}


/****************************** ��Ÿ ���� ******************************/
/* ������ġ */
.location {padding:15px 0; color:#000; font-size:14px; line-height:35px; text-align:left; box-sizing:border-box;}
.location a {color:#000; font-size:14px;}
.location .home {font-weight:normal; font-family:'mgb';}

/* ������Ʈ�� */
.view_type_box {position:relative; height:68px; margin-top:30px; border:1px solid #e0e0e0; background:#fff;}
.view_type_box .total_cont {float:left; margin-left:20px; font-size:16px; line-height:68px;}
.view_type_box .total_cont em { font-weight:normal; font-family:'mgb';}
.view_type_box .view_type {float:right; margin-right:20px; font-size:12px; line-height:68px;}
.view_type_box .view_type a {padding:0 12px; background:url('../ico_view_type_bar.jpg') no-repeat 0 5px; color:#000;}
.view_type_box .view_type a:first-child {background:none;}
.view_type_box .view_type a.active { font-weight:normal; font-family:'mgb';}
.view_type_box .select_option {float:right; margin:18px 14px 0 0;}

/* ���Ҽ� */
.d_line {width:100%; height:20px; background:url('../border_line.gif') repeat-x 0 center; overflow:hidden;}

/* fixed */
.fixed {position:fixed !important;}

/* �� �� */
.star_area img {cursor:pointer;}

/* border */
.bdt_none {border-top:none !important;}
.bdr_none {border-right:none !important;}
.bdb_none {border-bottom:none !important;}
.bdl_none {border-left:none !important;}

/* Q & A */
.qna_box {padding:0 16px 25px;}
.qna_box dl {padding:30px 0 5px; overflow:hidden;}
.qna_box dl dt {float:left;}
.qna_box dl dt img {margin:0;}
.qna_box dl dd {padding-left:72px;}

.qna_list {border-top:1px solid #e7e7e7; background:#fcfcfb; text-align:left;}
.qna_list li {border-bottom:1px solid #e7e7e7; background:url('../ico_qna_down.png') no-repeat right 35px;}
.qna_list li.on {background:url('../ico_qna_up.png') no-repeat right 35px;}
.qna_list li .q {padding:30px 75px; background:url('../ico_qna_q.png') no-repeat 20px center; font-size:15px; line-height:18px; cursor:pointer;}
.qna_list li .q em { font-weight:normal; font-family:'mgb';}
.qna_list li .a {display:none; padding:28px 75px 42px; background:url('../ico_qna_a.png') no-repeat 20px 31px #f9f9f9; font-size:15px; line-height:18px;}

/* ���� �˻� */
.search_type01 {display:table-cell; width:1200px; padding:20px 0; margin-top:30px; border:1px solid #e7e7e7; background:#f8f8f7; font-size:0; line-height:0; text-align:left; vertical-align:middle; box-sizing:border-box;}
.search_type01 .select_option {margin:0 10px 0 80px;}
.search_type01 .btn_search {display:inline-block; width:83px; height:35px; margin-left:-1px; background:#444; color:#fff; font-size:14px; line-height:32px; text-align:center; font-family:'mgb'; vertical-align:middle; cursor:pointer;}
.search_type01 .text_list {display:inline-block; margin-left:117px; font-size:14px; line-height:18px; vertical-align:middle;}
.search_type01 .text_list li {padding:2px 0;}
.search_type01 .text_list li em {display:inline-block; width:83px; height:30px; margin-right:10px; border:1px solid #c4c4c4; background:#f0f0f0; font-size:14px; line-height:27px; text-align:center; font-family:'mgb'; box-sizing:border-box;}

.ordernum_txt {margin:50px 30px 0; padding-left:16px; background:url('../ico_orange_check.png') no-repeat 0 center; color:#2e2e2e; font-size:15px; font-family:'mgb';}
.ordernum_txt em {color:#ffa60c;}


/* ���������� */

table.al_information {border-top:1px solid #e7e7e7; width:100%; overflow:hidden;}
table.al_information th {width:15%; background:#f7f7f3; line-height:63px; padding-left:38px; font-size:15px; font-weight:normal; font-family:'mgb'; color:#2e2e2e; border-bottom:1px solid #e7e7e7; text-align:left;}
table.al_information td {width:85%;padding-left:22px; font-size:15px; color:#2e2e2e; border-bottom:1px solid #e7e7e7; }

table.al_product {border-top:1px solid #e7e7e7; width:100%; overflow:hidden;}
table.al_product th { background:#f7f7f3; line-height:63px; text-align:center; font-size:15px; font-weight:normal; font-family:'mgb'; color:#2e2e2e; border-bottom:1px solid #e7e7e7; }

table.al_product td { font-size:15px; color:#2e2e2e; text-align:center; border-bottom:1px solid #e7e7e7; }/*line-height:102px; */
table.al_product td.text-left {text-align:left;}
table.al_product td.text-left span.text_pp {padding-left:15px;}

.al_left {float:left;width:49%; overflow:hidden;}
.al_right {float:right;width:49%; overflow:hidden; position:relative;}

.al_right p {position:absolute; top:49px; right:165px; font-size:15px; color:#2e2e2e;}

table.left_right_table {width:100%; border:1px solid #e7e7e7; overflow:hidden;}
.al_left table.left_right_table {border-left:none;}
.al_right table.left_right_table {border-right:none;}
table.left_right_table th {width:30%; background:#f7f7f3; line-height:63px; padding-left:38px; font-size:15px; font-weight:normal; font-family:'mgb'; color:#2e2e2e; border-top:1px solid #e7e7e7;  text-align:left;}
table.left_right_table td {padding-left:22px; font-size:15px; color:#2e2e2e; border-top:1px solid #e7e7e7; }
table.left_right_table tr:first-child th,
table.left_right_table tr:first-child td {border-top:none;}



.left_right_table .al_user{width:280px; height:35px; line-height:33px; padding-left:10px; font-size:15px; color:#2e2e2e; border:1px solid #c4c4c4; box-sizing:border-box;}
.left_right_table select {width:90px; height:37px; border:1px solid #c4c4c4;}
.left_right_table input.al_num {width:90px; height:35px; line-height:33px; border:1px solid #c4c4c4; text-align:center; box-sizing:border-box;}
.left_right_table input.al_e_mail {width:280px; height:35px; line-height:33px; text-align:center; font-size:15px; color:#2e2e2e; border:1px solid #c4c4c4; box-sizing:border-box;}
.left_right_table input.al_e_mail2 {width:280px; height:35px; line-height:33px; text-align:center; font-size:15px; color:#2e2e2e; border:1px solid #c4c4c4; box-sizing:border-box;}
.left_right_table .address_num {width:128px; height:35px; line-height:33px;border:1px solid #c4c4c4; text-align:center; box-sizing:border-box;}
.left_right_table .address_text {width:280px; height:35px; line-height:33px; padding-left:10px; border:1px solid #c4c4c4; margin-top:6px;  box-sizing:border-box;}
.left_right_table .al_address_pp {padding-top:14px; padding-bottom:14px;}

.al_change_back {clear:both; text-align:center; padding-top:30px; overflow:hidden;}

table.al_Payment_Information {border-top:1px solid #e7e7e7; width:100%; overflow:hidden;}
table.al_Payment_Information th {width:15%; background:#f7f7f3; line-height:63px; padding-left:38px; font-size:15px; font-weight:normal; font-family:'mgb'; color:#2e2e2e; border-bottom:1px solid #e7e7e7; text-align:left;}
table.al_Payment_Information td {width:85%;padding-left:22px; font-size:15px; color:#2e2e2e; border-bottom:1px solid #e7e7e7; }
table.al_Payment_Information .al_color_text{color:#ffa60c;}

.mypage_wrap .mypage_noti .btn {display:inline-block; background:#92979b; color:#fff; line-height:27px; padding:0 10px; vertical-align:middle;}
.mypage_wrap a.btn1 {display:inline-block; background:#ffa60c; color:#fff; line-height:27px; padding:0 10px; vertical-align:middle; font-size:13px;}
.mypage_wrap a.btn2 {display:inline-block; background:#92979b; color:#fff; line-height:35px; padding:0 10px; vertical-align:middle; font-size:13px;}
.mypage_wrap a.btn3 {display:inline-block; background:#69ecfe ; color:#3a1c1c; line-height:45px; padding:0 40px; vertical-align:middle; font-size:14px; font-weight:normal; font-family:'mgb';}
.mypage_wrap a.btn4 {display:inline-block; background:#92979b; color:#fff; line-height:45px; padding:0 25px; vertical-align:middle; font-size:14px; font-weight:normal; font-family:'mgb';}
.mypage_wrap a.btn5 {display:inline-block; background:#ffa60c; color:#fff; line-height:27px; padding:0 25px; vertical-align:middle; font-size:14px; font-weight:normal; font-family:'mgb';}
.mypage_wrap a.btn6 {display:inline-block; background:#01aebe; color:#fff; line-height:27px; padding:0 25px; vertical-align:middle; font-size:14px; font-weight:normal; font-family:'mgb';}


/* ���������� ���/��ǰ/ȯ�� �κп� �߰��� �κ� */

.p_text {border-bottom:1px solid #e7e7e7; background:#f7f7f3; overflow:hidden;}
.p_text .left {float:left; line-height:63px; font-size:15px; color:#2e2e2e; font-weight:normal; font-family:'mgb'; padding-left:30px;}
.p_text .right {float:right; line-height:63px; font-size:15px; color:#2e2e2e; font-weight:normal; font-family:'mgb'; padding-right:30px;}

.al_btn_song {text-align:center; padding-top:10px;}

table.al_Payment_Information .al_color_text1{color:#01aebe;}

/* ���������� 2016.05.25 */

.lnb_info {padding:18px 22px; border-top:1px solid #eaeaea; background:#fcfcfb;}
.lnb_info dl {overflow:hidden;}
.lnb_info dl dt {float:left; font-size:13px; line-height:22px; text-align:left;}
.lnb_info dl dd {float:right; font-size:13px; line-height:22px; text-align:right;}
.lnb_info dl dd em.color_orange {color:#ffa22a;}
.lnb_info dl dd em.color_blue {color:#01aebe;}

.mytop_txt_wrap {position:relative; height:111px;padding-left:130px; border:1px solid #e7e7e7; overflow:hidden;}
.mytop_txt_wrap.bg_img1 {background:url('../bg_tx01.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap.bg_img2 {background:url('../bg_tx02.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap.bg_img3 {background:url('../bg_tx03.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap.bg_img4 {background:url('../bg_tx04.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap.bg_img5 {background:url('../bg_tx05.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap.bg_img6 {background:url('../bg_tx06.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap.bg_img7 {background:url('../bg_tx07.gif') no-repeat 50px center #fcfcfb;}
.mytop_txt_wrap .mytop_txt_box {display:table; height:111px;}
.mytop_txt_wrap .mytop_txt_list {display:table-cell; vertical-align:middle;}
.mytop_txt_wrap .mytop_txt_list h2 {font-size:20px;}
.mytop_txt_wrap .mytop_txt_list p {color:#2e2e2e; font-size:15px; line-height:20px;}
.mytop_txt_wrap .mytop_txt_list p a {color:#fe960b; font-size:15px; line-height:20px; }
.mytop_txt_wrap .mytop_txt_c {position:absolute; right:50px; top:35px;}
.mytop_txt_wrap .mytop_txt_c strong {font-size:20px; vertical-align:middle;}
.mytop_txt_wrap .mytop_txt_c span {margin-left:20px; vertical-align:middle;}
.oea_txt_box {padding:0 30px; margin-top:35px; overflow:hidden;}
.oea_txt_box .oea_left {float:left; font-size:15px; line-height:39px;}
.oea_txt_box .oea_right {float:right; font-size:15px; line-height:39px;}
.oea_txt_box .oea_right strong {color:#ffa200;}

.board_list_btns {padding:30px 30px 0; text-align:left; overflow:hidden;}
.btn_board_yellow {display:inline-block; height:45px; padding:0 28px; background:#69ecfe ; border:none; color:#3a1c1c; font-size:14px; line-height:45px; font-weight:normal; font-family:'mgb';}
.btn_board_blue {display:inline-block; height:45px; padding:0 28px; background:#01aebe; border:none; color:#fff; font-size:14px; line-height:45px; font-weight:normal; font-family:'mgb';}
.btn_board_gray {display:inline-block; height:45px; padding:0 28px; background:#92979b; border:none; color:#fff; font-size:14px; line-height:45px; font-weight:normal; font-family:'mgb';}
.btn_board_orange {display:inline-block; height:45px; padding:0 28px; background:#ffa60c; border:none; color:#fff; font-size:14px; line-height:45px; font-weight:normal; font-family:'mgb';}

.board_list_btns .link_right {float:right;}
.color_yellow {color:#69ecfe ; font-size:15px;}
.evaluation {padding:20px; background:#f6f6f7;}
.evaluation p {font-size:15px; text-align:left;}
.evaluation_box {padding:0 !important;}

.board_list td .btn_gray03 {margin-top:2px;}
.btn_gray03 {display:inline-block; width:60px; height:26px; background:#92979b; color:#fff; font-size:13px; line-height:26px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.board_list td .wslist_img {display:inline-block;  font-size:0; line-height:0;}
.board_list td .wslist_img img {border:1px solid #d2d2d2;}
.board_list td .wslist_name {text-align:left;}
.board_list td .wslist_name strong {display:block; font-size:15px; line-height:20px; font-weight:normal;}
.board_list td .wslist_name p {color:#8e8d8b; font-size:12px;}
.board_list tr.board_qa_box {display:none;}
.board_list tr.board_qa_box td {padding:0;}
.board_list tr.board_qa_box td .questions {padding:30px 77px 20px; background:url('../ico_board_q.png') no-repeat 22px 22px #f6f6f7; text-align:left;}
.board_list tr.board_qa_box td .answers {padding:30px 77px 20px; background:url('../ico_board_a.png') no-repeat 22px 22px #f6f6f7; text-align:left;}


.board_write2 {width:100%; border-top:1px solid #d9d9d9; font-size:15px; line-height:20px; text-align:left; box-sizing:border-box; border-collapse:collapse;}
.board_write2 th {padding-left:35px; border:1px solid #d9d9d9; border-right:none; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:left; letter-spacing:-1px;}
.board_write2 td {height:35px; padding:14px 20px; border:1px solid #d9d9d9; border-left:none;}
.board_write2 td input[type="text"] {height:35px; padding:0 10px; border:1px solid #c4c4c4; box-sizing:border-box; background:#fff; line-height:30px;}
.board_write2 td input[type="radio"] {margin:0; vertical-align:middle;}
.board_write2 td select {padding:5px 0 6px; border:1px solid #c4c4c4; }/*background:url('../bg_select_down.gif') no-repeat right center #fff;*/
.board_write2 td label {vertical-align:middle;}
.board_write2 td .text_right span {margin-right:35px;}
.board_write2 th .color_orange {color:#ff620c; vertical-align:middle;}
.text_left {float:left;}
.text_right {float:right;}
.mgl10 {margin-left:10px !important;}
.btn_center {margin-top:30px; text-align:center;}
input[type="button"] {border:none;}

.secession_txt_box {padding:45px 50px; text-align:left;}
.secession_txt_box h3 {padding-bottom:20px; font-size:20px;}
.secession_txt_box p {font-size:15px; line-height:20px;}
.check_list_wrap {padding:50px 0 50px 195px; background:#f5f5f3; text-align:left;}
.check_list_wrap p {font-size:18px; text-align:left;}
.check_list_wrap .check_lists {margin-top:25px; overflow:hidden;}
.check_list_wrap .check_lists li {float:left; width:375px;}
.check_list_wrap .check_lists li input[type="checkbox"] {padding:0; margin:2px 0 0; vertical-align:middle;}
.check_list_wrap .check_lists li label {font-size:15px; line-height:30px; vertical-align:middle;}
.anne_check {height:55px; background:#e8e8e7; text-align:center;}
.anne_check input[type="checkbox"] {padding:0; margin:-2px 0 0; vertical-align:middle;}
.anne_check label {font-size:15px; line-height:55px;}

.res_txt {margin:50px 30px 0; text-align:left; font-size:15px;}
.res_txt em {font-weight:normal; font-family:'mgb';}
.prd_box {margin:10px 0;}
.prd_box img {margin-right:10px;}

.titleText {margin-top:20px; font-size:20px; line-height:24px; font-weight:normal; font-family:'mgb';}
.subtitleText {margin:20px 0; font-size:14px; line-height:18px;}

/*���� <%=cfgSiteName%> ���� ����*/
.top_info_inner {overflow:hidden;}
.top_info_inner li {overflow:hidden; float:left; width:25%; box-sizing:border-box; padding:0 20px; border-left:1px solid #69ecfe;}
.top_info_inner li:first-child {border-left:none;}
.top_info_inner span.img{display:inline-block; float:left; font-size:16px; font-weight:normal; font-family:'mgb'; color:#3a1c1c;}
.top_info_inner span.txt {display:inline-block; float:right; padding:10px 0; font-size:16px; color:#3a1c1c;}


.main_cont_top {overflow:hidden; background:#fff; padding:25px 0px; margin-top:17px;}
.main_cont_top li {text-align:center; float:left; width:25%; position:relative;}
.main_cont_top li .tit{font-size:18px; font-weight:normal; font-family:'mgb'; color:#000000; line-height:28px;}
.main_cont_top li .txt {font-size:35px; font-weight:normal; font-family:'mgb'; color:#ffc90c; padding-top:6px;}
.main_cont_top li .txt span {display:inline-block; margin-top:-4px; vertical-align:middle;}
.main_cont_top li span.img {display:inline-block; position:absolute; top:50%; right:-10px; margin-top:-20px;}


.board_list_pay {width:100%; background:#fcfcfb; font-size:15px; line-height:18px;}
.board_list_pay th {background:#b5babd; font-size:15px;  color:#fefefe; padding:16px 0; text-align:center; border-left:1px solid #eaeaea;}
.board_list_pay th:first-child {border-left:none;}
.board_list_pay td {text-align:center; padding:20px 0; border-left:1px solid #eaeaea; color:#2e2e2e; font-size:15px;}
.board_list_pay td:first-child {border-left:none;}
.board_list_pay td em {font-size:18px;}
.board_list_pay td.name {text-align:left; padding:20px;}
.board_list_pay td.name .img {float:left;}
.board_list_pay td.name .txt {float:left; padding-left:20px;}
.board_list_pay td.name .txt strong {display:inline-block; font-weight:normal; font-family:'mgb';}
.board_list_pay td.name .txt span {display:inline-block; padding-top:12px; font-size:14px; color:#888888;}


/*���� ��õ�� ȸ�� ���*/

.recom-day {border:1px solid #d9d9d9; }
.recom-day .recom-day-tit {background:#f7f7f3; display:table-cell; height:122px; width:140px; text-align:center; font-size:20px; font-weight:normal; font-family:'mgb'; color:#2e2e2e; line-height:22px;  box-sizing:border-box; vertical-align:middle;}
.recom-day .recom-day-cont {display:table-cell;  background:#fcfcfb; width:848px; height:122px;box-sizing:border-box; vertical-align:middle;}
.recom-day .recom-day-cont .recom-day-cont_in p {font-size:15px; color:#2e2e2e; line-height:20px;}
.recom-day .recom-day-cont .recom-day-btn{overflow:hidden; font-size:0px;}
.recom-day .recom-day-cont .recom-day-btn span {display:inline-block; border-top:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;  }
.recom-day .recom-day-cont .recom-day-btn span:first-child {border-left:1px solid #c4c4c4;}
select.select1 {appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px; background: #fff url("../bottom_icon12.png") no-repeat scroll right 5px center / 25px auto; border: 1px solid #c4c4c4; box-sizing: border-box; color: #2e2e2e; font-size: 15px; height: 35px; line-height: 20px; padding-left:3px;  text-align: left; width: 100%;}
.recom-day-cont .recom-day-sele{margin-top:9px; font-size:15px; color:#2e2e2e;}
.recom-day-cont .recom-day-sele span.txt {display:inline-block; padding:0 6px;}
.recom-day-cont .recom-day-sele span.at {display:inline-block; padding:0 8px 0 2px;}
.recom-day-cont_in {padding-left:20px;}
.cont_title04 span.left_txt {display:inline-block; float:right;}
.cont_title04 span.left_txt span.color {color:#ff9239;}
.delivery_bntbox {overflow:hidden; font-size:0px; padding-top:30px;}


/*���� ��ǰ�� �κ�*/

.evaluation_bigstar {width:990px; height:160px; border:1px solid #d9d9d9; background:#f9f9f9; box-sizing:border-box; text-align:center; display:table-cell; vertical-align:middle;}
.evaluation_bigstar .evaluation_bigstar_1 strong{display:inline-block; padding-left:10px; font-size:50px; color:#69ecfe ; vertical-align:middle;}
.evaluation_bigstar .evaluation_bigstar_1 span {font-size:27px; color:#000000; vertical-align:bottom;}
.evaluation_bigstar .evaluation_bigstar_2 {font-size:20px; color:#010101; padding-top:20px;}


.mypage_wrap2 tr.clickcon {display:none;}
.mypage_wrap2 tr.clickcon.on {display:block;}

tr td.clickon_in {background:#f9f9f9 url('../clickcon_bg.png')no-repeat 90px 28px; box-sizing:border-box; padding:30px 0 30px 118px; text-align:left;}



/*����Ʈ ij�� �κ�*/

.p_c_top {width:990px; height:166px; border:1px solid #d9d9d9; box-sizing:border-box; }
.p_c_top .p_c_top_top {width:988px; height:98px; background:#fcfcfb; box-sizing:border-box; padding:27px 26px 0 31px;}
.p_c_top .p_c_top_top .left {float:left; text-align:left;}
.p_c_top .p_c_top_top .left em {font-size:30px; color:#2e2e2e; font-weight:normal; font-family:'mgb'; line-height:32px;}
.p_c_top .p_c_top_top .left span {font-size:15px; color:#2e2e2e; font-weight:normal; font-family:'mgb';}
.p_c_top .p_c_top_top .right {float:right; text-align:right; padding-top:12px;}
.p_c_top .p_c_top_top .right strong {font-size:40px; color:#2e2e2e; font-weight:normal; font-family:'mgb';}
.p_c_top .p_c_top_top .right img {margin-top:-26px;}
.p_c_top .p_c_top_bottom {width:988px; height:66px; background:#f7f7f7; position:relative;}
.p_c_top .p_c_top_bottom img {position:absolute; top:50%; left:15px; margin-top:-17.5px;}
.p_c_top .p_c_top_bottom span {font-size:12px; color:#888888; line-height:14px;}
.p_c_top .p_c_top_bottom .p_c_top_bottom_in {width:988px; height:66px; box-sizing:border-box; padding-left:60px; display:table-cell; vertical-align:middle;}
.p_c_top_bottom_in_btn {position:absolute; top:50%; right:15px; margin-top:-18px; border:1px solid #a0a6a9;}


/*��������*/
.coupon_btns_11 {overflow:hidden; padding:29px 0 20px 0; font-size:0px;}


/*ȸ��Ż��*/

.leave_txt_box {padding:40px; background:#fcfcfb; border:1px solid #d9d9d9;}
.leave_txt_box h4 {font-size:15px; color:#2e2e2e; line-height:21px;}
.leave_txt_box p {font-size:14px; color:#888888; line-height:20px;}
.leave_txt_box .leave_txt02{padding-top:40px;}


.leave_check_list {overflow:hidden; padding:40px 0px 40px 60px; box-sizing:border-box; border:1px solid #d9d9d9; background:#fdfdf8;}
.leave_check_list li {padding-top:22px; float:left; width:463px; text-align:left; font-size:15px; color:#2e2e2e;}
.leave_check_list li.topno {padding-top:0px;}
.leave_check_list li label {padding-left:15px;}
.anne_check2 {padding:28px 0 22px 0; text-align: center; font-size:15px; color:#2e2e2e;}
.anne_check2_btn {overflow:hidden; font-size:0px; text-align:center;}

/* �ܰ躰 ������ */
.b_write_box {margin-top:34px;}
.b_write {width:100%; border-collapse:collapse;}
.b_write tr th, .b_write tr td {border:1px solid #e7e7e7; font-size:15px;}
.b_write tr th {padding-left:37px; background:#f7f7f3;  text-align:left;}
.b_write tr td {height:30px; padding:10px 38px 10px 20px; background:#fcfcfb; text-align:left;}
.b_write tr td .cont {min-height:135px; border:1px solid #c4c4c4; background:#fff;}
.b_write tr td input {vertical-align:middle;}
.b_write tr td span {font-size:12px; vertical-align:middle;}
.b_write tr .valign_top {padding-top:10px; vertical-align:top;}
.txt_red {color:#fe0000 !important;}

.b_list_box {margin-top:10px;}
.b_list_box .b_list {overflow:hidden;}
.b_list_box .b_list li {float:left; width:282px; height:400px; padding:16px 25px; margin:24px 0 0 24px; border:1px solid #d1d1d1; box-sizing:border-box; background:#fff;}
.b_list_box .b_list li.mgl0 {margin-left:0;}
.b_list_box .b_list li h3 {margin-top:15px; font-size:15px; font-weight:normal; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.b_list_box .b_list li p {height:70px; margin-top:20px; font-size:15px; text-align:left; overflow: hidden;}
.b_list_box .b_list li span {display:block; font-size:15px; text-align:left;}

.b_view_box {margin-top:34px; background:#f8f8f7;}
.b_view_box .b_view_tit {padding:0 32px; overflow:hidden;}
.b_view_box .b_view_tit h2 {float:left; font-size:25px; line-height:83px; font-weight:normal;}
.b_view_box .b_view_tit span {float:right; font-size:15px; line-height:83px; }
.b_view_box .b_view_cont {padding:25px 32px 50px; border-top:1px solid #e7e7e7;}
.b_view_box .b_view_cont .img {text-align:left;}
.b_view_box .b_view_cont p {margin-top:15px; font-size:15px; line-height:20px; text-align:left;}


/*http://koreademo.mallshopping.co.kr/mallinmall/regist_form.asp ����*/
.titleTextregi {border-bottom: 5px solid #2e2e2e; font-family: "mgb"; font-size: 30px; font-weight: normal; height: 84px; line-height: 81px;padding-bottom: 21px;}
.table_style td{padding:5px 0px; vertical-align:top;}
.table_style input.text{padding:0 20px;; box-sizing:border-box; vertical-align:middle; font-family: "mgb"; color: #92979b; height:55px; line-height:50px;}
.sec select {height:55px;}
.refist_ckclass {background: rgba(0, 0, 0, 0) url("../ico_login_check_off.png") no-repeat scroll 0 center;display: block;font-family: "mgb";font-size: 15px;height: 66px;line-height: 63px;overflow: hidden;padding-left: 32px;position: relative; width:150px;}
.refist_ckclass input{}
.refist_ckclass.on {background: rgba(0, 0, 0, 0) url("../ico_login_check_on.png") no-repeat scroll 0 center;}
/*http://koreademo.mallshopping.co.kr/mallinmall/regist_form.asp  ��*/


.productCont .txt {padding: 10px 20px; background:#fff; text-align:left;}
.productCont .txt .tit{font-size: 18px;line-height: 24px;white-space: nowrap;}

/*���ڿ��� üũ�ڽ�*/

.MFchk_box {}
.MFchk_box .MFchk {}
.MFchk_box .MFchk .notif{display:inline-block;}

/*���ڿ��� ���� üũ�ڽ� �ٹ̱�*/

.MFchk_box_wrap input[type=radio] {display: none;}

.MFchk_box_wrap input[type=radio] + label{display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 13px;}

.MFchk_box_wrap input[type=radio]+ label:before {content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #ccc;border-radius: 15px;box-shadow: inset 0px 1px px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.MFchk_box_wrap input[type=radio]:checked + label:before {content: "\2713";  /* üũ��� */text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 18px;font-weight:800;color: #fff;background:#2f87c1;text-align: center;line-height: 18px;}
/*���ڿ��� ���� üũ�ڽ� �ٹ̱� ��*/
.timerestBox_height {height:30px;}
.timerestBox {padding:0 20px; font-size:15px;}
.timerestBox span {display:inline-block; padding:1px 2px; background:#555 ; font-weight:bold; color:#fff; border-radius:3px;}

/*��ǰ ����Ʈ Ÿ�Ӽ��� �κ� */


.ico_point {display:inline-block; width:18px; height:18px; margin-top:-2px; border-radius:100%; color:#fff; font-weight:bold; font-size:12px; line-height:18px; text-align:center; overflow:hidden; vertical-align:middle;}
#navi_cate select {height:35px; padding:0 5px; border:1px solid #c4c4c4; color:#000; box-sizing:border-box; text-align:left; vertical-align:middle;}
.location select {height:35px; padding:0 5px; border:1px solid #c4c4c4; color:#000; box-sizing:border-box; text-align:left; vertical-align:middle;}
/* 2026-08-31 홍현기 : 고객센터 FAQ(cscenter/faq.asp) 하단 페이징의 "다음" 글자가 세로로
   두 줄(다/음)로 깨져 보이던 문제.
   ─ 원인 — 이 FAQ는 React 아일랜드(#csFaqRoot, /static/shop-islands/cs-faq.js, panamedic
     직접수정 불가)가 그리는데, 이 컴포넌트가 만드는 "다음"/"이전" 링크에는 class가 전혀
     없다(<a data-faq-page="10">다음</a>). 그런데 공용 CSS의 기본 규칙(.paging a)은
     width:31px 고정이라 숫자 한 글자(1,2,3...)엔 맞지만 "다음"(2글자)은 못 들어가 줄바꿈됨.
     같은 파일에 원래 .paging a.prev/.paging a.next(아이콘+가변폭) 전용 스타일이 있지만,
     이 컴포넌트는 그 class를 안 붙여서 그 스타일을 못 받는다.
   ─ 조치 — #csFaqRoot 안에서만 .paging a의 폭을 내용에 맞춰 자동으로 늘어나게(줄바꿈 금지)
     바꾼다. 숫자 버튼은 원래도 31px 안에 들어가던 크기라 시각적으로 거의 그대로다.
     다른 화면의 .paging(주문목록 등, class="prev"/"next" 아이콘형)은 #csFaqRoot 밖이라
     영향 없다.
   되돌리기 : 이 블록만 지운다. */
#csFaqRoot .paging a{width:auto; min-width:31px; padding:0 10px; white-space:nowrap; box-sizing:border-box;}

/* 2026-08-31 홍현기 : 마이페이지(my/main.asp) 좌측 메뉴(주문/배송내역, 관심 브랜드 등)를
   누르면 페이지 이동 직후 우측 콘텐츠 영역이 잠깐 빈 상태로 그려졌다가(짧은 높이라 푸터가
   화면 중간까지 올라와 보임) 콘텐츠가 실제로 뜨면서 페이지가 늘어나 푸터가 다시 내려가는
   현상 — 실제 CSS 조치는 site_v2.js 쪽에 있다(아래 설명).
   ─ 원인 — my 하위 페이지들은 4사이트 공용 아일랜드(#ee-my-root, /static/shop-my/
     my-shared.js 등, panamedic 직접수정 불가)가 콘텐츠를 그리는데, 실측 약 380~430ms 뒤에야
     내용이 DOM에 붙는다.
   ─ 1차 시도(실패, 기록만 남김) — #ee-my-root 자체에 min-height를 걸었으나 효과가 없었다.
     원인은 #ee-my-root가 "빈 채로 먼저 생겼다가 나중에 채워지는" 게 아니라, 콘텐츠가 준비된
     "그 순간 한 번에" #ee-my-root와 그 내용이 통째로 DOM에 삽입되기 때문 — 빈 상태의
     #ee-my-root가 존재하는 시점 자체가 없어서 min-height를 걸 대상이 없었다(헤드리스
     크롬으로 여러 시점 샘플링해 확인: #ee-my-root는 항상 "이미 채워진 상태"로만 관측됨).
   ─ 2차 조치(실제 적용) — #ee-my-root가 삽입되기 전부터 이미 존재하는 부모
     (.left_none, 서버가 처음부터 그려주는 요소)에 /my/ 경로에서만 JS로 임시 min-height를
     걸고, 약 650ms 뒤 제거한다. .left_none 자체는 사이트 전역에서 쓰는 클래스라 CSS로
     걸면 다른 화면까지 영향받아, 반드시 location.pathname 검사로 /my/ 페이지에서만
     동작하는 JS로 처리했다(data/panamedic/js/site_v2.js).
   되돌리기 : site_v2.js 안의 같은 날짜 블록을 지우면 된다. */

/* 2026-08-31 [PD2608310080 재적용] 상품상세(product/content.asp -> shop-detail.asp, 4사이트
   공용 셸) PC 우측 플로팅 구매 레일(.ee-pd-float, 스크롤해서 상단 구매버튼이 화면 밖으로
   나가면 뜨는 미니카트) 위치 수정. ★그 뒤에 있었던 카드 재디자인·sticky/어픽스 등 작업은
   전부 사용자 요청으로 원복하고, 이 작업(PD2608310080)만 다시 적용한다.
   ─ 원인 — 공용 CSS가 패널 위치를 "right: max(20px, calc(50% - 700px))"로 고정해뒀는데,
     이건 본문 최대폭(--layout-body-max)이 1400px인 사이트를 가정한 값이다(700=1400/2).
     정작 같은 공용 CSS 안의 --layout-body-max는 1200px이고(1200/2=600), 패널도 "본문 상자
     오른쪽 바로 바깥"에 붙어야 본문과 안 겹친다. panamedic만의 문제가 아니라 이 공용
     컴포넌트 자체의 계산 실수로 보이지만, 공용 파일은 손대지 않고 panamedic 전용 이
     파일에서 right 값만 700 -> 600으로 고쳐 겹침을 없앤다.
   ─★주의 — 이 규칙은 .ee-pd-float(4사이트 공용 새 셸, #ee-pd-root)를 대상으로 한다.
     2026-08-31 중 다른 세션이 상품상세 게이트를 원복해 panamedic은 지금 이 새 셸이 아니라
     예전(레거시) 템플릿을 쓰고 있어(텍스트옵션·추가상품 미구현이 이유), 이 규칙은 지금
     당장은 적용될 대상 요소 자체가 없어 화면에 아무 효과가 없다 — 상품상세는 새 셸이
     아닌 레거시 템플릿(구매 폼이 상품이미지 옆에 정적으로 붙어있는 원래 모습) 그대로
     보인다. 새 셸을 다시 켜려면 그 게이트 조건 자체를 바꿔야 하는데, 그러면 텍스트옵션·
     추가상품이 다시 안 보이게 된다(오늘 그 문제로 게이트가 원복된 것).
   되돌리기 : 이 블록만 지운다. */
.ee-pd-float{right:max(20px, calc(50% - 600px)) !important;}

/* 2026-08-31 홍현기(재적용) : 스크롤 내리면 나오는 "구매 플로팅메뉴"를 endedit.com
   (https://endedit.com/product/content.asp?guid=754666) 실측 디자인 그대로 재적용.
   ★오늘 이 카드 작업을 여러 차례 만들었다 지웠다 했다 — 지금 버전은 그간 시행착오로
   찾은 문제들을 전부 피해서 만든 최종판이다.
   ─ 시각 스펙(카드 배경/모서리/그림자/여백/위치)은 CSS가 아니라 site_v2.js가 JS
   인라인 스타일(!important)로 직접 적용한다(외부 CSS 파일이 캐시 등 어떤 이유로든
   안 먹는 경우에도 카드 모양만은 반드시 뜨게 하기 위함 — 오늘 캐시 문제로 여러 번
   혼선을 겪은 뒤 내린 결정). 이 CSS 파일에서는 그 아래 옵션 줄들의 세부 스타일만
   맡는다.
   ─ endedit 실측 — 카드 안에는 썸네일+상품명 헤더 → 옵션(라벨+알약버튼, 회색배경
   박스 없음) → 총상품금액 → 찜/장바구니/구매버튼만 있고, 가격줄·상품설명·공유버튼은
   없다. panamedic 실제 폼에 있는 이 요소들은 카드 모드에서는 숨긴다(정보 손실은
   없음 — 가격은 총상품금액에 반영됨).
   ─★"맨 끝까지 스크롤해도 안 사라져야 한다"는 사용자 요청대로, 한 번 뜨면 페이지
   끝까지 계속 보인다(푸터 회피 로직 없음).
   되돌리기 : 이 블록 전체 + site_v2.js의 같은 날짜 "pd-fcard" 블록을 지운다.

   ★2026-09-01 : 카드 폭을 340px→280px→240px로 줄였다(site_v2.js paintCard 참고
   — 우측 공용 아이콘메뉴 #right_bn_wrap 과 겹쳐 보이던 문제). 활성화 최소폭은
   한때 1601px까지 올렸었지만, 그러면 아이콘메뉴를 사용자가 직접 CLOSE 로 접어야
   카드가 뜨는 상황이 생겨(그 조건 게이트=fitsGutter) 불편하다는 지적을 받고
   1221px 로 다시 낮췄다 — 아이콘메뉴 상태와 무관하게 항상 뜨는 대신, 좁은 창에서는
   본문과 살짝 겹칠 수 있음을 감수하기로 했다. 버튼·썸네일·옵션칩 크기도 줄어든
   카드 폭에 맞춰 축소했다(요청). */
@media (min-width:1221px) {
	.infoWrap .infoBox.pd-fcard .mgt10,
	.infoWrap .infoBox.pd-fcard .rr-optg,
	.infoWrap .infoBox.pd-fcard .textarea_option,
	.infoWrap .infoBox.pd-fcard .select_fild,
	.infoWrap .infoBox.pd-fcard .optSel,
	.infoWrap .infoBox.pd-fcard .total_price,
	.infoWrap .infoBox.pd-fcard .btn_area,
	.infoWrap .infoBox.pd-fcard .selected_option_wrap {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.infoWrap .infoBox.pd-fcard .optSel .mgt10 { padding: 0; }
	.infoWrap .infoBox.pd-fcard .prd_mkprc,
	.infoWrap .infoBox.pd-fcard .prd_prc,
	.infoWrap .infoBox.pd-fcard .goods_subT,
	.infoWrap .infoBox.pd-fcard .SNSLayerIcon,
	.infoWrap .infoBox.pd-fcard .d_line {
		display: none !important;
	}
	.infoWrap .infoBox.pd-fcard .total_price {
		padding-top: 12px !important;
		margin-top: 0 !important;
		box-shadow: inset 0 1px 0 rgba(112, 115, 124, .18);
		font-size: 13px;
		color: rgba(55, 56, 60, .61);
	}
	.infoWrap .infoBox.pd-fcard .total_price em,
	.infoWrap .infoBox.pd-fcard .total_price b {
		font-size: 20px;
		font-weight: 800;
		color: #17181c;
		font-style: normal;
	}
	.infoWrap .infoBox.pd-fcard .btn_area {
		display: flex;
		gap: 6px;
	}
	.infoWrap .infoBox.pd-fcard .btn_area .likeImg {
		width: 36px;
		height: 36px;
		flex: 0 0 auto;
		border-radius: 4px;
		background: rgba(112, 115, 124, .08);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.infoWrap .infoBox.pd-fcard .btn_area a:not(.likeImg):not(.btnbuy) {
		flex: 1;
		border-radius: 4px;
		background: rgba(112, 115, 124, .08);
		font-weight: 700;
		font-size: 12px;
		color: #17181c;
		display: flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
	}
	.infoWrap .infoBox.pd-fcard .btn_area .btnbuy {
		flex: 1;
		border-radius: 4px;
		background: var(--sitecolor1, #5b3e96);
		font-weight: 700;
		font-size: 12px;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
	}
	/* ★2026-09-01(추가) 카드가 240px로 좁아지면서 "장바구니"/"구매하기" 버튼 안의
	   아이콘(.iconfont, 기본 16px)까지 같이 넣으면 글자가 줄바꿈됐다(실측으로 발견
	   — 폭 74px 인데 아이콘+4글자가 한 줄에 안 들어감). 이 좁은 카드 안에서는
	   그 두 버튼만 아이콘을 빼고 글자만 보여준다(하트 버튼 .likeImg 안의 아이콘은
	   글자 없이 아이콘 자체가 버튼 내용이라 여기서 빼면 안 된다 — 처음에 실수로
	   같이 지웠다가 하트가 안 보이는 걸 재확인 후 :not(.likeImg) 로 한정). */
	.infoWrap .infoBox.pd-fcard .btn_area a:not(.likeImg) .iconfont { display: none; }
	.pd-fcard-hd { display: flex; align-items: center; gap: 10px; }
	.pd-fcard-th { width: 44px; height: 44px; border-radius: 2px; overflow: hidden; background: rgba(112, 115, 124, .05); flex: 0 0 auto; }
	.pd-fcard-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
	.pd-fcard-name { font-size: 15px; font-weight: 700; line-height: 20px; color: #17181c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	/* ★2026-09-01(추가) 카드 폭 축소(340→280→240)에 맞춰 옵션칩(.rr-chip)도 살짝 줄인다
	   — .quickOption 전용 축소값(38px/7px 13px/13.5px)과 같은 정도로 맞춤. */
	.infoWrap .infoBox.pd-fcard .rr-chip { min-height: 38px; padding: 7px 12px; font-size: 13px; }
	.infoWrap .infoBox.pd-fcard .rr-optg-tit { font-size: 12.5px; }
	.infoWrap .infoBox.pd-fcard .ui-selectmenu-button.ui-button { height: 46px !important; }
	.infoWrap .infoBox.pd-fcard .ui-selectmenu-text { line-height: 44px !important; font-size: 13px !important; }
	/* 2026-08-31(추가) : "구매플로팅3.png" 참고 - 썸네일+상품명을 한 줄(헤더)로 옮겼으니
	   원래 자리(h2)의 상품명은 중복이라 숨기고, "인기상품" 태그·"현재 N명이 구매중이에요"
	   배지도 카드에서는 제거해 달라는 요청. 카드(.pd-fcard) 안에서만 숨긴다 — 스크롤 전
	   정적 상태(카드 아님)에는 그대로 나온다(원래 폼 그대로 유지).
	   되돌리기 : 이 규칙만 지운다. */
	.infoWrap .infoBox.pd-fcard h2,
	.infoWrap .infoBox.pd-fcard .strIconSet,
	.infoWrap .infoBox.pd-fcard .goodsInterest {
		display: none !important;
	}
}

/* 2026-09-01(추가) : 검색/목록 장바구니 옵션팝업(.potionBox)의 max-height:123px(commonTotal.css 원본)이
   썸네일+옵션select 1~2개용 높이였는데, 텍스트옵션·필수 추가상품 select가 함께 있는 상품은
   내용이 240px+ 로 넘쳐 필수 추가상품 select가 안쪽 숨은 스크롤(overflow:auto) 밖으로 밀려나
   화면에 전혀 안 보이면서도 "(필수)추가상품을 선택하셔야 합니다" 검증만 걸리던 문제.
   되돌리기 : 이 규칙만 지운다. */
.ListCartLayer .potionBox { max-height: none; }

/* 2026-09-01(추가, 위 potionBox 수정의 후속) : potionBox를 내용에 맞게 늘렸더니, 팝업 전체
   (.ListCartLayer/.ListCartposition)는 commonTotal.css 원본에 폭 600px x 높이 568~612px로
   고정돼 있고, 총상품금액+담기버튼(.CartLayerbottom)은 그 고정 높이의 바닥에 position:absolute
   로 못박혀 있어서 — potionBox·선택옵션요약이 늘어난 만큼 CartLayerbottom이 따라 내려오지 못하고
   원래 자리에 그대로 있어 뒤쪽 내용과 겹쳐 보이던 문제(총상품금액 숫자가 추가상품 가격줄과 겹침).
   원본 팝업은 "옵션이 적어 항상 568px 안에 들어온다"는 전제로 설계돼 있었다 — 그 전제가 깨지는
   경우(텍스트옵션+필수추가상품 등 다중 옵션) 전부를 대비해, 고정 높이 대신 내용에 맞춰 늘어나고
   버튼은 항상 내용 바로 아래(sticky)에 붙도록 바꿨다.
   되돌리기 : 이 블록 전체를 지운다. */
.ListCartLayer.on {
	height: auto;
	max-height: 85vh;
	overflow-y: auto;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
}
.ListCartLayer .ListCartposition {
	height: auto;
	min-height: 568px;
}
.ListCartLayer .CartLayerbottom {
	position: sticky;
	bottom: 0;
	left: 0;
	background: #fff;
}

/* =========================================================================
   2026-09-01 [PD2609010028] 사용자 요청 : 「판매자 입점 신청」 항목 숨기기
   endedit 공용셸(static-shared.js)이 «회사소개» 화면의 「문의하기」 칸에
   제휴문의 / 판매자 입점 신청 / 고객센터 세 개의 버튼을 그린다. 파나메딕은
   판매자를 모집하는 마켓플레이스가 아니라 이 버튼이 맞지 않아 감춘다.
   ★셸 JS 는 4개 사이트 공용이라 건드리면 안 된다(다른 사이트에도 그대로 반영된다)
     — 그래서 파나메딕 전용 CSS 인 이 파일에서만 감춘다.
   범위를 #st-root 로 한정해 마이페이지 등 다른 화면의 같은 주소 링크에는
   영향이 없게 했다. href 대소문자가 달라져도 걸리도록 i 플래그를 붙였다.
   되돌리기 : 이 블록만 지운다.
   ========================================================================= */
#st-root a.ee-st-sec-b[href$="applyDealer.asp" i] { display: none !important; }