@font-face {
font-family: 'gsans';
src: url(../fonts/GmarketSansTTFBold.woff) format('woff');
font-weight:500;
}

@font-face {
font-family: 'gsans';
src: url(../fonts/GmarketSansTTFMedium.woff) format('woff');
font-weight:400;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('../fonts/notokr-thin.eot');
    src: url('../fonts/notokr-thin.eot#iefix') format('embedded-opentype'),
         url('../fonts/notokr-thin.woff2') format('woff2'),
         url('../fonts/notokr-thin.woff') format('woff'),
         url('../fonts/notokr-thin.ttf') format('truetype'),
         url('../fonts/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('../fonts/notokr-light.eot');
    src: url('../fonts/notokr-light.eot#iefix') format('embedded-opentype'),
         url('../fonts/notokr-light.woff2') format('woff2'),
         url('../fonts/notokr-light.woff') format('woff'),
         url('../fonts/notokr-light.ttf') format('truetype'),
         url('../fonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/notokr-regular.woff2') format('woff2'),
         url('../fonts/notokr-regular.woff') format('woff'),
         url('../fonts/notokr-regular.ttf') format('truetype'),
         url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('../fonts/notokr-medium.eot');
    src: url('../fonts/notokr-medium.eot#iefix') format('embedded-opentype'),
         url('../fonts/notokr-medium.woff2') format('woff2'),
         url('../fonts/notokr-medium.woff') format('woff'),
         url('../fonts/notokr-medium.ttf') format('truetype'),
         url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('../fonts/notokr-bold.eot');
    src: url('../fonts/notokr-bold.eot#iefix') format('embedded-opentype'),
         url('../fonts/notokr-bold.woff2') format('woff2'),
         url('../fonts/notokr-bold.woff') format('woff'),
         url('../fonts/notokr-bold.ttf') format('truetype'),
         url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('../fonts/notokr-black.eot');
    src: url('../fonts/notokr-black.eot#iefix') format('embedded-opentype'),
         url('../fonts/notokr-black.woff2') format('woff2'),
         url('../fonts/notokr-black.woff') format('woff'),
         url('../fonts/notokr-black.ttf') format('truetype'),
         url('../fonts/notokr-black.svg#notokr-black') format('svg');
    font-weight: 800;
    font-style: normal;
}

html, body { overflow-x:hidden; }
html, body, table, tr, td, input, button, select, a { font-family:'Montserrat', 'noto', sans-serif !important; font-weight:400; text-decoration:none; scroll-behavior: smooth; }
a: link, a: visited, a: active, a: hover { text-decoration:none; }
input[type=text] { border:1px #a0a0a0 solid;  }
input[type=radio] { width:15px; height:15px; }

body { margin:0; }

ul { list-style:none; }
h1, h2, h3, h4, ul, li, p { margin:0; padding:0; margin-block:0; }

#introWrap { max-width:100%; width:100%; margin:0 auto; font-size:0; }
.contents { max-width:920px; width:92%; margin:auto;  }

@media all and (max-width:1200px) {
	body { background:#fff; }
	#introWrap { width:100%; margin:0 auto; box-sizing:border-box; }
	#introWrap img { width:100%; }
	#introWrap form { width:100%; margin-block:0; }
	#introWrap #formTitle h2 { white-space:normal; font-size:16px; word-break:keep-all; }
	.footer { padding: 60px 20px; }
	.footer ul { margin:0; padding:0; }
	.submitBt { width:100%; }
}

/* 신청 폼 */
#formWrap {  }
#formTitle { white-space:pre-line; text-align:center; }
#formTitle h1 { font-size:32px; font-weight:400; color:#000; margin:0 auto 12px; letter-spacing:-0.06em; white-space:pre-line; }
#formTitle h2 { font-size:20px; font-weight:500; color:#aaa; margin:0 auto; letter-spacing:-0.04em; white-space:pre-line; }
#formArea { margin:60px auto; width:50%; max-width:480px; font-family:'noto', sans-serif;  }
#formArea div { width:100%; }
#formArea div p:first-child { margin-bottom:6px !important; }
#formArea div p:last-child { margin-top:0px !important; }
#formArea div p { width:100%; margin:20px auto; font-size:16px; text-align:left; font-weight:500; color:#aaa; }
#formArea div p input { width:100%; padding:14px; box-sizing:border-box; border-radius:4px; box-shadow:4px 8px 8px rgba(0,0,0,0.04); font-size:14px; border:1px solid #ddd; }
#formArea div p input[type="checkbox"] { width:auto; }
#formArea div p input:focus { border:1px solid #333; outline:none; }
#formArea div p select { -moz-appearance:none; -webkit-appearance:none; appearance:none; }
#formArea div p select { width:100%; padding:14px 30px 14px 14px; box-sizing:border-box; border-radius:4px; box-shadow:4px 8px 8px rgba(0,0,0,0.04); font-size:14px; border:1px solid #ddd; background:url('../images/select_arrow.png') 88% center no-repeat; background-size:12px; color:#666; }
#formArea div p label { font-size:14px; margin-right:10px; color:#666; line-height:30px; }
#formArea div p input[type="radio"] { width:auto; height:10px; margin:0 6px 0 0; padding:0; }
#formArea .formPhone select { -moz-appearance:none; -webkit-appearance:none; appearance:none; }
#formArea .formPhone select { width:24%; padding:14px 30px 14px 14px; box-sizing:border-box; border-radius:4px; box-shadow:4px 8px 8px rgba(0,0,0,0.04); font-size:14px; border:1px solid #ddd; background:url('../images/select_arrow.png') 84% center no-repeat; background-size:12px; color:#666; background:#fff; }
#formArea .formPhone select option { padding:14px; }
#formArea .formPhone p:last-child { display:flex; }
#formArea .formPhone p input { width:33%; display:inline-block; }
#formArea .formPhone p span { padding:14px; }
#formArea .formMemo { display:none; }
#formArea .formMemo p textarea { width:100%; border:1px solid #ddd; border-radius:4px; box-shadow:4px 8px 8px rgba(0,0,0,0.04); font-family:'noto', sans-serif; font-size:14px; }
#formArea .formPrivacy { margin:20px 0; text-align:right; font-size:12px; }
#formArea .modalOpen { padding:2px 8px; background:#ddd; color:#fff; border-radius:4px; margin-left:8px; transition:all 400ms ease-in-out; word-break:keep-all; }
#formArea .modalOpen:hover { background:#444; }
#formArea .formSubmit { margin-top:40px; }
#formArea .formSubmit a { display:block; width:100%; height:60px; line-height:60px; color:#fff; border-radius:4px; font-size:20px; font-weight:700; background:#aaa; transition:all 400ms ease-in-out; text-align:center; }
#formArea .formSubmit a:hover { background:#444; }

@media all and (max-width:920px) {
	#formArea { width:90%; }
	#formArea .formPhone p span { padding:14px 8px; }
	#formArea .formPhone p input { width:36%; }
}

.footer { background:; color:#000; font-size:16px; padding:60px; box-sizing:border-box; }
.footer a { color:#aaa; }
.footer ul { width:100%; text-align:left; cursor:default; padding:0; }
.footer ul h1 { font-size:22px; margin:20px 0; }
.footer ul li { display:inline-block; font-size:12px; margin-right:12px; color:#aaa; line-height:20px; white-space:pre-line; margin-bottom:18px; }
.footer ul li span { margin:0 6px; color:#ddd; }
.footer ul p { font-size:12px; }
.footer ul p:last-child { font-size:10px; color:#666; }
.footer ul p:last-child a { color:#666; font-weight:500; }

@media all and (max-width:920px) {
	.footer { padding:30px; }
}

.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
}
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
}
.popup{
  width:100%;
  max-width:60%;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  padding:8px 20px;
  margin-top:30px;
  align-items:center;
  justify-content:center;
  box-sizing: border-box;
}
#close {
  flex-grow:0;
  width: 30px;
  height:30px;
  padding: 4px 8px;
  margin-top: 10px;
  cursor:pointer;
}
.first {
  flex-grow:1;
}
.head-title {
  flex-grow:20;
  font-size: 38px;
  margin-top: 4px;
  font-weight: 600;
  text-align: center;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
  box-sizing: border-box;
}
.body-contentbox{
  overflow-y:auto;
  min-height:100px;
  white-space:pre-line;
  font-size:12px;
  font-weight:300; max-height:80vh;
  overflow:auto; line-height:16px;
  box-sizing: border-box;
}
#modal-open {
  cursor: pointer;
}

@media all and (max-width:1200px) {
	.body-content { padding:10px; }
	.body-contentbox { overflow-x:hidden; padding:8px; }
	.popup-wrap { padding:4px; }
	.popup { width:96%; max-width:100%; }
	.head-title { font-size:18px; }
	#close { width:20px !important; height:20px !important; }
}


#Sms_Confirm_Step1{
	text-align:right;
}

#Sms_Confirm_Step1 a{
	font-size:15px;
	color:#3AA1CE;
	text-decoration:underline;
	text-underline-position:under;
	font-weight:bold;
}

#Sms_Confirm_Step2, 
#Sms_Confirm_Step3{
	overflow:hidden;
	padding:0px;
	margin:0px;
}

#Sms_Confirm_Step2 li,
#Sms_Confirm_Step3 li{
	float:left;
	width:68%;
	margin:0px;
	padding:0px;
	position:relative;
}

#Sms_Confirm_Step2 input,
#Sms_Confirm_Step3 input{
	width:100%;
	padding:14px;
	box-sizing:border-box;
	border-radius:4px;
	box-shadow:4px 8px 8px rgba(0,0,0,0.04);
	font-size:14px;
	border:1px solid #ddd;
}

