@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap');

html,body{height: 100%;}

/*customer*/
.customer.contents{padding: 100px 0;}
.customer_box{background-color:#eae1ce;padding: 30px 20px;text-align:center;margin-bottom:60px;}
.customer_box p{line-height:1.5em;color: #222;font-size:1.2rem;}
.customer_tit{text-align:center;margin-bottom:60px;}
.customer_tit strong{display:block;color:#222;font-size:2.125rem;font-weight:800;margin-bottom:20px;font-family:'Mulish';}
.customer_tit p{color:#222;font-size:1rem;}
.bo_tbl_tit{color:#222;font-size:22px;font-weight:500;margin-bottom:20px;}
.bo_tbl_ori{color:#222;font-size:16px;line-height:1.4em;margin-top:20px;}
.bo_tbl{margin-bottom: 60px;}
.bo_tbl .gray_bg{background-color: #f0f0f0;color:#000;font-size: 14px;padding: 10px 20px;line-height:1.2em;margin-right:30px;}
.bo_tbl table{width: 100%;border-top: 1px solid #333;table-layout: fixed;}
.bo_tbl table tr th{font-size: 1.06rem;font-weight: 400;color: #333;padding: 25px 0 25px 20px;text-align: left;border-bottom: 1px solid #e5e5e5;line-height:1.3em;}
.bo_tbl table tr th.bd_lef{border-left: 1px solid #e5e5e5;}
.bo_tbl table tr th p{font-size:0.75rem;margin-top:10px;line-height:1.2em;}
.bo_tbl table tr td{border-bottom: 1px solid #e5e5e5;padding: 15px 0}
.bo_tbl table tr td.pd_0{padding:0;}
.bo_tbl table tr td .bd_bot{border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;align-items: center;}
.bo_tbl table tr td > div ~ div{margin-top:10px;}
.bo_tbl table tr td .customer-opt-chbox{flex-wrap:wrap;}
.bo_tbl table tr td input[type="text"]{background-color: #f0f0f0;height: 45px;width:100%;border: none;font-size: 1rem;color: #999;padding: 0px 20px;outline: none; text-align:left;}
.bo_tbl table tr td select{width: 100%;height: 45px;border: none;font-size: 1rem;color: #999;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #f0f0f0 url(../images/select-icon.png) no-repeat 90% 52%;outline: none;}
.bo_tbl table tr td select ~ select{margin-left: 10px;}
.bo_tbl table tr td em{font-size: 1rem;color: #666;margin: 0 10px;}
.bo_tbl table tr td .personnel label ~ label{margin-left: 20px;}
.bo_tbl table tr td .personnel label span{margin-left: 5px;}
.bo_tbl table tr td p{margin-top: 10px;font-size: 0.88rem;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td .black_btn{border:1px solid #353535;color: #fff;background-color: #353535;font-size: 0.94rem;width:100px;height: 45px;margin: 0 10px;flex-shrink: 0;transition:0.6s;}
.bo_tbl table tr td .black_btn:hover{color: #353535;background-color: #fff;}
.bo_tbl .cus_type{margin-top:30px;}
.bo_tbl .cus_type ul{display:flex;justify-content:flex-end;}
.bo_tbl .cus_type ul li ~ li{margin-left:20px;}
.bo_tbl .cus_type ul li label{display:flex;align-items:flex-start;}
.bo_tbl .cus_type ul li label input{width:19px;height:19px;}
.bo_tbl .cus_type ul li label span{font-size:18px;margin-left:6px;font-weight:500;}
.terms{margin-top: 60px;}
.terms dl{margin-bottom: 30px;}
.terms dl + dl{margin-top:40px;}
.terms dl dt{margin-bottom: 15px;font-size: 1.25rem;font-weight: 600;color: #333;}
.terms dl dd{font-size: 0.94rem;line-height: 1.7em;color: #666;}
.terms table{border-top: 1px solid #707070;width: 100%;margin-bottom: 50px;}
.terms table th{font-size: 0.88rem;font-weight: 600;color: #666;vertical-align: middle;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;padding: 15px 0;}
.terms table td{font-size: 0.88rem;line-height: 1.4em;color: #666;padding: 15px 0 15px 30px;border-bottom: 1px solid #d5d5d5;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{text-align: center;border-right: 1px solid #d5d5d5;padding: 15px 0;}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{text-align: center;border-right: 1px solid #d5d5d5;padding: 20px 0;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:5px;}
.terms-notice{font-size:0.88rem; padding-left:80px; text-indent:-80px; margin-bottom:15px}
.terms_area.customer{padding: 30px;overflow-y: scroll;font-size: 0.88rem;border: 1px solid #dedede;line-height: 1.5em;height: 170px; margin-bottom: 60px; margin-top: -25px;}
.terms-title strong{padding-right:10px;}
.terms-information{margin-bottom:12px;}
.agree > div{background-color: #f5f5f5;padding: 25px 40px;margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;}
.agree p{font-size: 1.13rem;color: #333;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.94rem;}
.agree ul{display: flex;margin-right:20px;}
.agree ul li ~ li{margin-left: 20px;}
.agree ul li label{display:flex;}
.agree ul li span{padding-left: 5px;font-size:1rem;}
.btn_area{margin-top: 50px;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: inline-block;overflow: hidden;}
.btn_area ul li{float: left;}
.btn_area ul li ~ li{margin-left: 10px;}
.btn_area ul li.black button,
.btn_area ul li.black a{color: #fff;background-color: #353535;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{color: #353535;background-color: #fff;border: 1px solid #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{color: #353535;background-color: #fff;border: 1px solid #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{color: #fff;background-color: #353535;}
.btn_area ul li button,
.btn_area ul li a{display: block;font-size: 1rem;font-weight: 600;width: 160px;height:50px;line-height: 48px;border: none;transition: 0.2s;cursor:pointer;}
.mo-br{ display: inline; padding: 0 ; content: " "; }
.customer-loc-chbox input,
.customer-opt-chbox input{margin-right: 6px; display: inline-block;}
.customer-opt-chbox{gap: 10px 20px;}
.customer-loc-chbox label{padding-right:24px;}
.type1.mo{display:none;}

#daum_juso_pagewr_2{position:fixed !important;left:50% !important;top:50%;width:340px !important;height:466px !important;margin-top:-233px !important;margin-left:-170px !important;z-index: 100}

/*news*/
.search_area{display: flex;justify-content: flex-end;}
.search_area form{display:flex;position:relative;}
.search_area select{border: 1px solid #c1c1c1;height: 35px;width: 100px;padding: 0 10px;color: #666;margin-right: 5px;}
.search_area input{border: none;border-bottom: 1px solid #e5e5e5;height: 40px;width: 260px;padding: 0 15px;color: #666;outline:none;}
.search_area label{position:absolute;left:15px;bottom:12px;;color: #999;font-size:1.125rem;transition:0.3s;}
.search_area input:focus + label,
.search_area input:not(:placeholder-shown) + label{font-size:0.875rem;bottom: 40px;}
.search_area button{border: none;border-bottom: 1px solid #e5e5e5;border-left: none;background: url(../images/search-icon.png) no-repeat center;width: 40px;height: 40px;}
.news_tbl{margin-top: 25px;}
.news_tbl table{border-top: 1px solid #79838d;width: 100%;table-layout: fixed;}
.news_tbl table td{padding: 30px 0;border-bottom: 1px solid #eee;text-align: center;font-weight:300;}
.news_tbl table td a{display: block;font-weight:400;;font-size: 1.25rem;color: #333;text-align: left;width: 90%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding-left:20px;}
.news_tbl table td a:hover{text-decoration: underline;}
.news_tbl table td .no_data{padding:80px 0;color:#444;font-size:1rem;font-weight: 500;}
.news_tbl table .col1{width:6%;}
.news_tbl table .col2,
.news_tbl table .col3{width:10%;}

/*schedule*/
.sche_tab{margin-bottom: 60px;}
.sche_tab::after{content: "";display: block;clear: both;}
.sche_tab li{width: 50%;float: left;position: relative;}
.sche_tab li::after{content: "";position: absolute;position: absolute;left: 50%;margin-left: -7px;border-top: 8px solid #d0cabc;border-left: 8px solid transparent;border-right: 8px solid transparent;display: none;}
.sche_tab li a{display: block;width: 100%;text-align: center;font-size: 1.25rem;color: #000;background: #f0f0f0;border: 1px solid #dedede;line-height: 60px;}
.sche_tab li.on::after{display: block;}
.sche_tab li.on a{background-color: #d0cabc;border: 1px solid #d0cabc;}
.sche_tab li a:hover{background-color: #d0cabc;border: 1px solid #d0cabc;}
.step{display: flex;margin-bottom: 30px;}
.step_tit{width: 240px;background-color: #999;display: flex;align-items: center;justify-content: center;border-radius: 10px 0 0 10px;}
.step_tit strong{color: #fff;font-weight: 400;padding-right: 30px;background: url(../images/step-arr.png) no-repeat right center;}
.step ul{width: calc(100% - 240px);;border: 1px solid;border: 1px solid #ddd;border-left: none;border-radius: 0px 10px 10px 0px;display: flex;}
.step ul li{width: 33.33%;height: 100px;display: flex;align-items: center;padding: 0 80px;position: relative;}
.step ul li dl{display: inline-block;}
.step ul li dl dt{font-size: 0.88rem;color: #9a9a9a;font-weight: 400;margin-bottom: 7px;}
.step ul li dl dd{font-size: 1.13rem;font-weight: 500;}
.step ul li::after{content: "";position: absolute;right: 0;top: 50%;width: 1px;;height: 40px;margin-top: -20px;background-color: #ddd;}
.step ul li:last-child:after{display: none;}
.notice_box{background-color: #f9f9f9;color: #222;border-radius: 10px;margin-bottom: 70px;padding: 30px 0;text-align: center;}
.notice_box p{line-height: 26px;font-size: 1.25rem;}
.notice_box ul{margin-top: 30px;display: inline-block;text-align: left;}
.notice_box ul li{line-height: 26px;font-size: 1rem;text-align:center;}
.notice_box span{color: #ff3333;}
.sche_tit{margin-bottom: 50px;color: #333;font-size: 1.88rem;}
.sche_tit strong{color: #000;margin-right: 10px;}
.calendar_box{display: flex;justify-content: space-between;margin-bottom: 70px;}
.calendar{width: calc(50% - 20px);border: 1px solid #efefef;}
.calendar .top{background-color: #d0cabc;line-height: 50px;text-align: center;color: #222;font-weight: 500;}
.calendar .date{padding: 15px 60px;background-color: #fcfcfc;height: 320px;overflow-y: auto;}
.calendar .date .month{text-align: center;position: relative;}
.calendar .date .month strong{font-size: 1.5rem;font-weight: 400;color: #222;line-height: 50px;}
.calendar .date .month button{position: absolute;top: 50%;margin-top: -16px;width: 33px;height: 33px;border: none;}
.calendar .date .month .prev{left: 0;background: url(../images/calen-prev.gif) no-repeat center;background-size: contain;}
.calendar .date .month .next{right: 0;background: url(../images/calen-next.gif) no-repeat center;background-size: contain;}
.calendar table{width: 100%;margin-top: 5px;}
.calendar table thead th{padding: 5px 0;color: #555;font-weight: 500;}
.calendar table td{text-align: center;line-height: 35px;color: #777;}
.calendar table td.sun{color: #de1818;}
.calendar table td.sat{color: #2653b9;}
.calendar table td input{width: 100%;height: 100%;border: none;color: #777;background-color:transparent;}
.calendar table td.res input{background-color: #d7d7d7;}
.calendar table td.on input{background-color: rgba(0,0,0,0.5);color:#fff;}
.calendar table td.on input.active{background-color: #231916;}
.calendar .bot{background-color: #f1f1f1;line-height: 50px;display: flex;justify-content: space-between;padding: 0 40px;}
.calendar .bot span{font-size: 0.88rem;color: #777;position: relative;}
.calendar .bot .lef span{padding-left:15px;margin-right: 20px;display:inline-block;}
.calendar .bot .lef span::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -4px;width: 9px;height: 9px;}
.calendar .bot .lef .res::before{background-color: #d7d7d7;}
.calendar .bot .lef .possi::before{background-color: rgba(0,0,0,0.5);}
.calendar .bot .rig span strong{font-weight: 500;color: #222;}
.calendar .date .time li ~ li{margin-top: 10px;}
.calendar .date .time li button{background-color: transparent;border: none;font-size: 1rem;color: #555;padding: 5px 10px;}
.calendar .date .time li button.active{background-color: #231916;color: #fff;}
.terms_area{padding: 30px;overflow-y: scroll;font-size: 0.88rem;border: 1px solid #dedede;line-height: 1.5em;height: 170px;margin-bottom: 20px;}
.complete{background: #eee;padding: 60px 20px 80px;text-align: center;}
.complete_tit{font-size: 2.25rem;color: #121212;font-weight: 300;margin-bottom: 30px;}
.complete_txt{font-size: 1.13rem;color: #121212;font-weight: 300;margin-bottom: 40px;}
.complete_box{display: inline-block;width: 600px;border-top: 1px solid #222;border-bottom: 1px solid #222;padding: 30px 0;color: #222;font-weight: 500;font-size: 2rem;line-height: 52px;}
.complete_box span{color: #000;font-weight: 600;}
.confirm_tit{margin-bottom: 60px;text-align: center;font-weight: 300;font-size: 1.63rem;line-height: 1.3em;color: #444;}
.confirm_tit span{font-weight: 500;color: #000;}
.confirm_tbl table{width: 100%;border-top: 1px solid #000;}
.confirm_tbl table th{position: relative;padding: 25px 0;text-align: center;font-size: 1.13rem;color: #333;font-weight: 400;border-bottom: 1px solid #e5e5e5;}
.confirm_tbl table th::after{content: "";display: block;background-color: #999;width: 1px;height: 16px;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.confirm_tbl table td{padding: 25px 0;text-align: left;font-size: 1.13rem;color: #333;font-weight: 400;padding-left: 40px;border-bottom: 1px solid #e5e5e5;}
.confirm_tbl table td .cancel{background: none;border: none;border-bottom: 1px solid #ff0000;color: #ff0000;font-size: 0.94rem;line-height: 1.3em;}
.confirm_tbl table td .no_result{padding: 40px 0;text-align: center;font-size: 0.94rem;}

/*pagination*/
.pagination{margin-top: 60px;text-align:center;}
.pagination ul{display:inline-block;}
.pagination ul::after{content:"";display:block;clear:both;}
.pagination ul li{float:left; width:40px;padding: 0 5px;margin: 0 5px;}
.pagination ul li a{display:block;height:40px;line-height:40px;font-size: 1.125rem;color: #333;}
.pagination ul li.on a{color: #535353;border-bottom:1px solid #ff671d;font-weight:600;}
.pagination ul li.pg_st{margin-right:5px;}
.pagination ul li.pg_st a{background:url(../images/pg_start.png) no-repeat center;}
.pagination ul li.pg_ed{margin-left:5px;}
.pagination ul li.pg_ed a{background:url(../images/pg_end.png) no-repeat center;}
/*
@media (min-width:768px) and (max-width:1023px){
	.bo_tbl table tr th{padding: 20px 10px 20px 10px;font-size:13px;}
	.bo_tbl table tr td{font-size:13px;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{height:35px;}
	.bo_tbl table tr td em{margin: 0 5px;}
	.bo_tbl table tr td p{font-size:10px;margin-top: 10px;}
	.bo_tbl table tr td .black_btn{height:35px;width:80px;font-size: 12px;}
	.terms{margin-top:24px;}
	.terms dl{margin-bottom: 8px;}
	.terms dl dt{font-size:14px;margin-bottom: 10px;}
	.terms dl dd{font-size:14px;}
	.terms_area.customer{font-size:14px; padding:2vw; margin-top:0px;}
	.terms-title {margin-bottom:0px}
	.terms-title dd strong{display:block; font-size: 14px;}
	.terms-title dd span{display:block; font-size: 14px; line-height:1.7; margin-bottom:12px;}
	.terms-notice{padding-left:16px; text-indent:-16px; margin-bottom:8px; font-size:13px; line-height:1.7}
	.terms table{margin-bottom:24px;table-layout: fixed;word-break: break-all;}
	.terms table th,
	.terms table td{font-size:13px;line-height:1.7;}
	.terms table th{padding:10px 5px;}
	.terms table td{padding:10px 0 10px 15px;}
	.terms table.type2 td{padding:10px 5px;}
	.agree > div{padding: 15px 20px;display: block;}
	.agree .chk{margin-top:24px;}
	.agree ul li ~ li{margin-left:2vw;}
	.agree ul li label{display:flex;align-items:center;}
	.agree p{font-size: 14px;}
	.agree p span{font-size: 14px;}
	.agree .chk span{font-size:13px}
	.btn_area{margin-top:12px;margin-bottom:12px;}
	.btn_area ul li button, .btn_area ul li a{font-size: 13px;width:120px;height:40px;line-height: 38px;}
	.mo-br{display:block;}
	.customer-loc-chbox input,
	.customer-opt-chbox input{margin-right: 6px; display: inline-block;}
	.customer-opt-chbox label{padding-right:8px;}
	.customer-loc-chbox label{padding-right:16px;}
	.bo_tbl table tr td select{font-size:13px;}
	.terms-information{margin-bottom:12px;}
	.type1.mo{display:table;}
	.type2.pc{display:none;}
}

@media (max-width:767px){
	.bo_tbl table tr th{padding: 20px 10px 20px 10px;font-size:2.9333vw;}
	.bo_tbl table tr td{font-size:2.9333vw;padding: 10px 0;}
	.bo_tbl table tr td p{font-size:10px;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{height:35px;font-size: 2.9333vw;}
	.bo_tbl table tr td em{margin: 0 3px;font-size:2.9333vw;}
	.bo_tbl table tr td .black_btn{height:35px;font-size: 10px;width: 60px;margin: 0 0 0 5px;}
	.bo_tbl table tr td .m_wrap{flex-wrap:wrap;}
	#wr_2{max-width:calc(100% - 65px) !important;}
	#wr_3{margin-top:5px;}
	#auth_num{max-width: calc(100% - 65px) !important;}
	#countDown{margin-top:10px;}
	.customer-opt-chbox{gap: 10px 0;}
	.customer-opt-chbox span{width:25%;}
	.terms{margin-top:10.6667vw;}
	.terms dl{margin-bottom: 8px;}
	.terms dl dt{font-size:3.4667vw;margin-bottom: 3vw;}
	.terms dl dd{font-size:2.6667vw;}
	.terms_area.customer{font-size:2.6667vw; padding:2.6667vw; margin-top: -6vw; margin-bottom:10vw}
	.terms-title {margin-bottom:0px}
	.terms-title dd strong{display:block; font-size: 3.4vw;}
	.terms-title dd span{display:block; font-size: 3.4vw; line-height:1.7; margin-bottom:2.5vw;}
	.terms-information{margin-bottom:2.5vw;}
	.terms-notice{padding-left:3.8vw; text-indent:-3.8vw; margin-bottom:2.5vw; font-size:2.8vw; line-height:1.7}
	.terms table{margin-bottom:10vw;table-layout: fixed;word-break: break-all;}
	.terms table th,
	.terms table td{font-size:2.6667vw;line-height:1.3em;}
	.terms table th{padding:10px 5px;}
	.terms table td{padding:10px 0 10px 15px;}
	.terms table.type2 td,
	.terms table.type3 td{padding:10px 5px;}
	.bo_tbl{margin-bottom:10vw}
	.bo_tbl table tr td select{font-size:2.6667vw;}
	.agree > div{padding: 15px 20px;display: block;}
	.agree .chk{margin-top:2.6667vw;}
	.agree ul{margin-right:10px;}
	.agree ul li ~ li{margin-left:2.6667vw;}
	.agree ul li label{display:flex;align-items:center;}
	.agree p{font-size: 2.9vw;}
	.agree p span{font-size: 2.9vw;}
	.agree .chk span{font-size:2.6vw}
	.type1.mo{display:table;}
	.type2.pc{display:none;}
	.btn_area{margin-top:5.3333vw;margin-bottom:5vw;}
	.btn_area ul li button, .btn_area ul li a{font-size: 2.8333vw;width:120px;height:40px;line-height: 38px;}
	.mo-br{display:block;}
	.customer-loc-chbox input,
	.customer-opt-chbox input{margin-right: 2vw; display: inline-block;}
	.customer-loc-chbox label{padding-right:8vw;}

	#daum_juso_pagewr_2{width:310px !important;margin-left: -155px !important;top:13%;height:74% !important;margin-top:0 !important;max-height:470px;}
}

@media (max-width:1024px){
	.search_area{padding-top:20px;}
	.search_area form{width:100%;}
	.search_area input{width:calc(100% - 40px);}
	.search_area input:focus + label,
	.search_area input:not(:placeholder-shown) + label{bottom:35px;}
	.news_tbl{margin-top:20px;}
	.news_tbl table .col1{width: 10%;}
	.news_tbl table .col2{width: 25%;}
	.news_tbl table td{padding: 20px 0;}
	.news_tbl table td a{font-size:1.1rem;padding-left: 10px;}
	.pagination{margin-top: 30px;}
	.pagination ul li{margin: 0;}
}
*/

/* 설문조사 */
.head_bl{position:absolute;left:0;top:0;width:100%;z-index:99;background:#191919;padding: 0 5.2383vw;}
.head_bl .head_in{height:100px;position:relative;}
.head_bl h1{position:absolute;top:30px;left:0;width:107px;}
.head_bl h1 a{display:block;width:100%;}
.head_bl h1 a img{display:block;}
.head_bl .tel{position:absolute;right:0;top:0;line-height:100px;color:#d0cabc;display:flex;align-items:center;}
.head_bl .tel p{font-size:1.063rem;font-family:'Pretendard';letter-spacing:-0.02em;}
.head_bl .tel p span{font-weight:500;}
.head_bl .tel em{background-color:#827e75;width:1px;height:16px;margin: 0 15px;}
.head_bl .tel a{color:#d0cabc;font-family:'Pretendard';font-weight:500;font-size:1.188rem;letter-spacing:0.02em;}

.survey_pc_img.img3{display: none;}
.survey_img{display:flex;gap:1.25vw;justify-content:center;;position:relative;margin-top:80px;padding: 0 2.5vw;padding-bottom:3vw;}
.survey_img img{display:block;width:100%;}
.survey_img .box{width:46.875vw; position: relative;}
.survey_img .box-img{background-color:#fcfcfa;}
.survey_img .rig{image-rendering: pixelated;}
.survey_img .cir{position:absolute;bottom:-6.25vw;left:35vw;width:22.5vw;background-color:#fff;border-radius:50%;z-index: 1;}
.survey-precaution{color: #898989; margin-top: 1.5vw;}

@media (min-width:1921px) {
    .survey_pc_img.img1{display: none;}
    .survey_pc_img.img2{display: block; width: 100%;}
}
@media (max-width:1920px) {
    .survey_pc_img.img1{display: block;}
    .survey_pc_img.img2{display: none;}
}

@media (min-width:1025px){
    .survey_header_wrap{position:absolute;left:0;top:0;width:100%;z-index:99;background:#191919;padding: 0 5.2383vw;}
    .survey_header{height:100px;position:relative;}
    .survey_header h1{position:absolute;top:30px;left:0;width:107px;}
    .survey_header .tel{position:absolute;right:0;top:0;line-height:100px;color:#d0cabc;display:flex;align-items:center;}
    .survey_header .tel p{font-size:1.063rem;font-family:'Pretendard';letter-spacing:-0.02em;}
    .survey_header .tel p span{font-weight:500;}
    .survey_header .tel em{background-color:#827e75;width:1px;height:16px;margin: 0 15px;}
    .survey_header .tel a{color:#d0cabc;font-family:'Pretendard';font-weight:500;font-size:1.188rem;letter-spacing:0.02em;}
    


    .contents.survey{padding: 200px 0 120px !important; accent-color: #353535;}
    .survey_mo_img{display: none;}
    .survey_top_wrap{position: relative;background: #191919;}
    .survey_top{text-align: center;padding-top:100px;}
    .survey_top_wrap .bg{position: absolute;top:0;left: 0;width: 100%;height: 80px;z-index: -10; padding-bottom: 52%;}
    .survey_top_wrap .bg img{height: 100%;width: 100%; position: absolute; left:0; top:0;}
    .survey_tit strong{font-size: 28px; color: #fff; letter-spacing: -0.04em; font-weight: 600; margin-bottom: 60px; display: block; padding-top: 140px;}
    .survey_tit p{font-size: 17px; line-height: 32px; letter-spacing: -0.04em; color: #dcdcdc;}
	.survey_tit_box{margin-bottom:50px;display:flex;justify-content:space-between;}
	.survey_tit_box .lef p{font-size:38px;color:#222;line-height:1.3em;font-weight:600;}
	.survey_tit_box .rig .logo img{display:block;width:150px;margin: 0 0 0 auto;}
	.survey_tit_box .rig .name_box{margin-top:30px;}
	.survey_tit_box .rig .name_box .bo_tbl{width:400px;margin-bottom:0;}
    .survey_q{width: 60px;}
    .survey_num{font-family: 'Jost'; font-weight: 600 !important; font-size: 20px !important; padding: 25px 0 25px 20px !important;}
    .survey_box{background-color:#f9f9f9;padding: 40px 20px;text-align:center;margin-bottom:60px;}
    .survey_box p{font-size: 26px; letter-spacing: -0.05em; color:#222;}
    .survey_form1 p{margin-top: 0px !important; margin-bottom: 16px; font-size: 15px !important; line-height: 1.5;}
    .survey_form1{align-items: flex-start !important; flex-direction: column;}
    .survey_radio{display: flex; gap: 14px;}
    .survey_radio label{display: flex; align-items: center; gap: 6px;}
    .survey_radio > li span{font-size: 14px;}
    .survey_radio2{display: grid; gap: 14px; grid-template-columns: 180px 180px 180px 260px;}
    .survey_radio2 label{display: flex; align-items: center; gap: 6px;}
    .survey_radio2 > li span{font-size: 14px;}
    .survey_radio2 > li span .mo_br{display: none;}
    .survey_radio2 > li span .mo_br2{display: none;}
    .survey_pc_img{display: block; margin: 100px auto 0;}
	.survey .bo_tbl table tr td input[type="text"]{text-align:left; padding-left:20px}
    .survey_radio3{display: flex; gap: 14px; flex-wrap: wrap;}
    .survey_radio3 li{width: 100%;}
    .survey_radio3 label{display: flex; align-items: center; gap: 6px;}
    .survey_radio3 > li span{font-size: 14px;}
    .survey_radio3 > li span .mo_br{display: none;}

    .survey_form1 .survey_locbox{display: flex; justify-content: flex-start; flex-wrap: nowrap; max-width: 780px; width: 100%;}
    .survey_form1 .survey_loc1{max-width: 240px; width: 100%;}
    .survey_form1 .survey_loc2{max-width: 240px; width: 100%;}
    .survey_form1 .survey_loc3{max-width: 240px; width: 100%;}

    .survey_radio4 li span{font-size: 14px;}
    .survey_radio3{display: grid;gap: 14px;grid-template-columns: 1fr 1fr 1fr; width:100%;}
    .survey_radio3 li{width: 100%;display: flex;align-items: center; height: 26px;}
    .survey_radio3 label{display: flex; align-items: center; gap: 6px;}

    .survey_radio4 {display: flex; align-items: center; gap: 14px;}

    .survey_radio3 input[type="text"],
    .survey_radio4 input[type="text"]{font-size: 15px !important; height: 26px !important; width: 180px !important; padding: 0 4px !important;}


	.survey_input_form{display:grid;grid-template-columns: repeat(4, 1fr);gap: 14px;width: 100%;}
	.survey_input_form > li > label > div{position: relative;}
	.survey_input_form > li > label > div > span{position: absolute; right:8px; bottom:8px;}
	.survey_input_form input{height: 30px !important;font-size: 15px !important;  margin-top:8px}
    .survey_input_form > li span{font-size: 14px;}

    .survey_textarea{width:100%}
    .survey_textarea textarea{width:100%;height: 20em;border: none;background-color: #f0f0f0; color: #999; line-height:1.5; font-size:14px; padding: 6px; box-sizing:border-box;resize: none;}
}
@media (max-width:1800px) and (min-width:1321px) {
    .survey_top_wrap .bg{position: absolute;top:0;left: 0;width: 100%;height: 0;z-index: -10; padding-bottom: 57%;}
    .survey_top_wrap .bg img{height: 100%;width: 100%; position: absolute; left:0; top:0;}    
}
@media (max-width:1320px) and (min-width:1236px) {
    .survey_top_wrap .bg{position: absolute;top:0;left: 0;width: 100%;height: 0;z-index: -10; padding-bottom: 62%;}
    .survey_top_wrap .bg img{height: 100%;width: 100%; position: absolute; left:0; top:0;}    
}
@media (max-width:1235px) and (min-width:1200px) {
    .survey_top_wrap .bg{position: absolute;top:0;left: 0;width: 100%;height: 0;z-index: -10; padding-bottom: 66%;}
    .survey_top_wrap .bg img{height: 100%;width: 100%; position: absolute; left:0; top:0;}    
}

@media (max-width:1199px) and (min-width:1023px) {
    .survey_top_wrap .bg{position: absolute;top:0;left: 0;width: 100%;height: 0;z-index: -10; padding-bottom: 70%;}
    .survey_top_wrap .bg img{height: 100%;width: 100%; position: absolute; left:0; top:0;}  
    .survey-precaution{color: #898989; font-size: 0.62vw; line-height: 1.5; letter-spacing: -0.04em; width: 100%; text-align: left;}
    .survey-precaution.rig{width: 100%; text-align: right; transform: translateX(0);}  
}

@media (max-width:1739px) and (min-width:1200px) {
    .survey-precaution{color: #898989; font-size: 0.6em; line-height: 1.5; letter-spacing: -0.04em; width: 80%; text-align: left;}
    .survey-precaution.rig{width: 100%; text-align: right; transform: translateX(0);}  
}

@media (min-width:1740px) {
    .survey-precaution{color: #898989; font-size: 0.688em; line-height: 1.5; letter-spacing: -0.04em; width: 80%; text-align: left;}
    .survey-precaution.rig{width: 86%; text-align: left; transform: translateX(9vw);}
}

@media (min-width: 768px) and (max-width: 1024px){
    .survey_tit p{font-size: 15px; line-height: 1.5; letter-spacing: -0.04em; color: #dcdcdc;}
    .survey_box p{font-size: 15px; line-height: 1.5; letter-spacing: -0.05em;}
    .survey_form1 p{font-size: 14px !important;}
    .survey_radio{font-size: 12px;}
    .survey_radio2{font-size: 12px;}
    .survey_radio3{font-size: 12px;}
    .survey-precaution{color: #898989; font-size: 0.688em; line-height: 1.5; letter-spacing: -0.04em; width: 100%; text-align: left;}
    .survey-precaution.rig{width: 100%; text-align: right;}
}
@media (max-width:767px){
    .survey_tit p{font-size: 2.9333vw; line-height: 1.5; letter-spacing: -0.04em; color: #dcdcdc;}
    .survey_box p{font-size: 2.9333vw; line-height: 1.5; letter-spacing: -0.05em;}
    .survey_radio{font-size: 10px !important;}
    .survey_radio2{font-size: 10px !important;}
    .survey_radio3{font-size: 10px !important;}
    .survey-precaution{color: #898989; font-size: 0.72em; line-height: 1.5; letter-spacing: -0.04em; width: 100%; text-align: left;}
}

@media (min-width:400px) {
    .mo_br2{display: none;}
}

@media (max-width:1024px){
	.bo_tbl table tr th{line-height:1.45}
	.survey input, .survey select{font-size: 2.3vw !important ; line-height:35px}
	.survey_top_wrap{background: #191919;}
    .survey_top_wrap .bg{display: none;}
    .survey_phone{display: flex; justify-content: space-around;}
    .survey_phone select, .survey_phone input{width: 100%; padding: 0 0px 0px 10px !important; text-align: left !important;}
    .survey_mo_img{display: block;}
    .survey_pc_img{display: none;}
    .contents.survey{padding: 15vw 0 120px !important;}
    .survey_top{text-align: center;padding-top: 100px;}
    .survey_tit strong{font-size: 3.5vw; color: #fff; letter-spacing: -0.04em; font-weight: 600; margin-bottom: 3.1250vw; display: block; padding-top: 5vw; line-height: 1.4;}
	.survey_img{margin-top:40px;display:flex;flex-direction: column-reverse;gap: 5vw;padding: 0 4vw;padding-bottom: 10vw;}
	.survey_img .box{width:100%;}
	.survey_img .cir{width:31%;position:absolute;left:auto;right:0;bottom:10vw;}
    .survey_q{width: 8%;}
    .survey_num{font-family: 'Jost'; font-weight: 600 !important; font-size: 2.9333vw !important;}
    .survey_box{background-color:#f9f9f9;padding: 30px 20px;text-align:center;margin-bottom:3.1250vw;}
    .survey_form1{display: block !important;}
    .survey_form1 p{display: block; margin-bottom:2.3vw; line-height: 1.5; margin-top: 0px !important;}
    .survey_radio{display: flex; align-items: center; gap: 1.45vw; flex-wrap: wrap;}
    .survey_form1 .survey_locbox{display: flex; justify-content: space-between; flex-wrap: nowrap;}
    .survey_form1 .survey_loc1{width: 32%;}
    .survey_form1 .survey_loc2{width: 32%;}
    .survey_form1 .survey_loc3{width: 32%;}
    .survey_radio li > label{display: flex; align-items: center; gap: 0.6vw;}
    .survey_form1 select{padding: 0 0 0 2vw !important;}
    .survey_radio2{display: flex; align-items: center; gap: 0; flex-wrap: wrap;}
    .survey_radio2 li > label{display: flex; align-items: center; gap: 0.6vw;}
    .survey_radio2 li{width: 50%; margin-bottom: 2.35vw;}
    .survey_radio3{display: flex; align-items: center; gap: 0; flex-wrap: wrap;}
	.survey_radio3.mo_list{display: grid; grid-template-columns: repeat(3, 1fr)}
	.survey_radio3.mo_list li:last-of-type{grid-column: 2/4}
    .survey_radio3 li > label{display: flex; align-items: center; gap: 0.6vw;}
    .survey_radio3 li{width: 100%; margin-bottom: 2.35vw;}
    .survey-precaution.rig{width: 100%; text-align: left;}
    .survey-precaution .__pc{display: none;}
	.survey .bo_tbl table tr td input[type="text"]{text-align:left; padding-left:10px}
	.survey_radio4{display: flex;align-items: center;gap: 0;font-size:10px !important; flex-wrap:wrap; gap:1.45vw}
    .survey_radio4 li > label{display: flex; align-items: center; gap: 0.6vw;}
    .survey_radio4 li{height: 16px; display:flex; align-items:center;}
	.survey_radio4 li input[type="text"]{font-size: 12px !important;height: 20px !important;width: 110px !important;padding:0 4px !important;}
	.survey_radio3 li input[type="text"]{font-size: 12px !important;height: 20px !important;width: 110px !important;padding:0 4px !important;}
	.survey_input_form{display:grid;grid-template-columns: repeat(2, 1fr);gap: 1.45vw;width: 100%;}
	.survey_input_form > li > label > span{text-wrap: nowrap}
	.survey_input_form > li > label > div{position: relative;}
	.survey_input_form > li > label > div > span{position: absolute; right:8px; bottom:5px;}
	.survey_input_form input{height: 20px !important;font-size: 10px !important;  margin-top:8px}
    .survey_input_form > li span{font-size: 10px;}
	.survey_textarea{width:100%}
	.survey_textarea textarea{width:100%;height: 15em;border: none;background-color: #f0f0f0; color: #999; line-height:1.5; font-size:10px; padding: 6px; box-sizing:border-box; resize: none;}
}

/*//////////////////////////////// Header //////////////////////////////////*/