@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:inline-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; }*/

.img04_bg{position:relative; width:100%; margin:0 auto; z-index:1;}
.img04_bg > img {width:100%;max-width:1920px;height:auto;}
.img04_bg .ma5slider{position:absolute; top:20%;}

.ma5slider{margin-bottom:50px;width:100%;margin:0 auto;}

.bottom {position:fixed;bottom:0;left:0;width:100%;background:#222;height:auto;z-index:999;}
.bottom .bottom_in {width:1200px;margin:0 auto;height:120px;overflow:hidden;}
.btn01 {width:50%;float:left;height:100px;padding-top:10px;}
.btn02 {width:50%;float:right;height:100px;padding-top:10px;}

.footer {height:120px;}
/*탭*/
.pop_layer {display:none;position:fixed;max-width:700px;width:94%;top:10px;left:50%;margin-left:-350px;height:auto;z-index:999;background-color:#fff;}
.pop_layer .appy_btn {margin:10px auto;width:80%;height:auto;}
.pop_layer .appy_btn a {border-radius:10px;display:inline-block;width:48%;line-height:40px;color:#fff;background-color:#444;text-align:center;font-size:15px;}
#tab {width:100%;}
#tab:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
#tab li {width:50%;float:left;}
#tab li a {font-size:14px;text-decoration:none;display:inline-block;width:100%;height:40px;line-height:40px;color:#999;text-align:center;}

#tab li:first-child a {background-color:#eee;}
#tab li:last-child a {background-color:#eee;}

#tab li.on:first-child a {background-color:#ff7a68;color:#fff;}
#tab li.on:last-child a {background-color:#79dfd2;color:#fff;}
#tab_con > div {display:none;}

.apply_tb {width:95%;margin:20px auto;border:1px solid #bbb;}
.apply_tb th , .apply_tb td  {padding:5px 0;vertical-align:middle;font-size:14px;color:#222;padding-left:3%;line-height:40px;border-bottom:1px solid #ddd;}
.apply_tb th {width:17%;background-color:#efefef;text-align:left;font-weight:700;}
.apply_tb td {width:77%;}
.apply_tb td span {margin-right:1%;}
.apply_tb tr:last-child th ,.apply_tb tr:last-child td {border-bottom:0;}
.apply_tb td input[type="text"] , .apply_tb td input[type="tel"] {height:30px;border:1px solid #ddd;font-size:14px;color:#222;}
.apply_tb td input[type="text"].basic {width:50%;}
.apply_tb td input[type="text"].adr {width:80%;}
.apply_tb td input[type="text"].date {width:25%;}
.apply_tb td input[type="text"].num {width:15%;}

/*마스크*/
.dim_layer {display:none;width:100%;position:fixed;top:0;left:0;bottom:0;background-color:rgba(0 ,0 ,0,0.7);z-index:998;}
/*모바일*/
@media screen and  (max-width: 768px) {
.pc_view { display:none; }
.mb_view { display:inline-block; }

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

.img04_bg{position:relative; width:100%; margin:0 auto; z-index:1;}
.img04_bg > img {width:100%;max-width:1920px;height:auto;}
.img04_bg .ma5slider{position:absolute; top:30%;}

.ma5slider{margin-bottom:50px;width:100%;margin:0 auto;}

.tel{position:fixed;top:120px;width:80px;right:0;z-index:992;}

.bottom {position:fixed;bottom:0;left:0;width:100%;background:#222;height:auto;z-index:999;}
.bottom .bottom_in {width:90%;margin:0 auto;overflow:hidden;padding-bottom:10px;height:auto;}
.btn01 {width:100%;height:auto;}
.btn02 {width:100%;height:auto;}

.footer {height:120px;}

.pop_layer {left:3%;margin-left:0;}
.apply_tb th , .apply_tb td  {padding:3px 3%;font-size:13px;line-height:30px;}
.apply_tb td input[type="text"] , .apply_tb td input[type="tel"] {height:25px;}
.apply_tb td input[type="text"].basic {width:90%;}
.apply_tb td span {display:inline-block;width:24%;margin-right:0;}
}

@media screen and  (max-width: 700px) {
.apply_tb td span {display:inline-block;width:30%;}
}

@media screen and  (max-width: 600px) {
.apply_tb td span {display:inline-block;width:40%;}
.apply_tb th {width:25%;}
.apply_tb td {width:69%;}
.apply_tb td input[type="text"].num {width:50%;}
}

@media screen and  (max-width: 460px) {
.apply_tb th , .apply_tb td  {padding:2px 3%;font-size:12px;line-height:28px;}
.apply_tb td span {display:inline-block;width:48%;}

}
@media screen and  (max-width: 360px) {
.apply_tb th , .apply_tb td  {padding:2px 3%;font-size:12px;line-height:28px;}

}

@media screen and  (max-width: 340px) {
.apply_tb td input[type="text"] , .apply_tb td input[type="tel"] {height:20px;}
.apply_tb th , .apply_tb td  {padding:2px 1%;font-size:11px;line-height:28px;}

}