@charset "utf-8"; 

:root {
    /*color*/
    /*--point-color : #feda2e;*/
    /*--point-color : #19ce60;*/

    --point-color : #ffffff;
    --main-color : #313131;

    --text-main-color : #313131;
    --text-white-color : #ffffff;

    --color-lite_blue : #ebf4fc;
    --color-lite_blue2 : #eaf4ff;

    --tatapay_color : #ebf5ff;
    --tatacoin_color : #ececec;

    --font-basic-size : min(4.2vw, 18px);

    /*T대리 0065ff    */
    /*핸들대리 3373d5    */

}

body		{ background:#fff; -webkit-user-select:none;  -webkit-text-size-adjust:none; /*overflow:hidden;*/ }

/*로딩*/
#blind						{ position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:100; display:none; }

#blind > #progress {position:absolute; top:50%; left:50%;
    background:url(../img_gif/loading_gradient.gif) no-repeat center center; background-size:22px auto;}

/*#blind > #progress			{ position:absolute; top:50%; left:50%; margin-left:-23px; width:49px; height:49px; border-radius:50px; border:1px solid var(--point-color); padding:5px; text-align:center; z-index:101; }*/
/*#blind > #progress > .bar 	{ float:left; margin-left:3px; width:5px; height:5px; margin-top:16px; background:var(--point-color); border-radius:5px; }*/
/*#blind > #progress > .bar:first-child { margin-left:0; }*/




#startup	{ display:none; }

#toast { position:fixed; align-items:center; justify-content: center; bottom:60px; left:30px; right: 30px; background:rgba(0,0,0,.6); border-radius:12px; padding:10px; line-height:1.2em; color:#fff; z-index: 100; text-align:center; overflow:auto; display:none; }

.box		{ display:inline-block; margin-right:-3px; margin-bottom:-3px; vertical-align:text-top; }
.lay_left	{ float:left; }
.lay_right	{ float:right; }

.touch { position: relative; overflow: hidden; }

.ripple::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    display: inline-block;
    content: " ";
	background-color:rgba(255,255,255,.8);
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 100%;
	animation: ripple 1000ms ease-out forwards;
}

.touch_w.ripple::after { background-color:rgba(91,200,222,.5); }

@keyframes ripple {
	0%   {  }
	80%  { transform: scale(50); }
	100% { transform: scale(50); opacity: 0; }
}

