/* Pretendard */
@font-face { 
	font-family:'pretendard'; 
	font-style:normal; 
	font-weight:300; 
	src: url('fonts/Pretendard-Thin.woff2') format('woff2'), 
	url('fonts/Pretendard-Thin.woff') format('woff'); 
}
@font-face { 
  font-family:'pretendard'; 
  font-style:normal; 
  font-weight:400; 
  src: url('fonts/Pretendard-Regular.woff2') format('woff2'), 
        url('fonts/Pretendard-Regular.woff') format('woff'); 
 } 
@font-face { 
	font-family:'pretendard'; 
	font-style:normal; 
	font-weight: 500; 
	src: url('fonts/Pretendard-Medium.woff2') format('woff2'), 
	url('fonts/Pretendard-Medium.woff') format('woff'); 
} 
@font-face { 
	font-family:'pretendard'; 
	font-style:normal; 
	font-weight: 600; 
	src: url('fonts/Pretendard-SemiBold.woff2') format('woff2'), 
	url('fonts/Pretendard-SemiBold.woff') format('woff'); 
}  



/*reset諛� 湲곕낯*/
html { overflow-y:scroll; }
html, a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd,
keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, td, tfoot, thead, th, tr, td, video, tt, u, ul, var, input, :after, :before {margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline; box-sizing:border-box;}

