@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

/* basic setting */
* { padding:0; margin:0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0 }
body, input, textarea, select, button, table { font-size:14px;  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Noto Sans', Helvetica, AppleGothic, Sans-serif; color:#333; }
html { overflow-y:visible; }
html, body { width:100%; height:100%; padding:0; margin:0; }
img, fieldset { border:0; }
ul, ol, li { list-style:none; }
em, address { font-style:normal; }
a { text-decoration:none; }
header, footer, nav, section, article, aside { display:block; }
img { max-width:100%; }

* {box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: 'Noto Sans KR', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
		font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.5;
	letter-spacing:-0.5px;
	background:#fff;
}
ol, ul , li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none;color:black;}

/*구조*/
.pc_view { display:block; }
.mb_view { display:none; }

/*pc*/
.wrap { width:100%; margin:0 auto; text-align:center;  min-width:800px;}
.wrap img { max-width:100%; display:block; margin:0 auto; }

.form {position:fixed; bottom:0; width:100%; background-color:#b7d8f7; color:#000; letter-spacing:-1px; font-size:18px;height:250px;}

.form .form_tit {width:100%; margin:0 auto; text-align:center;}
.form .form_tit .tit {padding:5px 0;text-align:center;background-color:#1904e3;background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
    background-size: 4px 4px;
    background-repeat: repeat;}
.form .form_tit .tit img {text-align:center; margin:0 auto;}

.form_wrap {max-width:1200px;margin:0 auto; overflow:hidden;}

.form_wrap .form_01 {width:36%; position:absolute;top:31%;left:25%;}
.form_01 dl {display:inline-block;}
.form_01 dl:after {display:block; visibility:hidden; width:0; height:0; content:"";}
.form_01 dt {width:80px; display:inline-block; text-align:left; height:45px; line-height:45px; color:#000; font-size:16px;}
.form_01 dd {width:250px; display:inline-block; text-align:left; height:45px; line-height:45px; color:#000;}

.form_01 dd input[type="text"] {z-index:10; height:38px; padding:10px; width:90%; font-size:14px; color:#333;box-sizing:border-box; border:1px solid #959595;}
.form_01 dd input[type="text"].short {width:30%; height:38px;}
.form_01 dd input[type="tel"] {z-index:10; height:38px; padding:5px; width:100%; font-size:14px; color:#333;box-sizing:border-box; border:1px solid #959595;}
.form_01 dd input[type="tel"].short {width:25%; height:38px;}
.form_01 select {z-index: 10; padding: 0 0 0 5px; height: 38px; width:90%; box-sizing:border-box; border:1px solid #959595; font-size: 14px;-webkit-box-sizing:border-box;}
select option {border-top: 1px solid #f1f1f1; background: #fff;}
.form_01 > dl > dd:last-child {width: 86.5%; max-width: 636px; padding-top:5px;}
.form_01 textarea {z-index:10; padding:2px 0 3px 5px; width:100%; height:38px; font-size:14px; color:#333;box-sizing:border-box; border:1px solid #959595;}

.form_wrap .form_02 {width:20%;position:absolute;top:35%;left:60%;}
.form_wrap .form_02 .form_btn_submit img {width:70%;}

.form .form_apply {width:50%;position:absolute;top:82%;left:25%;}
.form_apply ul{margin-top:10px;}
.form_apply li {font-size:14px;color:#333;padding:5px;float:left;padding-right:20px;}
.form_apply li a {color:#fc0000;}
.form_apply li input , .apply li a {vertical-align:middle;}
.form_apply .commennt {font-weight:bold;}


.footer {height:240px;}

@media all and (max-width:1920px){
.form {position:fixed; bottom:0; width:100%; background-color:#b7d8f7; color:#000; letter-spacing:-1px; font-size:18px;height:250px;}

.form .form_tit {width:100%; margin:0 auto; text-align:center;}
.form .form_tit .tit {padding:5px 0;text-align:center;background-color:#1904e3;background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
    background-size: 4px 4px;
    background-repeat: repeat;}
.form .form_tit .tit img {text-align:center; margin:0 auto;}

.form_wrap {max-width:1200px;margin:0 auto; overflow:hidden;}

.form_wrap .form_01 {width:36%; position:absolute;top:31%;left:25%;}
.form_01 dl {display:inline-block;}
.form_01 dl:after {display:block; visibility:hidden; width:0; height:0; content:"";}
.form_01 dt {width:80px; display:inline-block; text-align:left; height:45px; line-height:45px; color:#000; font-size:16px;}
.form_01 dd {width:250px; display:inline-block; text-align:left; height:45px; line-height:45px; color:#000;}

.form_01 dd input[type="text"] {z-index:10; height:38px; padding:10px; width:90%; font-size:14px; color:#333;box-sizing:border-box; border:1px solid #959595;}
.form_01 dd input[type="text"].short {width:30%; height:38px;}
.form_01 dd input[type="tel"] {z-index:10; height:38px; padding:5px; width:100%; font-size:14px; color:#333;box-sizing:border-box; border:1px solid #959595;}
.form_01 dd input[type="tel"].short {width:25%; height:38px;}
.form_01 select {z-index: 10; padding: 0 0 0 5px; height: 38px; width:90%; box-sizing:border-box; border:1px solid #959595; font-size: 14px;-webkit-box-sizing:border-box;}
select option {border-top: 1px solid #f1f1f1; background: #fff;}
.form_01 > dl > dd:last-child {width: 86.5%; max-width: 636px; padding-top:5px;}
.form_01 textarea {z-index:10; padding:2px 0 3px 5px; width:100%; height:38px; font-size:14px; color:#333;box-sizing:border-box; border:1px solid #959595;}

.form_wrap .form_02 {width:20%;position:absolute;top:35%;left:60%;}
.form_wrap .form_02 .form_btn_submit img {width:70%;}

.form .form_apply {width:50%;position:absolute;top:82%;left:25%;}
.form_apply ul{margin-top:10px;}
.form_apply li {font-size:14px;color:#333;padding:5px;float:left;padding-right:20px;}
.form_apply li a {color:#fc0000;}
.form_apply li input , .apply li a {vertical-align:middle;}
.form_apply .commennt {font-weight:bold;}
}

@media all and (max-width:1024px){
.form_wrap {max-width:1000px;}

.form_wrap .form_01 {width:70%;left:3%;}

.form_01 > dl > dd:last-child {width: 84%;}

.form_wrap .form_02 {width:30%;left:70%;}

.form .form_apply {width:80%;left:5%;}
}



/*모바일*/
@media screen and  (max-width: 768px) {
.pc_view { display:none; }
.mb_view { display:block; }

.wrap { width:100%; margin:0 auto; text-align:center;  min-width:200px;  }
.wrap img { max-width:100%; display:block; margin:0 auto; }

.form {position:fixed; bottom:0; width:100%; background-color:#b7d8f7; color:#000; letter-spacing:-1px; font-size:14px;height:300px;}

.form .form_tit {width:100%; margin:0 auto; text-align:center;}
.form .form_tit .tit {padding:5px 0;text-align:center;background-color:#c10132;background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
    background-size: 4px 4px;
    background-repeat: repeat;}
.form .form_tit .tit img {text-align:center; margin:0 auto;}

.form_wrap {width:100%; margin:0 auto; overflow:hidden;}

.form_wrap .form_01 {width:100%;position:absolute;top:18%;left:2%;}
.form_01 dl {display:inline-block;}
.form_01 dl:after {display:block; visibility:hidden; width:0; height:0; content:"";}
.form_01 dt {width:12%; display:inline-block; text-align:left; height:33px; line-height:33px; color:#000; font-size:12px;}
.form_01 dd {width:77%; display:inline-block; text-align:left; height:33px; line-height:33px; color:#000;}

.form_01 dd input[type="text"] {z-index:10; height:30px; padding:5px; width:90%; font-size:12px; color:#333;box-sizing:border-box; border:1px solid #959595;}
.form_01 dd input[type="text"].short {width:30%; height:30px;}
.form_01 dd input[type="tel"] {z-index:10; height:30px; padding:5px; width:100%; font-size:12px; color:#333;box-sizing:border-box; border:1px solid #959595;}
.form_01 dd input[type="tel"].short {width:27%; height:30px;}
.form_01 select {z-index: 10; padding: 0 0 0 5px; height: 30px; width:90%; background-color:#fff; box-sizing:border-box; border:1px solid #959595; font-size: 12px;-webkit-box-sizing:border-box;}
select option {border-top: 1px solid #f1f1f1; background: #fff;}
.form_01 > dl > dd:last-child {width: 77%; max-width: 636px;padding-top:0}
.form_01 textarea {z-index:10; padding:2px 0 3px 5px; width:90%; height:30px; font-size:12px; color:#333;box-sizing:border-box; border:1px solid #959595;}

.form_wrap .form_02 {width:80%;position:absolute;top:84%;left:10%;}
.form_wrap .form_02 .form_btn_submit img {width:50%;}

.form .form_apply {width:100%;position:absolute;top:74%;left:1%;}
.form_apply ul{margin-top:0px;}
.form_apply li {font-size:11px;color:#333;padding:5px;float:left;padding-right:10px;}
.form_apply li a {color:#fc0000;}
.form_apply li input , .apply li a {vertical-align:middle;}
.form_apply .commennt {font-weight:bold;}

.footer {height:300px;}
}

@media all and (max-width:640px){

}

@media all and (max-width:480px){
.form_wrap .form_01 {top:15%;}
.form .form_apply {top:70%;left:5%;}
.form_apply li {padding:2px 5px; padding-right:20px;}
.form_wrap .form_02 {top:86%;}
}

@media all and (max-width:320px){

}