@charset "utf-8";

/******************************************
Author : 가비아CNS
Author URL : clickn.co.kr
Creation Date : 2021-04-01
Modify Date : 2021-04-01
*******************************************/

/* 하단여백처리 */
#popup_wrap {display: flex; flex-direction: column; min-height: 100vh; word-break: keep-all;}
#popup_wrap #popup_body {flex: 1 1 auto; }
#popup_wrap form#serviceFrm {flex: 1 1 auto}

#popup_body .ads-banner{position:relative;overflow:hidden;margin: 2rem 0 0;}
#popup_body .ads-banner.is-active {opacity:1;visibility:visible;}
#popup_body .ads-banner .swiper-pagination {position:absolute;bottom:.5rem;display:flex;justify-content:center;}
#popup_body .ads-banner img{width:100%;height:100%;object-fit:cover;}

#popup_body .tooltip {display: inline-flex; user-select: none; position: relative; top:-2px; cursor: pointer;width: 16px;height: 16px; margin-left:5px; border: 1px solid #ddd;border-radius: 50%; align-items: center; justify-content: center;  font-weight: normal; font-size: 11px; font-family: serif;}
#popup_body .tooltip:hover::before,
#popup_body .tooltip:hover::after,
#popup_body .tooltip.active::before,
#popup_body .tooltip.active::after {opacity: 1; visibility: visible; z-index: 1}
#popup_body .tooltip:hover::before,
#popup_body .tooltip.active::before { max-height: none }

#popup_body .tooltip::before { opacity: 0; visibility: hidden; width: 200px; white-space: pre-line; padding: 1rem;  content: attr(data-tooltip); word-break: keep-all; background-color: #303c4b; line-height: 1.5; color: white; border-radius: .25rem; position: absolute; top: -10px; left: 20px; font: 13px/1.5 "arial"; transition:opacity .2s, transform .1s;}
#popup_body .tooltip::after { opacity: 0; content: ""; position: absolute; top: 3px; left: 12px; width: 0; border-bottom: 8px solid #303c4b; border-right: 8px solid transparent; border-left: 8px solid transparent; font-size: 0; line-height: 0; transform:rotate(-90deg); transition:opacity .2s, transform .1s;}
#popup_body .tooltip.btm::before{width:280px; top:calc(100% + 10px); left:50%; transform:translateX(-50%);}
#popup_body .tooltip.btm::after{top:calc(100% + 2px); left:50%; transform:rotate(0) translate(-50%);}


/* popup */
#popup_wrap{background:url(/images/etc/popup_bg_right.png) right top no-repeat;}
#popup_header{width:880px; margin:0 auto; padding-left:30px; padding-right:30px; padding-top:80px;}
#popup_header .logo{display:inline-block; padding-bottom:15px;}
#popup_body{width:880px; margin:0 auto; padding-left:30px; padding-right:30px; padding-bottom:100px;}
#popup_body .page_tit {padding-bottom:40px; font-size:2.4rem; line-height:1; font-weight:700;}
#popup_body .page_desc {margin-bottom: 2rem;}
#popup_body .page_desc p{font-size: 1.07rem;}
#popup_body .sec_tit {padding-top:56px; padding-bottom:.5em; font-size:1.6rem; font-weight:400}
#popup_body .sec_tit small {font-size: 1rem; margin-left: .75rem; color: slategray}
#popup_body .page_tit + .sec_tit,
#popup_body .section_title + .sec_tit{padding-top:0;}
#popup_body .sec_cont{margin-top:0; border-top: 2px solid #000;}
#popup_footer{padding-top:32px; padding-bottom:32px; background:#303c4b;}
#popup_footer .list{text-align:center;}
#popup_footer .list li{display:inline; padding-right:calc(1em - 4px); font-size:.93rem; vertical-align:top}
#popup_footer .list li + li{position:relative; padding-left:1em;  }
#popup_footer .list li + li::before{content:''; position:absolute; top:calc(50% - .42em);left:0; height:.85em; border-left:1px solid #434f5d;}
#popup_footer .list li a{font-size:.93rem; color:#b3bdcb;line-height:1; white-space:nowrap;}
#popup_footer .list li.empasis a{color:#6a9bdb;}
#popup_footer .copy{padding-top:.57em; font-size:.93rem; color:#b3bdcb; text-align:center; letter-spacing:0;}

@media only screen and (max-width:1024px) {
	#popup_header, #popup_body{width: auto !important; padding-left:20px !important; padding-right:20px !important;}
}
@media only screen and (max-width:639px) {
	#popup_body{padding-bottom:60px; width: auto;}
	#popup_body .sec_tit{font-size:1.3rem;}
	#popup_body .table_comm + .sec_tit,
#popup_body .note + .sec_tit{padding-top:30px;}
}

/* table */
#popup_wrap .table_comm th,
#popup_wrap .table_comm td{background:#fff; font-size: clamp(15px, 2.5vw, 16px);}
#popup_wrap .table_comm tbody th{padding-left:1em; vertical-align: middle;}
#popup_wrap .table_comm td .note{margin-top:.5em; padding-top:0;}
#popup_wrap .table_comm td .caution{margin-top:.5em; color:red;}


