/* ################################################
	area_bsc
 */
.area_bsc .area_title h3{font-size:2rem; font-weight:700; color:#111; letter-spacing:-0.5px;}
.area_bsc .area_content{margin-top:7px;}
.area_bsc .area_content:first-child{margin-top:0px;}
.area_bsc .area_content .round_box{border:1px solid #d8d8d8; box-sizing:border-box; border-radius:5px; overflow:hidden;}
.area_bsc .area_content .round_box .main_item{flex-grow:1;}
.area_bsc .area_content .round_box .sub_item{flex-shrink:0;}

/* ################################################
	error 라벨 태그
 */
label.error{font-size:1.2rem; padding:3px 5px; background:#333333; color:#fff; border-radius:3px; box-sizing:border-box; position:absolute; top:100%; left:50%; transform: translateX(-50%) translateY(2px); z-index:20;}
label.error:before{display:block; content:''; clear:both; border-width:0 5px 5px; border-style:solid; border-color:transparent; border-bottom-color:#333; position:absolute; bottom:100%; left:50%; margin-left:-5px;}
input[type="checkbox"] ~ label.error{font-size:1.2rem; padding:3px 5px !important; background:#333333; color:#fff !important; font-weight:400 !important; font-size:1.2rem !important; border-radius:3px; box-sizing:border-box; position:absolute !important; top:100%; left:0; transform:none; z-index:20;}
input[type="checkbox"] ~ label.error:before{display:none !important;}

/* ################################################
	더보기 버튼
 */
.more_btn a{display:flex; align-items:center; justify-content:center; gap:6px;}
.more_btn a p.more_text{font-size:1.3rem; font-weight:500; color:#666;}
.more_btn a p.ico{width:20px; height:20px; border-radius:10px; background:#ececec; background-image:url('/assets/images/arr_right_gry.svg'); background-size:6px 8px; background-position:center; background-repeat:no-repeat;}

/* ################################################
	일반 버튼 버튼
*/
.bsc_btn{display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.bsc_btn > p{font-size:inherit; font-weight:inherit; color:inherit;}
.bsc_btn.blu{border-color:#244177; color:#244177; background:#fff;}
.bsc_btn.blu.bg{background:rgba(36,65,119,.05);}
.bsc_btn.blu.fill{background:#244177; color:#fff;}

.bsc_btn.dblu{border-color:#040e1d; color:#040e1d; background:#fff;}
.bsc_btn.dblu.fill{background:#040e1d; color:#fff;}
.bsc_btn.lgry{background:#e8e8e8; color:#666666; border-color:#e8e8e8;}
.bsc_btn.gry.fill{background:#a2a8b2; color:#fff;}

/* bsc1 = 메인페이지 */
.bsc_btn.bsc1{width:90px; height:30px; border-radius:15px; border:1px solid; font-size:1.2rem; text-align:center;}
/* bsc2 = A/S신청하기 조회버튼 */
.bsc_btn.bsc2{width:100%; height:60px; border-radius:5px; border-width:1px; border-style:solid; font-size:1.6rem; font-weight:500;}
/* bsc3 =  A/S신청내역 필터버튼 */
.bsc_btn.bsc3{width:100%; height:50px; border-radius:5px; border:1px solid; font-size:1.4rem; font-weight:400; background:#f4f4f4; border-color:#ccc; color:#666666;}
/* bsc4 =  view페이지(자료요청내역) 문의내용변경 */
.bsc_btn.bsc4{padding:0 15px; height:28px; border-radius:5px; font-size:1.2rem; font-weight:400; background:#a2a8b2; color:#fff;}
.bsc_btn.bsc4.blk{background:#040e1d; color:#fff;}

.bsc_btn.bsc3.on{font-weight:500;}
.bsc_btn.bsc3.blu{border-color:#ccc; color:#666666; background:#f4f4f4;}
.bsc_btn.bsc3.blu.on{border-color:#244177; color:#244177; background:#fff;}

.bsc_submit{display:flex; align-items:center; justify-content:center;}
.bsc_submit.bsc1 > button[type="submit"]{width:100%; height:60px; background:#244177; color:#fff; text-align:center; border-radius:5px; cursor:pointer; font-family: 'Noto Sans KR', sans-serif; font-size:1.6rem; font-weight:500;}
/* .bsc_submit.bsc1 > button[type="button"]{width:100%; height:60px; background:#244177; color:#fff; text-align:center; border-radius:5px; cursor:pointer; font-family: 'Noto Sans KR', sans-serif; font-size:1.6rem; font-weight:500;} */

/* ################################################
	라디오 박스
*/
.bsc_rdo1 > input[type="radio"] ~ label{width:100%; height:60px; border-radius:5px; border:1px solid; box-sizing:border-box; cursor:pointer; background:#f4f4f4; border-color:#ccc;}
.bsc_rdo1 > input[type="radio"] ~ label > p{font-size:1.6rem; font-weight:700; color:inherit;}

.bsc_rdo1.blu > input[type="radio"] ~ label{background:#fff; border-color:#244177; color:#244177;}
.bsc_rdo1.blu > input[type="radio"]:checked ~ label{background:#244177; color:#fff; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.42);}


.bsc_rdo2 > input[type="radio"] ~ label{width:100%; height:50px; border-radius:5px; border:1px solid; box-sizing:border-box; cursor:pointer; background:#f4f4f4; border-color:#ccc; color:#666666;}
.bsc_rdo2 > input[type="radio"] ~ label > p{font-size:1.4rem; font-weight:400; color:inherit;}
.bsc_rdo2 > input[type="radio"]:checked ~ label > p{font-weight:700;}
.bsc_rdo2.lblu > input[type="radio"]:checked ~ label{border-color:#244177; background:rgba(36,65,119,0.05); color:#244177; }

/* ################################################
	체크 박스
*/
.bsc_chk{font-size:0; position:relative;}
.bsc_chk > input[type="checkbox"] ~ label{display:block; padding-left:26px; box-sizing:border-box; position:relative; font-size:1.4rem; font-weight:700; color:#222; cursor:pointer;}
.bsc_chk > input[type="checkbox"]:checked ~ label{color:#244177;}
.bsc_chk > input[type="checkbox"] ~ label:before{display:block; content:''; clear:both; width:20px; height:20px; border-radius:3px; border:1px solid #ccc; box-sizing:border-box; background-color:#fff; position:absolute; top:50%; margin-top:-10px; left:0; z-index:5;}
.bsc_chk > input[type="checkbox"]:checked ~ label:before{background-image:url('/assets/images/ico_chk_blu.svg'); background-size:12px 9px; background-repeat:no-repeat; background-position:center;}

.bsc_chk.bsc1 > input[type="checkbox"] ~ label > p{font-size:1.6rem; font-weight:400; color:#111;}
.bsc_chk.bsc1 > input[type="checkbox"] ~ label > p > span{color:#d50050; font-size:1.4rem; font-weight:400;}

 /* ################################################
	인풋 박스
*/
.bsc_ipt{position:relative;}
.bsc_ipt > input[disabled]{background:#f8f8f8 !important; font-weight:400 !important; color:#666666 !important; }
.bsc_ipt > input[type="text"], .bsc_ipt > input[type="password"]{width:100%; height:100%; padding:0 20px; box-sizing:border-box; outline:none; border:none; border-radius:inherit; font-size:1.6rem; font-weight:700; color:#111; height:60px; background:#fff; border-radius:5px; border:1px solid #ccc;}
.bsc_ipt > input[type="text"]:focus, .bsc_ipt > input[type="password"]:focus{border-color:#244177;}
.bsc_ipt > .in_text{height:100%; font-size:1.4rem; font-weight:400; color:#111; position:absolute; top:0; right:20px;}
.bsc_ipt.has_intext > input{padding-right:40px;}
/* .bsc_ipt > input[type="text"] ~ .error, .bsc_ipt > input[type="password"] ~ .error{display:block; color:#d50050; font-size:1.2rem;} */
.bsc_ipt > input[type="text"]::placeholder, .bsc_ipt > input[type="password"]::placeholder{font-size:1.5rem; font-weight:400; color:#999999; font-family: 'Noto Sans KR', sans-serif;}
.bsc_ipt > textarea{width:100%; resize:none; border:1px solid #ccc; border-radius:5px; box-sizing:border-box; outline:none; padding:16px 20px;}
.bsc_ipt > textarea::placeholder{color:#999999;}
.bsc_ipt > .p_text{font-size:1.5rem; font-weight:400;}
.bsc_ipt.calendar > input[type="text"]{font-weight:500;}
.bsc_ipt.calendar > .cal_ico{margin-top:-10px; position:absolute; top:50%; right:10px; z-index:5;}
.ipt_middle > p{font-size:1.6rem; font-weight:700; color:#111;}

/* ################################################
	셀렉 박스(nice-select)
*/
.nice-select.bsc_slct{width:100%; height:60px; line-height:58px; border-radius:5px; border:1px solid #ccc; box-sizing:border-box; background-color:#fff; padding:0 20px; font-size:1.6rem; font-weight:500; /*background-image:url('/assets/images/arr2_btm_blk.svg'); background-size:12px 7px; background-position:right 20px top 50%; background-repeat:no-repeat; appearance:none; -webkit-appearance: none; -moz-appearance: none; outline:none;*/}

/* ################################################
	텍스트 꾸밈
*/
.txt_dot{display:inline-block; font-size:2rem; padding-left:10px; box-sizing:border-box; position:relative;}
.txt_dot:before{width:8px; height:8px; border-radius:4px; background:#244177; display:block; content:''; clear:both; position:absolute; top:0; left:0; z-index:5;}

/* ################################################
	상단 탭
*/
.url_tab{width:100%;  position:fixed; top:79px; left:0; z-index: 490;}
.url_tab > .tab_inner{max-width:480px; margin:0 auto; background:#fff; border-bottom:1px solid #d8d8d8; padding:0 20px; box-sizing:border-box;}
.url_tab > .tab_inner .url_item{height:62px; color:#999999; position:relative;}
.url_tab > .tab_inner .url_item.on{color:#244177; font-weight:700;}
.url_tab > .tab_inner .url_item.on:before{display:block; content:''; clear:both; width:100%; height:3px; background:#244177; border-radius:1.5px; position:absolute; bottom:0; left:0; z-index:5;}

.tab_padding{padding-top:62px; box-sizing:border-box;}

/* ################################################
	찾기 폼(dashform)
*/
.find_area .inner{padding:32px 0 100px;}
.dashform .title{font-size:0; text-align:center; position:relative; z-index:10;}
.dashform .title h2{display:inline-block; font-size:2.6rem; font-weight:900; color:#111; position:relative;}
.dashform .title h2:before{display:block; content:''; clear:both; width:100%; height:15px; background:rgba(36,65,119,0.1); position:absolute; top:65%; left:0; z-index:-1;}
.dashform .sub_text{margin-top:10px;}
.dashform .sub_text > p{font-size:1.6rem; color:#444; text-align:center; line-height:1.4;}
.dashform .notice_text{margin-top:7px;}
.dashform .notice_text > p{color:#244177; font-size:1.4rem; text-align:center;}
.dashform .table_area{margin-top:37px;}

.regist_wrap{margin-top:34px;}
.regist_wrap .text_box > p{font-size:1.4rem; color:#444; text-align:center;}
.regist_wrap .btn_box{margin-top:10px;}

.regist_head{margin-top:78px;}
.regist_table{margin-top:38px;}
.regist_allow{margin-top:38px;}
.regist_allow > .regist_liner{padding:22px 0; border:1px solid #cccccc; border-left:none; border-right:none;}

/* ################################################
	신청/접수 폼(request_form)
*/
.request_form .requ_ipt{margin-top:15px;}
.request_form .requ_ipt:first-child{margin-top:0;}
.request_form .requ_ipt .tit > p{font-size:1.5rem; font-weight:500; color:#444;}
.request_form .requ_ipt .content{margin-top:5px;}
.request_form .requ_ipt .content:first-child{margin-top:0;}
.request_form .requ_ipt .content .sub_chkbox{margin-top:12px;}
.request_form .requ_ipt .content .img_list > .img_box{height:84px; border:1px solid #cccccc; box-sizing:border-box; border-radius:5px; width:84px; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.request_form .requ_ipt .content .img_list > .img_box > a{width:18px; height:18px; border-radius:9px; background-color:#919191; position:absolute; top:3px; right:3px; z-index:5;}
.request_form .requ_ipt .content .img_list > input[type="file"] ~ label{padding-top:5px; box-sizing:border-box;}
.request_form .requ_ipt .content .img_list > input[type="file"] ~ label > p{margin-top:8px; line-height:1.1; font-size:1.4rem; font-weight:500; color:#666666;}
.request_form .requ_ipt .content .mid_text > p{font-size:1.6rem; font-weight:700; color:#111;}
.request_form .requ_ipt .content.chk_cont .item1{width:70%;}
.request_form .requ_ipt .content.chk_cont .item2{width:30%;}
.request_form .requ_ipt .sub_text{margin-top:6px;}
.request_form .requ_ipt .sub_text .dash_list > li{padding-left:7px; box-sizing:border-box; position:relative; font-size:1.4rem; font-weight:400; color:#777777;}
.request_form .requ_ipt .sub_text .dash_list > li:before{display:block; content:'-'; clear:both; position:absolute; top:0; left:0;}
.request_form .requ_ipt .sub_button{margin-top:6px;}
.request_form .requ_ipt .sub_button .cancel_btn{padding-right:13px; box-sizing:border-box; position:relative; font-size:1.4rem; color:#777; font-weight:500;}
.request_form .requ_ipt .sub_button .cancel_btn:before{display:block; content:''; clear:both; width:7px; height:10px; background-image:url('/assets/images/arr2_right_gry.svg'); background-size:contain; background-repeat:no-repeat; background-position:center; position:absolute; top:50%; margin-top:-5px; right:0; z-index:5;}

/* max값 */
.request_form .requ_ipt.maxsize{max-width:480px; margin:0 auto; margin-top:15px;}
.request_form .requ_ipt.maxsize:first-child{margin-top:0;}

/* ################################################
	공지 폼(notice)
*/
.notice_alert{padding:20px; box-sizing:border-box; border-radius:5px; background:#f4f5f8;}
.notice_alert .notice_title > b{display:block; padding-left:20px; box-sizing:border-box; position:relative; font-size:1.6rem; font-weight:700; color:#244177;}
.notice_alert .notice_title > b:before{display:block; content:''; clear:both; width:16px; height:16px; background-image:url('/assets/images/ico_alert_blu.svg'); background-size:contain; background-repeat:no-repeat; background-position:center; position:absolute; top:50%; margin-top:-7px; left:0; z-index:5;}
.notice_alert .notice_list{margin-top:6px;}
.notice_alert .notice_list > p{box-sizing:border-box; position:relative; line-height:1.5; font-size:1.4rem; font-weight:400; color:#333333; word-spacing: -0.7px; letter-spacing:-0.7px;}
.notice_alert .notice_list > p > span{color:#d50050; font-weight:700;}
.notice_alert .notice_list > p > span > a{color:inherit; font-weight:inherit;}
.notice_alert .notice_list > ul > li{padding-left:7px; box-sizing:border-box; position:relative; line-height:1.5; font-size:1.4rem; font-weight:400; color:#333333; word-spacing: -0.7px; letter-spacing:-0.7px;}
.notice_alert .notice_list > ul > li:before{display:block; content:'-'; clear:both; position:absolute; top:0; left:0; z-index:5;}
.notice_alert .notice_list > ul > li span{color:#d50050; font-weight:700;}

/* ################################################
	게시물 상태 값
*/
.item_state{display:flex; align-items:center; justify-content:center; height:28px; border-radius:14px; min-width:80px; box-sizing:border-box;}
.item_state > p{color:inherit; text-align:center; font-size:1.2rem;}
.item_state.ready{background:#244177; color:#fff;}
.item_state.ready_complete{background:#ececec; color:#666666;}
.item_state.engineer_assign{background:#f3b320; color:#fff;}
.item_state.revisit{background:#d50050; color:#fff;}
.item_state.cancel{background:#222222; color:#fff;}
.item_state.as_complete{background:#ececec; color:#666666;}
.item_state.refund{background:#30be51; color:#fff;}
.item_state.refund_complete{background:#ececec; color:#666666;}

/* ################################################
	내역 폼
*/
.listing_table .listing_total > p{font-size:1.4rem; color:#222222;}
.listing_table .listing_total > p > span{font-size:2.2rem; font-weight:700; color:#244177;}
.listing_table .listing_filter > a{padding:0 15px; height:36px; border-radius:5px; border:1px solid #d8d8d8; box-sizing:border-box;}
.listing_table .listing_filter > a > p{font-size:1.2rem; color:#666}
.listing_table .listing_body{margin-top:10px;}
.listing_table .listing_body .list_items.on{opacity:1 !important;}
.listing_table .listing_body .list_items > a{width:100%; padding:18px 20px; box-sizing:border-box; border:1px solid #d8d8d8; border-radius:5px;}
.listing_table .listing_body .list_items .item1{width:calc(100% - 120px);}
.listing_table .listing_body .list_items .item2{width:120px;}
.listing_table .listing_body .list_items .notice_top{padding-left:42px; box-sizing:border-box; background-image:url('/assets/images/ico_notice.svg'); background-size:27px; background-position:left top 50%; background-repeat:no-repeat;}
.listing_table .listing_body .list_items .item_tit > p{font-size:1.6rem; font-weight:500; color:#222;}
.listing_table .listing_body .list_items .item_head > p{font-size:1.4rem; font-weight:700; color:#222;}
.listing_table .listing_body .list_items .item_info > p{font-size:1.2rem; color:#888;}
.listing_table .listing_body .list_items .info_list{margin-top:10px;}
.listing_table .listing_body .list_items .info_list > ul > li{padding-left:7px; box-sizing:border-box; position:relative; color:#111; font-size:1.4rem;}
.listing_table .listing_body .list_items .info_list > ul > li:before{display:block; content:'-'; clear:both; position:absolute; top:0; left:0; z-index:5; color:#666666;}
.listing_table .listing_body .list_items .info_list > ul > li > span{color:#666666;}

/* ################################################
	뷰페이지 폼
*/
.view_table .view_wrapping.answer > .view_box{border-color:#244177;}
.view_table .view_wrapping.answer > .title > p{color:#244177;}
.view_table .view_wrapping.answer{margin-top:20px;}
.view_table .view_wrapping > .title > p{font-size:1.5rem; font-weight:500; color:#444;}
.view_table .view_wrapping > .sub_button a{font-size:1.4rem;}
.view_table .view_wrapping > .view_box{padding:22px 20px; border-radius:5px; border:1px solid #ccc; box-sizing:border-box; background:#fff;}
.view_table .view_wrapping > .view_box.sm{padding:16px 20px;}
.view_table .view_wrapping > .view_box > .view_items > .item{border-top:1px solid #d8d8d8; padding-top:20px;}
.view_table .view_wrapping > .view_box > .view_items > .item:first-child{border:none; padding-top:0;}
.view_table .view_wrapping > .view_change{margin-top:12px;}
.view_table .view_wrapping .view_post > .item1{width:calc(100% - 80px);}
.view_table .view_wrapping .view_post > .item2{width:80px;}
.view_table .view_wrapping .view_post .item_head > p{font-size:2rem; font-weight:700; color:#222;}
.view_table .view_wrapping .view_post .item_tit > p{font-size:1.6rem; font-weight:500; color:#222;}
.view_table .view_wrapping .view_post .item_info > p{font-size:1.4rem; font-weight:400; color:#888888;}
.view_table .view_wrapping .view_post .item_info > p.sm{font-size:1.2rem; color:#888;}
.view_table .view_wrapping .view_post .item_list{padding-left:10px; box-sizing:border-box;}
.view_table .view_wrapping .view_post .item_list > .tit > p{font-size:1.4rem; font-weight:700; color:#244177; position:relative;}
.view_table .view_wrapping .view_post .item_list > .tit > p:before{display:block; content:''; clear:both; width:5px; height:5px; border-radius:2.5px; background:#244177; position:absolute; top:50%; margin-top:-2.5px; left:-10px; z-index:5;}
.view_table .view_wrapping .view_post .item_list > .cont{margin-top:-4px;}
.view_table .view_wrapping .view_post .item_list > .cont > .txt_place{font-size:1.6rem; font-weight:500; color:#222;}
.view_table .view_wrapping .view_post .item_list > .cont > .txt_place.price{font-size:2.4rem; font-weight:700;}
.view_table .view_wrapping .view_post .item_list > .cont > .txt_place.price > span{font-size:1.6rem;}
.view_table .view_wrapping .view_post .item_list > .cont > .img_list > li > .box{width:84px; height:84px; border-radius:5px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
.view_table .view_wrapping .view_post .item_ipt{margin-top:4px;}
.view_table .view_wrapping .view_content > .content_text.min_fit{min-height:150px;}
.view_table .view_wrapping .view_content .dwn_btn{border-radius:5px; box-sizing:border-box; padding:12px 20px; background:rgba(36, 65, 119, 0.08);}
.view_table .view_wrapping .view_content .dwn_btn .file_text{box-sizing:border-box; position:relative;}
.view_table .view_wrapping .view_content .dwn_btn .file_text > p{flex-grow:1; font-size:1.2rem; font-weight:500; color:#244177;}

/* as title 크기변경 */
.view_table.view_as .view_wrapping > .title > p{font-size:2rem; font-weight:700; color:#111;}
/* view_box 강조 */
.view_table .view_wrapping > .view_box.picked{background:#edeff1; border:1px solid #244177; box-sizing:border-box;}

/* ################################################
	회원가입
*/
.regist_stepline{padding:0 50px; box-sizing:border-box;}
.regist_stepline .regist_steplist{width:100%; max-width:342px; margin:0 auto; position:relative; z-index:10;}
.regist_stepline .regist_steplist > .line_outer{padding:0 11px; box-sizing:border-box; width:100%; position:absolute; top:50%; left:0; z-index:-1;}
.regist_stepline .regist_steplist > .line_outer > .line_inner{width:100%; height:1px; background:#cccccc; position:relative;} 
.regist_stepline .regist_steplist > .line_outer > .line_inner .progress_line{height:1px; background:#244177; position:absolute; top:0; left:0; z-index:5;}
.regist_stepline .regist_steplist > ul{position:relative; z-index:20;}
.regist_stepline .regist_steplist > ul > li .step_box{width:38px; height:38px;  border-radius:19px; position:relative;}
.regist_stepline .regist_steplist > ul > li .step_box > .step_dot{width:16px; height:16px; border-radius:8px; background:#ccc;}
.regist_stepline .regist_steplist > ul > li .step_box > .step_dot > p{font-size:0;}
.regist_stepline .regist_steplist > ul > li .step_box > .step_text{margin-top:4px; position:absolute; top:100%; left:50%; transform:translateX(-50%);}
.regist_stepline .regist_steplist > ul > li .step_box > .step_text > p{font-size:1.6rem; font-weight:700; color:#777777; white-space:nowrap;;}

/* 지난 step */
.regist_stepline .regist_steplist > ul > li.on .step_box > .step_dot{background:#244177;}
.regist_stepline .regist_steplist > ul > li.on .step_box > .step_text > p{color:#244177;}

/* 현재 step */
.regist_stepline .regist_steplist > ul > li.active .step_box > .step_dot{width:38px; height:38px; border-radius:19px; box-shadow: 1px 2px 7px 0px rgba(36, 65, 119, 0.42);}
.regist_stepline .regist_steplist > ul > li.active .step_box > .step_dot > p{font-size:1.6rem; font-weight:700; color:#fff;}

/* 컨텐츠 */
.regist_result .img_box{margin-top:58px;}
.regist_result .txt_box{margin-top:58px;}
.regist_result .txt_box > p{font-size:1.6rem; font-weight:400; color:#444444; text-align:center;}
.regist_result .btn_box{margin-top:17px;}



/* ################################################
	팝업
*/
.popup_bg{display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); position:fixed; top:0; left:0; z-index:505; font-size:0; text-indent:-9999px;}
.popup{display:none; width:100%; height:100%; padding:0 20px; box-sizing:border-box; align-items:center; justify-content:center; position:fixed; top:0; left:0; z-index:510; }
.popup .popup_container{width:100%; height:100%; max-width:480px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.popup .popup_container .popup_inner{width:100%; background:#fff; border-radius:20px; padding:40px 30px; box-sizing:border-box; position:relative;}
.popup .popup_close{position:absolute; top:-58px; right:0; z-index: 10;}
.popup .popup_close > a{width:50px; height:50px; border-radius:25px; background:#a2a8b2;}
.popup .popup_close > a > img{display:block;}

#find_engineer .popup_content{margin-top:18px;}
#find_engineer .requ_ipt > .content .name_list{display:none; padding:10px; width:100%; background:#fff; border:1px solid #ccc; box-sizing:border-box; border-top:none; border-radius:0 0 5px 5px; position:absolute; top:90%; left:0;}
#find_engineer .requ_ipt > .content .name_list.on{border:1px solid #244177; border-top:none;}
#find_engineer .requ_ipt > .content .name_list > ul{border-top: 1px solid #ccc; padding:10px 0 5px; max-height:150px; overflow-Y:scroll;}
#find_engineer .requ_ipt > .content .name_list > ul > li > a{display:block; padding:5px 0; font-size:1.4rem; font-weight:500;}


#filter_popup{top:-100%; left:0; display:block; padding:0;}
#filter_popup .popup_container{height:auto; padding:0; max-width:none;}
#filter_popup .popup_inner{border-radius:0 0 20px 20px; padding:25px 20px;}
#filter_popup .popup_title > .title > h2{font-size:2rem; font-weight:800; color:#111;}
#filter_popup .popup_title > .refresh_btn > a{width:46px; height:46px; border-radius:23px; background:#f5f5f5;  transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease;}
#filter_popup .popup_title > .refresh_btn > a > img.anim{-webkit-animation-name:cycle;-webkit-animation-duration:0.3s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode : forwards; animation-name:cycle; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode : forwards; -moz-animation-name:cycle; -moz-animation-duration:0.3s; -moz-animation-iteration-count:1; -moz-animation-fill-mode : forwards;}
@keyframes cycle {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
#filter_popup .popup_title > .close_btn > a{width:46px; height:46px; border-radius:23px; background:#244177;}
#filter_popup .popup_content{margin-top:17px; border-top:1px solid #cccccc; padding-top:22px;}

.agree_popup{padding:0; background:#fff;}
.agree_popup > .agree_content > .size{max-width:480px; margin:0 auto;}
.agree_popup > .agree_content .inner{padding:40px 0;}
.agree_popup > .agree_content .agree_container{max-height:calc(100vh - 160px); overflow-Y:scroll; background:#f8f8f8; padding:20px; box-sizing:border-box;}

/* ################################################
	약관
*/
.agree_txt *{font-size:1.2rem;}
.agree_txt h2{font-size:1.3rem; font-weight:700; color:#222;}
.agree_txt h3{font-weight:500;}
.agree_txt h4{margin-top:20px; color:#333; font-size:1.4rem; font-weight: 500;}
.agree_txt dt{font-weight: 500; margin-top:10px}
.agree_txt dd:last-child{margin-bottom:10px;}
.agree_txt .num_list {counter-reset: item;}
.agree_txt .num_list > li, .agree_txt .num_list > dt, .agree_txt .num_list > dd{position:relative; padding-left: 15px;}
.agree_txt .num_list > li:before, .agree_txt .num_list > dt:before{content: counter(item)'.'; counter-increment:item; position:absolute; top:1px; left:0;}
.agree_txt .subnum_list{counter-reset: item;}
.agree_txt .subnum_list > li, .agree_txt .subnum_list > dt, .agree_txt .subnum_list > dd{padding-left: 15px; position:relative;}
.agree_txt .subnum_list > li:before, .agree_txt .subnum_list > dt:before  {content: counter(item); counter-increment:item; position:absolute; top:4px; left:0; width:12px; height:12px;line-height: 10px; font-size:8px; vertical-align: middle; border:1px solid #707070; border-radius: 6px; box-sizing:border-box; text-align: center; display: inline-block; }
.agree_txt .dotline_list > li{position:relative; padding-left:10px;}
.agree_txt .dotline_list > li:before{content:''; width:4px; height:2px; background:#707070; left:0; top:11px; position:absolute;}