@charset "utf-8";

/*@font-face { font-family: 'Pretendard'; font-weight: 100; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_Thin.woff2') format('woff2'); font-display: swap; }*/
/*@font-face { font-family: 'Pretendard'; font-weight: 200; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_ExtraLight.woff2') format('woff2'); font-display: swap; }*/
/*@font-face { font-family: 'Pretendard'; font-weight: 300; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_Light.woff2') format('woff2'); font-display: swap; }*/
/*@font-face { font-family: 'Pretendard'; font-weight: 400; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_Regular.woff2') format('woff2'); font-display: swap; }*/
@font-face { font-family: 'Pretendard'; font-weight: 500; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2'); font-display: swap; }
/*@font-face { font-family: 'Pretendard'; font-weight: 600; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_SemiBold.woff2') format('woff2'); font-display: swap; }*/
@font-face { font-family: 'Pretendard'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2'); font-display: swap; }
/*@font-face { font-family: 'Pretendard'; font-weight: 800; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_ExtraBold.woff2') format('woff2'); font-display: swap; }*/
/*@font-face { font-family: 'Pretendard'; font-weight: 900; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Pretendard_Black.woff2') format('woff2'); font-display: swap; }*/

@font-face {font-family: 'KOHIBaeum'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Callifornia'; font-weight: normal; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/Callifornia.otf') format("opentype"); font-display: swap;}

@font-face {font-family: 'YUniverse'; font-weight: 300; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/YUniverseL.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'YUniverse'; font-weight: 700; font-style: normal; src: url('https://ad.cpaad.co.kr/images/jwc01/fonts/YUniverseB.woff2') format('woff2'); font-display: swap;}

body{
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}

body, div, table, tr, td, th,
dl, dt, dd, ul, li, p, form, img,
h1, h2, h3, h4, h5{ margin:0px; padding:0px; border:none; list-style:none; font:normal 12px Gulim; line-height:120%; }
div {box-sizing: border-box;}
p{  }
a{ text-decoration:none; color:#666666; }
a:hover{ color:#75b741; }
.blind{ display:none; }
.clear_both{ clear:both; }

span.arial{ font-family:arial; }
span.red{ color:#ff0000; }
span.blue{ color:#0000ff; }
span.green{ color:#008000; }
span.bold{ font-weight:bold; }
span.font14{ font-size:14px; }
span.font16{ font-size:16px; }
span.font18{ font-size:18px; }
span.strike{ text-decoration:line-through; }

.wrap{position:relative; width:100%; }

/* controll */
select, input{ vertical-align:middle; }
button:not(.f_btn){ height:22px; padding:0px 3px; border:solid 1px #a1a1a1; background:url(https://ad.cpaad.co.kr/images/bg_gradient_width_gray2.gif) repeat-x; font:normal 12px Gulim; cursor:pointer; white-space:nowrap; }
input.formCalendar{ background:url(https://ad.cpaad.co.kr/images/icon/calendar.gif) no-repeat 96% center !important; background-color:#fff !important; font-size: 1.1em;}
input.formCalendar2{ background:url(https://ad.cpaad.co.kr/images/icon/calendar.gif) no-repeat 96% center !important; background-color:#fff !important; font-size: 1.1em;}
/* controll */

/* item */
	.readonly{ background-color:#ebebeb; border:solid 1px #7f9db9; }
	.formText{ height:18px; margin:0px; padding:0px; border:solid 1px #7f9db9; }
	.formCalendar{ height:16px; width:80px; margin:0px; padding:2px 2px 0px 2px; border:solid 1px #7f9db9; font:normal 11px Arial; }
	.formCalendar2{ height:16px; width:auto; margin:0px; padding:0; font:normal 11px Arial; }
/* item */

/* etcpage */
	/* error page */
	.frontNull{ width:100%; padding:100px 0px; text-align:center; font:bold 50px Arial; color:#9dce75; }
	.errorPage{ position:absolute; left:0px; top:0px; text-align:center;}
	/* error page */
/* etcpage */

/* theme */
	/* green_theme */
		.green_theme .frontNull{ color:#9dce75; }
		.green_theme .errorPage{ color:#9dce75; }
	/* green_theme */

	/* red_theme */
		.red_theme .frontNull{ color:#f39a9c; }
		.red_theme .errorPage{ color:#f39a9c; }
	/* red_theme */

	/* blue_theme */
		.blue_theme .frontNull{ color:#5f9fe7; }
		.blue_theme .errorPage{ color:#5f9fe7; }
	/* blue_theme */
/* theme */

/* item */
	/* table.dataTable */
	table.dataTable{ color:#666666; margin:0px 0px 10px; border:solid 1px #eeeeee; border-width:1px 0px 0px 0px; }
	table.dataTable tr{ }
	table.dataTable tr th,
	table.dataTable tr td{ border:solid 1px #eeeeee; border-width:0px 0px 1px 1px; font-size:11px; }
	table.dataTable tr th{ height:22px; padding:2px 5px 0px 5px; border-bottom:solid 1px #eeeeee; border-left:none; background:#ffffff url(https://ad.cpaad.co.kr/images/bg_gradient_width_gray.gif) repeat-x 0px -15px; }
	table.dataTable tr td{ padding:3px 10px; _padding:3px 5px; background:#ffffff url(https://ad.cpaad.co.kr/images/bg_gradient_width_gray.gif) repeat-x 0px 5px; }
	/* table.dataTable */
/* item */

textarea { resize: none; }

body{font-family:"Dotum";}
input, select, textarea{font-size:12px;}
.img_wrap{width:100%; height:auto; position:relative; background-position:center top; background-repeat:no-repeat;}
.btn01 {position:absolute; cursor:pointer; z-index:999}
.text01{position:absolute; z-index:999}
.info01	{font-family: 'Pretendard'; font-weight: 500; font-size: 24px; color: #aaa;}

#formDesign01_wrap {
  width: 100%;
  height: auto;
  background: #f1f1f3;
  display: flex;
  justify-content: center;
  align-items: center;
}
#formDesign01 {
  width: auto;
  height: auto;
  margin: 0 auto;
}
#formDesign01 th {
  width: 100px;
  height: 36px;
  line-height: 32px;
  text-align: center;
}
#formDesign01 b {
  color: #fff;
  font-size: 12px;
}
#formDesign01 input[type="submit"] {
  float: right;
  width: 204px;
  height: 104px;
  border: 0px;
  background-color: #9b0f34;
  font-family: "Pretendard", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  letter-spacing: -1px;
  cursor: pointer;
}

.btm_info_container {
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  background-color: #f0f0f0;
  float: left;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btm_info_wrap {
  float: left;
  clear: both;
  width: 958px;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
}
.btm_info01 {
  float: left;
  clear: both;
  width: auto;
  padding: 20px;
  font-family: "Pretendard", Sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4em;
  color: #333;
  text-align: left;
}

.btm_info02 {
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  color: #ccc;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fbfbfb;
  padding: 20px;
}
.btm_info02 dl {
  float: left;
  width: 50%;
  margin: 0px;
  border: 0;
  float: left;
  color: #333;
}
.btm_info02 dl dt {
  float: left;
  clear: both;
  font-family: "Pretendard", Sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1em;
  color: #333;
  text-align: left;
  margin-bottom: 10px;
}
.btm_info02 dl dd {
  float: left;
  clear: both;
  font-family: "Pretendard", Sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4em;
  color: #333;
  text-align: left;
  letter-spacing: -1px;
}
.btm_info02 dt::before {
  content: "▒";
  margin-right: 4px;
}
.btm_info02 dd::before {
  content: "ㆍ";
}

#quick {
  position: fixed;
  right: 0;
  top: 120px;
  width: 10%;
  max-width: 64px;
  height: auto;
  z-index: 99999;
}
#quick img {
  opacity: 0.3;
  filter: alpha(opacity=30);
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

.imageye-selected {
  outline: 2px solid black !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}

/* jssor slider bullet navigator skin 13 css */
.jssorb13 {
  position: absolute;
}
.jssorb13 div,
.jssorb13 div:hover,
.jssorb13 .av {
  position: absolute;
  /* size of bullet elment */
  width: 21px;
  height: 21px;
  background: url(https://ad.cpaad.co.kr/images/jwc01/js/img/b21.png)
    no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.jssorb13 div {
  background-position: -5px -5px;
}
.jssorb13 div:hover,
.jssorb13 .av:hover {
  background-position: -35px -5px;
}
.jssorb13 .av {
  background-position: -65px -5px;
}
.jssorb13 .dn,
.jssorb13 .dn:hover {
  background-position: -95px -5px;
}
.jssorb13 {
  position: absolute;
}

#form_title2 {
  width: 100%;
  height: auto;
  display: grid;
  justify-content: center;
  justify-self: center;
  align-self: center;
  gap: 20px;
}
#form_title2 img {
  float: none !important;
  margin: 0 auto;
}

#formDesign02_wrap {
  width: 100%;
  height: auto;
  background: #f0f0f0;
  display: flex;
  justify-content: center;
  align-content: center;
}
#formDesign02 {
  width: 612px;
  height: auto;
  display: grid;
  justify-content: center;
  align-content: center;
  gap: 30px;
}
#formDesign02 img {
  float: none !important;
}
#formDesign02 th {
  width: 100px;
  height: 36px;
  line-height: 32px;
  text-align: center;
}
#formDesign02 b {
  color: #fff;
  font-size: 12px;
}
#formDesign02 input[type="submit"] {
  float: left;
  width: 100%;
  height: 80px;
  border: 0px;
  background-color: #aa6e29;
  font-family: "Pretendard", sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  letter-spacing: -1px;
  cursor: pointer;
}

#location_wrap		{padding: 100px 0; display: grid; justify-content: center; item-align: center; gap: 20px;}
#location_title			{text-align: center;}
#location_title h1		{font-family:'Pretendard', sans-serif; font-weight: 900; font-size:72px; color:#000; letter-spacing:-1px;}
#location_info			{display: grid; grid-template-columns: 100px 900px; grid-template-rows: 32px 32px; justify-content: center; align-content: center; gap: 20px;}
#location_info h1		{font-family:'Pretendard', sans-serif; font-weight: 700; font-size:18px; color:#fff; letter-spacing:-1px; text-align: center; line-height:32px; background-color:#4f1d66; border-radius:100px;}
#location_info h2		{font-family:'Pretendard', sans-serif; font-weight: 400; font-size:24px; color:#000; letter-spacing:-1px; text-align: justify; vertical-align: sub;}
#location_info h2 big	{font-size:1.5em; font-weight: 700;}
#location_info h2 small	{font-size:0.8em; font-weight: 400;}

.form1 :is(p, th, td, span, input, button), #ui-datepicker-div :is(th, td, span) { font-family: 'S-CoreDream-4Regular'; }

#ui-datepicker-div { font-size: initial; }
#ui-datepicker-div :is(th, td, span) { font-size: 0.8rem; }
#ui-datepicker-div .ui-datepicker-title { font-weight: 700; line-height: 2rem; }
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { height: 2rem; }
#ui-datepicker-div .ui-datepicker-title span { font-size: 1rem; }

.form1 { display: flex; flex-direction: column; align-items: center; }
.form1 > img { width: 50%; }
.form1 .inner { width:1400px; padding:50px 20px; margin:0 auto; text-align:center; }
.form1 .formArea { width:60%; margin:0 auto; overflow: hidden; background-color:#fff; padding:0 120px 40px 120px; }
.form1 .formGroup { text-align:center; }

.form1 .form_table { width:100%; border-collapse:collapse; font-size:1em; border-top:1px solid #d7d7d7; }
.form1 .form_table tbody tr { border-bottom:1px solid #d7d7d7; }
.form1 .form_table tbody th { padding:12px 12px 12px 40px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; font-weight:600;  letter-spacing:-2px; }
.form1 .form_table tbody td { padding:12px 40px 12px 12px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; }

.form1 .input_style:focus, .wrap .sel_style:focus, .wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.form1 label { float:left; padding:10px 0; width:100%; }
.form1 .input_style { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; }
.form1 .sel_style { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; vertical-align:middle;}
.form1 .textarea_style { width:100%; padding:10px; height:90px; border:1px solid #ccc; font-size:18px; resize:none; }

.form1 .submit_box { width:100%; padding-top:20px; }
.form1 .submit_box .f_btn { width:80%; text-align:center; font-weight:500; font-size:32px;letter-spacing:-2px; margin-top:20px; cursor:pointer; background-color:#111; padding:12px 0; color:#fff; border-radius:5px; border: 0;}

.form1 span.red {background: initial;border: initial;text-shadow: initial;}

@media screen and (max-width: 768px) {
  #location_wrap		{float:left; clear:both; width: 100%; padding: 12.5% 6.25%; display: grid; justify-content: center; align-items: center; gap: 0;}
  #location_title			{text-align: center;}
  #location_title h1		{font-family:'KOHIBaeum', Sans-serif; font-size:11vw; color:#000; letter-spacing:-1px; font-weight:normal; line-height: 1;}
  #location_info			{display: grid; justify-content: center; align-content: center; gap: 1.0rem; margin: 6.25% 0; grid-template-columns: auto; grid-template-rows: auto; }
  #location_info h1		{float:left; width:25%; font-family:'Pretendard', sans-serif; font-weight: 700; font-size:1.0rem; color:#fff; letter-spacing:-1px; text-align: center; line-height:32px; background-color:#4f1d66; border-radius:100px;}
  #location_info h2		{font-family:'Pretendard', sans-serif; font-weight: 400; font-size:1.0rem; color:#000; letter-spacing:-1px; text-align: justify; vertical-align: sub;}
  #location_info h2 big	{font-size:1.5em; font-weight: 700;}
  #location_info h2 small	{font-size:0.8em; font-weight: 400;}

  .form1 { width:100%; padding:0; text-align:center; text-align:center; }
  .form1 img { width: 100%; }
  .form1 .inner { width: 100%; padding:10px 5px ; }

  .form1 .formArea { width: 100%; margin:0 auto; overflow: hidden; padding:30px 10px; background-color:#fff; }
  .form1 .formGroup { margin-bottom:12px; text-align:center; }



  .form1 .form_table { width:100%; padding:0; border-collapse:collapse; border-top:1px solid #d7d7d7;}
  .form1 .form_table tbody th { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:16px; font-weight:500; letter-spacing:-2px; }
  .form1 .form_table tbody td { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:14px; }
  .form1 .form_table tbody tr {border-bottom:1px solid #d7d7d7;}
  .form1 label { padding: 2px 0; }

  .form1 .input_style:focus, .m_wrap .sel_style:focus, .m_wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

  .form1 .input_style { padding-left:5px; height:36px; border:1px solid #ccc; font-size:14px; }
  .form1 .sel_style { width:100%; height:36px; border:1px solid #ccc; font-size:14px; vertical-align:middle; background-color:#fff;}
  .form1 .textarea_style { width:100%; padding:6px; height:60px; border:1px solid #ccc; font-size:14px; resize:none;}

  .form1 .submit_box { width:100%; text-align:center; margin-top:20px; }
  .form1 .submit_box .f_btn { width:100%; font-weight:500; font-size:22px; letter-spacing:-2px; cursor:pointer; color:#fff; max-width:500px; margin-top:10px; background-color:#111; padding:12px 0; border-radius:5px;}
}