/* 서비스 결제 팝업 */
.popup_payment .table_comm .price{font-size:1.04rem; letter-spacing:0; color:#f58800 !important;}
.popup_payment .table_comm .price .no{font-family:'Roboto'; font-size:1.5em;}
.popup_payment .table_comm .select_comm{width:184px;}
.popup_payment .info_list li + li{margin-top:.5em;}
.popup_payment .info_list li input{width:100%;}
.popup_payment .info_list .post_box{position:relative;}
.popup_payment .info_list .post_box .btn_post{display:inline-block; position:absolute; top:8px; right:16px; height:32px; padding-left:1em; padding-right:1em; border-radius:16px; font-size:.93rem; color:#788395; line-height:32px; background:#f4f4f4;}
.popup_payment .fin_comment{padding-bottom:24px; font-size:2.13rem; text-align:center;}
.popup_payment .apply_comment{font-size: clamp(16px, 2.5vw, 17px);}
.popup_payment .info_list.fin{margin-top:1em;}
.popup_payment .info_list.fin .tit{display:none; position:relative;min-width:6em; margin-right:1em;}
.popup_payment .info_list.fin .tit::after{content:none; position:absolute; right:0;}
.popup_payment .info_list.fin li{color:#999;}
.popup_payment .payment_box[data-total-price="0"] tr.method,
.popup_payment .payment_box[data-total-price="0"] tr.bill,
.popup_payment .payment_box[data-total-price="0"] tr.tax_info,
.popup_payment .payment_box[data-total-price="0"] .credit{display:none}
.popup_payment .payment_box[data-method="credit"] tr.bill{display:none;}
.popup_payment .payment_box:not[data-method="credit"] .credit{display:block;}
.popup_payment .payment_box[data-bill="cash"] tr.tax_info{display:none;}
.popup_payment .payment_box[data-method="credit"] tr.tax_info{display:none;}
.popup_payment .payment_box .discount {display:none; position:relative;}
.popup_payment .payment_box .discount_tooltip {display:none; position:absolute; top:15%; left:37%; border-radius:5px; border:1px solid #ddd; box-shadow:0 0 12px rgba(0,0,0,0.1);padding:0.7em 1.5em; text-align:left; font-size:15px; font-weight:400; line-height:1.4; z-index:1; width:max-content; background: #333; border-color: #333; color: #fff;}
.popup_payment .payment_box .icon_i {display:inline-block; margin-left:4px; width:19px; height:19px; vertical-align:middle; background:url(/images/common/ico_question.svg) no-repeat; opacity:1; cursor:pointer;}
.pay_price_line {text-decoration:line-through;}
.popup_payment [class^='btn_fill']{width:284px;}
.popup_payment .service_desc{margin-top:30px;}
.popup_payment .service_desc p + p{margin-top:.5em;}
.popup_payment.kakao .sec_tit {display: flex; justify-content: space-between;}
.popup_payment.kakao .sec_tit button {color: #1971e3; text-decoration: underline; cursor: pointer; }
.popup_payment .guide{margin-top:0.5rem; padding:1.04rem 1.2rem; border-radius:4px; background:#f8f8f8;}

@media only screen and (max-width:639px) {
	.popup_payment .table_comm .w15,
	.popup_payment .table_comm .w20{width:25%; min-width:75px;}
	.popup_payment .table_comm th{word-break:keep-all;}
	.popup_payment .table_comm .select_comm{width:100%;}
	.popup_payment .fin_comment{font-size:1.8rem;}
	.popup_payment .info_list .post_box .btn_post{top:6px; right:6px; height:28px; line-height:28px;}
}

/* 프로모션 영역 */
.promotion_box .table_comm .input_list label {padding-right:10px;}
.promotion_box .table_comm .select_comm, .input_comm {width:50%;}
.promotion_box .table_comm .btn_comm {cursor:pointer;text-decoration:none;}
.promotion_box .table_comm .voucher_desc {display:none; margin-top:10px;}
.promotion_box .table_comm .voucher_desc > span {color:#666; font-weight:500; padding-left:20px; background:url('/images/common/ico_info.svg') 0 0.2em no-repeat;}


/* 발신번호 인증 */
.popup_sms .sec_sms{padding:48px 30px; border-top:2px solid #333; background:#fff;}
.popup_sms .sec_sms .sms_inner{margin:0 auto;}
.popup_sms .sec_sms .steps{margin-bottom:54px; text-align:center;}
.popup_sms .sec_sms .steps li{display:inline-block; position:relative; padding-top:3em; text-align:center;}
.popup_sms .sec_sms .steps li:not(:last-child){margin-right:3.6rem;}
.popup_sms .sec_sms .steps li .no{display:block; position:absolute; top:0; left:calc(50% - 1.125em); width:2.25em; height:2.25em;border-radius:50%; font-family:'Roboto'; font-size:1.04rem; color:#fff; line-height:2.25; text-align:center; background:#bbb;}
.popup_sms .sec_sms .steps li .tit{position:relative; font-size:1.33rem; color:#999;}
.popup_sms .sec_sms .steps li:not(:last-child) .tit::after{content:''; display:inline-block; position:absolute; right:-30px; top:calc(50% - 5px); width:6px; height:12px; background:url(/images/common/arr_step.svg) center center no-repeat; background-size:100% 100%; opacity:.5;}
.popup_sms .sec_sms .steps li.on .no{background:#1971e3;}
.popup_sms .sec_sms .steps li.on .tit{color:#333;}
.popup_sms .sec_sms .steps li.on .tit::after{opacity:1;}

.popup_sms .sec_sms .service_desc{margin-top:30px;}
.popup_sms .sec_sms .service_desc p + p{margin-top:.5em;}
.popup_sms .sec_sms .service_note{margin-top:1.04rem; padding:1.04rem 1.2rem; border-radius:4px; color:#999;background:#f8f8f8; color:#757575;}
.popup_sms .sec_sms .service_note .tit{font-size:.94rem; font-weight:700;}
.popup_sms .sec_sms .service_note .cont{padding-top:.8em; font-size:.94rem;}
.popup_sms .sec_sms .service_note .cont + .tit{margin-top:1.5em;}
.popup_sms .sec_sms .service_note .cont a[download]{color:#1971e3;}
.popup_sms .sec_sms .service_note .cont a[download]:hover{text-decoration:underline;}
.popup_sms .sec_sms .agree_box{margin-top:1.6em; padding-top:1.6em; border-top:1px solid #eee;}
.popup_sms .sec_sms .agree_box .item{position:relative; margin-top:1.4em;}
.popup_sms .sec_sms .agree_box .btn_open{position:absolute; top:calc(50% - .7em); right:0; color:#999; text-decoration:underline;}
.popup_sms .sec_sms .agree_box .detail{margin-top:1.04rem; padding:1.04rem 1.2rem; border-radius:4px; font-size:0.86rem; color:#999;background:#f8f8f8;}
.popup_sms .sec_sms .btn_comm{width:100%; margin-top:48px;}
.popup_sms .sec_desc{margin-top:2.3em;}
.popup_sms .sec_sms .input_list li{margin-bottom:.5em;}
.popup_sms .sec_sms .input_list .file{position:relative;}
.popup_sms .sec_sms .input_list input{width:100%;}
.popup_sms .sec_sms .input_list input[type="file"]{position:absolute; top:0; left:0; opacity:0; z-index:1;}
.popup_sms .sec_sms .input_list .txt{display:inline-block; position:absolute; top:8px; right:16px; height:32px; padding-left:1em; padding-right:1em; border-radius:16px; font-size:.93rem; color:#788395; line-height:32px; background:#f4f4f4; pointer-events:none;}
.popup_sms .sec_sms .input_list + .note{color:#777;}
.popup_sms .sec_sms .finish .txt{font-size:2rem; text-align:center;}
.popup_sms .sec_sms .finish .tel{padding-top:1em; font-family:'Roboto'; font-size:1.33rem; text-align:center;}
.popup_sms .sec_sms .btn_detail{opacity:0; position:absolute;}
.popup_sms .sec_sms .btn_detail + label{color: #0066ff; text-decoration: underline; cursor: pointer;}
.popup_sms .sec_sms .btn_detail + label i{display:inline-block; transform:scale(.7);}
.popup_sms .sec_sms .btn_detail ~ .more{opacity: 0; max-height: 0; padding: 0 1em; transition: 0.2s; font-size: .9em; color: inherit; background: rgba(255,255,255,.8); box-sizing: border-box;}
.popup_sms .sec_sms .btn_detail:checked + label i{transform:rotate(180deg) scale(.7);}
.popup_sms .sec_sms .btn_detail:checked ~ .more{opacity: 1; max-height: none; margin-top: .5em; padding-top:1em; padding-bottom:1em;}
.popup_sms table {display: none}
.popup_sms .sec_sms .btn_detail:checked ~ .more table {display: table; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.popup_sms table td, .popup_sms table th {border-bottom:1px solid #ddd; border-left: 1px solid #ddd; padding: 3px 6px; font-size: 13px}
.popup_sms table td[rowspan] {text-align: center;}
.popup_sms table.noline{border-top:0;}
.popup_sms table.noline td, .popup_sms table.noline th{border:0; font-size:15px}
.popup_sms .select_comm, .popup_sms .input_comm{height:36px; line-height:34px;}
.popup_sms .file_list{margin-top:3px;}
.popup_sms .file_list li{display: flex; align-items: center;}
.popup_sms .file_list li + li{margin-top:5px;}
.popup_sms .file_list .title{font-size:14px; font-weight:600;white-space: nowrap;}
.popup_sms .file_list .title .btn_down{display: inline-flex; align-items: center; gap:.3em;; font-size:.8em; color:#1971e3;}
.popup_sms .file_list .title .btn_down::after{content:''; display: block; border-top:5px solid #1971e3; border-left:3px solid transparent; border-right:3px solid transparent;}
.popup_sms .file_list .btn_file{flex:none; order:1; width:6em; margin-left:auto; margin-right:-0.4em; font-size:11px; color:#999; line-height:1.6; border:1px solid #ddd; border-radius:4px; white-space: nowrap; background:#fff;}
.popup_sms .file_list .btn_file2{flex:none; order:1; width:6em; margin-left:auto; margin-right:-0.4em; font-size:11px; color:#999; line-height:1.6; border:1px solid #ddd; border-radius:4px; white-space: nowrap; background:#fff; font-weight:600;}
.popup_sms .file_list .btn_file:hover{background:#efefef;}
.popup_sms .file_list .file_name{display: block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; position:relative; font-size:13px; margin-left: .5em; margin-right:5px; padding-right:17px;}
.popup_sms .file_list .file_name.hide{display: none;}
.popup_sms .file_list .btn_delete{display: inline-block; position:absolute; right:0; top:4px; z-index:1; width: 13px; height: 13px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;stroke:%23333;stroke-width:1px;}.b{fill:%23fff;opacity:0;}</style></defs><g transform="translate(-853.5 -428.5)"><line class="a" x2="12" y2="12" transform="translate(856.5 431.5)"/><line class="a" x1="12" y2="12" transform="translate(856.5 431.5)"/><rect class="b" width="18" height="18" transform="translate(853.5 428.5)"/></g></svg>') center / contain no-repeat;}

@media only screen and (max-width:639px) {
	.popup_sms {max-width: 100%;}
	.popup_sms .sec_sms{padding:30px 20px;}
	.popup_sms .sec_sms .steps{margin-bottom:30px;}
	.popup_sms .sec_sms .steps li:not(:last-child){margin-right:2rem;}
	.popup_sms .sec_sms .steps li .tit{font-size:1rem;}
	.popup_sms .sec_sms .steps li:not(:last-child) .tit::after{right:-20px;}
	.popup_sms .sec_sms .agree_box{padding-top:0;}
	.popup_sms .sec_sms .input_list .txt{top:6px; right:6px; height:28px; line-height:28px;}
	.popup_sms .sec_sms .input_list + .note{font-size:.93rem;}
	.popup_sms .sec_sms .finish .txt{font-size:1.5rem;}
	.popup_sms .sec_sms .finish .tel{font-size:1.2rem;}
	.popup_sms .sec_sms [class^='btn_fill']{width:100%;}
	.popup_sms .sec_sms .more {overflow-x: auto}
	.popup_sms table {width: 450px}
}

/* 우편번호 검색 */
#gZipCode{min-height: calc(100vh - 180px) !important;}
#gZipCode .reg_form{display: flex; flex-direction: column; height: 100%;}
#gZipCode .zip_list{display: flex; margin-bottom: 40px;}
#gZipCode .zip_list > div{flex: 1;}
#gZipCode .zip_list > div + div{margin-left: 100px;}
#gZipCode .zip_list .reg_serch li + li{margin-top: 10px;}
#gZipCode .zip_list .reg_serch .serch_input{position: relative; border: 1px solid #e4e4e4; border-radius: 4px;}
#gZipCode .zip_list .reg_serch .serch_input .input_comm{width: calc(100% - 70px); border: none;}
#gZipCode .zip_list .reg_serch .serch_input .btn_serch{display:inline-block; position:absolute; top:8px; right:16px; height:32px; padding-left:1em; padding-right:1em; border-radius:16px; font-size:.93rem; color:#788395; line-height:32px; background:#f4f4f4;}
#gZipCode .zip_list .reg_serch .serch_select{display: flex; align-items: center;}
#gZipCode .zip_list .reg_serch .serch_select .select_comm{flex: 1;}
#gZipCode .zip_list .reg_serch .serch_select .dash{margin-left: 5px; margin-right: 5px;}
#gZipCode .zip_list .reg_desc{font-size: .93rem; color: #777; line-height: 1.8;}
#gZipCode .table_wrap{flex: 1; overflow-y: auto;}
#gZipCode .table_wrap .table_comm{border-top: none;}
@media only screen and (max-width:639px) {
	#gZipCode .zip_list{flex-direction: column; margin-bottom: 20px;}
	#gZipCode .zip_list .reg_serch .serch_input .btn_serch{top: 4px; right: 10px;}
	#gZipCode .zip_list > div + div{margin-left: 0; margin-top: 10px;}
	#gZipCode .table_comm th{padding-left: 0; padding-right: 0;}
	.zip_code #tbodySearchResult td{display: table-cell !important;}
}

/* 해지 */
.agree_box_comm{margin-top:2.6em; padding-top:1em; border-top:1px solid #eee;}
.agree_box_comm .item{position:relative; margin-top:1.4em;}
.agree_box_comm .item + .item{padding-top:1.4em; border-top:1px solid #eee; }
.agree_box_comm .btn_open{position:absolute; top:0; right:0; color:#999; text-decoration:underline;}
.agree_box_comm .item + .item .btn_open{top:1.4em;}
.agree_box_comm .detail{margin-top:1.04rem; padding:1.04rem 1.2rem; border-radius:4px; font-size:0.86rem; color:#999;background:#f8f8f8;}
.agree_box_comm .btn_open .close{display: none;}
.agree_box_comm .btn_open.on .close{display: inline;}
.agree_box_comm .btn_open.on .more{display: none;}
.agree_box_comm .btn_open + .agree_detail{display: none;}
.agree_box_comm .btn_open.on + .agree_detail{display: block; max-height: 200px; overflow: auto;}

.agree_box_comm .agree_detail::-webkit-scrollbar {width: 6px;}
.agree_box_comm .agree_detail::-webkit-scrollbar-track {background-color: transparent;}
.agree_box_comm .agree_detail::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #cfcfcf;}
.agree_box_comm .agree_detail h3:not(:first-child){margin-top: .8em;}
.agree_box_comm .agree_detail h3,
.agree_box_comm .agree_detail li{font-size: 0.86rem;}

.popup_cancel .btn_box_comm [class^="btn_fill"],
.popup_cancel .btn_box_comm [class^="btn_comm"]{min-width: 206px;}


/* 추가 컴포넌트 */
.text_blue { color: #0066ff; }
a.text_blue { text-decoration: underline; }
.text_yellow { color: #ffa422; }
.selectbox { flex: 1 1 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.selectbox::-ms-expand { display: none; }
.selectbox::before { content: ""; position: absolute; top: 50%; right: .75rem; width: 0; height: 0; margin-top: -6px; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.selectbox label { white-space: nowrap; margin-right: 0.5rem; }
.selectbox select { height: 48px; min-width: 64px; border: 1px solid #e4e4e4; border-radius: 0.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-appearance: none; padding: 0.5rem 1.75rem 0.5rem 0.75rem !important; background-color: white; color: #333; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; cursor: pointer; }
.modal { opacity: 0; z-index: -1; display: flex; flex-direction: column; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: 0.4s; }
.modal::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
.modal.active, .modal.is_active { opacity: 1; z-index: 101; }
.modal .wrapper { min-width: 25rem; max-width: 90vw; background-color: white; padding: 2rem 0 1.25rem; border-radius: 0.5rem; z-index: 102; }
.modal .modal_header { margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-between;}
.modal .modal_header h3 {font-size: 20px;}
.modal .modal_header .close {width: 18px;	height: 18px;	background-image: linear-gradient(#333 0 0), linear-gradient(#333 0 0);	background-position: center;	background-size: 100% 2px, 2px 100%;	background-repeat: no-repeat;
	transform: rotate(45deg);	cursor: pointer;}
.modal .buttons { margin-top: 2rem; }
.modal .btn_main { color: white; background: #1971e3; padding: 0 3rem; height: 3rem; border-radius: 0.35rem; }
.modal .btn_basic { border: 1px solid #ddd; padding: 0.5rem 3rem; border-radius: 0.35rem; }
.modal.alert .modal_header, .modal.alert .modal_content, .modal.alert .buttons { display: flex;justify-content: center; text-align: center; gap: 0.5rem; }
.modal.alert .modal_header svg { fill: gainsboro; width: 3rem; height: 3rem; }
.modal .dialog {padding: 1.5rem; background-color: white; border-radius: .5rem; z-index: 1; position: relative;}
.modal .list {border: 1px solid #eee}
.modal .list .row.title {background-color: #f3f6f9; color: slategray}
.modal .list .row {display: flex; gap: .5rem}
.modal .list .row:not(.title, :last-of-type) {border-bottom: 1px solid #eee}
.modal .list li {min-height: 36px; display: flex; justify-content: center; align-items: center;}
.modal .buttons { margin-top: 2rem; display: flex; gap: .5rem; justify-content: center;}
.modal_pricing .list li {width: 100px; }
.modal_pricing .caution.vat {text-align: right; margin-bottom: .5rem; color: slategray; color: slategray; font-size: 14px}
@media screen and (max-width: 639px) {
	.modal_pricing .list li {font-size: 13px; width: 70px}
}

.vertical {display: flex; flex-direction: column; gap: .5rem}
.vertical input[type="radio"] ~ input[type="radio"] + label {margin-left: 0; margin-right: 0;}
input[type="radio"] ~ input[type="radio"] + label {margin-left: 1rem;}


.content_form .payments input[type="radio"] + label { gap: .5rem}
.content_form .payments input[type="radio"] + label::before,
.content_form .payments input[type="radio"] + label::after {
	width:24px; height:24px;
}

main[class*="content"] input::-webkit-outer-spin-button, main[class*="content"] input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
main[class*="content"] .btn_main { background-color: #1971e3; color: white; padding: 1rem 5rem; border-radius: 0.5rem; }
main[class*="content"] .btn_sub { background-color: #93a1b9; color: white; padding: 1rem 5rem; border-radius: 0.5rem; }
main[class*="content"] .checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
main[class*="content"] .checkbox input[type="checkbox"] { opacity: 0; position: absolute; width: 0; height: 0; }
main[class*="content"] .checkbox input[type="checkbox"] + label { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; padding: 0; -webkit-transition: 0.2s color; transition: 0.2s color; }
main[class*="content"] .checkbox input[type="checkbox"] + label::before { content: ""; border-radius: 50%; margin-right: 0.5rem; width: 28px; height: 28px; background-color: #eee; -webkit-transition: 0.2s; transition: 0.2s; }
main[class*="content"] .checkbox input[type="checkbox"] + label::after { content: ""; width: 13px; height: 8px; position: absolute; top: calc(50% - 2px); left: 7px; border: 2px solid white; border-top: none; border-right: none; background: transparent; opacity: 1; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
main[class*="content"] .checkbox input[type="checkbox"]:checked + label::before { background-color: #1971e3; border-color: #1971e3; }

main[class*="content"] .list .checkbox input[type="checkbox"] + label::before {width: 18px; height: 18px; border-radius: 2px;}
main[class*="content"] .list .checkbox input[type="checkbox"] + label::after {width: 9px; height: 6px; top: calc(50% - 1px); left: 4px}

main[class*="content"] section.buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 3rem; }


/* form 양식 공통 */
.content_form {overflow-x: hidden;}
.content_form .timer {display: inline-block; padding: 0 0.5rem}
.content_form .timer + p {display: inline-block}
.content_form input[type="text"]:read-only { background-color: #eee !important; width: auto; flex: none; }
.content_form input[type="text"], .content_form input[type="number"], .content_form input[type="email"], .content_form select { flex: 1 1 auto; width: 300px; max-width: 300px;}
.content_form .inputs {width: 100%; flex: 1 1 auto; flex-wrap: wrap; display: flex; align-items: center; white-space: nowrap; gap: .5rem 1rem}
.content_form .inputs button {height: 40px; padding: 0 1rem; background:#333; color: white; border-radius: 5px;}
.content_form .inputs.multiple {flex-direction: column; align-items: flex-start }
.content_form .inputs.multiple > div {display: flex; flex-wrap: wrap; gap: .5rem; align-items: center;}
.content_form .inputs.multiple .note {margin-top: 0; white-space: normal;}

.content_form .inputs.address input[type="text"] {max-width: none;}
.content_form .btn_basic { padding: 0.5rem; border-radius: 0.25rem; cursor: pointer; background-color: white; color: slategray; border: 1px solid #ddd; -webkit-transition: 0.4s; transition: 0.4s; }
.content_form .btn_main { color: white; background: #1971e3; padding: 0.5rem 3rem; border-radius: 0.35rem; }
/* .content_form .section_title { margin-bottom: 2rem; } */
.content_form .section_title h3 { font-size: 1.75rem; font-weight: normal; margin-bottom: 1rem; }
.content_form .section_title .btns{margin-top:20px; text-align: center;}
.content_form .section_title .btns button,
.content_form .section_title .btns a{width:11em; height:36px; font-size:14px; line-height:34px;}
.content_form .footer_buttons { display: flex; align-items: center; justify-content: center; margin-top: 3rem; }
.content_form .footer_buttons button { height: 48px; font-size: 16px; }
.content_form .footer_buttons .btn_main { padding: 0 5rem; }
.content_form .list { background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 2px solid #333; }
.content_form .list .row { display: flex; align-items: center; min-height: 72px; border-bottom: 1px solid #ebebeb; padding: 0.75rem; }
.content_form .list .row.title { font-weight: bold; min-height: 54px; border-bottom-color: #666; }
.content_form .list .row .title { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; min-width: 120px; }
.content_form .list .row .price_impact { font-family: "Roboto"; font-size: 1.5em; letter-spacing: 0; color: #f58800 !important; font-weight: bold; }
.content_form .list .row div[class*="price"]::after { content: "원"; font-size: 1.04rem; }
.content_form .list .columns { gap: 1rem; }
.content_form .list .columns .column { display: flex; align-items: center; }
.content_form .list .columns .column input:not([type="checkbox"], [type="radio"]) {width: 100%}
.content_form section.sec_board_write:not(:last-of-type) { margin-bottom: 3rem; }
.content_form .phone .inputs {flex-wrap: nowrap}
.content_form .phone .inputs select, .content_form .phone .inputs input { width: 7rem !important; }
.content_form .note {color: darkgray; margin-top: 1rem}
.content_form input[type="radio"] { position: absolute; width: 0; height: 0; opacity: 0; }
.content_form input[type="radio"] + label { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-right: 1rem; cursor: pointer; }
.content_form input[type="radio"] + label::before {flex: 0 0 auto; content: ""; background-color: #f3f6f9; border-radius: 100%; border: 1px solid #e3e6e9; width: 16px; height: 16px; position: relative; margin-right: 5px; transition: all 0.2s ease; }
.content_form input[type="radio"]:hover + label::before, .content_form input[type="radio"]:checked + label::before { border-color: #1971E3; background-color: #1971E3; -webkit-box-shadow: inset 0 0 0 3px #f3f6f9; box-shadow: inset 0 0 0 3px #f3f6f9; }


/* PG신청 */
.content_form .kginicis.hide,.content_form .easypay.hide { display: none !important; }
.content_form:is(.step1) > section:not(.sec_head_comm,.pg_select) { display: none; }
.content_form:is(.step2) > section:is(.sec_head_comm,.pg_select) { display: none; }
.content_form .pg_select { width: 100%; display: flex; flex-direction: column; gap: 52px; align-items: center; justify-content: center; }
.content_form .pg_select > h2 { font-size: 30px; color: #333; font-weight: 400; }
.content_form .pg_select .pg_lists { display: flex; gap: 20px; }
.content_form .pg_select .pg_list { border-radius: 20px; background-color: #F8F8F9; padding: 32px 22px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: center; }
.content_form .pg_select .pg_list > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; height: 107px; }
.content_form .pg_select .pg_list > div > img { width: 180px; height: 53px; }
.content_form .pg_select .pg_list .sub { width: 100px; height: 30px; border-radius: 100px; border: 1px solid #1971E3; display: flex; align-items: center; justify-content: center; line-height: 1; }
.content_form .pg_select .pg_list .sub > span { color: #1971E3; font-size: 14px; font-weight: 700; }
.content_form .pg_select .pg_list .sub > .tooltip { top: -1px !important; }
.content_form .pg_select .pg_list .seperate_line { width: 100%; height: 1px; background-color: #E4E4E4; }
.content_form .pg_select .pg_list .info { display: grid; grid-template-columns: 1fr 3.5fr; gap: 10px 16px; }
.content_form .pg_select .pg_list .info  dt { color: #555; font-size: 16px; font-weight: 600; }
.content_form .pg_select .pg_list .info  dd { color: #88929E; font-size: 18px; font-weight: 500; }
.content_form .pg_select .pg_list .info > .fee > .before_price { text-decoration: line-through; }
.content_form .pg_select .pg_list .info > .fee > .after_price { color: #06F; font-weight: 700; }
.content_form .pg_select .pg_list .select_btn { background-color: #1971E3; border-radius: 5px; padding: 21px; width: 100%; color: white; font-size: 1rem; }
.content_form .list_title { display: flex; align-items: baseline; gap: .75rem; padding-bottom:.5em; }
.content_form .list_title h3 {font-size:1.6rem; font-weight:400; white-space: nowrap; padding-bottom: 0 !important;}
.content_form .list_title .light {color: slategray; line-height: 1.25;}
.content_form .basic_information { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content_form .basic_information .row { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; gap: .5rem}
.content_form .basic_information .row .title { min-width: 115px; }
.content_form .basic_information .phone { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; }
.content_form .basic_information .business-type { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.content_form .basic_information .inisis_id { display: flex; flex-direction: column; gap: 5px; }
.content_form .basic_information .inisis_id > div { display: flex; gap: 10px; align-items: center; }
.content_form .basic_information .inisis_id > div > input { width: 200px; max-width: 200px; }
.content_form .basic_information .inisis_id > div .duplicate_check { background-color: #0066FF; border-radius: 5px; color: white; padding: 10px; }
.content_form .basic_information .inisis_id > span { color: gray; }
.content_form .inputs.type_of_business { gap: 1rem }
.content_form .inputs.type_of_business input[type="text"]#corporate_num { display: none; }
.content_form .inputs.type_of_business input[type="radio"]#company_type2:checked ~ input[type="text"]#corporate_num { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; }
.content_form .inputs.address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0.5rem 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.content_form .inputs.address .zipcode { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; align-items: center; }
.content_form .inputs.address .zipcode input {width: 100%; flex: 1 1 auto}
.content_form .inputs.address .zipcode button { height: 48px; background-color: #333; border-radius: 0.25rem; padding: 0 1rem; color: white; font-size: 14px; }
.content_form .inputs.address .details { flex: 1 1 auto; width: 100%; display: flex; gap: 0.5rem; }
.content_form .inputs.address input#addr2 { max-width: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.content_form .list.agreement .row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.content_form .list.agreement .row:last-of-type { border-bottom: 0; }
.content_form .list.agreement .row.title label { font-size: 16px; }
.content_form .list.agreement .checkbox { min-height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.content_form .list.agreement .agreement_details { opacity: 0; }
.content_form .list.agreement .agreement_details + label { height: 40px; line-height: 40px; padding: 0 0.75rem; border-radius: 0.25rem; cursor: pointer; background-color: white; color: slategray; border: 1px solid #ddd; -webkit-transition: 0.4s; transition: 0.4s; }
.content_form .list.agreement .agreement_details:checked + label { border-color: #1971e3; }
.content_form .list.agreement .agreement_details:checked ~ .terms { opacity: 1; max-height: 200px; padding: 1rem; margin-bottom: 1rem; }
.content_form .list.agreement .terms { user-select: none; width: 100%; opacity: 0; max-height: 0; overflow: auto; background: #f2f4f6; border-radius: 0.5rem; padding: 0 1rem; transition: 0.4s; }
.content_form .list.agreement .terms dl { margin-bottom: 1rem; }
.content_form .list.agreement .terms dt { font-weight: bold; }
.content_form .list.agreement .terms dd { margin-left: 0.5rem; margin-bottom: 0.5rem; }
.content_form .list.agreement .terms ul { padding-left: 2rem; margin-bottom: 0.5rem; }
.content_form .list.agreement .terms li { list-style: decimal; }
.content_form .list.website .selectbox {flex-basis: calc(33.333% - 1rem);}
.content_form .list .table {background-color: rgba(255,255,255, .5); border: 1px solid #ddd}
.content_form .list .table .row {min-height: 40px; justify-content: flex-start; padding: 0 .5rem}
.content_form .list .table .row .title {flex: 0 0 120px; color: slategray; font-size: 14px}
.content_form .list_table .row div {flex: 1 1 25%; text-align: center;}
.content_form .list_table .row button {padding: .5rem .75rem; border: 1px solid #d3d6d9; border-radius: 3px; line-height: 1; font-size: 13px}

.content_form.content-management .list .row div { flex: 1 1 20%; display: flex; justify-content: center; }

.content_form .section_title p { font-size: 1.07rem; text-underline-offset: 3px;}
.content_form .section_steps { margin-top: 2rem; margin-bottom: 2.7rem; padding: 2rem; border-radius: 1.33rem; background: #f2f5fa; }
.content_form .section_steps .steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.content_form .section_steps .steps li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.content_form .section_steps .steps li + li { margin-left: 6.5%; }
.content_form .section_steps .steps li .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; align-items: center; padding: 1rem 0 1.5rem; border-radius: 1.33rem; text-align: center; background: #fff; -webkit-box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); }
.content_form .section_steps .steps li .box .txt-step { display: inline-block; height: 2em; margin-bottom: 1em; padding-left: 1em; padding-right: 1em; border-radius: 1rem; font-size: .8rem; line-height: 2; color: #1971e3; font-weight: 700; background: #C1DCFF; }
.content_form .section_steps .steps li .box .tit { margin-top: 5px; font-size: 1.33rem; color: #333; line-height: 1.4; }
.content_form .section_steps .steps li .desc { margin-top: 1em; text-align: center; line-height: 1.6em; color: #666; }
.content_form .section_steps .steps li .desc b { color: #333; }
.content_form .caution {margin-top: .75rem;}
.content_form .caution p {color: #999}
.content_form .required::before {content: "\204E"; position: absolute; font-size: 20px; top: -.5rem; left: -1rem; color:#0066FF}
.content_form .link { position: relative; color: #0066ff; text-decoration: underline;}

.content_form .section_steps .steps li .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0 1.5rem; border-radius: 1.33rem; text-align: center; background: #fff; -webkit-box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); }
.content_form .payments {flex-direction: column; align-items: flex-start;}
.content_form .list .payment {padding: 1.5rem 0.75rem}
.content_form .list .payment .inputs { flex-wrap: wrap }
.content_form .list .payment .inputs label { width: 100% }
.content_form .deadline { border: 1px solid #ddd; padding: .75rem 2rem; width: fit-content; margin: 2rem auto; border-radius: 50rem; font-size: 16px; line-height: 1;}

.content_pg_management .list .row div {flex: 1 1 25%; text-align: center;}

@media screen and (max-width: 639px) {
  .content_form .inputs.address .details { flex-wrap: wrap; }
  .content_form .pg_select .pg_lists { flex-direction: column; }
}

@media screen and (max-width: 480px) {
	.content_form {width: 100% !important}
	.content_form input[type="text"], .content_form input[type="number"],
	.content_form input[type="email"], .content_rom input[type="tel"] { width: 100%;}
	.content_form .section_steps .steps { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
  .content_form .section_steps .steps li + li { margin-left: 0; margin-top: 1em; }
  .content_form .section_steps .steps li .box img { display: inline-block; width: 50px; height: auto; }
	.content_form .list_title {flex-wrap: wrap; gap: 2px}
  .content_form .list .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; gap: 0; }
  .content_form .list .columns .column { min-height: 64px; width: 100%; padding: 0.5rem 0.75rem; }
  .content_form .list .columns .column:not(:last-of-type) { border-bottom: 1px solid #eee; }
  .content_form .list .row, .content_form .list.agreement .checkbox { min-height: 64px; }
  .content_form .list .row .title { min-width: 100px; }
  .content_form .list.basic_information .row { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .content_form .phone .inputs select, .content_form .phone .inputs input { width: 100% !important; }
	.content_form .selectbox select {height: 40px; width: 100% }
	.content_form input[type="text"]:read-only {width: 100%; flex: 1 1 auto}
	.content_form .inputs {flex-wrap: wrap;}
	/* .content_form .section_title p {display: contents;} */
	.content_form .list_title h3 {font-size: 1.3rem;}
	.content_form .list.website .selectbox {flex-basis: 100%}

  .content_form.content-management .list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .content_form.content-management .list .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border: 0; }
  .content_form.content-management .list .row.title { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; }
  .content_form.content-management .list .row div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 64px; border-bottom: 1px solid #ebebeb; }

	#ownerFrm .authenticate { display: flex; flex-wrap: wrap; gap: .5rem}
	#ownerFrm .flex input, #ownerFrm .authenticate input { width: 80% !important }
	#ownerFrm .authenticate > div:not(:last-of-type) {display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;}
	#ownerFrm .authenticate > div.hide { display: none; }

	#popup_body .page_tit {text-align: center;}
	#ownerFrm .authenticate { display: flex; flex-wrap: wrap; gap: .5rem}
	#ownerFrm .flex input, #ownerFrm .authenticate input { width: 80% !important }
	#ownerFrm .authenticate > div:not(:last-of-type) {display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;}
	#ownerFrm .authenticate > div.hide { display: none; }
}


/* 모바일 앱 신청 페이지 */
.content_form.mobile_app .light { color: #58697E; font-size: 18px; display: block; padding-top: 2rem;}
.content_form.mobile_app img {max-width: 100%;}
.content_form.mobile_app section:not(:first-of-type) {margin-bottom: 6rem}
.content_form.mobile_app {width: 770px !important; padding: 0 !important; box-sizing: border-box;}
.content_form.mobile_app .device {flex:0 0 auto; display: flex; justify-content: center; max-width: 314px; position: relative; }
.content_form.mobile_app .device::before {content: ""; background-color: #F2F5FA; border-radius: 5rem; position: absolute; background-position: bottom center; bottom: 0; width: 100%; display: block; height: 200px; z-index: 0;}
.content_form.mobile_app .device::after {content: ""; background: var(--tabMenuBackground) no-repeat center; display: block; width: calc(100% - 1rem); margin: 0 auto; height: 50px; position: absolute; bottom: .5rem; z-index: -1; border-radius: 0 0 50px 50px; z-index: 3; background-size: 80%;}
.content_form.mobile_app .device img {z-index: 1;}
.content_form.mobile_app .tab-style .list {flex-direction: row; padding-top: 4rem; gap: 4rem;}
.content_form.mobile_app .tab-style .list h3 {color: #434F5D; font-weight: 400; font-size: 18px; width: 100%;}
.content_form.mobile_app .tab-style li {display: flex; flex-wrap: wrap; gap: 1rem}
.content_form.mobile_app .tab-style ul {display: flex; flex-direction: column; gap: 3rem;}
.content_form.mobile_app .tab-style li label {margin-right: 0;}
.content_form.mobile_app .tab-style li label .menus {position: absolute; bottom: .5rem; display: flex; width: 100%; justify-content: space-between; margin: 0 auto; text-align: center; padding: 0 10%; margin-left: 23px;}
.content_form.mobile_app .tab-style li label img {padding: 1rem; border: 1px solid #E4E4E4; border-radius: 5px; width: calc(100% - 23px); transition: background-color .25s;}
.content_form.mobile_app .tab-style li input:checked + label img {
	background-color: #F2F5FA;
}
.content_form.mobile_app .tab-style li label img:last-of-type {display: none;}
.content_form.mobile_app .tab-style .mixed li label img:first-of-type {display: none;}
.content_form.mobile_app .tab-style .mixed li label img:last-of-type {display: block;}
.content_form.mobile_app .app-information .list_option {width: 100%; position: relative;}
.content_form.mobile_app .app-information .list_option input[type="text"],
.content_form.mobile_app .app-information .list_option textarea {
	width: 100%; max-width: none; padding-right: 3rem !important; resize: none; white-space: pre-line;
}
.content_form.mobile_app .app-information .list_option .count {position: absolute; right: 1rem; bottom: 0.85rem; color: #58697E; font-size: 14px; font-family: 'Roboto';}
.content_form.mobile_app .app-image .list {padding: 1.5rem 0;}
.content_form.mobile_app .app-image .list .row {align-items: flex-start; padding: 0 0 2rem; margin-bottom: 1.75rem}
.content_form.mobile_app .app-image .list .row > div:first-of-type {font-weight: 600; min-width: 130px;}
.content_form.mobile_app .app-image .list .row > div:last-of-type {flex: 1 1 auto;}
.content_form.mobile_app .app-image .list .row:nth-of-type(1) .img_dropzone_area {aspect-ratio: 1;}
.content_form.mobile_app .app-image .list .row:nth-of-type(2) .img_dropzone_area {aspect-ratio: 1/1.77; width: 243px;}
.content_form.mobile_app .app-image .list .row:nth-of-type(3) .img_dropzone_area {aspect-ratio: 2/1; width: 510px;}
.content_form.mobile_app .app-image .upload {background-color: #F2F5FA; margin-top: 1.5rem; padding: 1.5rem}
.content_form.mobile_app .app-image .upload p {font-size: 18px;}
.content_form.mobile_app .app-image .upload strong { font-size: 16px; color: #88929E; font-weight: 400;}
.content_form.mobile_app .app-image .upload .img_dropzone_area {width: 294px; aspect-ratio: 1; margin: 2rem auto; background-color: white; display: flex; align-items: center; justify-content: center;}
/* .content_form.mobile_app .app-image .upload .img_dropzone_area img:not([src=""]) {background: white} */
.content_form.mobile_app .app-image .upload .buttons {display: flex; justify-content: center; margin-bottom: 1rem}
.content_form.mobile_app .app-image .buttons button[style*="block"] {background-color: #1971E3; color: white; padding: .8rem 2rem; border-radius: 10px; display: flex;}
.content_form.mobile_app .app-image .buttons .btn_img_delete {background-color: #93A1B9 !important;}

@media screen and (max-width: 639px) {
	.content_form.mobile_app .tab-style .list {flex-direction: column; align-items: center; gap: 2rem}
	.content_form.mobile_app .app-image .list .row {
		flex-direction: column;
	}
	.content_form.mobile_app .app-image .list .row:last-of-type {
		margin-bottom: 0;
	}
	.content_form.mobile_app .app-image .list .row > div:last-of-type {width: 100%;}
	.content_form.mobile_app .app-image {margin-bottom: 0 !important}
	.content_form.mobile_app .app-image .list {padding-bottom: 0}
	.content_form.mobile_app .app-image .list .title {flex: 1 1 auto}
	.content_form.mobile_app .app-image .upload .img_dropzone_area {max-width: 200px;}
}

#btn_estimate { border: 1px solid #D0D0D0EE; border-radius: 5px; padding: 4px 7px; margin-top: 5px; font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 3px; }
#btn_estimate::before { content: ""; background: url("/images/common/ico_document.svg") no-repeat center; width: 14px; height: 14px; display: inline-block; }
#btn_estimate:hover { border-color: #505050EE; }