.required { font-weight:normal; color:#f60; }
.selection { font-weight:normal; color:#999; }

.result_popup { position:fixed; top:50px; left:0; width:100%; height:100%; line-height:23px; background:#fff; padding:50px 20px 20px 20px; }
.result_popup .close { position:absolute; top:10px; right:10px; width:40px; height:40px; padding:5px; background:url(../img/icon_close.svg) no-repeat center center; background-size:auto 80%; }

.editImg { max-width:100%; }

#container { height:100%; }
#container > .wrap { position:absolute; top:0; width:100%; height:100%; transform-style:preserve-3d; transform:translate(100%, 0); background:#fff; transition:transform 0s ease-in-out; box-shadow:0 0 18px rgba(0,0,0,.3); z-index: 10; overflow:hidden; }
#container > .wrap[active=active] { transform:translate(0, 0); }
.viewer.hideup { transform:translate(0, 0); animation: hideup 1s ease-out forwards; }
@keyframes hideup {
    0%   {  }
    100% { transform:translate(-60px, 0); /*filter:blur(10px);*/ }
}
#container > .wrap.active { transform:translate(0, 0); transition:transform 0s ease-in-out; }
#container > .wrap > .wrap_scroll { position:absolute; top:60px; left:0; right:0; bottom:0; overflow:auto; -webkit-overflow-scrolling: touch; padding:30px 15px 0px 15px; }

.top_area { position:absolute; top:60px; left:0; right:0; padding:20px 15px 20px 15px; background-color: var(--point-color); }

.btn { position:relative; display:inline-block; min-width:56px; overflow:hidden; vertical-align:middle; text-align:center; border-radius:3px; margin-top:-2px; padding:0 10px; color:#fff; font-weight:400; cursor:pointer; -webkit-user-select:none; background:#353535; }
.btn_s { min-height: 23px; line-height:23px; font-size:12px; }
.btn_m { min-height: 35px; line-height:35px; font-size: 13px; }
.btn_l { min-height: 43px; line-height:43px; font-size:15px; padding:0 30px; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
.btn.circle { border-radius:30px; }

/*접수|저장|확인, 처리중, 완료, 취소, 보류*/
.btn.y { background-color:var(--main-color); color: #fff; }
.btn.b { background-color:#2374fb; color: #fff; }
.btn.d { background-color:#2c2c2c; color: #fff; }
.btn.w { background-color:#fff; color: #2c2c2c; }

.btn:hover {  }
.btn:active {  }

.user_delete { background: #ffe5de; }

.icon_btn { display: inline-block; background-repeat:no-repeat; background-size:auto 34%; }
.btn_s.icon_btn { background-position: 5px center; }
.btn_m.icon_btn { background-position: 7px center; }
.btn_l.icon_btn { background-position: 10px center; }
.icon_search { background-image:url(../img/icon_search2.svg); }
.icon_mail { background-image:url(../img/icon_mail.svg); }
.icon_tel { background-image:url(../img/icon_tel.svg); }

.box_btn { display: flex; flex-wrap: wrap; justify-content: space-around; padding:15px 0; overflow:hidden; }
.box_btn > .btn { width: 100%; }
.box_btn.split_2 > .btn  { flex: 0 49%; margin-right: 2%; }
.box_btn.split_3 > .btn  { flex: 0 32%; margin-right: 2%; }
.box_btn > .btn:last-child { margin-right: 0; }

.icon_camera { display:inline-block; width:30px; height:30px; border-radius:100%; background-color:#0a255b; background-image:url(../img/icon_camera.svg); background-repeat:no-repeat; background-position:center center; background-size:auto 60%; margin-right:10px; z-index:1; }
.icon_album { display:inline-block; width:30px; height:30px; border-radius:100%; background-color:#0a255b; background-image:url(../img/icon_album.svg); background-repeat:no-repeat; background-position:center center; background-size:auto 60%; z-index:1; }

.policyTop { position:absolute; top:0; width:100%; height:60px; padding: 0 0; background:var(--point-color); z-index:10; }
.policyTop >.title { line-height:60px; font-size:19px; margin: 0 0; text-align: center; color:#2c2c2c; }

.gnbTop { position:absolute; top:0; width:100%; height:60px; padding: 0 20px; background:var(--point-color); z-index:10; }
.gnbTop >.btn_back { float:left; width:30px; height:60px; background:url(../img_png/ic_back.png) no-repeat center center; background-size:24px auto; }
.gnbTop >.btn_close { float:right; width:30px; height:60px; background:url(../img_png/ic_close.png) no-repeat center center; background-size:24px auto; }
.gnbTop >.title { line-height:60px; font-size:19px; margin: 0 30px; text-align: center; color:#2c2c2c; }
.gnbTop >.btn_edit,
.gnbTop >.btn_submit{ float:right; line-height:40px; margin:5px 15px; font-size:15px; color:#fff; }

.scroll_load { position:absolute; top:60px; left:0; right:0; bottom:0; overflow:auto; -webkit-overflow-scrolling: touch; padding:20px 15px 20px 15px; }
.scroll_load > li,
.scroll_load > form > li { min-height: 34px; padding:5px 3px; border-bottom:1px solid #d5d5d5; overflow:hidden; }
.scroll_load li.noline { border-bottom:0; }
.scroll_load > li .left { float:left; }
.scroll_load > li .right { float:right; }
.scroll_load > li .line { overflow:hidden; padding:2px 0;  }
.scroll_load > li .subject { font-weight: 800; }
.scroll_load > li .txt { color:#777; }
.scroll_load > li .txt_small { font-size:13px; }
.scroll_load > li span { font-size:11px; color:#bbb; font-weight:normal !important; }
.scroll_load > li.done { opacity:.5; }

.scroll_load2 { position:absolute; top:0; left:0; right:0; bottom:0; overflow:auto; -webkit-overflow-scrolling: touch;  }

.scroll_load > li .state { display:inline-block; min-width:50px; line-height:20px !important; text-align:center; border-radius:3px; padding:0px 5px; color:#fff; font-size:12px !important; font-weight:bold; border:1px solid #1e2c4a; }
.scroll_load > li .state.nomal_start { background:#fff; color:#384a71 !important; }
.scroll_load > li .state.nomal_1 { background:#c9dafe; color:#384a71 !important;}
.scroll_load > li .state.nomal_2 { background:#7d96c9; }
.scroll_load > li .state.nomal_done { background:#384a71;}
.scroll_load > li .state.cancel { background:#ff5400;}
.scroll_load > li .state.hold { background:#2e2e2e; }
.scroll_load .end_data { padding:10px 0; text-align:center; color:#bbb; }

.scroll_load > form > li.exp {}
.scroll_load > form > li.exp .list { font-size: 12px; color: darkslategray; margin: 8px; text-align: left; padding-left: 10px; background: #fff url(../img/bullet_th1.svg) no-repeat left 7px; background-size:auto 2px; }

.text_icon { position:relative; margin:auto 5px 22px 5px; }
.text_icon::after { display:inline-block; color:#333; font-size:12px; position:absolute; bottom:-22px; left:0; width:40px; margin-left:-5px; line-height:22px; text-align:center; }
.text_icon.icon_camera::after { content:"카메라"; }
.text_icon.btn_album::after { content:"사진"; }

.imgList {}
.imgList .preview { position:relative; border:1px solid #d5d5d5; padding:0; margin-bottom:10px; }
.imgList .preview > img { width:100%; margin-bottom:-4px; }
.imgList .preview .btnBox { position:absolute; bottom:10px; right:10px; }
.imgList .preview .btnBox .btn_ { float:left; padding:8px 12px; min-width:50px; background-color:#384a71 !important; color:#fff !important; border:1px solid rgba(255,255,255,0.3); opacity:.5; overflow:hidden; }
.imgList .preview .btnBox .btn_download { margin-left:10px; text-indent:-100px; background-image:url(../img/icon_download2.svg) !important; background-repeat:no-repeat; background-position:center; background-size:auto 60%; }
.imgList .preview .btnBox .btn:active { opacity:1; }

.edit {}
.edit input,
.edit select,
.edit textarea,
.edit button { width:100%; }
.edit input,
.edit select { height:40px; }


.edit input[type=text],
.edit input[type=email],
.edit input[type=date],
.edit input[type=number],
.edit input[type=tel],
.edit input[type=search],
.edit input[type=password],
.edit select { border: 0; border-bottom:1px solid #d5d5d5; background: transparent !important; }

.edit input[type=radio],
.edit input[type=checkbox] { width:24px; height:24px; }
.edit li { margin-bottom:10px; }
.edit li .item_text { font-size:14px; font-weight:bold; margin-bottom:2px; color:#333; }
.edit.view li { font-size:15px; color:#999; }
.edit li.subject,
.edit li.subject * { font-size:17px; font-weight:bold; text-align:center; }
.edit li.title { font-size:17px; font-weight:bold; text-align:center; }
.edit li .txt { color:#777; }
.edit form { padding-bottom:30px; }
.start_hidden { display:none; }
.select_hidden { display:none; }


input::placeholder {
    color: grey;
}


/* edit2 */
.edit2 {}

.edit2 input,
.edit2 select,
.edit2 textarea,
.edit2 button { width:100%; }

.edit2 label {
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 10px;
}

.edit2 input,
.edit2 select { height:40px; line-height:40px; }

.edit2 input[type=text],
.edit2 input[type=email],
.edit2 input[type=date],
.edit2 input[type=number],
.edit2 input[type=tel],
.edit2 input[type=search],
.edit2 input[type=password],
.edit2 select { outline: none; border:1px solid black; background: transparent !important; }

.edit2 input:focus {
    outline:none;
}

.edit2 .radio__input {
    display: none;
}

.edit2 .radio__label {
    padding: 6px 30px;
    background-color: white;
    border: 2px solid lightgray;
    border-radius: 15px;
    margin-top: 0;
}

.radio__input:checked + .radio__label {
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    color: white;
}

.radio_li {
    min-height: 40px;
    padding: 0;
    border: none;
}



.edit2 input[type=radio],
.edit2 input[type=checkbox] { width:24px; height:24px; }
.edit2 li { margin-bottom:10px; }
.edit2 li .item_text { font-size:13px; font-weight:bold; margin-bottom:2px; color:#333; }
.edit2.view li { font-size:15px; color:#999; }
.edit2 li.subject,
.edit2 li.subject * { font-size:17px; font-weight:bold; text-align:center; }
.edit2 li.title { font-size:17px; font-weight:bold; text-align:center; }
.edit2 li .txt { color:#777; }
.edit2 form { padding-bottom:30px; }
/* edit2 */


hr.section { border:0; border-bottom:1px dotted #d5d5d5; margin:20px 0; }

.table_style1			{ border:0; border-collapse:collapse; word-break:break-all; empty-cells:show; white-space:normal; }
.table_style1 *			{ font-size:12px; }
.table_style1 thead 	{ }
.table_style1 tbody 	{ }
.table_style1 th,
.table_style1 td		{ border:1px solid #e1e3e6; padding:10px 5px 9px 5px; color:#333; }
.table_style1 thead th 	{ border-top:1px solid #e1e3e6; border-bottom:1px solid #e1e3e6; background:#f9f9f9; text-align:center; color:#333; }
.table_style1 tbody th 	{ background:#f9f9f9; text-align:right; }
.table_style1 tbody td 	{ border-bottom:1px solid #e1e3e6; background:#fff; color:#333; }
.table_style1 tbody td.title { text-align:center; font-size:19px; font-weight:bold; letter-spacing:0.1em; padding:20px; border:0; }
.table_style1 .blank	{ height:10px; background:none; border:0; padding:0; }

.table_list { border:0; border-collapse:collapse; word-break:break-all; empty-cells:show; margin: 0 auto; margin-bottom: 30px; }
.table_list,
.table_list th,
.table_list td { padding:11px 5px 10px 5px; border:0; }
.table_list * {  }
.table_list th,
.table_list td { border-bottom:1px solid #d5d5d5; background:#fff; color:#555; }
.table_list caption	{ text-align:center; padding:5px 0 3px; font-weight:bold; display:none; }
.table_list thead th { background:#2374fb; color: #fff; }
.table_list tbody th { background:#f0f0f0; }
.table_list tbody td { font-size:14px; }
.table_list tbody td.title { text-align:center; font-size:17px; font-weight:bold; letter-spacing:0.1em; }
.table_list .blank	{ height:10px; background:none; border:0; }

/* 메인 */
/*#container > .header { position:relative; height:60px; background:var(--point-color); text-align:center; line-height:60px; border-bottom: 1px solid rgba(0, 0, 0, .04); }*/
/*#container > .header .btn_snb { float: left; width:42px; height:60px; background:url(../img/icon_menu.svg) no-repeat center center; background-size:22px auto; }*/
/*#container > .header .logo { float: left; width:120px; height:60px; background:url(../img/logo.svg) no-repeat 5px center; background-size:auto 29px; }*/
/*#container > .header .btn_noti { float: right; width:42px; height:60px; background:url(../img/icon_bell.svg) no-repeat center center; background-size:22px auto; opacity: .2; }*/
/*#container > .header .icon_add { float: right; line-height: 24px; animation: blinking 1s ease-out infinite; margin-top: 17px; margin-right: 5px; font-size: 14px; color: #080000; font-weight: bold; background-image:url(../img/icon_add.svg); background-repeat: no-repeat; background-position: 10px center; background-size:12px auto; padding: 0 10px 0 28px; border: 1px solid#d4af00; }*/
@keyframes blinking {
    0%   { background-color: var(--point-color); color: var(--main-color); }
    50% { background-color: var(--main-color); color: var(--point-color); }
    100%   { background-color: var(--point-color); color: var(--main-color); }
}
#app_ver { text-align: right; padding: 5px 10px; }

/*#container > .my_info { background:var(--point-color); border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 0 20px; }*/
/*#container > .my_info .cash_area { height:78px; padding: 12px 0; border-bottom: 1px solid rgba(0, 0, 0, .04); }*/
/*#container > .my_info .cash_area > .lay_left > .txt_sum { display: inline-block; font-size: 24px; font-weight: bold; margin:7px 0 0 0; padding-right: 11px; background:url(../img/icon_next2.svg) no-repeat right center; background-size:auto 8px; }*/
/*#container > .my_info .area_select { height:40px; line-height: 39px; }*/
/*#container > .my_info .area_select .btn_store_gallery { float: left; padding-left: 24px; margin-right:5px; font-size: 13px; font-weight: bold; background:url(../img/icon_store.svg) no-repeat left center; background-size:21px auto; }*/
/*#container > .my_info .area_select .area_name { float: left; width:100px; padding-left: 18px; font-size: 13px; font-weight: bold; background:url(../img/icon_location.svg) no-repeat left center; background-size:auto 17px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }*/
/*#container > .my_info .area_select .btn_area_select { float: right; width: 84px; text-align: right; padding-right: 11px; background:url(../img/icon_next2.svg) no-repeat right center; background-size:auto 8px; }*/
/*#container > .my_info .area_select .btn_area_select .icon_star { display: inline-block; width: 100%; height: 39px; padding-left: 17px; background:url(../img/icon_star.svg) no-repeat left center; background-size:auto 14px; }*/
/*#container > .my_info .cash_area > .lay_right > .btn_box { height: 14px; text-align: right; }*/
/*#container > .my_info .cash_area > .lay_right > .btn_box > .btn_present_point { display: inline-block; width: 42px; height: 18px; background:url(../img/icon_gift.svg) no-repeat right center; background-size:auto 14px; }*/
/*#container > .my_info .cash_area > .lay_right > .btn_box > .btn_donation_point { display: inline-block; width: 42px; height: 18px; margin-left: 14px; background:url(../img/icon_heart.svg) no-repeat right center; background-size:auto 14px; }*/
/*#container > .my_info .cash_area > .lay_right > .btn_box > .btn_mall { display: inline-block; width: 42px; height: 18px; margin-left: 14px; background:url(../img/icon_mall.svg) no-repeat right center; background-size:auto 14px; }*/
/*#container > .my_info .cash_area .my_cash_info .txt_name { color: white; }*/
/*#container > .my_info .cash_area > .lay_right .txt_point { font-size: 16px; font-weight: bold; }*/

/*#container > .inbox { position: absolute; top: 102px; width: 100%; overflow: hidden; overflow-y: scroll; }*/
/*#container > .inbox.login { top: 180px; }*/
/*#container > .inbox .map_layer { position: absolute; z-index: 2; opacity: .75; }*/
/*#container > .inbox #map { width: 100%; height: 100%; }*/
/*#container > .inbox .loacation_address { top: 10px; left: 20px; right: 20px; height: 30px; line-height: 28px; padding: 0 10px; background: #fff; border-radius: 30px; border: 1px solid #080000; overflow: hidden; overflow-x: scroll; }*/
/*#container > .inbox .btn_location { top: 60px; right: 10px; width: 30px; height: 30px; opacity: .95; background: #fff url(../img/icon_gps.svg) no-repeat center center; background-size:auto 60%; border-radius: 3px; border: 1px solid #ccc; }*/
/*#container > .inbox #btn_map_view { top: 80px; right: 10px; width: 30px; height: 30px; background: #fff url(../img/icon_mapview.svg) no-repeat center center; background-size:auto 60%; border-radius: 3px; border: 1px solid #ccc; }*/


#mall_banner { position:absolute; left:0; width:100%; height:67px; padding:8px 15px; background:var(--point-color); border-top: 1px solid rgba(0, 0, 0, .2); overflow:hidden; z-index: 2; display:none; }
#mall_banner .swiper_wrap { position:relative; width:320px; height:100%; margin:0 auto; overflow:hidden; }
#mall_banner .swiper_wrap .item { width:50px; height:50px; margin-right:10px; border-radius:5px; border:1px solid rgba(0,0,0,.03); background:center center no-repeat; background-size:cover; overflow:hidden; }
#mall_banner .swiper_wrap .item:last-child { margin-right:0; }
#mall_banner .arrow { position:absolute; top:8px; width:30px; height:50px; opacity:.5 !important; background-repeat:no-repeat; background-position:center center; background-size:auto 18px; border-radius:50px; }
#mall_banner .btn_prev { left:0; background-image:url(../img/icon_prev.svg); }
#mall_banner .btn_next { right:0; background-image:url(../img/icon_next.svg); }

/*#call_btn { position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; padding-top:6px; overflow: hidden; z-index: 2; }*/
/*#call_btn > .inbox { position: relative; width: 500%; height: 70px; transform-style:preserve-3d; transform:translate(0, 0); transition:transform .3s ease-in-out; }*/
/*#call_btn > .inbox > .item { float: left; height: 100%; }*/
/*#call_btn > .inbox > .item > div { width: 70px; height: 70px; margin-left: calc(50% - 35px); opacity: 1; animation: blinking 1s ease-out infinite; background-size:auto 100%; box-shadow: 0 0 12px rgba(0,0,0,.45); background-color: var(--point-color); background-repeat: no-repeat; background-position: center center; border-radius: 60px; border: 1px solid #080000; }*/
/*#call_btn #btn_call { background-image:url(../img/icon_call.svg); }*/
/*#call_btn #btn_call_flower { background-image:url(../img/icon_call_flower.svg); }*/
/*#call_btn #btn_call_freight { background-image:url(../img/icon_call_freight.svg); }*/
/*#call_btn #btn_call_quick { background-image:url(../img/icon_call_scooter.svg); }*/
/*#call_btn #btn_call_service { background-image:url(../img/icon_call_service.svg); }*/
/*#call_btn .btn_prev { top:14px; left: 0; width: 54px; height: 54px; opacity: .5 !important; background:url(../img/icon_prev.svg) no-repeat center center; background-size:auto 18px; border-radius: 60px; }*/
/*#call_btn .btn_next { top:14px; right: 0; width: 54px; height: 54px; opacity: .5 !important; background:url(../img/icon_next.svg) no-repeat center center; background-size:auto 18px; border-radius: 60px; }*/

#call_btn_nav { position: absolute; top: 90px; left: 0; width: 100%; height: 40px; text-align:center; overflow: hidden; z-index: 2; }
#call_btn_nav > .item { display:inline-block; width: 40px; height: 40px; margin-right:16px; opacity:1; background-size:auto 100%; background-color: var(--point-color); background-repeat: no-repeat; background-position: center center; border-radius: 60px; border: 1px solid rgba(0,0,0,.7); }
#call_btn_nav > .item[data-active="active"] { background-color: #f60; }
#call_btn_nav > .item.icon_call { background-image:url(../img/icon_call.svg); }
#call_btn_nav > .item.icon_call_flower { background-image:url(../img/icon_call_flower.svg); }
#call_btn_nav > .item.icon_call_freight { background-image:url(../img/icon_call_freight.svg); }
#call_btn_nav > .item.icon_call_scooter { background-image:url(../img/icon_call_scooter.svg); }
#call_btn_nav > .item.icon_call_service { background-image:url(../img/icon_call_service.svg); }
#call_btn_nav > .item:last-child { margin-right: 0; }
#call_btn_nav > .item svg path { fill:rgb(54, 46, 46); }
/*
#call_btn #btn_call_flower { top:15px; left: 20px; width: 40px; height: 40px; opacity: .65;  background-image:url(../img/icon_prev.svg); background-repeat: no-repeat; background-position: center center; background-size:auto 40%; border-radius: 60px;  }
#call_btn #btn_call_freight { top:15px; right: 20px; width: 40px; height: 40px; opacity: .65;  background-image:url(../img/icon_next.svg); background-repeat: no-repeat; background-position: center center; background-size:auto 40%; border-radius: 60px;  }
*/

.banner { position: absolute; left: 0; bottom: 0; width: 100%; height: 15.28vw; background:var(--point-color); overflow: hidden; background-color: ivory;}
.banner a,
.banner .item { text-align: center; overflow: hidden; }
.banner a,
.banner img { width: 100%; height: 15.28vw; display: block; margin: 0; }

/*
#notice { position: relative; height:26px; line-height: 22px; padding:2px 10px 2px 70px; background:#feff00; border-top: 1px solid #b4b500; }
#notice .icon_notice { position: absolute; top:2px; left:10px; width:60px; height:22px; padding-left: 25px; font-size: 13px; font-weight: bold; background:url(../img/icon_speaker.svg) no-repeat left center; background-size:22px auto; }
#notice > marquee { height:100%; overflow:hidden;  }
#notice > marquee .item { font-size:14px; color:#555; letter-spacing:.1em; margin-right: 50px; }
*/
#popup_container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); z-index: 100;}
.popup { position: relative; width: calc(100% - 40px); height: calc(100% - 200px); margin-top: 85px; margin-left: 20px; display: flex; flex-direction: column; background-color: #fff; border-radius: 7px; }
#popup_container > .btn_dt { display: flex; justify-content: space-around; align-items: center; width: calc(100% - 60px); margin-left: 30px; height: 25px; margin-top: 10px;  }
#popup_container > .btn_dt .btn { font-size: 1.3em; color: #fff; background-color: rgba(0,0,0,0);}
/*#popup_container > .btn_dt .btn_close_today { width: calc(100% - 70px); text-align: left; padding-left: 50px;}*/
/*#popup_container > .btn_dt .btn_close { width: 70px; padding: 0; }*/
.popup .subject { margin: 10px 5%; line-height: 50px; font-size: 19px; font-weight: bold; color: #000;  border-bottom: 1px solid #d5d5d5; }

.popup .InAppBrowser { width: 90%;}
.popup .InAppBrowser > img { width: 100%; }

/*스와이프 공지사항*/
.swiper {
    width: 100%;
    flex-grow: 1;
}

.popup .popup_bottom {
    width: 100%; height: 70px; background-color: var(--main-color); border-radius: 0 0 6px 6px;
    padding: 0 20px;
    display: flex; justify-content: space-between; align-items: center;
}

.popup_bottom .next_close {
    width: 70px;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: white;
    font-weight: bold;
}

.swiper-pagination {
    position: relative;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    width: auto;
}

.swiper-pagination-bullet {
    background-color: #ffffff;
}

/*fcm notice*/
#fcm_notice {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0, 0.5); z-index: 100;
    padding: 30px; display: flex; justify-content: center; align-items: center;
}

.fcm_notice_box {
    min-width: 250px; min-height: 400px; max-height: calc(100% - 140px);
    background-color: white; border: 1px solid grey; border-radius: 10px; padding: 30px;
    display: flex; flex-direction: column; justify-content: space-around;
    animation: fcm_notice_box 0.7s ease-in-out forwards;
}

@keyframes fcm_notice_box {
    0% { opacity: 0; }
    30% { opacity: 0; }
    100% { opacity: 1; }
}

.fcm_contents_box {
    height: 100%; width: 100%; font-size: 12px; margin-top: 20px; flex-grow: 1; overflow-y: auto;
}

#fcm_check_button {
    width: 50%;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
    border-radius: 5px;
    background-color: var(--main-color);
    color: var(--text-white-color);
}

/*
.popup .btn_close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background:url(../img/icon_close.svg) no-repeat center center; background-size:auto 24px; }
*/

.back_popup { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 0 12px rgba(0,0,0,.3); background-color: #fff; overflow: hidden; z-index: 100; }
.back_popup > .title { line-height: 50px; text-align: center; background: var(--point-color); font-size: 17px; font-weight: bold; }
.back_popup > .inbox { position: absolute; width: 100%; top: 50px; bottom: 70px; overflow: hidden; overflow-y: auto; }
.back_popup > .btn_dt { position: absolute; left: 0; right: 0; height: 50px; bottom: 0; text-align: right; }
.back_popup .InAppBrowser > img { width: 100%; }
.back_popup .btn { float: left; width:50%; height: 100%; line-height: 50px; border-radius:0; margin-top:0; color:#fff; font-weight:bold; border: 1px solid #999; }
.back_popup .btn:nth-child(2) { border-left: 0; }
.back_popup .btn_link { background: #999; color: #e7eaef; }
.back_popup .btn_close { background: #fff; color: #999; }
.back_popup > .btn_dt.wide .btn_link { display: none; }
.back_popup > .btn_dt.wide .btn_close { width: 100%; }

/* snb */
#snb { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);  z-index:10; visibility: hidden; opacity: 0;overflow: hidden;}
#snb[active=active] {  visibility: visible; opacity: 1; }
#snb .scroll_load { padding: 30px 0 20px 0 !important; }
#snb .big_menu { display: flex; flex-direction: column; flex-wrap: wrap;  justify-content: space-between; }
.big_menu li { height: 50px; display: flex; align-items: center; margin-left: 30px; gap: 20px; }
.big_menu li img { width: 20px; height: 20px; }
.big_menu li .name { text-align:center; font-size: 16px; font-weight: bold; }

#snb .menu { }
#snb .menu li { line-height:48px; font-weight:400; padding: 0 15px; background:url(../img/icon_next2.svg) no-repeat calc(100% - 10px) center; background-size:auto 25%; }

#snb_contents {
    width: 70%; height: 100%; position: relative; background:#ffffffff;
    transition:transform 200ms ease-in-out; transform: translateX(-100%);
}

#snb[active=active] #snb_contents { transform: translateX(0);  }




/* 회원가입 */
#join_ios #btn_sms_auth { position: absolute; right: 20px; line-height: 40px; }

/* 지역선택 */
#area_select input[type=radio] { border: 0; }
#area_select label { display: inline-block; width: 100%; }
#area_select .scroll_load > form > li { padding: 5px 3px;}

/* 불편문의 */
#qanda .top_area { height: 150px; text-align: center; padding:0 15px 0 15px; }
#qanda .scroll_load { top:210px; }
#qanda .top_area .title { font-size: 14px; color: #666; line-height: 40px; }
#qanda .top_area .title_sub { font-size: 25px; color: #080000; font-weight: bold; line-height: 40px; }

/* 선물하기 */
#present_point .top_area { height: 120px; text-align: center; padding:0 15px 0 15px; }
#present_point span { color: #666; }
#present_point .scroll_load { top:180px; }
#present_point .top_area .title_sub { font-size: 35px; color: #080000; font-weight: bold; line-height: 40px; }
#present_point .top_area .txt { font-size: 14px; color: #666; line-height: 30px; }

/* 적립내역 */
#point .top_area { text-align: center; padding:0 15px 0 15px; }
#point .scroll_load { top:300px; }
#point .top_area .txt { padding: 15px 0; font-size: 14px; color: #666; }
#point .top_area .title { font-size: 35px; color: #080000; font-weight: bold; line-height: 40px; }
#point .top_area .date_area { padding: 10px 0;}
#point .top_area .date_area input[type=date] { width: 130px; height: 34px; border: 1px solid rgba(0, 0, 0, .1); background: #fff; border-radius: 3px; font-size: 15px; }
#point .top_area .date_area .cust_data { line-height: 40px; font-size: 15px; color: #666; }
#point .top_area .date_area .cust_data .cnt { font-size: 15px; font-weight: bold; color: #080000; }
#point .point_state { }
#point .box_btn > .btn { width: initial; }
#point .point_state .left { float: left; line-height: 25px; }
#point .point_state .right { float: right; line-height: 25px; }
#point .top_area .title_sub { font-size: 14px; color: #080000; }
#point span { color: #666; }
#point .item { height: 17vw; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; padding: 5px; margin: 5px 15px; border: 1px solid lightgray; border-radius: 5px;}

#point li .txt { color:#777; }
#point li .txt_small { font-size:13px; }



/* 출금내역 */
#withdrawal_history .top_area { height: 100px; text-align: center; padding:0 15px 0 15px; }
#withdrawal_history .scroll_load { top:160px; }
#withdrawal_history .top_area .date_area { padding: 20px 0 0 0; border-top: 1px solid rgba(0, 0, 0, .04); }
#withdrawal_history .top_area .date_area input[type=date] { width: 130px; height: 34px; border: 1px solid rgba(0, 0, 0, .1); background: #fff; border-radius: 3px; font-size: 15px; }
#withdrawal_history .top_area .date_area .cust_data { line-height: 40px; font-size: 15px; color: #666; }
#withdrawal_history .top_area .date_area .cust_data .cnt { font-size: 15px; font-weight: bold; color: #080000; }

/* 출금신청 */
#withdrawal .top_area { height: 140px; text-align: center; padding:0 15px 0 15px; }
#withdrawal span { color: #666; }
#withdrawal .scroll_load { top:200px; }
#withdrawal .top_area .title { font-size: 21px; color: #666; line-height: 50px; }
#withdrawal .top_area .title_sub { font-size: 25px; color: #080000; font-weight: bold; line-height: 40px; }
#withdrawal .top_area .txt { font-size: 14px; color: #555; line-height: 30px; }

/* 기부하기 */
#donation_point .top_area { height: 120px; text-align: center; padding:0 15px 0 15px; }
#donation_point span { color: #666; }
#donation_point .scroll_load { top:180px; }
#donation_point .top_area .title_sub { font-size: 35px; color: #080000; font-weight: bold; line-height: 40px; }
#donation_point .top_area .txt { font-size: 14px; color: #666; line-height: 30px; }

/*기부내역*/
#donation_history .top_area { height: 120px; text-align: center; padding:0 15px 0 15px; }
#donation_history span { color: #666; }
#donation_history .scroll_load { top:180px; }
#donation_history .top_area .title_sub { font-size: 35px; color: #080000; font-weight: bold; line-height: 40px; }
#donation_history .top_area .txt { font-size: 14px; color: #666; line-height: 30px; }

/*추천인*/
#my_recommend .title_sub { padding-left:25px; background:url(../img/icon_peoples.svg) no-repeat left center; background-size:auto 130%; font-size: 3.9vw; color: #080000; }
#my_recommend .title_sub .txt { font-size: 14px; color: #666; font-weight: bold; }

#my_recommend .item { pointer-events: auto;  display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap; padding: 5px; margin: 5px 15px; border: 1px solid lightgray; border-radius: 5px;}

#my_recommend .item .plusImage { pointer-events: none; width: 12px; height: 12px; flex-shrink: 0; margin-left: 5px; background-repeat: no-repeat; background-size: auto 100%; }
#my_recommend .item .name { pointer-events: none; flex-grow: 1; margin-left: 5px; font-size: 13px;  }
#my_recommend li .txt_small {  pointer-events: none; flex-shrink: 0; font-size:12px; }



/*faq*/
#faq > .scroll_load > li .subject { margin-bottom: 10px; }

/* 개인정보 수정 */
#myInfo .store_list { }
#myInfo .store_list .title { font-size: 17px; color: #080000; font-weight: 400; }
#myInfo .store_list .title_sub { font-size: 13px; color: #666; margin-top: 5px; }
#myInfo .store_list > li { min-height: 34px; padding:5px 3px; border-bottom:1px solid #d5d5d5; overflow:hidden; }
#myInfo .store_list > li.noline { border-bottom:0; }
#myInfo .store_list > li .left { float:left; }
#myInfo .store_list > li .right { float:right; }
#myInfo .store_list > li .line { overflow:hidden; padding:2px 0;  }
#myInfo .store_list > li .subject { font-weight: 400; }
#myInfo .store_list > li .txt { color:#777; }
#myInfo .store_list > li .txt_small { font-size:13px; }
#myInfo .store_list > li span { font-size:11px; color:#bbb; font-weight:normal !important; }
#myInfo .store_list > li.done { opacity:.5; }
#myInfo .store_edit { padding: 30px 50px 0 50px; }
#myInfo .btn_save_s { display: block; margin: 30px 0 0 0; }

/* 적립혜택 */
#img_info_1 .gnbTop { background: none; }
#img_info_1 .gnbTop >.btn_back { background: url(../img/icon_arrow_left3.svg) no-repeat center center; background-size: 24px auto; }
#img_info_1 .scroll_load { top: 0; padding: 0; }
#img_info_1 .box_btn { background: #36486c; padding: 15px 10px; margin-top: -3px; }
#img_info_1 .icon_tel { background-image: url(../img/icon_tel2.svg); }

#img_info_1 .gnbTop .btn_sms { float: right; min-width: 70px; padding: 0 10px; margin-top: 13px; margin-right: -30px; border: 1px solid #333; }

/* 꽃배달 */
#flower_category .scroll_load.goods { padding: 20px 15px 63px 15px; }
#flower_category .scroll_load.goods .goods_list { float: left; width: 50%; padding-bottom: 15px; }
#flower_category .scroll_load.goods .goods_list:nth-child(odd) { padding-right: 7px; }
#flower_category .scroll_load.goods .goods_list:nth-child(even) { padding-left: 7px; }
#flower_category .scroll_load.goods .goods_list .goods_img { position: relative; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden; }
#flower_category .scroll_load.goods .goods_list .goods_img > img { width: 100%; }
#flower_category .scroll_load.goods .goods_list .goods_title { margin-bottom: 5px; padding: 4px; overflow: hidden; text-align: center; border: 1px solid #d5d5d5; background:var(--point-color); border-radius: 50px; font-size: 15px; color: #080000; font-weight: 400; }
#flower_category .scroll_load.goods .goods_list .event { position: absolute; top: 3px; right: 3px; background: #f60; padding: 2px 3px; border-radius: 3px; font-size: 12px; color: #fff; }
#flower_category .scroll_load.goods .goods_list .goods_name { margin-top: 3px; padding: 2px 0; text-align: center; font-size: 14px; color: #080000; font-weight: 300; }
#flower_category .scroll_load.goods .goods_list .goods_price { margin-bottom: 5px; text-align: center; font-size: 14px; color: #f13f01; font-weight: 300; }
#flower_category .scroll_load.goods .goods_list .goods_price span { font-size: 14px; color: #999; }
#flower_category .scroll_load.goods .box_btn { position: fixed; bottom: 0; left: 0; width: 100%; height: 43px; padding: 0; }
#flower_category .scroll_load.goods .box_btn .btn { border-radius: 0; }
#flower_category .scroll_load.goods .box_btn .btn .icon { display: inline-block; width: 19px; height: 19px; margin-right: 5px; vertical-align:middle; background-repeat:no-repeat; background-size:auto 100%; background-position: center center; }
#flower_category .scroll_load.goods .box_btn .btn .icon.tell { background-image:url(../img/icon_call2.svg); }

/* 생활서비스 */
#life_service .scroll_load { padding:20px 15px 0 15px; }
#life_service .scroll_load .list { float: left; width: 50%; padding-bottom: 30px; }
#life_service .scroll_load .list:nth-child(odd) { padding-right: 7px; }
#life_service .scroll_load .list:nth-child(even) { padding-left: 7px; }
#life_service .scroll_load .list .img { position: relative; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden; }
#life_service .scroll_load .list .img > img { width: 100%; }
#life_service .scroll_load .list .btn_tell { width:100%; margin-top:3px; }

/* 주변매장 */
#store_gallery .scroll_load { background-color: #f5f5f5; padding:20px 15px 0 15px; }
#store_gallery .scroll_load .list { position:relative; float:left; width:33.3%; text-align:center; padding:15px 15px; margin-bottom:10px; }
#store_gallery .scroll_load .list .img { position:relative; width:100%; padding-top:calc(100% - 2px); margin:0 auto; border:1px solid rgba(0,0,0,.1); border-radius: 100%; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:auto 60%; overflow: hidden; }
#store_gallery .scroll_load .list .subject { width:100%; margin-top:5px; font-size:14px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#store_gallery .scroll_load .list .img.icon_10 { background-image:url(../img/store_category/icon_10.svg); }
#store_gallery .scroll_load .list .img.icon_20 { background-image:url(../img/store_category/icon_20.svg); }
#store_gallery .scroll_load .list .img.icon_30 { background-image:url(../img/store_category/icon_30.svg); }
#store_gallery .scroll_load .list .img.icon_40 { background-image:url(../img/store_category/icon_40.svg); }
#store_gallery .scroll_load .list .img.icon_50 { background-image:url(../img/store_category/icon_50.svg); }
#store_gallery .scroll_load .list .img.icon_60 { background-image:url(../img/store_category/icon_60.svg); }
#store_gallery .scroll_load .list .img.icon_70 { background-image:url(../img/store_category/icon_70.svg); }
#store_gallery .scroll_load .list .img.icon_80 { background-image:url(../img/store_category/icon_80.svg); }
#store_gallery .scroll_load .list .img.icon_90 { background-image:url(../img/store_category/icon_90.svg); }
#store_gallery .scroll_load .list .img.icon_100 { background-image:url(../img/store_category/icon_100.svg); }
#store_gallery .scroll_load .list .img.icon_110 { background-image:url(../img/store_category/icon_110.svg); }
#store_gallery .scroll_load .list .img.icon_120 { background-image:url(../img/store_category/icon_120.svg); }
#store_gallery .scroll_load .list .img.icon_130 { background-image:url(../img/store_category/icon_130.svg); }
#store_gallery .scroll_load .list .img.icon_140 { background-image:url(../img/store_category/icon_140.svg); }
#store_gallery .scroll_load .list .img.icon_150 { background-image:url(../img/store_category/icon_150.svg); }
/*#store_gallery .scroll_load .list .img.icon_160 { background-image:url(../img/store_category/icon_160.svg); }*/
/*#store_gallery .scroll_load .list .img.icon_170 { background-image:url(../img/store_category/icon_170.svg); }*/

#store_gallery_list .scroll_load {  }
#store_gallery_list .scroll_load .list { margin-bottom:30px; border:1px solid #d5d5d5; }
#store_gallery_list .scroll_load .list .img { height:140px; border-bottom:1px solid #d5d5d5; background:center center no-repeat; background-size:cover; overflow: hidden; }
#store_gallery_list .scroll_load .list .subject { margin:3px 20px; padding:3px 0; font-size:16px; font-weight:bold; border-bottom:1px solid #d5d5d5; }
#store_gallery_list .scroll_load .list .info { line-height:1.7em; margin:5px 20px; padding:2px 0; overflow:hidden; }
#store_gallery_list .scroll_load .list .info .line .left { float:left; }
#store_gallery_list .scroll_load .list .info .line .right { float:right; color:#ff3939; }
#store_gallery_list .scroll_load .list .info .line * { font-size:12px; font-weight:bold; }
#store_gallery_list .scroll_load .list .info .line .title { color:#999; }
#store_gallery_list .scroll_load .list .info .line .content { color:#111; }

#store_gallery_detail .scroll_load > li { border-bottom:0; }
#store_gallery_detail .scroll_load > li .store_img { max-width:100%; }
#store_gallery_detail .scroll_load > li .subject { font-size:12px; font-weight:bold; }
#store_gallery_detail .scroll_load > li .txt { font-size:16px; }
#store_gallery_detail #store_location { height:400px; border:1px solid #d5d5d5; }

/* 권한동의 */
/*#requestPerm { position:absolute; top:0; left:0; right:0; bottom:0; background:#feda2e; z-index:1000; display:none; }*/
/*#requestPerm > .inbox { height:calc(100% - 50px); padding:50px 0; text-align:center; }*/
/*#requestPerm > .btn_dt { height:50px; }*/
/*#requestPerm > .btn_dt > .btn { float:left; width:50%; height:50px; line-height:50px; margin-top:0; border-radius:0; font-weight:bold; }*/
/*#requestPerm > .btn_dt > #btn_agree { background:#2374fb; }*/

/* 쇼핑 */
.btn_buy_confirm { float:right; width:120px; line-height:24px; margin-top:13px; font-size: 14px; color:#080000; font-weight:bold; background-color:#fdc927 !important; background:#fdc927 url(../img/icon_touch.svg) no-repeat 20px center; background-size:12px auto; padding: 0 10px 0 28px; border: 1px solid#d4af00; }
#mall .top_area { text-align: center; padding:0; background:#fff; }
#mall .mall_category { height:51px; border-bottom:1px solid #ddd; text-align:center; overflow:hidden; overflow-x:auto; }
#mall .mall_category .inbox { display:table; white-space: nowrap; }
#mall .mall_category .inbox > li { display:inline-block; line-height:50px; padding:0 15px; }
#mall .mall_category .inbox > li:last-child {  }
#mall .mall_category .inbox > li[active=active] { background:#f5f5f5; }

#mall .scroll_load { top:150px; }
#mall .scroll_load > li { float:left; width:50%; padding:10px 8px; border:0; }
#mall .scroll_load .goods_img { position:relative; width:100%; padding-top:calc(100% - 2px); border:1px solid rgba(0,0,0,.03); vertical-align:top; overflow:hidden; }
#mall .scroll_load .goods_img > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:100%; }
#mall .scroll_load .goods_name { display:-webkit-box; -webkit-line-clamp:2; margin:5px 0; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#555; overflow:hidden; }
#mall .scroll_load .goods_price { color:#000; font-weight:bold; line-height:21px; }

.gnbTop .btn_cart { position:absolute; right:0; top:0; width:50px; height:60px; background:url(../img/icon_cart.svg) no-repeat center center; background-size:24px auto; }

/* 쇼핑상세 */
#goods_detail .scroll_load { padding:0; }
#goods_detail .swiper_wrap { position:relative; width:100%; overflow:hidden; }
#goods_detail .swiper_wrap .item { width:100%; overflow:hidden; }
#goods_detail .swiper_wrap .item > img { width:100%; }
#goods_detail .slick-dots { position:absolute; bottom:0; left:0; width:100%; height:20px; line-height:20px; text-align:center; }
#goods_detail .slick-dots > li { display:inline-block !important; margin-right:4px; margin-bottom:0; }
#goods_detail .slick-dots > li:last-child { margin-right:0; }
#goods_detail .slick-dots > li button { width:7px !important; height:7px !important; border:1px solid rgba(0,0,0,.1); border-radius:7px !important; padding:0 !important; text-indent:-100px; background:#fff !important; overflow:hidden; }
#goods_detail .slick-dots > li.slick-active button { background:#333 !important; }

#goods_detail .scroll_load .base { padding:12px 16px; }
#goods_detail .scroll_load .base .goods_name { font-size:15px; color:#111; margin:5px 0; }
#goods_detail .scroll_load .base .goods_price { font-size:19px; color:#000; font-weight:bold; line-height:21px; }

#goods_detail .dt_info { }
#goods_detail .dt_info .title { font-size:15px; color:#111; font-weight:bold; margin-bottom:7px; }
#goods_detail .dt_info ul {  }
#goods_detail .dt_info ul > li { margin-bottom:4px; overflow:hidden; }
#goods_detail .dt_info ul > li .sub_title { float:left; width:80px; color:#999; }
#goods_detail .dt_info ul > li .content { padding-left:85px; line-height:1.4em; }
#goods_detail .dt_info .desc { color:#999; font-size:13px; }

#goods_detail .scroll_load { padding-bottom:80px; }
#goods_detail .scroll_load .detail { padding:12px 16px; }

#goods_detail .scroll_load .dt_buy { position:fixed; left:0; bottom:0; width:100%; height:60px; background:#fff; border-radius:5px 5px 0 0; }
#goods_detail .scroll_load .dt_buy[active=active] { height:inherit; }
#goods_detail .scroll_load .dt_buy select { border: 1px solid #d5d5d5; background:#fff !important; }
#goods_detail .scroll_load .dt_buy .btn_close { height:30px; background:#f5f5f5 url(../img/icon_down.svg) no-repeat center center; background-size:auto 24px; border-radius:5px 5px 0 0; display:none; }
#goods_detail .scroll_load .dt_buy[active=active] .btn_close { display:block; }
#goods_detail .scroll_load .dt_buy form { padding-bottom:0; }

#goods_detail .scroll_load .dt_buy .option_container { height:240px; padding:15px 20px; background:#f5f5f5; overflow-y:auto; display:none; }
#goods_detail .scroll_load .dt_buy[active=active] .option_container { display:block; }
#goods_detail .scroll_load .dt_buy .sum { text-align:right; line-height:2.4em; padding:8px 15px; background:#f5f5f5; display:none; }
#goods_detail .scroll_load .dt_buy[active=active] .sum { display:block; }
#goods_detail .scroll_load .dt_buy .sum .total_price { color:#f60; }
#goods_detail .scroll_load .dt_buy .sum .total_price > b { font-size:19px; color:#f60; }

#goods_detail .scroll_load .dt_buy .option_container select[name='select_opt'] { margin-bottom:10px; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set { padding:8px 15px; background:#fff; border:1px solid #d5d5d5; margin-bottom:10px; overflow:hidden; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set .opt_name { line-height:34px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set .dt_qty { float:left; width:104px; overflow:hidden; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set .order_ea { float:left; width:42px; height:32px; margin:0 -1px; text-align:center; border:1px solid #d5d5d5; background:#fff !important; vertical-align:top; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set .qty_minus,
#goods_detail .scroll_load .dt_buy .option_container .buy_set .qty_plus { float:left; position:relative; width:32px; height:32px; border:1px solid #d5d5d5; background:#fff; vertical-align:top; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set .qty_minus::before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background: #4c5694; content: "";}
#goods_detail .scroll_load .dt_buy .option_container .buy_set .qty_plus::before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background: #4c5694; content: "";}
#goods_detail .scroll_load .dt_buy .option_container .buy_set .qty_plus::after { position:absolute; top:50%; left:50%; width:1px; height:14px; margin:-7px 0 0 -1px; background: #4c5694; content: "";}
#goods_detail .scroll_load .dt_buy .option_container .buy_set .price { float:right; line-height:32px; padding:0 10px; overflow:hidden; }
#goods_detail .scroll_load .dt_buy .option_container .buy_set .btn_del { float:right; width:32px; height:32px; border:1px solid #d5d5d5; background:#fff; background:url(../img/icon_close.svg) no-repeat center center; background-size:auto 40%; }
#goods_detail .scroll_load .dt_buy .dt_buy_btn { width:100%; height:60px; border-top: 1px solid rgba(0,0,0,0.1); padding:7px 8px 8px 8px; background:#fff;  }
#goods_detail .scroll_load .dt_buy .dt_buy_btn { width:100%; height:60px; border-top: 1px solid rgba(0,0,0,0.1); padding:7px 8px 8px 8px; background:#fff; }
#goods_detail .scroll_load .dt_buy .dt_buy_btn .btn { width:calc(50% - 2px); height:44px; line-height:42px; border:1px solid var(--point-color); border-radius:2px; margin:0; font-size:16px; font-weight:600; text-shadow:1px 1px 1px rgba(0, 0, 0, .02); }
#goods_detail .scroll_load .dt_buy .dt_buy_btn .btn.btn_buy { margin-right:0; background:var(--point-color); color:#fff; }
#goods_detail .scroll_load .dt_buy .dt_buy_btn .btn.btn_cart { margin-right:-4px; background:#fff; color:#555; }


/* 장바구니 */
#cart .scroll_load { padding:20px 10px 60px 10px; background:#f5f5f5; }
#cart .scroll_load .box_btn { position:fixed; left:0; bottom:0; width:100%; height:51px; padding:0; background:#fff; }
#cart .scroll_load .box_btn .btn { line-height:51px; border-radius:0; font-size:16px; font-weight:bold; }
#cart .scroll_load .box_btn .btn .total_amt,
#cart .scroll_load .box_btn .btn .total_amt b { font-size:16px; color:#ddd; font-weight:normal; }
#cart .scroll_load form { padding-bottom:0; }
#cart .scroll_load form > section { margin-bottom:30px; }
#cart .scroll_load form > section > .title { line-height:30px; font-size:16px; font-weight:bold; }
#cart .scroll_load form > section .section_total .line { line-height:25px; padding:0 5px; overflow:hidden; }
#cart .scroll_load form > section .section_total .line .title { float:left; color:#999; }
#cart .scroll_load form > section .section_total .line .price { float:right; color:#111; }
#cart .scroll_load .cart_item { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#cart .scroll_load .cart_item .btn_del { float:right; width:24px; height:24px; background:#fff; background:url(../img/icon_close.svg) no-repeat center center; background-size:auto 40%; }
#cart .scroll_load .cart_item .line { overflow:hidden; padding:2px 0;  }
#cart .scroll_load .goods_img { float:left; width:82px; height:82px; border:1px solid rgba(0,0,0,.03); vertical-align:top; }
#cart .scroll_load .goods_img > img { width:100%; margin-bottom:-3px; }
#cart .scroll_load .goods_name { display:-webkit-box; -webkit-line-clamp:4; margin:5px 0; padding:0 0 0 10px; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#555; overflow:hidden; }
#cart .scroll_load .dt_qty { float:left; width:104px; overflow:hidden; }
#cart .scroll_load .order_ea,
#cart .scroll_load .inp_order_ea { float:left; width:42px; height:32px; margin:0 -1px; text-align:center; border:1px solid #d5d5d5; background:#fff !important; vertical-align:top; }
#cart .scroll_load .qty_minus,
#cart .scroll_load .qty_plus { float:left; position:relative; width:32px; height:32px; border:1px solid #d5d5d5; background:#fff; vertical-align:top; }
#cart .scroll_load .qty_minus::before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background: #4c5694; content: "";}
#cart .scroll_load .qty_plus::before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background: #4c5694; content: "";}
#cart .scroll_load .qty_plus::after { position:absolute; top:50%; left:50%; width:1px; height:14px; margin:-7px 0 0 -1px; background: #4c5694; content: "";}
#cart .scroll_load .goods_price { float:right; line-height:32px; padding:0 10px; overflow:hidden; }

#cart .dt_price { padding:10px 2px; }
#cart .dt_price .line { line-height:25px; padding:0 5px; overflow:hidden; }
#cart .dt_price .line .title { float:left; color:#999; }
#cart .dt_price .line .price { float:right; color:#111; }

/* 결제하기 */
#order .scroll_load { padding:20px 10px 20px 10px; background:#f5f5f5; }
#order .scroll_load .box_btn .btn { line-height:51px; border-radius:0; font-size:16px; font-weight:bold; }
#order .scroll_load form { padding-bottom:0; }
#order .scroll_load form > section { margin-bottom:30px; }
#order .scroll_load form > section > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order .scroll_load form > section .section_total .line { line-height:25px; padding:0 5px; overflow:hidden; }
#order .scroll_load form > section .section_total .line .title { float:left; color:#999; }
#order .scroll_load form > section .section_total .line .price { float:right; color:#111; }
#order .scroll_load .cart_item { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#order .scroll_load .cart_item .line { overflow:hidden; padding:2px 0;  }
#order .scroll_load .goods_img { float:left; width:82px; height:82px; border:1px solid rgba(0,0,0,.03); vertical-align:top; }
#order .scroll_load .goods_img > img { width:100%; margin-bottom:-3px; }
#order .scroll_load .goods_name { display:-webkit-box; -webkit-line-clamp:4; margin:5px 0; padding:0 0 0 10px; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#555; overflow:hidden; }
#order .scroll_load .goods_price { float:right; line-height:32px; padding:0 10px; overflow:hidden; }

#order .scroll_load .delivery_info { margin-bottom:30px; }
#order .scroll_load .delivery_info > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order .scroll_load .delivery_info > ul { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#order .scroll_load .delivery_info #btn_find_zipcode { width:100px; min-height:40px; line-height:40px; font-size:15px; padding:0; margin-right:10px; }
#order .scroll_load .delivery_info input[name=rcvr_zipcode] { width:calc(100% - 115px); }

#order .scroll_load .pay_point_info { margin-bottom:30px; }
#order .scroll_load .pay_point_info > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order .scroll_load .pay_point_info > ul { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#order .scroll_load .pay_point_info > ul > li { line-height:25px; padding:0 5px; overflow:hidden; }
#order .scroll_load .pay_point_info > ul > li .title { float:left; color:#999; }
#order .scroll_load .pay_point_info > ul > li .inp { float:right; color:#111; width:50%; text-align:right; }
#order .scroll_load .pay_point_info > ul > li .inp > input { width:calc(100% - 30px); height:25px; line-height:25px; text-align:right; font-size:16px; font-weight:bold; }

#order .dt_price { padding:10px 2px; }
#order .dt_price > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order .dt_price > ul { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#order .dt_price > ul > li { line-height:25px; padding:0 5px; overflow:hidden; }
#order .dt_price > ul > li .title { float:left; color:#999; }
#order .dt_price > ul > li .price { float:right; color:#111; }

#order .scroll_load .pay_info { margin-bottom:30px; }
#order .scroll_load .pay_info > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order .scroll_load .pay_info > ul { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); overflow:hidden; }
#order .scroll_load .pay_info > ul > li { float:left; width:50%; line-height:30px; padding:0 5px; overflow:hidden; }

/* 쇼핑 주문내역 */
#order-list .scroll_load > li .line { margin-top:5px; }
#order-list .scroll_load > li .subject { font-size:15px; font-weight:bold; }
#order-list .scroll_load > li .txt { font-size:14px; }

/* 주문상세정보 */
#order-detail .scroll_load { padding:20px 10px 20px 10px; background:#f5f5f5; }
#order-detail .section_box { margin-bottom:30px; }
#order-detail .section_box > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order-detail .section_box > ul { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#order-detail .section_box > ul > li { border-bottom:0; margin-bottom:14px; }
#order-detail .section_box > ul > li:last-child { margin-bottom:0; }
#order-detail .section_box > ul > li .title { font-size:12px; font-weight:bold; }
#order-detail .section_box > ul > li .txt,
#order-detail .section_box > ul > li .txt * { font-size:16px; }
#order-detail .section_box.pay_info > ul > li { line-height:25px; overflow:hidden; }
#order-detail .section_box.pay_info > ul > li .title { float:left; color:#999; font-size:14px; font-weight:normal; }
#order-detail .section_box.pay_info > ul > li .txt { float:right; color:#111; font-size:14px; font-weight:normal; }

#order-detail section > .title { line-height:30px; font-size:16px; font-weight:bold; }
#order-detail .cart_item { padding:10px 8px; border:0; background:#fff; border:1px solid rgba(0,0,0,0.1); }
#order-detail .cart_item .line { overflow:hidden; padding:2px 0;  }
#order-detail .cart_item .goods_img { float:left; width:82px; height:82px; border:1px solid rgba(0,0,0,.03); vertical-align:top; }
#order-detail .cart_item .goods_img > img { width:100%; margin-bottom:-3px; }
#order-detail .cart_item .goods_name { display:-webkit-box; -webkit-line-clamp:4; margin:5px 0; padding:0 0 0 10px; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#555; overflow:hidden; }
#order-detail .cart_item .goods_price { float:right; line-height:32px; padding:0 10px; overflow:hidden; }

#order-detail .order_info > .title span { float:right; font-weight:normal; }
#order-detail .delivery_info {  }




#dt_postcode { position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; -webkit-overflow-scrolling:touch; overflow:hidden; display:none; }
#dt_postcode .btn_close { position:absolute; top:15px; right:15px; width:30px; height:30px; background:url(../img/icon_close.svg) no-repeat center center; background-size:auto 24px; }
#daum_postcode { width:100%; height:calc(100% - 60px); margin-top:60px; }



.dialog_background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background-color: rgba(0.5,0.5,0.5, 0.5);
}

.dialog_background.hide {
    display: none;
}

.dialog_box {
    text-align: center;
    max-width: 90%;
    min-width: 70%;
    border-radius: 10px;
    background-color: white;
    overflow: hidden;
    animation: ani_dialog 0.15s ease-in;
}

@keyframes ani_dialog {
    from {
        transform: scale(0.1);
    }
    to {
        transform: scale(1);
    }
}

.dialog_title {
    margin-top: 5.5vw;
}

.dialog_contents {
    margin: 8.3vw 0 11.1vw 0;
}

.dialog_btn_no {
    display: inline-block;
    float: left;
    width: 50%;
    height: 11vw;
    line-height: 11vw;
    background-color: #c4c4c4;
}
.dialog_btn_no:active {
    background-color: #959595;
}

.dialog_btn_yes {
    display: inline-block;
    float: right;
    width: 50%;
    height: 11vw;
    line-height: 11vw;
    background-color: var(--main-color);
    color: var(--text-white-color);
}
.dialog_btn_yes:active {
    background-color: #dcb80b;
}

.dialog_btn_confirm {
    display: inline-block;
    width: 100%;
    height: 11vw;
    line-height: 11vw;
    background-color: var(--main-color);
    color: var(--text-white-color);
}
.dialog_btn_confirm:active {
    background-color: #dcb80b;
}



/*카드 등록*/
#card_reg {
    position : absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 20;
}

#card_reg.hide {
    display: none;
}

.card_reg {
    width: 100%;
    height: 45px;
    text-align: center;
}

.card_reg span {
    line-height: 45px;
    font-size: 16px;
    margin-right: 25px;
}

.header_line {
    height: 1px;
    width: 100%;
    background-color: #eaeaea;
}

.goto_main {
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 30px;
    margin-top: 10px;
}

.add_card_button {
    width: 60%;
    height: 120px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
    background:url('https://tmpay.smartropay.co.kr/asset/img/m/default_card.png') no-repeat center;
    background-size: cover;
    border-radius: 5px;
}

.add_card_button:active {
    background-color: #ce9e03;
}

#card_lists {
    /*text-align: center;*/
}

.card_item {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    width: 95%;
    margin: auto;
    margin-top: 10px;
    border-radius: 5px;
    border: gray 1px solid;
}

.card_info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.main_card.main {
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    padding: 5px 10px;
    background-color: red;
    color: white;
    border-radius: 50px;
}

.main_card {
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    padding: 5px 10px;
    background-color: lightgray;
    color: #000000;
    border-radius: 50px;
}

.delete_card {
    float: right;
    margin-right: 15px;
    font-weight: bold;
}

.add_plus {
    width: 70px;
    height: 70px;
    margin-top: 25px;
}

.card_container {
    text-align: center;
    margin-top: 50px;
}

.card_container.hide {
    display: none;
}

.card_container_title {

}

.card_reg_container {
    margin-top: 12px;
}

.card_reg_container h2 {
    display: inline;
}

.card_reg_container h3 {
    display: inline-block;
}

input.card_two_char {
    width: 25px;
    padding: 3px 2px 3px 2px;
    text-align: center;
}

.card_two_char.password {
    -webkit-text-security: disc;
}

.card_birthday {
    width: 100px;
    text-align: center;
}

.card_reg_button {
    background-color: #2374fb;
    border-radius: 10px;
    margin-top: 12px;
}

/*카드 등록 끝*/

/*사업자 정보*/
#business_registration {
    padding-left: 20px;
    width: 100%;
    height: 50px;
}
#business_registration p {
    font-size: 11px;
}
/*사업자 정보를 끝*/


.titleSearchingList {
    width: 100%;
    padding: 10px 15px;
    font-weight: bold;
    background-color: #efefff;
    color: var(--text-main-color);
}

.bookMark_placesList li {list-style: none;}
.bookMark_placesList .item {position:relative; background-color: #f5f5f5; margin: 2px 0; overflow: hidden;cursor: pointer;min-height: 17vw;}
.bookMark_placesList .item span {display: block;margin-top:4px;}
.bookMark_placesList .item h5, #placesList .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bookMark_placesList .item .info{padding:10px 55px 10px 30px;}
.bookMark_placesList .info .gray {color:#8a8a8a;}
.bookMark_placesList .info .jibun {padding-left:26px;background:url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
.bookMark_placesList .info .tel {color:#009900;}

.address_select {
    position: absolute;
    display: inline-block;
    right: 1vw;
    top: 15px;
    padding: 8px 15px;
    text-align: center;
    font-weight: bold;
    background-color: var(--main-color);
    color: var(--text-white-color);
    z-index: 10;
}

.btn_rectangle {
    position:relative;
    display:inline-block;
    min-width:56px;
    height: 35px;
    line-height: 35px;
    overflow:hidden;
    vertical-align:middle;
    text-align:center;
    border-radius:5px;
    color:#fff;
    font-weight:400;
    cursor:pointer;
    -webkit-user-select:none;
    background: #b2cdff;
}

.btn_rectangle.active {
    background: var(--main-color);
    cursor:none;
}



#request_progress {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    display: flex; justify-content: center; align-items: center;
    background-color: rgba(1, 1, 1, 0.6);
    z-index: 10;
}

#request_progress.hide {
    display: none;
}


.car_photo_button {
    padding: 5px 15px;
    background: linear-gradient(0deg, rgba(152,173,200,1) 0%, rgba(176,196,222,1) 50%, rgba(152,173,200,1) 100%);
}

/*흐르는 글자*/
.marquee {
    width:100%;
    overflow:hidden;
    position:relative;
}

.marquee > div {
    margin:0;
    display:inline-block;
    white-space:nowrap;

    animation: marquee 10s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(-100%);
    }
}


.inbox_bottom {
    /*display: none;*/
    width: 100%;
    height: 15.28vw;
    pointer-events: none;
}

.back_ground_transparent {
    background-color: #00000000;
}




/* It's supposed to look like a tree diagram */
.tree, .tree ul, .tree li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tree {
    margin: 0 0 1em;
    text-align: center;
}
.tree, .tree ul {
    display: table;
}
.tree ul {
    width: 100%;
}
.tree li {
    display: table-cell;
    padding: .5em 0;
    vertical-align: top;
}
/* _________ */
.tree li:before {
    outline: solid 1px #666;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.tree li:first-child:before {left: 50%;}
.tree li:last-child:before {right: 50%;}

.tree code, .tree span {
    width: 72px;
    border: solid .1em #666;
    border-radius: .2em;
    display: inline-block;
    margin: 0 .2em .5em;
    padding: .2em .5em;
    position: relative;
}
/* If the tree represents DOM structure */
.tree code {
    font-family: monaco, Consolas, 'Lucida Console', monospace;
}

/* | */
.tree ul:before,
.tree code:before,
.tree span:before {
    outline: solid 1px #666;
    content: "";
    height: .5em;
    left: 50%;
    position: absolute;
}
.tree ul:before {
    top: -.5em;
}
.tree code:before,
.tree span:before {
    top: -.55em;
}

/* The root node doesn't connect upwards */
.tree > li {margin-top: 0;}
.tree > li:before,
.tree > li:after,
.tree > li > code:before,
.tree > li > span:before {
    outline: none;
}