@charset "UTF-8";

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

*{ font-family:"GmarketSansMedium","Noto Sans KR","Malgun Gothic","AppleSDGothcNeo","AppleGothic", sans-serif; 
	-webkit-text-size-adjust:none; -ms-word-break: keep-all; word-break: keep-all; 
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:auto; }

body,html {height:100%;  letter-spacing: -0.5px; line-height:1.6; text-align: center;}
body { position:relative; max-width:1080px; width:80%; margin:0 auto;}
img { width:100%; }
img,fieldset,iframe,button{border:0}

	button,input,label,select,textarea{outline:0;vertical-align:middle}
	button{
    background-color: #0c3796;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}
	button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
	button[disabled],input[disabled],input[disabled]+label{cursor:default!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	input[type=text]::-ms-clear{display:none}
	input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
	input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
	input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
	input[type=checkbox]{-webkit-border-radius:0;border-radius:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
	input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
	input[type=text],input[type=password],input[type=search],input[type=url],input[type=email],input[type=tel],input[type=number],input[type=button],input[type=reset],input[type=submit],input[type=image],textarea{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
	::-webkit-input-placeholder{color:#999;font-weight:normal;letter-spacing:-0.04375rem}
	:-moz-placeholder{color:#999;font-weight:normal;letter-spacing:-0.04375rem}
	::-moz-placeholder{color:#999;font-weight:normal;letter-spacing:-0.04375rem}
	:-ms-input-placeholder{color:#999;font-weight:normal;letter-spacing:-0.04375rem}
	::placeholder{color:#999;font-weight:normal;letter-spacing:-0.04375rem;opacity:1}
	input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
	input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{color:transparent}
	input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}
	input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}
	input:focus::placeholder,textarea:focus::placeholderr{color:transparent}
	input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}

	select {-webkit-appearance: none;    appearance: none;}

	caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
	legend,.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px}
	mark{background-color:#ffff00;color:#000}


Table {width:100%;border:0;border-spacing:0;border-collapse:collapse;empty-cells:show}
Table th, Table td { font-size:14px; text-align:center;}
Table th[main='1'] { background:#066; color:#fff;}
Table th[main='2'] { background:#dbfdfc; }
Table h6 { font-size:1.15rem; font-size: clamp(1.08rem, 2.4vw, 1.15rem); }

#survey * { font-family: "Noto Sans KR","Malgun Gothic", sans-serif;}
#survey.main_reservation { position: absolute; border-radius:0; bottom:auto; top:0; box-shadow:none; border: 1px solid #000; margin:1%; width:98%; }
#survey.main_reservation .logo { width: 12%; margin-top: 3%; }
#survey.main_reservation.main_reservation .mr_tit { padding-top: 11%;}
#survey.main_reservation h3,#survey.main_reservation h2,#survey.main_reservation h2 strong { font-family: "GmarketSansMedium", sans-serif; color:#232323; font-size:2.5rem; font-weight:normal; line-height:1.2;}
#survey.main_reservation h3 { transform: scale(0.9, 1); margin: 0px; }
#survey.main_reservation h3:before { display:none; }
#survey.main_reservation h2 { width: 83%; margin: 0 auto 5%; transform: scale(1.08, 1); letter-spacing: -2px; border-bottom: 2px dashed #b2b2b2; padding-bottom:8%;  }
#survey.main_reservation h2 strong { color:#ea5321; font-weight:normal; }
#survey.main_reservation .mr_form,#survey.main_reservation fieldset { padding: 0;}
#survey.main_reservation .mrf_date { background:#e9e4e0; padding:2.5% 3.5% 1%; }
#survey Table th,#survey Table td { background:#fff; border-bottom:6px solid #e9e4e0; padding:1.5% 4% 2%; line-height:1.3; }
#survey Table th { text-align:left; font-weight:normal; color:#727272; font-size: 1.1rem;}
#survey Table td { text-align:right; color:#232323; font-size: 1.5rem; }
#survey td button { margin-right:15%; }
#survey td button:last-of-type { margin-right:0; }
#survey td.btn_td { text-align:center; padding: 4%; }
#survey button { background:#b2b2b2; border-radius:9px; padding:1% 7% 1.5%; color:#fff; font-size:1.9rem; line-height:1; }
#survey button.on { background:#ea5321; }
#survey button#btnWrite { width:90%; margin-bottom:5%; }
#survey p { color:#ea5321; font-size:0.9rem; line-height:1.4; margin:3% 0;}

blockquote.dash{display: inline-block; border: 1px dashed #fff; border-right: 0; border-left: 0; color: #fff; text-align: left; margin-top: 40px;}

/* Tab */
#Tab,#Tab1 { display: inline-block; width: 100%; text-align: center; margin-bottom: 3vw; padding: 0;}
#Tab > li,#Tab1 > li { display: inline-block; float: left; cursor: pointer; width: 33%; border:1px solid #08b; background:#fff; font-size:1.06rem; font-size: clamp(0.8rem, 3.6vw, 1.06rem); color: #444; line-height: 1.2; padding: 1.8vh 0; margin-right: 0.5%; overflow: hidden; border-radius: 10px;}
#Tab > li a,#Tab1 > li a { display:block; }
#Tab > li:last-child,#Tab1 > li:last-child{ margin-right: 0;}
#Tab > li.on,#Tab1 > li.on { background:#08b; border:1px solid #08b; color: #fff;  }

.TabCont,.TabCont1 { display:none;}

section { position: relative; padding:5vw 0; background-repeat: no-repeat; background-position: top left; background-size: cover; }

#privacy_pop_ft { position:absolute; width:90%; display:none; left:0;right:0; top:-240px; margin:0 auto; background-color:#eeeeee; border: solid 1px #a5a5a5; z-index:9999 }

	/* 상담예약 */
	.main_reservation{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width: 600px;background:#fff;text-align:center;border-radius:1.875rem 1.875rem 0 0;box-shadow:0 2px 12px 0 rgba(0,0,0,.5);z-index:10;}
	.main_reservation .mr_tit{text-align:center;margin-bottom:5px; padding-top: 10px;}
 	.main_reservation h3{display:inline-block;font-size:1.125rem;line-height:1.250rem;font-weight:800;letter-spacing:-0.063rem;color:#000;text-align:center;font-family:'NanumSquare', sans-serif;position:relative;}
 	.main_reservation h3:before{content:'';position:absolute;top:-0.5rem;left:-3.0rem;display:block;width:2.6rem;height:3.0rem;background:url('https://thepeoplelife.co.kr/img/mr_ico.gif') no-repeat;background-size:100%;}
 	.main_reservation .mr_tit a{display:block;position:relative;}
 	.main_reservation .mr_tit img{position:absolute;top:0.388rem;right:-1.950rem;display:inline-block;width:1.125rem;height:0.656rem;}
 	.main_reservation .mr_form{padding:0 1.250rem;}
 	.main_reservation .product_select{width:100%; margin-bottom: 2%; font-size:1rem;font-weight:500;height:3rem;text-align:center;border:1px solid #d9d9d9;background:#fff url('https://thepeoplelife.co.kr/img/mr_select_ico.png') center right no-repeat;background-size:2.4rem 1.2rem;outline:0;font-family:'Noto Sans KR', "malgun gothic", "Dotum", "Dotum", "sans-senif";}
 	.main_reservation .mrf_tel{display:inline-table;table-layout:fixed;width:100%;height:50px;line-height:50px;margin:0.625rem 0 0.5rem;font-size:1rem;font-weight:500;text-align:center;font-family:'Noto Sans KR', "malgun gothic", "Dotum", "Dotum", "sans-senif";}
 	.main_reservation .mrf_tel input{vertical-align: middle;width:100%;border:1px solid #d9d9d9;outline:0;height:3rem;line-height:3rem;font-size:1rem;font-weight:500;text-align:center;font-family:'Noto Sans KR', "malgun gothic", "Dotum", "Dotum", "sans-senif";}
             .main_reservation .mrf_tel span{display:table-cell;width:5%;}
	 .main_reservation .mrf_name{display:inline-table;table-layout:fixed;width:100%;height:50px;line-height:50px;margin:0.625rem 0 0.2rem;font-size:1rem;font-weight:500;text-align:center;font-family:'Noto Sans KR', "malgun gothic", "Dotum", "Dotum", "sans-senif";}
	.main_reservation .mrf_name input{vertical-align: middle;width:100%;border:1px solid #d9d9d9;outline:0;height:3rem;line-height:3rem;font-size:1rem;font-weight:500;text-align:center;font-family:'Noto Sans KR', "malgun gothic", "Dotum", "Dotum", "sans-senif";}
 	.main_reservation .mrf_name span{display:table-cell;width:5%;}
	 .main_reservation .btn.blue{display:inline-block;margin-bottom:1.250rem;margin-top: 1.0rem;height:2.625rem;line-height:2.625rem;padding:0 1.250rem;;border-radius:1.875rem;font-size:1rem;color:#fff;font-weight:500;font-family:'Noto Sans KR', "malgun gothic", "Dotum", "Dotum", "sans-senif";}

	.blue { background-color: #1672f7 !important; }


.important-announcement {
  background-color: #f9f9f9; /* 백그라운드 색상 지정 */
  padding: 20px; /* 패딩 추가 */
  min-height: 100px; /* 최소 높이 지정 */
  box-sizing: border-box; /* 박스 크기 조절 */
}

.folding-menu {
  position: relative;
  margin-bottom: 20px;
}

.menu-content {
  display: none;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
}

.menu-item {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.menu-item a {
  text-decoration: none;
  color: #333;
}

.menu-item:last-child {
  border-bottom: none;
}

.menu-toggle {
  background-color: #333;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.menu-toggle:hover {
  background-color: #555;
}


.pop_bg {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.layer_box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 500px;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    z-index: 1000;
    border-radius: 10px;
}
.layer_box textarea {
    width: 100%;
    height: 300px;
    font-family: 'Malgun Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    padding: 10px;
    border: 1px solid #ddd;
    resize: none;
    box-sizing: border-box;
}
.layer_box .btn_close {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    background: #0c3796;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px;
}


footer {background-color:#3f3f3f; padding-bottom: 60px; width: 100%; /* 푸터 자체의 너비를 부모의 90%로 설정 */
    max-width: 1080px; /* 푸터 자체의 최대 너비를 900px로 설정 */
    margin: 0 auto; /* 푸터 자체를 중앙 정렬 */}
footer .footer__menu {padding:25px 15px;border-bottom:1px solid #4e4e4e;text-align:center;font-size:0;}
footer .footer__menu a {font-size:1.1rem; font-size:clamp(0.9rem, 2.2vw, 1.1rem); color:#fff;}
footer .footer__menu a:first-child:after {display:inline-block;width:1px;height:16px;margin:-3px 35px 0;background-color:#fff;vertical-align:middle;}
footer .footer__address {padding:2vw; text-align:center; font-weight:200; font-size:1rem; font-size:clamp(0.7rem, 2vw, 1rem);color:#fff;line-height:1.8}
footer .footer__address a {color:#fff;}
footer .footer__address a.link {color:#4aacff;text-decoration:underline;}


.kakao { position: fixed; width: 67px; height: 69px; right: 2%; bottom:110px; }
.TopBtn { position: fixed; right: 2%; bottom:110px; width: auto;}
.TopBtn a { display: block; }
.TopBtn .kakao { position: relative; right: auto; bottom:auto; }
.TopBtn button { position: relative; width: 40px; height: 40px; border-radius: 50%; font-size: 14px; background: #0c3796; color: #fff; cursor: pointer;}
.TopBtn button:before { content:''; position: absolute; left: 50%; margin-left: -6px; margin-top: -16px; width: 12px; height: 12px; background: #0c89c4; border-radius: 50%;}