body {color:#333; font-size:85%; line-height:1.5em; -webkit-text-size-adjust:none;}

h1, h2, h3, h4, h5, h6, table, tr, th, td, input, button, select, textarea {font-size:1em; box-sizing:border-box;}
body, input, button, select, textarea, sub {font-family:'pretendard' , dotum, Helvetica, sans-serif; -webkit-text-size-adjust:none;}
cite, address, optgroup {font-style:normal;}
kbd, samp, code {font-family:monospace;}

a {color:inherit;}
a:link, a:visited, a:focus, a:active {text-decoration:none;}
a:hover {text-decoration:underline;}

button, label {cursor:pointer;}
button { padding:0; border:none; background:transparent; }
code {display:block;}
input[type="submit"] {-webkit-appearance:none;}

legend, hr {position:absolute; top:0; left:0; overflow:hidden;}
legend, hr, caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

img, input, button, select, textarea, th, td {vertical-align:middle;max-width:100%}
img, fieldset {border:0;}
img { max-width:100%; }
ul, ol {list-style:none;} 
abbr, acronym {border-bottom:1px dotted black; cursor:help;}
table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
strong, em {font-weight:bold;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:""; content:none;}

input[type="text"], input[type="password"], input[type="submit"], input[type="tel"], input[type="email"], input[type="file"], textarea, select { -webkit-appearance:none; border-radius:0; }
input[type="radio"], input[type="checkbox"] { border:1px solid #b9b9b9; }
input[type="file"] {width:100%;}

/* 獄쏄퀗瑗띸빊�뺤젾 */
* {-webkit-print-color-adjust:exact;}

/* 占썩몿占� */
ul#skipToContent {position:absolute; top:0; left:0; z-index:10000; width:100%; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%; }
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:0px; width:100%; padding:15px 0; font-size:1em; background-color:#0054A6}


img{width:100%; height:auto;}






.event-box{background-color:#3c2402; text-align:center; color:#fff;}
.event-box p{padding-top:20px; margin-bottom:15px; font-size:18px;}
.event-box strong{display:block; margin-bottom:20px; font-size:46px; font-weight:900;}

input[type="checkbox"] {position:absolute; left:-9999px;}
input[type="checkbox"] + label {position:relative; display:inline-block; padding-left:22px;}
input[type="checkbox"] + label:before {content:'\ea0e'; display:inline-block; position:absolute; left:0; top:50%; line-height:1; font-size:20px; font-family:'xeicon'; color:#121212; transition:color 0.2s linear; transform:translateY(-50%);}
input[type="checkbox"]:checked + label:before {content:'\e92d'; color:#4e4d55;}
input[type="checkbox"] + label:hover:before,
input[type="checkbox"] + label:focus:before {color:#4e4d55;}

input[type="radio"] {position:absolute; left:-9999px;}
input[type="radio"] + label {position:relative; display:inline-block; padding-left:24px;}
input[type="radio"] + label:before {content:'\e9c6'; display:inline-block; position:absolute; left:0; top:50%; line-height:1; font-size:20px; font-family:'xeicon'; color:#121212; transition:color 0.2s linear; transform:translateY(-50%);}
input[type="radio"]:checked + label:before {content:'\e92b'; color:#4e4d55;}
input[type="radio"] + label:hover:before,
input[type="radio"] + label:focus:before {color:#4e4d55;}
 
.info-form{padding:20px; border:1px solid #ccc;}
.info-form > p{margin-bottom:15px; padding-bottom:5px; text-align:center; border-bottom:1px solid #ccc;}
.info-form table{width:100%;}
 

.info-form table>tbody>tr{height:46px;}
.info-form table>tbody>tr>th{text-align:left; border-right:1px solid #ccc; width:20%; font-size:16px; font-weight:bold;} 
.info-form table>tbody>tr>td{padding-left:15px; width:80%;}
.info-form table>tbody>tr>td .phone{display:flex; align-items:center; width:100%;}
/*.info-form table>tbody>tr>td .phone div{width:33.33%;}*/
.info-form table>tbody>tr>td .phone .phone_child{width:33.33%;}
.info-form table>tbody>tr>td .phone span{padding:0 4px;}
.info-form table>tbody>tr>td.chice{}
.info-form table>tbody>tr>td.chice span{}
.info-form table>tbody>tr>td.chice span:first-child{margin-right:15px;}
 

.info-form table input[type="text"], .info-form table input[type="password"], .info-form table input[type="submit"], .info-form table input[type="tel"], .info-form table input[type="email"], .info-form table input[type="file"], .info-form table textarea, .info-form table select {    display: inline-block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555;  background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.info-form table input[type="text"]:focus, .info-form table input[type="password"]:focus, .info-form table input[type="submit"]:focus, .info-form table input[type="tel"]:focus, .info-form table input[type="email"]:focus, .info-form table input[type="file"]:focus, .info-form table textarea:focus, .info-form table select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.agree-form{padding:6px 0 10px;}
.agree-form li{font-size:15px; padding:3px 0 3px 0px ;}
.agree-form li a{display:inline-block; padding:2px 8px; border-radius:6px; text-align:center; font-size:13px; background-color:#4e4d55; color:#fff;}
 

@media screen and (max-width:480px) {

	.info-form table>tbody>tr>th{font-size:14px; width:35% important;}
	.info-form table>tbody>tr>td{width:65% !important;}
	.info-form table>tbody>tr>td .form-control{padding:6px 5px;}

}
@media screen and (max-width:360px) {

	.info-form{padding:20px 10px;}
	.info-form table>tbody>tr>th{font-size:14px; width:40% important;}
	.info-form table>tbody>tr>td{width:60% !important;}


	.event-box{background-color:#3c2402; text-align:center; color:#fff;}
	.event-box p{padding-top:20px; margin-bottom:15px; font-size:18px;}
	.event-box strong{  font-size:38px; font-weight:900;}

}

@media screen and (max-width:300px) {

	.event-box strong{  font-size:30px; font-weight:900;}

}

/* ===== PC 이미지 위 DB폼 ===== */
.form-section{position:relative;}
.form-section > img{display:block; width:100%;}

/* cont_06.jpg 흰 박스 위치 (원본 1874x884 기준 %) */
.lead-form{
	position:absolute; left:10.2%; top:52%; width:80%; height:34.9%;
	padding:3.6% 16% 3% 14.5%;
}
.lf-grid{
	display:grid; height:100%;
	grid-template-columns:10.5fr 25fr 10.5fr 17fr 1.3fr 35.5fr;
	grid-template-rows:1fr 1fr 1.1fr;
	row-gap:3.5%;
	align-items:stretch;
}
.lf-label{display:flex; align-items:center; font-size:1.25vw; color:#333; cursor:default;}
.lf-l-name{grid-column:1; grid-row:1;}
.lf-name  {grid-column:2; grid-row:1;}
.lf-l-age {grid-column:3; grid-row:1; padding-left:25%;}
.lf-age   {grid-column:4; grid-row:1;}
.lf-l-tel {grid-column:1; grid-row:2;}
.lf-tel   {grid-column:2 / 5; grid-row:2;}
.lf-l-msg {grid-column:1; grid-row:3; align-items:flex-start; padding-top:1.4vw;}
.lf-msg   {grid-column:2 / 5; grid-row:3;}
.lf-submit{grid-column:6; grid-row:1 / 3; background:#bc735b; color:#fff; font-size:2.3vw; font-weight:600; line-height:1.3; text-align:center;}
.lf-submit:hover{background:#a9634d;}
.lf-agree{grid-column:6; grid-row:3; padding-top:0.5vw;}

/* 입력칸 공통 */
.lead-form .form-control{
	display:block; width:100%; height:100%; padding:0 0.8vw;
	font-size:1.15vw; color:#333; background:#fff;
	border:1px solid #ddd; border-radius:0; box-shadow:none;
}
.lead-form .form-control:focus{border-color:#bc735b; box-shadow:none;}
.lead-form textarea.form-control{padding:0.8vw; resize:none;}
.lf-name, .lf-age, .lf-msg{display:flex;}

/* 연락처: 한 박스처럼 보이게 */
.lf-tel{display:flex; align-items:center; border:1px solid #ddd; background:#fff;}
.lf-tel .form-control{border:0; text-align:center; flex:1; min-width:0;}
.lf-tel span{color:#999;}

/* 동의 체크박스 */
.lf-agree li{font-size:1vw; line-height:1.4; padding:0.15vw 0; white-space:nowrap;}
.lf-agree li a{background:none; color:inherit; padding:0; font-size:inherit; border-radius:0;}
.lf-agree li a:hover{text-decoration:underline;}
.lead-form input[type="checkbox"] + label{padding-left:1.7vw;}
.lead-form input[type="checkbox"] + label:before{font-size:1.4vw;}

/* ===== 안내문구 (상단/하단) ===== */
.notice-bar{
	padding:1.6vw 10%;
	background:#f3f3f5; color:#777;
	font-size:max(11px, 0.85vw); line-height:1.7;
	text-align:left; word-break:keep-all;
}
.notice-top{padding:0.9vw 10%; text-align:center;}
.notice-bottom{padding:2.5vw 10% 3vw; background:#ececef;}

.notice-bar .nt-lead{color:#555; font-weight:500; margin-bottom:1vw;}
.notice-top .nt-lead{margin-bottom:0;}

.nt-info{margin:1vw 0; padding:1vw 1.4vw; background:#fff; border:1px solid #ddd;}
.nt-info .nt-title{font-weight:700; color:#555; margin-bottom:0.5vw;}
.nt-info dl{display:grid; grid-template-columns:max-content 1fr; column-gap:1.2vw; row-gap:0.2vw;}
.nt-info dt{font-weight:600; color:#666;}
.nt-info dd{margin:0;}

.notice-bar .nt-text{margin-top:0.4vw;}

/* ===== 모바일 폼 (mo_cont_06.jpg 흰 박스 기준) ===== */
.mo .lead-form{
	left:6.5%; top:53.9%; width:87%; height:36.6%;
	padding:5.5% 6% 5%;
}
.mo .lf-grid{
	grid-template-columns:19fr 37fr 13fr 24fr;
	grid-template-rows:1fr 1fr 1fr auto 1.15fr;
	column-gap:2%; row-gap:3.2%;
}
.mo .lf-label{font-size:max(13px, 2.7vw); font-weight:600; color:#222;}
.mo .lf-l-name{grid-column:1; grid-row:1;}
.mo .lf-name  {grid-column:2; grid-row:1;}
.mo .lf-l-age {grid-column:3; grid-row:1; padding-left:0; justify-content:flex-end; padding-right:8%;}
.mo .lf-age   {grid-column:4; grid-row:1;}
.mo .lf-l-tel {grid-column:1; grid-row:2;}
.mo .lf-tel   {grid-column:2 / 5; grid-row:2;}
.mo .lf-l-msg {grid-column:1; grid-row:3; align-items:flex-start; padding-top:3.2vw;}
.mo .lf-msg   {grid-column:2 / 5; grid-row:3;}

/* 동의 문구: 가운데 정렬, 버튼 위 */
.mo .lf-agree{grid-column:1 / -1; grid-row:4; padding:1.5vw 0 0; text-align:center;}
.mo .lf-agree li{font-size:max(10px, 2.1vw); line-height:1.5; color:#555; padding:0.4vw 0;}
.mo .lf-agree li label{padding-left:4.5vw;}
.mo input[type="checkbox"] + label:before{font-size:max(15px, 3.4vw);}

/* 제출 버튼: 전체 폭, 둥근 모양 */
.mo .lf-submit{
	grid-column:1 / -1; grid-row:5;
	border-radius:999px; font-size:max(16px, 4vw); font-weight:700; letter-spacing:-0.02em;
}
.mo .lf-submit br{display:none;}

/* 입력칸 (iOS 확대 방지로 16px 이상) */
.mo .lead-form .form-control{
	font-size:max(16px, 2.8vw); padding:0 2vw;
}
.mo .lead-form textarea.form-control{padding:2vw;}
.mo .lf-tel .form-control{padding:0 1vw;}
.mo .lf-tel select.form-control{flex:0 0 22%;}