@charset "UTF-8";

/* 모달 팝업 */
.layer_fix_popup {position:fixed; bottom:0; left:0; right:0; width:100%; z-index:120}
.layer_fix_popup .layer_inner {position:relative; background-color:#fff; z-index:120}
.layer_fix_popup .layer_inner .ly_top {padding:16px 24px 24px 24px}
.layer_fix_popup .layer_inner h2 {font-size:16px; line-height:24px; font-weight:700}
.layer_fix_popup .layer_inner h2 * {font-size:inherit; line-height:inherit; font-weight:inherit}
.layer_fix_popup .layer_inner .ly_body {overflow-y:auto; max-height:256px; background-color:#fff; /*box-shadow:0 -4px 5px 0 rgb(0 0 0 / 15%)*/}
.layer_fix_popup .layer_inner .ly_body .item_list {padding:0 24px 24px}
.layer_fix_popup .layer_inner .ly_body .item_list li {margin-top:0; border-bottom:0}
.layer_fix_popup .layer_inner .ly_body .item_list li + li {margin-top:16px}
.layer_fix_popup .layer_inner .ly_body .link_area {padding-top:56px; background-color:#fff}
.layer_fix_popup .layer_inner .ly_body .link_area li:first-child {border-top:1px solid #ccc}
.layer_fix_popup .layer_inner .ly_body .link_area li {position:relative; height:51px; line-height:51px; border-bottom:1px solid #ccc; padding:0 24px}
.layer_fix_popup .layer_inner .ly_body .link_area li .radio_wrap {min-height:51px; height:auto !important}
.layer_fix_popup .layer_inner .ly_body .link_area li a {display:block; line-height:inherit}
.layer_fix_popup .layer_inner .ly_body .link_area li .radio_wrap label {padding:0}
.layer_fix_popup .layer_inner .ly_body .link_area li .radio_wrap label span {text-indent:0; padding-left:52px; width:100%; min-height:51px; background-position:25px 15px; margin:0; line-height:50px; position:unset; transform:none}
.layer_fix_popup .layer_inner .ly_body .link_area li .textarea_box {border:0 none; padding:0; height:70px}
.layer_fix_popup .layer_inner .ly_body .link_area li.etc_write {height:121px; border-bottom:0 none}
.layer_fix_popup .layer_inner .button_combo {padding:24px}
.layer_fix_popup .layer_inner .btn_close {position:absolute; top:8px; right:8px}
.layer_fix_popup .layer_inner .btn_close.type02 {position:absolute; top:0; right:0}
.layer_fix_popup.type02 {bottom:64px; box-shadow:0 -3px 5px 4px rgb(0 0 0 / 7%)}
.layer_fix_popup.type02 .layer_inner .button_combo * {font-weight:400}
.layer_fix_popup.type03 {box-shadow:0 -3px 5px 4px rgb(0 0 0 / 7%)}
.dim_area {position:fixed; background-color:rgba(0, 0, 0, 0.75); z-index:119; width:100%; height:100%; left:0; right:0; bottom:0; top:0; display:block}
.button_combo {display:flex}
.button_combo .button {flex:1 1 33.3%}
.button_combo .button:last-child, .button_combo a:last-child, .button_combo button:last-child {margin-left:8px}
.button_combo.type02 .btn_wh_big {width:90px}
.button_combo.type02 .btn_bk_big {flex:1}

/* 모달팝업 - 이용동의 */
.layer_fix_popup .layer_inner .ly_title {padding:32px 24px 16px}
.layer_fix_popup .layer_inner .ly_terms {padding:0 24px 24px}
.layer_fix_popup .layer_inner .terms_content * {word-break:break-all; line-height:20px !important}
.layer_fix_popup .layer_inner .terms_content + .terms_bottom {border-top:2px solid #000; margin-top:24px}
.layer_fix_popup .layer_inner .terms_bottom .area_check {margin-top:24px}
.layer_fix_popup .layer_inner .terms_button {display:flex; grid-gap:8px; margin-top:32px}
.layer_fix_popup .layer_inner .terms_button .btn_wh_big {width:90px; font-weight:400}
.layer_fix_popup .layer_inner .terms_button .btn_bk_big {flex:1; font-weight:400}
.layer_fix_popup .layer_inner .terms_content.scroll {height:130px; overflow-y:auto}

/* 레이어 팝업 */
.wrap_popup {position:relative}
.layer_flt_popup {display:block; width:100%; height:100%; z-index:120}
.layer_flt_popup .layer_area .layer_wrap:not(:first-child) {display:none}
.layer_flt_popup .layer_wrap {position:fixed; top:50%; left:50%; z-index:120; background-color:#fff; transform:translate3d(-50%, -50%, 0); -webkit-transform:translate3d(-50%, -50%, 0); box-shadow:0 0 20px 3px rgb(0 0 0 / 10%)}
.layer_wrap {width:272px}
.layer_wrap .layer_box {position:relative; text-align:center; padding:32px 24px 0}
.layer_wrap .layer_box.type02:after {content:""; display:block; width:100%; height:1px; border-bottom:1px solid #ccc; position:absolute; top:80px; left:0; right:0}
.layer_wrap .layer_box.type02 .txt_comform {padding-bottom:24px}
.layer_flt_popup .layer_wrap .button_combo *,
.layer_flt_popup .layer_wrap .button_area * {font-weight:400}
.layer_wrap .layer_box > p {white-space:pre-line}
.layer_wrap .layer_box .txt_comform {position:relative; font-size:16px; line-height:24px; font-weight:700; white-space:pre-line}
.layer_wrap .layer_box .txt_comform.reward {padding-top:32px}
.layer_wrap .layer_box .txt_comform.reward:after {content:""; display:inline-block; width:24px; height:24px; background:url(/images/ic_reward_point.png) 0 0 no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; position:absolute; top:-8px; left:50%; transform:translateX(-50%)}
.layer_wrap .layer_box .txt_comform strong {font-size:inherit; font-weight:inherit}
.layer_wrap .layer_box .txt_comform + .txt {margin-top:16px; word-break:keep-all}
.layer_wrap .layer_box .txt + .list {margin-top:8px}
.layer_wrap .layer_box .list li ~ li {margin-top:4px}
.layer_wrap .button_area, .layer_wrap .button_combo {padding:24px}
.layer_wrap .button_area .button {height:44px; line-height:44px}
.layer_wrap .button_area [class*="btn_"] + [class*="btn_"] {margin-top:10px}
.layer_wrap .layer_box .txt_comform.naver {padding-top:26px}
.layer_wrap .layer_box .txt_comform.naver:after {content:""; display:block; width:18px; height:18px; background:url(/images/ic_logo_naver.png) center center no-repeat; background-size:18px 18px; -webkit-background-size:18px 18px; position:absolute; top:0; left:50%; transform:translateX(-50%)}
.layer_wrap .layer_box .txt_comform.naver .t_green {color:#00c73c !important}
.layer_wrap .layer_box .item_wrap .item_img {width:60px; height:60px}
.layer_wrap .layer_box .item_wrap .item_detail .name {overflow:visible; white-space:unset}

/* 레이어 팝업 - 이미지 저장 */
.downloading_image {padding-left:60px; text-align:left; position:relative}
.downloading_image:after {content:""; display:inline-block; width:50px; height:50px; background:url(/images/ic_download_image.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.downloading_image .header {font-size:12px; line-height:18px; font-weight:700}
.downloading_image .desc {font-size:10px; line-height:14px; margin-top:5px}

/* 다이얼로그 팝업 */
.layer_wrap .slide_wrap {position:relative}
.layer_wrap .slide_wrap .slide_area {width:100%; height:272px}
.layer_wrap .slide_wrap .slide_area li { width:100%; height:272px}
.layer_wrap .slide_wrap .slide_area a {display:block}
.layer_wrap .slide_wrap .slide_area img {height:100%}
.slide_count {width:auto !important; min-width:36px !important; text-align:center; position:absolute; left:unset !important; bottom:0 !important; right:0; font-size:10px; line-height:12px; color:#fff; background-color:#000; padding:4px; font-weight:300}
.slide_count * {color:#fff}
.layer_bottom {position:relative; padding:15px 24px; text-align:left; min-height:50px}
.layer_bottom .area_check {margin:0; width:100%}
.layer_bottom .area_check .inner_check {display:inline-block; font-size:12px; line-height:20px}
.layer_bottom .bt_close {font-size:12px; line-height:20px; font-weight:700; display:inline-block; padding:15px 25px; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#000 !important}
.layer_body .top {padding:32px 24px 24px; text-align:center; border-bottom:1px solid #ccc}
.layer_body .content {padding:24px 24px 0; word-break:break-all; max-height:174px; overflow-y:auto}
.layer_body .content p {word-break:break-all; white-space:pre-line}
.layer_body + .button_area {padding:16px 24px 24px}
.layer_body .terms {padding:24px 24px 0; max-height:278px; overflow-y:auto}
.layer_body .terms .box_in {background-color:#fbfbfb; padding:16px; margin-top:16px}
.layer_body .terms .box_in * {font-size:12px; line-height:18px}
.layer_body .terms + .button_area {padding:0 24px 16px}

/* 다이얼로그 팝업 - 에러 */
.sb_container.type_err {height:auto; overflow-y:hidden; padding:0 24px; margin:0; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0}

/* 쇼핑 - 옵션 선택 (모달 팝업) */
.option_wrap {max-height:292px; background-color:#fff; overflow-y:auto; overflow-x:hidden; position:relative; padding:24px 24px 0; touch-action:pan-y}
.option_wrap .label_area {margin-bottom:8px}
.option_wrap .select_box {border:1px solid #000}
.option_wrap .select_box + .label_area {padding-top:16px}
.option_list {display:flex; flex-direction:column-reverse; padding:24px 0 16px}
.option_list .txt_6 {margin-bottom:8px}
.option_list li {touch-action:pan-y}
.option_list li + li {margin-bottom:16px}
.option .input {display:inline-block; width:30px; height:24px; vertical-align:middle; /*margin:0 -2px*/}
.option .input input {width:100%; line-height:24px; text-align:center; border:0 none; background:transparent}
.option .sum {font-weight:700}
.option .btn_erase {margin-left:5px}
.btn_minus {display:inline-block; width:24px; height:24px; background:url(/images/btn_quantity_minus.png) 0 0 no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; overflow:hidden; font-size:0; text-indent:101%; vertical-align:middle}
.btn_plus {display:inline-block; width:24px; height:24px; background:url(/images/btn_quantity_plus.png) 0 0 no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; overflow:hidden; font-size:0; text-indent:101%; vertical-align:middle}
.grid_wrap {display:flex; width:100%}
.grid_wrap .grid_right {text-align:right; margin-left:auto}
.grid_wrap [class*="grid_"] dt {display:inline-block}
.grid_wrap [class*="grid_"] dd {display:inline-block; margin-left:5px}
.option_result {padding:16px; background-color:#fbfbfb; display:flex}
.layer_fix_popup .layer_inner .option_wrap + .button_combo {padding:16px 24px 24px}
.layer_fix_popup .layer_inner .option_wrap + .button_combo * {font-weight:400}
.option_wrap.type02 {height:142px; padding:0 24px}
.option_wrap.type02 .option_list {min-height:90px}
.button_position {padding:16px 24px 24px}
.button_position a {font-weight:400}