@charset "utf-8";
html { margin: 0; overflow-y:scroll; }
html.noscroll, html.panelopen { overflow: hidden; }
body { margin: 0; padding: 0; font-size: 1rem; font-family: 'Noto Sans Kr', 'NanumGothic', 'Malgun Gothic','Exo 2', 'Work Sans', 'Montserrat'; font-weight: 400; color: #333; }
h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { }
article, aside, header, footer, nav, section { display: block; }
ul,ol,li,dl,dt,dd { margin: 0; padding: 0; list-style: none; font-weight: normal; }
legend { position: absolute; margin: 0; padding: 0;font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
label, input, button, select, img { vertical-align:middle; margin: 0; }
input, button { margin: 0; padding: 0; }
button, input[type="submit"] { cursor: pointer; }
button:focus,input[type="submit"]:focus { outline:none; border-color: transparent; box-shadow: none; }
textarea { resize: none; }
select { -webkit-appearance:none;  -moz-appearance:none; appearance:none; padding-right:30px; background:#fff url("/img/select_arrow.png") right 10px center no-repeat; }
input, select, button, textarea { font:inherit; margin:0px; padding:0px; outline:none; }
input::-ms-clear { display: none;}
select::-ms-expand { background-color: transparent; border: 0; }
select:focus::-ms-value {background: transparent; color: inherit; }
p { margin: 0; padding: 0; word-break: break-all; }
pre { overflow-x: scroll;}
a { color: #333; }
a:hover, a:hover { color: #014254; }
a, a:hover, a:focus { text-decoration: none; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=text],input[type=password], textarea { outline: none; box-shadow: none; }
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { outline: none; box-shadow: none; }
span[data-class],div[data-class],p[data-class],li[data-class] { cursor: pointer; }
#hd_login_msg, .sound_only { display: none !important; }
.btn,
.btn:focus { outline: none; box-shadow: none; }

/* page layout */
#container { display: flex; display: ms-flexbox!important; }
#aside_left { position: relative; flex: 1 1 25%; max-width: 25%; order: 1; -ms-flex-order: 1; padding-right: 25px; }
#container_wrap { position: relative; flex: 1 1 auto; order: 2; -ms-flex-order: 2; max-width: 100%; }
#aside_right { position: relative;  flex: 1 1 25%; max-width: 25%; order: 3; -ms-flex-order: 3; padding-left: 25px; }
@media (max-width: 992px) {
#aside_left, #aside_right { display: none !important; }
}
/* page layout */
.display-none { display: none !important; }
/* detail side display none */
#mbwnone #aside_left,
#mbwnone #aside_right { display: none !important; }
/* mobile-media-set */
@media (max-width: 992px) {
.mobile-padding { padding: 0 10px !important; }
.mobile-none { display: none !important; }
.mobile-only { display: block !important; }
}
@media (min-width: 992px) {
.mobile-only { display: none !important; }
}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
.strike { position: relative; }
.strike:after { position: absolute; top: 50%; left: -1px; right: -1px; height: 1px; background-color: #6B6B6B; content: ''; }
.unit-w { display: inline-block; font-family: 'Montserrat'; }
.unit-k { display: inline-block; font-size: 0.9em; }
.unit-k + .unit-w { margin-left: 2px; }
.minus { color: #e9314b; }
.minus > .unit-w { position: relative; color: #e9314b; }
.minus > .unit-w:before { position: absolute; width: 8px; height: 1px; background-color: #e9314b; top: calc( 50% - 1px ); left: -10px; content: ''; }

/* full wrap */
.fullwrap-out { position: relative; width: 100%; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; }
.fullwrap-out:before { display: block; width: 100%; height: 1px; content: ''; }
.fullwrap-out:after  { display: block; width: 100%; height: 50px; content: ''; }
.fullwrap-in { position: relative; width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.fullwrap-in:before,
.fullwrap-in:after { display: block; width: 100%; height: 1px; content: ''; }

/* form */
.input_text, .input_email, .input_phone { padding: .375rem .75rem; border: 1px solid #ccc; border-radius: .25rem; }
.input_select { padding: .375rem .75rem; padding-right: 30px; border: 1px solid #ccc; border-radius: .25rem; }
.input_select.big { padding: .5rem.75rem; }
.input_radio_label { padding: .375rem .75rem; border-radius: .25rem; border: 1px solid #ccc; margin: 0; }
.input_textarea { padding: .375rem .75rem; border: 1px solid #ccc; border-radius: .25rem; min-height: 80px; }

.radio_wrap { display: flex; }
.radio_wrap .radio_box { margin-right: 10px; }
.radio_wrap .radio_box:last-child { margin-right: 0; }
.radio_wrap input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
.radio_wrap label.big_label { position: relative; padding-left: 25px; cursor: pointer; }
.radio_wrap label.big_label:before { position: absolute; left: 0; top: 2px; display: inline-block; content: ''; width: 21px; height: 21px; border: 1px solid #ddd; border-radius: .25rem; }
.radio_wrap input[type="radio"]:checked~ label.big_label:before { font-family: 'fontAwesome'; content: '\f00c'; border: 1px solid #000; line-height: 21px; text-align: center; font-size: 16px; }
.check_wrap { display: flex; justify-content: space-between; }
.check_wrap input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; }
.check_wrap label.big_label { position: relative; padding-left: 30px; cursor: pointer; margin-bottom: 5px; }
.check_wrap label.big_label:before { position: absolute; left: 0; top: 2px; display: inline-block; content: ''; width: 21px; height: 21px; border: 1px solid #ddd; border-radius: .25rem; }
.check_wrap input[type="checkbox"]:checked~ label.big_label:before { font-family: 'fontAwesome'; content: '\f00c'; border: 1px solid #000; line-height: 21px; text-align: center; font-size: 16px; }
.check_wrap label.sm_label { position: relative; padding-left: 25px; cursor: pointer; }
.check_wrap label.sm_label:before { position: absolute; left: 0; top: 2px; display: inline-block; content: ''; width: 17px; height: 17px; border: 1px solid #ddd; border-radius: .25rem; }
.check_wrap input[type="checkbox"]:checked~ label.sm_label:before { font-family: 'fontAwesome'; content: '\f00c'; border: 1px solid #000; line-height: 17px; text-align: center; font-size: 13px; }

/* button */
button { padding: .375rem .75rem; text-align: center; outline: none; box-shadow: none; border: 0; border-radius: .25rem; /*height: calc(1.5em + .75rem + 2px);*/ }
button:focus { outline: none; box-shadow: none; border: 0; }
button.big { padding: .5rem .75rem; }

/* button wrap 
.button_wrap { width: 100%; display: flex; justify-content: center; }
.button_wrap button { position: relative; flex: 1; max-width: 50%; margin-right: 10px; }
.button_wrap button:last-child { margin-right: 0; }
.bton { padding: .375rem .75rem; text-align: center; outline: none; box-shadow: none; border: 0; border-radius: .25rem; /*height: calc(1.5em + .75rem + 2px);*/ }
.bton-bg-dark { background: #212121; color: #fff; }
.bton-bg-gray { background: #757575; color: #fff; }
.bton-bg-kakao { background: #ffe500; color: #212121; }
.bton-bg-accent { background: #7c4dff; color: #fff; }
.bton-bg-turquoise { background: #5bbdc8; color: #fff; }
.bton-bg-pomegranate { background: #e12e4b; color: #fff; } 
.bton-sns-img { width: 1.5em; height: auto; vertical-align: middle; margin-right: 5px; }
*/

/* 팝업레이어 */
#hd_pop { z-index: 1090; position: relative; margin: 0 auto; height: 0; }
#hd_pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.hd_pops { position: absolute; background: #fff; z-index: 1090; }
.hd_pops img { max-width: 100%; }
.hd_pops_con {}
.hd_pops_footer { padding: 0; background: #000; color: #fff; text-align: left; position: relative; }
.hd_pops_footer:after { display: block; visibility: hidden; clear: both; content: ""; }
.hd_pops_footer button { padding: 10px; border: 0; color:#fff; border-radius: 0; }
.hd_pops_footer .hd_pops_reject { background: #000; text-align: left; }
.hd_pops_footer .hd_pops_close { background: #393939; position: absolute; top: 0; right: 0; border-radius: 0; }
@media (max-width: 576px) {
#hd_pop { background: #fff; }
.hd_pops { display: flex; flex-direction: column; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(0,0,0,0.3); z-index: 9999; }
.hd_pops:before,
.hd_pops:after { content: ''; height: 1px; }
.hd_pops_con { width: 90% !important; height: 80vh !important; background: #fff; margin: auto auto; }
.hd_pops_con img { width: 100% !important; height: auto !important; }
}

/* 페이징 */
.pg_wrap {clear:both;margin:0px 0px 20px 0px;padding:20px 0px 60px 0px;text-align:center}
.pg {}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page, .pg_current {display:inline-block; margin:0px 2.5px; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; font-family:'Montserrat'; font-size:15px; background-color:#fff; color:#888; border:1px solid #ddd; vertical-align:middle; font-weight:normal; }
.pg_page {}
.pg_current {background-color:#3f4553;border-color:#3f4553;color:#fff !important;}
.pg_start, .pg_end, .pg_prev, .pg_next {text-indent:-9999em;}
.pg_start {background:url('/img/pg_start.png') center center no-repeat;}
.pg_end {background:url('/img/pg_end.png') center center no-repeat;}
.pg_prev {background:url('/img/pg_prev.png') center center no-repeat;}
.pg_next {background:url('/img/pg_next.png') center center no-repeat;}
.pg_empty {display:none}
.pg_prev.pg_empty, .pg_next.pg_empty {display:inline-block; width:0px !important;border:0; padding:0px; }

/*sidetab*/
#sidetab img { width: 70px; height: auto; }
#rtab { position: absolute; top: 0; width: 80px; right: -100px; }
#ltab { position: absolute; top: 0; width: 80px; left: -100px; }
#rtab > div,
#ltab > div { margin-bottom: .375rem; }

/*sidequick*/
#rightquick { position: fixed; width: 240px; height: 100%; top: 0; right: 0; background-color: #fff; box-shadow: 0 10px 10px 0 rgba(199, 197, 197, 1); z-index: 9999; border-left: 1px solid #ddd; transition: all 0.5s ease-in-out; }
#rightquick.off { right: -240px; }
#rightquick .quickwrap { position: relative; }
#rightquick .quickwrap .inner_wrap { padding: 20px; }
#rightquick .quicklist { position: absolute; top: calc(50vh - 150px); right: 240px; transform: translate(0,-50%); background-color: #fff; border: 1px solid #ddd; border-right: 0; border-bottom: 0; }
#rightquick .quicklist ul li { width: 57px; padding: 15px 0; text-align: center; cursor: pointer; border-bottom: 1px solid #ddd; }
#rightquick .quicklist ul li i { font-size: 24px; }
#leftquick { position: fixed; width: 240px; height: 100%; top: 0; left: 0; background-color: #fff; box-shadow: 0 10px 10px 0 rgba(199, 197, 197, 1); z-index: 9999; border-left: 1px solid #ddd; transition: all 0.5s ease-in-out; }
#leftquick.off { left: -240px; }
#leftquick .quickwrap { position: relative; }
#leftquick .quickwrap .inner_wrap { padding: 20px; }
#leftquick .quicklist { position: absolute; top: calc(50vh - 150px); left: 239px; transform: translate(0,-50%); background-color: #fff; border: 1px solid #ddd; border-right: 0; border-bottom: 0; }
#leftquick .quicklist ul li { width: 57px; padding: 15px 0; text-align: center; cursor: pointer; border-bottom: 1px solid #ddd; }
#leftquick .quicklist ul li i { font-size: 24px; }

/* color bg */
.item-color { display: flex; }
.color-bg { width: 14px; height: 14px; display: inline-block; border-radius: 50%; margin-right: 5px; }
.color-bg:last-child { margin-right: 0; }
/* item icon basic wrap */
.item-icon-wrap { position: absolute; display: flex; top: 5px; left: 8px; }
.item-icon-wrap > .item_icon { flex: 0 0 auto; margin-right: 5px; }
.item-icon-wrap > .item_icon:last-child { margin-right: 0; }
.item-icon-wrap > .ic_basic > .ic { display: inline-block; font-size: 12px; padding: 0 6px; border-radius: 3px; line-height: 18px; }
.item-icon-wrap > .item_icon img { width: auto; max-width: 100%; height: auto; }

/* navi */
.navi-wrap { position: relative; display: flex; padding: 12px 0 8px 0; }
.navi-wrap > .navi-title { }
.navi-wrap > .navi-pos { margin-left: auto; align-self: flex-end; display: flex; }
.navi-wrap > .navi-pos > a { position: relative; display: block; margin-right: 26px; font-size: 14px; color: #000; font-weight: 400; }
.navi-wrap > .navi-pos > a:last-child { margin-right: 0; }
.navi-wrap > .navi-pos > a:after { position: absolute; content: '＞'; width: 26px; display: inline-block; text-align: center; }
.navi-wrap > .navi-pos > a:last-child:after { content: ''; display: none; }
@media(max-width: 768px) {
.navi-wrap { }
.navi-wrap > .navi-title { display: none; }
.navi-wrap > .navi-pos { margin: 0; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* ul */
ul.dot_list { }
ul.dot_list li { position: relative; color: #666; padding-left: 10px; font-size: 13px; }
ul.dot_list li:before { display: block; position: absolute; content: ''; width: 3px; height: 3px; top: 8px; left: 3px; border-radius: 50%; background: #666; }

/* list-board-table */
.list-board-table { position: relative; width: 100%; max-width: 100%; }
.board-list { display: flex; }
.board-list > div.list-col { position: relative; flex: 1 1 auto; padding: 10px 0; text-align: center; align-self: center; font-size: 15px; }
.board-list.list-head {  border-top: 1px solid #252525; border-bottom: 1px solid #252525; }
.board-list.list-body { border-bottom: 1px solid #ddd; }
.board-button-wrap { display: flex; justify-content: flex-end; margin-top: 25px; }
.board-button-wrap .btn:not(:last-child) { margin-right: 5px; }
.board-list > div.list-subject { flex: 1 1 auto; max-width: 100%; text-align: center; }
.board-list.list-body > div.subject { text-align: left; }

@media (max-width: 992px) {
}
@media (max-width: 768px) {
.item-list-board > div.title { font-size: 18px; padding-left: 10px; margin-bottom: 8px; }
.board-list.list-head { display: none; }
.board-list.list-body { flex-wrap: wrap; padding: 0 10px 8px 10px; }
.board-list.list-body:first-child { border-top: 2px solid #333; }
.board-list.list-body > div { font-size: 13px; padding: 5px 0 2px 0; }
.board-button-wrap { display: flex; justify-content: flex-end; margin-top: 25px; padding: 0 5px; }
.board-button-wrap .btn:not(:last-child) { }
.board-list > div.list-subject { }
.board-list.list-body > div.subject { }
}
@media (max-width: 576px) {
}

/* box_wrap */
.box_wrap { position: relative; width: 100%; border: 1px solid #d6dce7; }
.box_wrap .box_header, .box_wrap .box_content, .box_wrap .box_space, .box_wrap .box_footer { padding: .5rem; }
.box_wrap .box_header { background: #eff3f9; font-weight: 600; font-size: 1.25rem; }
.box_wrap .box_header .box_image { max-width: 70px; }
.box_wrap .box_header .box_image img { width: 100%; height: auto; }
.box_wrap .box_header .box_subject { padding-left: 10px; align-self: center; }
.box_wrap .box_content { min-height: 400px; border-bottom: 1px solid #d6dce7; }
.box_wrap .box_content.iqanswer { min-height: 80px; }
.box_wrap .box_space { display: flex; border-bottom: 1px solid #d6dce7; }
.box_wrap .box_space .name { margin-left: auto; }
.box_wrap .box_space .date { margin-left: 10px; }
.box_wrap .box_space .box_sm_image { width: 60px;}
.box_wrap .box_space .box_sm_image img { width: 100%; height: auto; }
.box_wrap .box_space .box_model_name { margin-left: 10px; }
.box_wrap .input_text~button { margin-left: 5px; }
.box_wrap .box_helper { display: block; font-size: 14px; color: #dc3545; }

/* table */
.dtable_wrap { display: flex; flex-wrap: wrap; width: 100%; }
.dtable_wrap .dth, .dtable_wrap .dtd, .dtable_wrap .dtm, .dtable_wrap .dtc, .dtable_wrap .dtf { padding: .5rem; }
.dtable_wrap .text-left { text-align: left; }
.dtable_wrap .dtd .radio_wrap { width: 100%; display: flex; justify-content: space-between; }
.dtable_wrap .dtd .radio_wrap .radio_box { position: relative; margin-right: .25rem; flex: 1; max-width: 50%; }
.dtable_wrap .dtd .radio_wrap .radio_box:last-child { margin-right: 0; }
.dtable_wrap .dtd .radio_wrap .radio_box input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
.dtable_wrap .dtd .radio_wrap .radio_box label { width: 100%; text-align: center;  cursor: pointer; }
.dtable_wrap .dtd .radio_wrap .radio_box input:checked+ label { border: 1px solid #ddd; }
.dtable_wrap .dtd .input_text,.dtable_wrap .dtd .input_textarea,.dtable_wrap .dtd .input_select { width: 100%; }
.dtable_wrap .dth { width: 20%; }
.dtable_wrap .dtm { width: 30%; }
.dtable_wrap .dtd { width: 80%; }
.dtable_wrap .dtf { width: 100%; }
.dtable_wrap .dtc { width: 50%; }
.dtable_wrap > div > .input_text,
.dtable_wrap > div > .input_select { width: 100%; }
/* button wrap */
.button_wrap { width: 100%; display: flex; justify-content: center; margin: 15px 0; }
.button_wrap button { position: relative; flex: 1 1 auto; max-width: 240px; margin-right: 10px; padding: .5rem .75rem; }
.button_wrap button:last-child { margin-right: 0; }
.button_wrap button:focus { outline: none; box-shadow: none; }
.button_wrap .btn-cancel { background-color: #6c757d; color: #fff; }
.button_wrap .btn-write  { background-color: #dc3545; color: #fff; }
.button_wrap .btn-submit { background-color: #0356ae; color: #fff; }
/* 전화상담 창 개인정보 동의 */
.privacy-agree-title { position: relative; width: 100%; display: flex; }
.privacy-agree-title span { display: inline-block; font-size: 16px; color: #ff0000; align-self: center; }
.privacy-agree-title span.chk { padding-left: 10px; }
.privacy-agree-title span.chk input[type="checkbox"] { width: 19px; height: 19px; }
@media (max-width: 768px) {
.dtable_wrap { }
.dtable_wrap .dtd .radio_wrap .radio_box label { padding: .375rem; }
.dtable_wrap .dth { width: 25%; }
.dtable_wrap .dtm { width: 75%; }
.dtable_wrap .dtd { width: 75%; }
}

/* flex-row */
.row-wrap { position: relative; display: flex; flex-wrap: wrap; width: 100%; }
.row-wrap > dl { flex: 1 1 50%; max-width: 50%; display: flex; border-bottom: 1px solid #d7d7d7; }
.row-wrap > dl > dt { position: relative; flex: 1 1 30%; max-width: 30%; padding: 12px 0 12px 15px; background: #fafafa; }
.row-wrap > dl > dd { position: relative; flex: 1 1 70%; max-width: 70%; padding: 12px 8px 12px 15px; align-self: center; }
.row-wrap > dl > dt span.require { position: relative; }
.row-wrap > dl > dt span.require:after { position: absolute; right: -8px; top: 7px; display: inline-block; content: ''; width: 3px; height: 3px; background: #e83e8c; border: 1px solid #e83e8c; border-radius: 50%; }
.row-wrap > dl.dlf { flex: 1 1 100%; max-width: 100%; }
.row-wrap > dl.dlf > dt { flex: 1 1 15%; max-width: 15%; }
.row-wrap > dl.dlf > dd { flex: 1 1 85%; max-width: 85%; }
.row-wrap > dl > dd > .form-wrap { position: relative; width: 100%; }
.row-wrap > dl > dd > .form-flex { position: relative; display: flex; }
.row-wrap > dl > dd > .form-flex > div { margin-right: 10px; }
.row-wrap > dl > dd > .form-flex > div:last-child { margin-right: 0; }
.row-wrap > dl > dd > .form-input .input_text,
.row-wrap > dl > dd > .form-input .input_select { width: 100%; }
.row-wrap > dl > dd > .form-input.from-flex .input_text { width: auto; }
.row-wrap > dl > dd > .form-input .byte_view { position: absolute; top: 0; right: 0; padding: .5rem .375rem; font-size: 12px; color: #17a2b8; }
.row-wrap > dl > dd > .form-guide-box { margin: 10px 0; font-size: 14px; letter-spacing: -.1em; }
.row-btn-wrap { position: relative; width: 100%; display: flex; justify-content: center; margin: 35px 0; }
.row-btn-wrap .btn { display: inline-block; padding: 12px; text-align: center; min-width: 160px; margin-right: 8px; background-color: #fafafc; border-radius: 0.25; }
.row-btn-wrap .btn:last-child { margin-right: 0; }
.row-btn-wrap .btn-cancel { background-color: #6c757d; color: #fff; }
.row-btn-wrap .btn-submit { background-color: #007bff; color: #fff; }
.row-wrap-cols { position: relative; display: flex; flex-direction: column; } 
@media (max-width: 768px) {
.row-wrap > dl { flex: 1 1 100%; max-width: 100%; }
.row-wrap > dl.dlf > dt { flex: 1 1 30%; max-width: 30%; }
.row-wrap > dl.dlf > dd { flex: 1 1 70%; max-width: 70%; }
}

/* table */
.dtable-form { position: relative; width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #d6dce7; }
.dtable-form > .dl { position: relative; flex: 1 1 50%; max-width: 50%; display: flex; border-bottom: 1px solid #d6dce7; }
.dtable-form > .dl.dlf { position: relative; flex: 1 1 100%; max-width: 100%; }
.dtable-form > .dl > .dth { flex: 1 1 25%; max-width: 25%; padding: 10px; }
.dtable-form > .dl > .dtd { flex: 1 1 75%; max-width: 75%; padding: 10px; }
.dtable-form > .dl.dlf > .dth { flex: 1 1 12.5%; max-width: 12.5%; }
.dtable-form > .dl.dlf > .dtd { flex: 1 1 87.5; max-width: 87.5%; }
.dtable-button-wrap { margin: 25px 0; display: flex; justify-content: center; }
.dtable-button-wrap > .btn { margin-right: 8px; }
.dtable-button-wrap > .btn:last-child { margin-right: 0; }

/* 구매후기,Q&A */
.best-wrap { position: relative; width: 100%; margin-bottom: 25px; }
.best-wrap .itemuse-best { }
.best-wrap .itemuse-best > ul { margin: 0 -5px; }
.best-wrap .itemuse-best > ul > li { padding: 0 5px; }
.itemuse_box { position: relative; width: 100%; border: 1px solid #ddd; border-radius: 8px; }
.itemuse_box .item_image { width: 100%; }
.itemuse_box .item_image img { width: 100%; height: auto; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.itemuse_box .item_pop { display: flex; justify-content: space-between; font-size: 14px; margin: 10px 0; padding: 0 10px; }
.itemuse_box .item_pop > div { align-self: center; }
.itemuse_box .item_subject { font-size: 14px; padding: 0 10px; margin-bottom: 15px; }

/* 구매후기 리스트 */
#section-epilogue { position: relative; width: 100%; margin-bottom: 25px; }
#section-epilogue .epilogue-best-wrap { position: relative; margin-bottom: 50px; }
.epilogue-best-box { position: relative; cursor: pointer; }
.epilogue-best-box .item-image { border: 1px solid #eee; padding: 3px; }
.epilogue-best-box .item-image img { width: 100%; height: auto; }
.epilogue-best-box .item-body { display: flex; margin: 5px 0 8px 0; }
.epilogue-best-box .item-body .name { font-size: 14px; }
.epilogue-best-box .item-body .star-wrap { margin-left: auto; align-self: center; }
.epilogue-best-box .item-cont { display: block; padding: 7px 3px 5px 8px; height: 48px; background-color: #fafafa; border-radius: .25rem; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; }
.epilogue-best-wrap .next_epilogue_best { right: -22px; background-image: url(/img/ico/sw_right_disable.png); box-shadow: none; text-indent: -999em; width: 44px; height: 44px; background-position: 50% 50%; background-size: cover; border-radius: 50%; z-index: 2; }
.epilogue-best-wrap .next_epilogue_best:hover { background-image: url(/img/ico/sw_right_active.png); box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 10%); }
.epilogue-best-wrap .prev_epilogue_best { left: -22px; background-image: url(/img/ico/sw_left_disable.png); box-shadow: none; text-indent: -999em; width: 44px; height: 44px; background-position: 50% 50%; background-size: cover; border-radius: 50%; z-index: 2; }
.epilogue-best-wrap .prev_epilogue_best:hover { background-image: url(/img/ico/sw_left_active.png); box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 10%); }
#section-epilogue .list-head .list-col { background-color: #f2f2f2; align-self: unset; }

.list-board-table { margin-bottom: 25px; }
.list-board-table .board-list.list-head { border-color: #ddd; }
.list-board-table .board-list > div { align-self: center; font-size: 15px; }
.list-board-table .board-list > div:last-child { margin-right: 0; }
.list-board-table .board-list > div.num { flex: 0 0 50px; max-width: 50px; }
.list-board-table .board-list > div.list-image { flex: 0 0 50px; max-width: 50px; }
.list-board-table .board-list > div.list-image img { width: 100%; height: auto; border-radius: 8px; }
.list-board-table .board-list > div.list-item { flex: 0 0 160px; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-board-table .board-list > div.list-score  { flex: 0 0 90px; max-width: 90px; }
.list-board-table .board-list > div.list-subject { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-board-table .board-list > div.list-name { flex: 0 0 70px; max-width: 70px; }
.list-board-table .board-list > div.list-date { flex: 0 0 120px; max-width: 120px; }
.list-board-table .board-list > div.list-cols { flex: 0 0 70px; max-width: 70px; }
.list-board-table .list-body > div.list-subject { text-align: left; }
.list-board-table .list-body > div.list-score { display: flex; justify-content: center; }
@media (max-width: 768px) {
#section-epilogue .epilogue-best-wrap { padding: 0 5px; }
.epilogue-best-wrap .next_epilogue_best { display: none; }
.epilogue-best-wrap .prev_epilogue_best { display: none; }
.epilogue-list-wrap .list-board-table .board-list > div { font-size: 12px; }
.epilogue-list-wrap .list-board-table .board-list > div.list-image { flex: 0 0 50px; max-width: 50px; order: 0; }
.epilogue-list-wrap .list-board-table .board-list > div.list-image img { width: 100%; height: auto; border-radius: 8px; }
.epilogue-list-wrap .list-board-table .board-list > div.list-subject { font-size: 14px; flex: 1 1 calc( 100% - 50px ); max-height: 50px; overflow: hidden; white-space: normal; text-overflow: ellipsis; order: 1; padding-left: 10px; }
.epilogue-list-wrap .list-board-table .board-list > div.list-item { align-self: center; flex: 0 0 auto; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; order: 2; }
.epilogue-list-wrap .list-board-table .board-list > div.list-name { align-self: center; margin-left: 5px; flex: 0 0 70px; max-width: 70px; order: 3; }
.epilogue-list-wrap .list-board-table .board-list > div.list-score  { margin-left: auto; align-self: center; flex: 0 0 auto; max-width: 90px; order: 4; }
.epilogue-list-wrap .list-board-table .board-list > div.list-date { display: none; flex: 0 0 120px; max-width: 120px; order: 2; }
}

/* 구매후기 쓰기 */
.modal-write-form { font-size: 14px; }
.modal-write-form > div.dl > div.dth { border-right: 1px solid #d6dce7; }
.modal-write-form > div.dl > div.dtd select { padding: 0 1.25rem 0 1rem; margin-right: 5px; min-width: 130px; height: 42px; border: 1px solid #eee; color: #575757; }
.modal-write-form > div.dl > div.dtd .input_text { padding: 0 1rem 0 .5rem; width: 100%; height: 42px; border: 1px solid #eee; color: #575757; border-radius: 0; }
.modal-write-form #item-wrap { position: relative; background-color: #fafafa; padding: 15px 0 15px 25px; height: 120px; }
.modal-write-form #item-wrap .modal-item-list { position: relative; width: 90%; height: 70px; padding: 10px; border: 1px solid #eee; cursor: pointer; display: flex; background-color: #fff; margin-bottom: 8px; }
.modal-write-form #item-wrap .modal-item-list.on { border: 2px solid #e9314b; }
.modal-write-form #item-wrap .modal-item-list > .item-image { flex: 0 0 50px; max-width: 50px; }
.modal-write-form #item-wrap .modal-item-list > .item-image img { width: 100%; height: auto; }
.modal-write-form #item-wrap .modal-item-list > .item-conf { padding-left: 25px; align-self: center; }
.modal-write-form #item-wrap .modal-item-list > .item-conf > p.name { font-size: 15px; font-weight: 500; color: #000; }
.modal-write-form #item-wrap .modal-item-list > .item-conf > p.price { display: flex; }
.modal-write-form #item-wrap .modal-item-list > .item-conf > p.price > b { display: inline-block; color: #e9314b; font-size: 16px; }
.modal-write-form #item-wrap .modal-item-list > .item-conf > p.price > span { display: inline-block; align-self: flex-end; font-size: 13px; margin-left: 5px; }

/* 구매후기 상세보기 */
.epilogue-view-wrap { border: 0 !important; }
.epilogue-view-wrap .dl { border: 0 !important; }
.epilogue-view-wrap h2.subject { width: 100%; color: #000; font-size: 26px; padding-bottom: 12px; }
.epilogue-view-wrap .content { position: relative; width: 100%; padding: 15px 15px 35px 15px; border: 1px solid #ddd; min-height: 400px; }

/* 사은품 */
#section-benefit { }
#section-benefit .gift-category { display: flex; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
#section-benefit .gift-category > li { flex: 1 1 auto; max-width: 160px; }
#section-benefit .gift-category > li > span.gift-category-tab { display: block; padding: 15px 12px 13px 12px; text-align: center; font-size: 18px; }
#section-benefit .gift-category > li > span.gift-category-tab.on { font-weight: 500; border-bottom: 3px solid #e71832; }
#section-benefit .search-gift-list { position: relative; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.gift-list { padding: 0 10px; margin-bottom: 15px; }
.gift-list > .gift-box { position: relative; border: 1px solid #ddd; border-radius: 8px; }
.gift-list.on > .gift-box { border-color: #e71832; }
.gift-list > .gift-box > .item-image { padding: 5px; }
.gift-list > .gift-box > .item-image img { width: 100%; height: auto; border-radius: 8px; }
.gift-list > .gift-box > .item-cont { padding: 15px 8px; font-size: 15px; }
.gift-list > .gift-box > .item-cont > .model_name { font-weight: 500; color: #e71832; line-height: 1.2; font-size: 13px; }
.gift-list > .gift-box > .item-cont > .item_name { font-size: 17px; font-weight: 500; line-height: 1.2; height: 42px; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.gift-list > .gift-box > .item-cont > .item_explain { margin-top: 8px; font-size: 13px; letter-spacing: -1px; line-height: 1.3; height: 36px; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.gift-list > .gift-box > .item-cont > .item_price { font-size: 18px; text-align: center; font-weight: 500; color: #e71832; }
.gift-list > .gift-box > .item-btn { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 8px; display: none; }
.gift-list > .gift-box > .item-btn > a { display: inline-block; padding: 12px 24px; color: #fff; border-radius: 25px; background-color: #000; text-align: center; }
.gift-list > .gift-box:hover > .item-btn { display: flex; flex-direction: colurm; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.25); transition: all 0.1s ease-out; }
.gift-list > .gift-select { margin-top: 5px; padding: 4px 12px; text-align: center; border: 1px solid #e71832; border-radius: .25rem; }
.gift-list > .gift-select .gift-check { width: 17px; height: 17px; }
.gift-list > .gift-select > label { display: inline-block; margin-left: 5px; font-size: 15px; color: #e71832; cursor: pointer; }
.gift-list > .gift-select.on { background-color: #e71832;}
.gift-list > .gift-select.on > label { color: #fff; }

@media(max-width: 768px) {
#section-benefit { }
#section-benefit .gift-category { }
#section-benefit .gift-category > li { }
#section-benefit .gift-category > li > span.gift-category-tab { }
#section-benefit .gift-category > li > span.gift-category-tab.on { }
#section-benefit .search-gift-list { position: relative; display: flex; flex-wrap: wrap; margin: 0; padding: 0 5px; }
.gift-list { padding: 0 4px; margin-bottom: 15px; }
.gift-list > .gift-box { position: relative; border: 1px solid #ddd; border-radius: 8px; }
.gift-list.on > .gift-box { border-color: #e71832; }
.gift-list > .gift-box > .item-image { padding: 5px; }
.gift-list > .gift-box > .item-image img { width: 100%; height: auto; border-radius: 8px; }
.gift-list > .gift-box > .item-cont { padding: 15px 8px; font-size: 15px; }
.gift-list > .gift-box > .item-cont > .model_name { font-weight: 500; color: #e71832; line-height: 1.2; font-size: 13px; }
.gift-list > .gift-box > .item-cont > .item_name { font-size: 17px; font-weight: 500; line-height: 1.2; height: 42px; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.gift-list > .gift-box > .item-cont > .item_explain { margin-top: 8px; font-size: 13px; letter-spacing: -1px; line-height: 1.3; height: 36px; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.gift-list > .gift-box > .item-cont > .item_price { font-size: 18px; text-align: center; font-weight: 500; color: #e71832; }
.gift-list > .gift-box > .item-btn { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 8px; display: none; }
.gift-list > .gift-box > .item-btn > a { display: inline-block; padding: 12px 24px; color: #fff; border-radius: 25px; background-color: #000; text-align: center; }
.gift-list > .gift-box:hover > .item-btn { display: flex; flex-direction: colurm; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.25); transition: all 0.1s ease-out; }
.gift-list > .gift-select { margin-top: 5px; padding: 4px 12px; text-align: center; border: 1px solid #e71832; border-radius: .25rem; }
.gift-list > .gift-select .gift-check { width: 17px; height: 17px; }
.gift-list > .gift-select > label { display: inline-block; margin-left: 5px; font-size: 15px; color: #e71832; cursor: pointer; }
.gift-list > .gift-select.on { background-color: #e71832;}
.gift-list > .gift-select.on > label { color: #fff; }
}
/* 사은품 상세 */
.layer-giftitem { }
.layer-giftitem.myModal .myModal-header { background-color: #000; }
.layer-giftitem.myModal .myModal-header > .header-title { flex: 1 1 auto; max-width: 100%; padding: 0; }
.layer-giftitem.myModal .myModal-header > .header-title > p { display: block; width: 100%; text-align: center; color: #fff; font-size: 32px; }
.layer-giftitem.myModal .myModal-body .item-info { width: 100%; }
.layer-giftitem.myModal .myModal-body .item-info img { width: auto; height: auto; max-width: 100%; }
@media (max-width: 768px) {
.layer-giftitem.myModal .myModal-dialog { height: 100vh; }
.layer-giftitem.myModal .myModal-header > .header-title > p { display: block; width: 100%; text-align: center; color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.layer-giftitem.myModal .myModal-content { height: 100vh; max-height: 100vh; }
.layer-giftitem.myModal .myModal-body { padding: 1rem; }
}

/* 상품 리스트 기본 */
.item-list { padding: 0 10px; margin-bottom: 15px; }
.item-list > a { position: relative; display: block; border: 1px solid #ddd; }
.item-list > a:hover { border-color: #dc3545; }
.item-list > a > .item-image { position: relative; padding: 30px 44px 0 44px; }
.item-list > a > .item-image > img { width: 100%; height: auto; }
.item-list > a > .item-image > .item-promotion { position: absolute; left: 44px; bottom: 15px; display: flex; flex-direction: column; }
.item-list > a > .item-image > .item-promotion > .badge-promotion { background-color: #fff; border: 1px solid #dc3545; color: #dc3545; font-weight: 500; padding: 6px 12px; font-size: 14px; border-radius: .25rem; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; text-align: left; }
.item-list > a > .item-image > .item-promotion > .badge-promotion:not(:last-child) { margin-bottom: 3px; }
.item-list > a > .item-cont { position: relative; padding: 22px 24px 26px; margin-top: 5px; }
.item-list > a > .item-cont > p.item_badge { position: absolute; top: 0; display: flex; }
.item-list > a > .item-cont > p.item_badge > .badge { background-color: #dc3545; border: 1px solid #dc3545; color: #fff; font-size: 12px; height: 21px; line-height: 19px; border-radius: 3px; padding: 0 7px; font-weight: 400; }
.item-list > a > .item-cont > p.item_badge > .badge:not(:first-child) { background-color: transparent; border: 1px solid #dc3545; color: #dc3545; }
.item-list > a > .item-cont > p.item_badge > .badge:not(:last-child) { margin-right: 5px; }
.item-list > a > .item-cont > p.item_name { font-size: 16px; font-weight: 500; height: 42px; line-height: 1.2; letter-spacing: -0.5px; white-space: normal; text-overflow: ellipsis; overflow-y: hidden; margin: 5px 0 15px; }
.item-list > a > .item-cont > p.item_card { font-size: 13px; height: 18px; }
.item-list > a > .item-cont > .item_price { display: flex; }
.item-list > a > .item-cont > .item_price > span { display: inline-block; }
.item-list > a > .item-cont > .item_price > span.sale_price { font-size: 26px; margin-bottom: 0; letter-spacing: -0.5px; font-weight: 500; }
.item-list > a > .item-cont > .item_price > span.origin_price { align-self: flex-end; margin-left: 8px; color: #6B6B6B; font-size: 13px; font-weight: 300; margin-bottom: 3px; }
.item-list > a > .item-icon-wrap { left: unset; right: 5px; }
@media (max-width: 768px) {
.item-list { padding: 0 4px; margin-bottom: 15px; }
.item-list > a { position: relative; display: block; border: 1px solid #ddd; }
.item-list > a:hover { border-color: #dc3545; }
.item-list > a > .item-image { position: relative; padding: 10px 8px 0 8px; }
.item-list > a > .item-image > img { width: 100%; height: auto; }
.item-list > a > .item-image > .item-promotion { left: 8px; bottom: 5px; }
.item-list > a > .item-image > .item-promotion > .badge-promotion { font-size: 12px; }
.item-list > a > .item-image > .item-promotion > .badge-promotion:not(:last-child) { margin-bottom: 3px; }
.item-list > a > .item-cont { position: relative; padding: 22px 8px 13px; margin-top: 5px; }
.item-list > a > .item-cont > p.item_badge { position: absolute; top: 0; display: flex; }
.item-list > a > .item-cont > p.item_badge > .badge { font-size: 11px; height: 19px; line-height: 17px; }
.item-list > a > .item-cont > p.item_badge > .badge:not(:first-child) { }
.item-list > a > .item-cont > p.item_badge > .badge:not(:last-child) { margin-right: 5px; }
.item-list > a > .item-cont > p.item_name { font-size: 14px; height: 40px; line-height: 21px; }
.item-list > a > .item-cont > p.item_card { font-size: 12px; }
.item-list > a > .item-cont > .item_price { display: flex; }
.item-list > a > .item-cont > .item_price > span { display: inline-block; }
.item-list > a > .item-cont > .item_price > span.sale_price { font-size: 22px; margin-bottom: 0; letter-spacing: -0.5px; font-weight: 500; }
.item-list > a > .item-cont > .item_price > span.origin_price { align-self: flex-end; margin-left: 8px; color: #6B6B6B; font-size: 12px; font-weight: 300; margin-bottom: 3px; }
.item-list > a > .item-icon-wrap { left: unset; right: 5px; }
}
/* mymodal basic */
@media (min-width: 992px) {
html.noscroll body { padding-right: 17px; }
}
.myModal { position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; transition: all 0.5s ease-in-out; background: rgba(0,0,0,.7); }
.myModal-dialog { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: none; max-height: calc(100% - 1.5rem); margin: 1.75rem auto; }
.myModal-dialog:before { display: block; width: 100%; height: 1px; content: ""; }
.myModal-dialog:after { display: block; width: 100%; height: 1px; content: ""; }
.myModal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; overflow: hidden; max-height: calc(100vh - 3.5rem); top: -100px; transition: all 0.5s ease-in-out; }
.myModal-content.open { top: 0; opacity:1; visibility: visible; transition: all 0.5s ease-in-out; }
.myModal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem; -ms-flex-negative: 0; flex-shrink: 0; }
.myModal-header .header-title { align-self: center; }
.myModal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; overflow-y: auto; }
.myModal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem; -ms-flex-negative: 0; flex-shrink: 0; }
.myModal .myModal-header button.closex,
.myModal .myModal-footer button.closex{ position: relative; width: 60px; height: 60px !important; padding: 0 !important; border-radius: 0; border: 0; background: transparent; outline: none; box-shadow: none; }
.myModal .myModal-header button.closex:before,
.myModal .myModal-header button.closex:after,
.myModal .myModal-footer button.closex:before, 
.myModal .myModal-footer button.closex:after{ content: ""; margin: auto; display: block; width: 50%; height: 1px; background: #fff; }
.myModal .myModal-header button.closex:before,
.myModal .myModal-footer button.closex:before{ transform: rotate(-45deg); }
.myModal .myModal-header button.closex:after,
.myModal .myModal-footer button.closex:after{ transform: rotate(45deg); }
@media (max-width: 992px) {
.myModal .myModal-dialog { max-height: 100%; margin: 0 auto; }
.myModal .myModal-content { max-height: 96vh; }
}
@media (max-width: 768px) {
.myModal { right: 0; bottom: 0; }
}

/* fadedown Modal */
.fadedown .myModal-dialog { max-width: 900px; }
.fadedown .myModal-content { border-radius: 0; border: 0; }
.fadedown .myModal-header { border-radius: 0; padding: 0; border: 0; background: rgba(86,61,124,0.1); }
.fadedown .header-title { align-self: center; color: rgba(86,61,124,1); padding-left: 10px; letter-spacing: -2px; }
.fadedown .myModal-footer { display: none; }

/* epilogue Modal */
.modal-epilogue .myModal-dialog { max-width: 768px; }
.modal-epilogue .myModal-content { border-radius: 0; border: 0; }
.modal-epilogue .myModal-header { border-radius: 0; padding: 0; border: 0; background: #4A4C58;; }
.modal-epilogue .header-title { align-self: center; color: #fff; padding-left: 10px; letter-spacing: -2px; }
.modal-epilogue .myModal-footer { display: none; }

/* 전화상담 */
.modal-callcenter .myModal-dialog { max-width: 630px; }
.modal-callcenter .myModal-header { display: none; }
@media (max-width: 768px) {
.modal-callcenter .myModal-dialog { height: 100vh; }
.modal-callcenter .myModal-dialog:before,
.modal-callcenter .myModal-dialog:after { height: 0; }
.modal-callcenter .myModal-content { height: 100vh; max-height: 100vh; }
.modal-callcenter .myModal-body { padding: .5rem; }
}

.modal-callcenter .pop-layer-inner { position: relative; }
.pop-layer-inner .pop-title { padding: 0 0 15px 0; color: #000; font-size: 22px; border-bottom: solid 3px #000; }
.pop-layer-inner .modal-close { position: absolute; right: 0; top: -7px; width: 40px; height: 40px; text-indent: -999em; white-space: nowrap; background: url(/img/ico/ico-close.png) no-repeat center center; overflow: hidden; }
.pop-layer-inner .pop-guide { margin: 10px 0 20px 0; }
.pop-layer-inner .pop-guide > li { font-size: 13px; letter-spacing: -0.5px; }
.pop-layer-inner .pop-guide > li.time { color: #dc3545; }
.pop-layer-inner .pop-guide > li.time > span { display: inline-block; }
.pop-layer-inner .pop-guide > li.time > span:not(:first-child) { margin-left: 10px; }
.pop-layer-inner .detail-items { padding: 10px 25px 10px 25px; background-color: #f9fafc; }
.pop-layer-inner .detail-items h3 { font-size: 16px; font-weight: 500; color: #000; padding: 10px 0 10px; }
.pop-layer-inner .dtable-form { border: 0; }
.pop-layer-inner .dtable-form > .dl { border: 0; font-size: 13px; }
.pop-layer-inner .dtable-form > .dl > .dth { flex: 1 1 35%; max-width: 35%; padding: 1px 10px 3px 10px; }
.pop-layer-inner .dtable-form > .dl > .dtd { flex: 1 1 65%; max-width: 65%; padding: 1px 10px 3px 10px; }
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 17.5%; max-width: 17.5%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 82.5%; max-width: 82.5%; }
.pop-layer-inner .dtable-form > .dl.total { font-size: 16px; color: #dc3545; font-weight: 500; }
.pop-layer-inner .dtable-form > .dl.total > .dth { flex: 1 1 20%; max-width: 20%; }
.pop-layer-inner .dtable-form > .dl.total > .dtd { flex: 1 1 80%; max-width: 80%; text-align: right; }
@media (max-width: 768px) {
.pop-layer-inner .detail-items { padding: 10px 15px; }
.pop-layer-inner .dtable-form > .dl { flex: 1 1 100%; max-width: 100%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 35%; max-width: 35%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 65%; max-width: 65%; }
.pop-layer-inner .dtable-form > .dl.total > .dth { flex: 1 1 40%; max-width: 40%; }
.pop-layer-inner .dtable-form > .dl.total > .dtd { flex: 1 1 60%; max-width: 60%; text-align: right; }
}
.pop-layer-inner .detail-input { padding: 10px 25px 10px 25px; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf { margin-bottom: .5rem; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dth { flex: 1 1 30%; max-width: 30%; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd { flex: 1 1 70%; max-width: 70%; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd > .input_text { width: 100%; border-radius: 0; }
.pop-layer-inner .detail-agree { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 0 19px 0; }
.pop-layer-inner .detail-agree .agree-item { margin-bottom: .25rem; }
.pop-layer-inner .detail-agree .agree-item-detail { padding-left: 17px; }
.pop-layer-inner .detail-agree .agree-content { display: none; }
.pop-layer-inner .detail-agree .agree-content.open { display: block; }
.pop-layer-inner .detail-agree .agree-content > .agree-content-inner { margin: 15px; padding: 8px 8px 12px 15px; border: 1px solid #ddd; max-height: 120px; overflow-y: auto; font-size: 12px !important; }
.pop-layer-inner .button_wrap .btn-submit { background-color: #4a4c58; border: 1px solid #4a4c58; font-size: 14px; }
.pop-layer-inner .button_wrap .btn-submit:hover { background-color: #dc3545; border: 1px solid #dc3545; }
.pop-layer-inner .button_wrap .btn-round { border-radius: 25px; }
.agree-check { position: relative; font-size: 13px; }
.agree-check > .check-item { position: absolute; z-index: -1; opacity: 0; }
.agree-check > .check-item + .check-label-circle { position: relative; padding-left: 20px; cursor: pointer; }
.agree-check > .check-item + .check-label-circle:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 0; width: 17px; height: 17px; margin-top: -8px; border: 1px solid #ddd; border-radius: 50%; background-color: transparent; background-image: url(/img/ico/ico_check_sm_off.png); background-size: 100% 100%; }
.agree-check > .check-item:checked + .check-label-circle:before { border: 1px solid #dc3545; background-color: #dc3545; border-radius: 50%; background-image: url(/img/ico/ico_check_sm_on.png); }
.agree-check > .btn-agree-toggle { display: block; position: absolute; top: 0; right: 3px; padding: 2px; }
.agree-check > .btn-agree-toggle > span { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-image: url(/img/ico/btn_toggle_down.png); }
.agree-check > .btn-agree-toggle.up > span { transform: rotate(180deg); }
@media (max-width: 768px) {
.agree-check { font-size: 12px; letter-spacing: -0.5px; }
}
.pop-layer-inner div.dl > div.dtd select { padding: .375rem 1.25rem .375rem 1rem; margin-right: 5px; min-width: 130px; border: 1px solid #eee; color: #575757; }
#modal-item-wrap { position: relative; background-color: #fafafa; padding: 15px 0 15px 25px; height: 120px; }
.modal-item-list { position: relative; width: 90%; height: 70px; padding: 10px; border: 1px solid #eee; cursor: pointer; display: flex; background-color: #fff; margin-bottom: 8px; }
.modal-item-list.on { border: 2px solid #e9314b; }
.modal-item-list > .item-image { flex: 0 0 50px; max-width: 50px; }
.modal-item-list > .item-image img { width: 100%; height: auto; }
.modal-item-list > .item-conf { padding-left: 25px; align-self: center; }
.modal-item-list > .item-conf > p.name { font-size: 13px; font-weight: 500; color: #000; line-height: 1.2; }
.modal-item-list > .item-conf > p.price { display: flex; }
.modal-item-list > .item-conf > p.price > b { display: inline-block; color: #e9314b; font-size: 13px; }
.modal-item-list > .item-conf > p.price > span { display: inline-block; align-self: flex-end; font-size: 12px; margin-left: 5px; }