#Sms_Confirm_Step3 input{
	background-color:#DEDEDE;
}

#Sms_Confirm_Step2 span{
	position:absolute;
	font-size:14px;
	right:12px;
	top:14px;
	color:#9D9D9D;
	font-weight:normal;
}

#Sms_Confirm_Step2 p,
#Sms_Confirm_Step3 p{
	float:right;
	width:28% !important;
	margin:0px !important;
}

#Sms_Confirm_Step2 p a,
#Sms_Confirm_Step3 p a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	color:#fff;
	border-radius:4px;
	font-size:16px;
	font-weight:700;
	background:#36A0D0;
	transition:all 400ms ease-in-out;
	text-align:center;
}

#Sms_Confirm_Step3 p a{
	background:#B8B8B8 !important;
}

#Sms_Confirm_Step2 h1,
#Sms_Confirm_Step3 h1{
	clear:both;
	text-align:right;
	padding-top:10px;
}

#Sms_Confirm_Step2 h1 a,
#Sms_Confirm_Step3 h1 a{
	font-size:15px;
	color:#3AA1CE;
	text-decoration:underline;
	text-underline-position:under;
	font-weight:bold;
}

#Sms_Confirm_Step3 h1 a{
	color:#000000 !important;
}




#complute_body {
	display: table-cell;
	vertical-align: middle; /* 세로 방향 가운데 정렬 */
	text-align: center; /* 가로 방향 가운데 정렬 */
	width:100vw;
	height: 100vh; /* 컨테이너의 높이를 화면의 전체 높이로 설정 */
}
#complute_body h1 { font-size:32px; font-weight:400; color:#000; margin:0 auto 12px; letter-spacing:-0.06em; white-space:pre-line; }
@media (max-width:648px){
	#complute_body h1 { font-size:18px; font-weight:400; color:#000; margin:0 auto 12px; letter-spacing:-0.06em; white-space:pre-line; }
}

#complute_default_body {
display: flex;
justify-content: center;
align-items:center;
min-height: 100vh;	
}
#complute_default_body .OKbutton{text-align:center;}
#complute_default_body .OKbutton a {text-align: center;color:#fff; border-radius:4px;padding:10px 20px;font-size:20px; font-weight:700; background:#aaa; transition:all 400ms ease-in-out; text-align:center; }
#complute_default_body .OKbutton a:hover { background:#444; }
#complute_default_body h1 { font-size:32px; font-weight:400; color:#000; margin:0 auto 12px; letter-spacing:-0.06em; text-align:center;}
@media (max-width:648px){
	#complute_default_body h1 { font-size:18px; font-weight:400; color:#000; margin:0 auto 12px; letter-spacing:-0.06em; }
}