@charset "utf-8";
@import url('http://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;800;900&display=swap');

body {margin: 0 auto; padding:0; font-family:"Malgun Gothic", arial, Tahoma, sans-serif; font-size:16px; letter-spacing:-0.5px; color:#333; min-width:320px;width:100%;max-width:640px; -webkit-text-size-adjust:none;}
img { border:0; margin:0; padding:0; }
table { border-collapse:collapse; border:0;}

table, th, td, div, ul, dl, ol, li, dt, dd, p, h1, h2 { margin:0; padding:0; }
h1, h2, h3, h4, h5, dt, dd, th, td, p, li, div, textarea, select, input {}
ul, li { list-style: none; }

a:link { text-decoration:none; }
a:visited { text-decoration:none!important; }
a:hover { text-decoration:none; }
a:active { text-decoration:none!important; }
#wrap { width:100% }

.txt{padding:20px 15px 25px 10px;
text-align:justify;
font-family:Malgun Gothic;
font-size: 18px;
letter-spacing:-1.5px;
line-height: 31px;
}
a { text-decoration:none;color:#000000; }
a:hover {color:#0000EA;text-decoration:underline;}
img{vertical-align:top;}
#checkform table { line-height:20px; } 
input[type=text], input[type=number], input[type=tel], select { border:1px solid #cccccc; }
input[name=idn1] { color:#cccccc; }

#adarea { margin:15px 0 10px 0; }
#adarea ul { margin:0;padding:0; }
#adarea li { list-style:none; }

h2 { display:block; }
#middleAD { border-radius:8px;border:1px solid #cccccc;padding:5px;margin:5px; }
.qrres { font-weight:normal;margin-left:7px; }
#info_content { width:240px;height:60px;overflow-x:hidden;overflow-y:auto;border:1px solid #cccccc;margin:0 5px;color:#ffffff;}
.tdleft { padding-left:13px; }
#right {position:fixed;right:0;top:220px;}
.b_list {border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; font-weight:bold; width:25%; height:35px; }
.b_list0 {color:#0d0d4e; text-align:center; font-weight:bold; width:25%; height:35px; border-top:1px solid #CCC; }
.top{width:100%; height:auto; font-family:"Dotum"; font-size:17px; color:#444;}

.form1 {border:5px solid #272727;border-top:0;overflow:hidden; margin:auto; text-align:center;padding:10px;}
.area_db.form1 {border:0;}
.chk_wrap {overflow:hidden;}
.chk_wrap label {display:inline-block; min-width:160px;}
.chk_wrap label input {vertical-align:top;}
.form1 .tit { padding:6px 0; font-family:'Malgun Gothic'; background:#203750; border-bottom:3px solid #203750; font-size:28px; line-height:20px; color:#fff; font-weight:bold; height:40px; padding-top:18px;}
.form1 table { margin-top:2px;}
.form1 th { text-align:left; padding-top:10px; padding-left:10px; font-size:15px; font-weight:bold; height:25px}
.form1 td { text-align:left; font-size:14px; vertical-align:middle;margin-bottom:5px;padding:4px 0;}
.form1 td span { font-size:14px; vertical-align:middle}
.form1 .line { border-bottom:1px dashed #999; height:5px}
.form2{background:url(images/db1_bg2.html) 0 0 repeat;border:0;padding:0 5px 10px 5px;}
.form2 .form2_db{background:#FFF;padding:10px 5px;border-radius:5px;}
#footer { border-top:1px solid #bbb; background:#f0f0f0}
address { padding:10px 20px; text-align:center}
address img { width:100%}
input { font-size:14px; border:1px solid #999999;}
textarea { resize:none; border:1px solid #999999}
.scroll_bn {position:fixed; bottom:10px; right:0; z-index:999}
.top_logo { background-color:#ba1416; height:60px; position:relative;}
.top_logo p { color:#fff; font-family:"arial"; margin:15px 0 0 10px; text-align:center; font-weight:700; float:left; height:30px; line-height:30px;  width:auto; font-size:24px }
.top_logo dl { position:absolute; width:123px; margin:0 auto; top:15px; left:50%; margin-left:-61px; }
.top_logo dl dt { float:left; background: linear-gradient( to bottom, #cf2031, #af0b0a ); border:1px solid #780103; border-top-left-radius:3px; border-bottom-left-radius:3px; color:#fff; font-weight:bold; width:60px; text-align:center; height:30px; line-height:30px; }
.top_logo dl dd { float:left; background-color:#8c0406; box-shadow:0 3px 4px #510100 inset; border:1px solid #780103; border-top-right-radius:3px; border-bottom-right-radius:3px; color:#fff; font-weight:bold; width:60px; text-align:center; height:30px; line-height:30px; }
.top_logo ul { float:right; margin:15px 10px 0 0; }
.top_logo ul li { float:left; color:#fff; text-shadow:1px 1px 0 #8c000e; text-align:center; font-weight:700; font-size:20px; margin-left:5px; width:30px; height:30px; }
.top_logo ul li i { line-height:30px; }
.cate_big { background: linear-gra1dient( to top, #3b2625, #271815 ); bo1rder:1px solid #000; border-bottom:1px solid #CCC; }
.cate_big li { float:left; width:16.6666%; color:#000; text-align:center; font-weight:bold; height:45px; line-height:45px; text-sha1dow:1px 1px 0 #000; }
.cate_big li.on { color:#f53037; border-bottom:2px solid #F00 }
.cate_small { background-color:#fafafa; border-bottom:1px solid #ddd; padding-left:5%; }
.cate_small li { float:left; width:30%; text-align:center; height:35px; line-height:35px; font-weight:bold; }
.cate_small li.on { color:#f53037; }
.link_tel{position:fixed;right:-120px;bottom:10px;}
.link_tel img{width:174px;height:59px;}

/* 하단 article */
.container * {box-sizing:border-box;}
.container {margin-top: 0px; font-family: 'Noto Sans KR', sans-serif; font-weight:normal; color:#222; font-size:14px; line-height:1.3; word-break:break-word;}
.img_type {width:100%;}
.inner {width:100%; max-width:640px; margin:0 auto; text-align:left;}
.area_title, .area_txt, .area_img {padding:0 15px;}
.area_img, .area_txt {margin-top:40px;}
.area_img {text-align:center;}
.area_title {margin-top:35px;}
.area_title h1 {margin-bottom:10px; color:#000; font-size:38px; font-weight:800; line-height:1.3; letter-spacing:-0.05em; word-spacing:-1px;}
.sub_tit {font-size:16px; line-height:1.6; word-spacing:-2px;}
.tit_date {overflow:hidden; width:100%; margin:0px 0 15px; padding:8px 0 12px; border-bottom:1px solid #ddd; font-size:12.5px; line-height:1; font-weight:normal; color:#555; text-align:right;}

.article_tit {font-size:26px; line-height:1.4;}
.article {font-size:17px; line-height:1.5;}
.article + .article {margin-top:25px;}
.red {color:#d51e23;}
.blue {color:blue;}

.area_video {position:relative; padding-bottom:20px; background:#840000;}
.video_box {position:absolute; top:41%; left:15%; right:14%;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.area_db {position:relative; margin:60px auto 30px; padding: 0;}
.formBox {background:#fff; border:1px solid #000; font-size:15px; padding:40px 40px 35px;}
.formBox .ipt_ck {width:15px; height:15px; margin-right:5px; vertical-align:middle; margin-top:2px;}
.line_ck {margin-bottom:20px;}
.line_ck li {line-height:1.4; margin-bottom:2px;}
.line_ck label {vertical-align:middle;}
.line_tit, .line_ck .line_tit {margin:0; height:34px; line-height:34px; font-size:16px; font-weight:500;}

.formBox dl {overflow:hidden;}
.formBox dt {float:left; width:32%; max-width:100px;}
.line_name dd, .line_age dd, .line_sex dd {float:left; margin-left:2%; width:66%;}
.line_sex {margin:10px 0;}
.line_sex dd {height:34px; line-height:34px;}
.line_sex .ipt_rdo {width:15px; height:15px; margin-top:-3px; margin-right:5px; vertical-align:middle;}

.line_phone {margin-top:10px;}
.line_phone dd {float:left; width:20.666%;}
.line_phone dd {margin-left:2%;}
.formBox .ipt_sty, .line_phone select {width:100%; height:34px; font-size:15px; padding-left:5px; border:1px solid #aaa;}
.line_btn {text-align:center;}
.line_btn button {width:100%; max-width:350px; border:0;}
.line_agree {margin:30px 0 15px; text-align:center; color:#555; font-size:13px;}
.banner_box {font-size: 14px;}

/*추가230210*/
.hd_tit { margin:30px 0; font-size:45px; color:#000; font-weight:bold; font-family: 'Pretendard', sans-serif; letter-spacing:-1px;}
.hd_tit b { color:red; }

@media screen and (max-width : 640px) {
  .hd_tit { margin:4.5875vw 0; font-size:7.03125vw; letter-spacing:-1.5px;}
	.area_title h1 {font-size:6.4VW;}
}

@media screen and (max-width : 460px) {
	.area_title h1 {font-size:7VW;}
	.formBox {padding:40px 15px 35px;}
	.article_tit {font-size:23px;}
}

/* The container */
.radioSty {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:left; 
  width: 80px;
  height:34px;
  line-height:34px;
  white-space:nowrap;
}

/* Hide the browser's default radio button */
.radioSty input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioSty:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioSty input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioSty input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioSty .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}