@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
* {padding:0; margin:0;} a {text-decoration:none; color:inherit;} ul,li,ol {list-style:none;} img{vertical-align:top;}

body {  box-sizing:border-box;color: #222; font-family: 'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; line-height:1.45;}
header .header_top {position:relative; height:46px; line-height:46px; text-align:center; box-shadow: 0 5px 5px rgba(0,0,0,.1);  font-size:0; background:#fff;}
header .header_top .logo {display:inline-block; width:105px; height:20px; background:url(/indexm/logo.png)no-repeat; background-size:100% 100%; font-size:14px; margin-top:12px; text-indent:-9999em;}
header .header_top .menu{position:absolute; top:16px; left:15px; display:inline-block; background:url(/indexm/menu.png)no-repeat; background-size:100% 100%; width:16px; height:14px;}
header .header_top .search {position:absolute; top:16px; right:15px; display:inline-block; background:url(/indexm/search.png)no-repeat; background-size:100% 100%; width:16px; height:14px;}
#wrap {width:100%; max-width:1200px; margin:0 auto; background:#fff;}
nav {padding:15px 20px 0;}
nav h1 {font-size:32px; color:#222; line-height:1.45; letter-spacing:-0.063em; font-weight:500; font-family: "Noto Sans KR","맑은고딕","나눔고딕",'돋움','dotum',helvetica,sans-serif;}
nav .header_btn {padding:15px 0 0;}
nav .header_btn i {width:32px; height:32px; line-height:32px; text-align:center;  border:1px solid #e2e2e2; color:#999; border-radius:50%;}
nav .header_btn i:last-child  {float:right;}
nav .header_btn::after {content:''; display:block; clear:both;}
nav .time {padding:15px 0; color:#777; font-size:12px;}
nav p {position:relative; padding-left:15px; font-size:16px; color:#777; letter-spacing:-0.02em;}
nav p::before {content:''; position:absolute; top:3px; left:0px; bottom:5px; width:3px; background:#e2e2e2; }
.content img {width:100%; margin-top:15px;}
.content p {padding:20px 30px 0px; font-size:18px; text-align:justify; letter-spacing:-0.04em; line-height:1.65; color:#555;}
.content H1 {padding:0px 20px 10px; font-size:40px; text-align:center; letter-spacing:-0.08em; line-height:1.45; color:#222;}
/* DB2 */
/* placeholder 스타일 지정 */
input::placeholder {
  color: #08c;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder {
  color: #08c;
}
/* IE */
input:-ms-input-placeholder {
  color: #08c;
    opacity: 1;
}
/* Firefox */
input:-mos-input-placeholder {
  color: #08c;
}

.db1 span {color:red;}
.db1 { position:relative; z-index:99; background:#571576;margin:0 auto;}
.db1 img {width:100%;}
.db1 > table {position:absolute;top:150px;width:70%; border:0px solid #bdb5aa; border-top:0;margin:0 auto;padding:30px 0;}
.db1 table th {width:25%;}
.db1 table td {padding-top:10px 0;}
.db1 table input[type="text"] {height:50px; width:95%;}
.db1 table input[type="number"] {height:50px;  width:95%;}
.db1 table select {height:34px; width:20%;}
.db1 table input[type="tel"] {height:50px; width:95%; }
.db1 table input[type="submit"] {height:34px; width:100%;background:#ffff00;}
.db1 table .check {font-size:10px; text-align:center;}
.db1 table .check a {color:blue;}
.db1 table input[type="image"] {width:80%;}
.db1 table .money {background:#f5f5f5; text-align:center; padding:10px 0;}
.db1 table .money input {width:15%;}
.dbq {width:90%; margin:0 auto; text-align:left; font-size:14px; border-bottom:1px dashed #ccc; margin-bottom:5px; padding-bottom:5px;}
.dbq td {font-size:12px;}

.section15{width:100%;max-width:1200px;margin:0 auto;}
.section15 .inner{position:relative;line-height:0}
.section15 .inner .img_content{line-height:0}
.section15 .inner .youtube{position:absolute; left:0; top:530px;}
.section15 .inner .new_form{width: 80%;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -2%);

	}
.section15 .inner .new_form{}
.section15 .inner .new_form .formGroup {
      width: 100%;
    height: 35px;
    border-radius: 0px;
    line-height: 35px;
    border: 0;
    margin-bottom: 10px;
    display: inline-block;
    background: #fff;
}
.section15 .inner .new_form .formGroup label {
        display: none;
}
.section15 .inner .new_form .formGroup input {

    font-size: 17px;
    border: 0;
    outline: 0;
    color: #333;
    margin: 7px 0;
    min-width: 90%;
    width: 90%;

}

.section15 .inner .new_form .submit_btn {
   width: 100%;
    font-size: 15px;
    border: 0;
    border-radius: 0px;
    height: 50px;
    font-weight: 600;
    background: #000000;
    letter-spacing: -1px;
    transition: all 0.7s;
}
.section15 .inner .new_form .submit_btn:hover {
    color: #FFDD00;
    box-shadow: 900px 0 0 0 rgba(0,0,0) inset, -900px 0 0 0 rgba(0,0,0) inset;
}
.section15 .inner .new_form .agree_box {
    font-size: 15px;
    color: #444333;
    margin-top:5px;
	width:547px;
	text-align:left;
}
.section15 .inner .new_form .agree_box input[type=checkbox] {
    top: 3px;
    position: relative;
}

.article {padding:0 20px; margin:20px 0 0px;}
.article a {display:inline-block; margin-bottom:5px; padding:5px 10px; color:#222; font-size:12px; background:#f7f7f7; border-radius:3px; text-decoration:none;}
.sitemap {padding-bottom:9px; background:#ececec;}
.sitemap ul{display:flex; flex-wrap:wrap; margin:0 auto; max-width:640px; min-width:320px; padding:10px 0 10px 9%; background:#fff; transition: all ease .3s;}
.sitemap ul li {flex:1 1 33.3333%;}
.sitemap li a {display:inline-block; padding:10px 20px; color:#222; font-size:15px; text-decoration:none;}
.banner {background:#ececec; padding:20px;}
.banner em {display:block; color:#777; font-size:12px; text-align:center; font-style:normal; margin-bottom:5px;}
.banner img {width:100%;}
footer {border-top:1px solid #eee; padding:20px 0; font-size:12px; color:#888; text-align:center; }
h3 { font-size:22px; padding:40px 20px 20px; text-align:center; letter-spacing:-0.06em;}
h3 span {background:url(/indexm/h3mark.png); background-repeat: repeat-x; background-size:100% 100%;}
.pt0 {padding-top:0!important;}

.linked {border-top:8px solid #ececec; border-bottom:8px solid #ececec; height:49px; line-height:49px; font-size:18px; text-align:center;}
.linked span {color:#3f63bf;}
.linked::after {content:''; display:inline-block; width:18px; height:18px; background:url(/indexm/linked.png)no-repeat; background-size:100% 100%; vertical-align:top; margin-top:15px;}
.re { width:100%; padding:20px; box-sizing:border-box;}
.re input {width:100%; border-radius:5px; border:1px solid #ccc; padding:10px; box-sizing:border-box;}
.re ul {height:43px; line-height:43px; font-size:14px; color:#999; border-bottom:1px solid #ededed;}
.re li {float:left; padding-right:11px;}
.re li:first-child {color:#000; font-weight:bold;}
.re li:last-child{float:right; width:20px; height:20px; padding:0; margin-top:12px; background:url(/indexm/re_li.png)no-repeat; background-size:100% 100%;}
.re ul:after {content:''; display:block; clear:both;}
.reply {margin:0px 20px; padding-bottom:15px; border-bottom:1px solid #ececec; margin-bottom:15px;}
.reply span {display:block;}
.reply .re_title {white-space:nowrap; color:#000; font-weight:700; font-size:14px;}
.reply .re_time {font-family: "Helvetica Neue","Apple SD Gothic Neo",Sans-serif; font-size:13px; color:#999; letter-spacing:-.1px; margin-top:5px;}
.reply p {font-size:14px; font-weight:300; letter-spacing:-.3px; padding:5px 0;}
.reply p img {display:block; width:90%; margin:5px auto;}
.reply ul {font-size:13px; color:#777;}
.reply li {float:left; padding-right:8px; font-weight:bold;}
.reply ul> li:first-child {left:0; white-space:nowrap; font-weight:normal; color:#555;}
.reply li span {display:inline-block; color:#000; font-weight:bold;}
.reply em {display:inline-block; float:right; font-style:normal;}

.reply i {padding-right:5px; font-weight:normal;}
.reply ul:after {content:''; display:block; clear:both;}

#aside {display:none;}
.switch:checked ~ p { animation:slideInDown 0.4s forwards; }
.switch ~ p { animation:slideOutUp 0.4s forwards; }
.fix-btn {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10;
	animation:btn 2s infinite;
}
@keyframes btn {
  0% {bottom:20px;}
  50% {bottom:10px;}
  100% {bottom:20px;}
}