@charset "utf-8";

@font-face {
    font-family: NanumSquareR;
    src: url('NanumSquareR.ttf') format("truetype");
}

@font-face {
    font-family: NanumSquareEB;
    src: url('NanumSquareEB.ttf') format("truetype");
}

/**********************  전체  ******************************/

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
header, hgroup, menu, nav, section, summary, time, mark, audio, video, textarea,button{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
body{width:100%;font-family:Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;font-size:12px;color:#333;}
ul, li{list-style:none;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent;}
a, a:link, a:hover, a:active{color:inherit;text-decoration:none;}
img{vertical-align:middle;}
input{margin:0;padding:0;box-sizing:content-box;vertical-align:middle;font-family:HelveticaNeue,DroidSans,Sans-serif,Helvetica;}
textarea{border:1px solid #ddd;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], select{height:26px;vertical-align:middle;border:1px solid #bbb;}
input[type=button], input[type=submit]{cursor:pointer;}
strong, b{font-weight:bold;}

input[type=text], input[type=password]:focus{outline:none;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=text], input[type=password]{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

input[type=button], input[type=submit]{
   -webkit-appearance: none;
}

/****************************************************/



body {
  margin: 0;
  width: 100%;
}


.img{
	left: 0;
    width: 100%;
    height: auto;
	min-width: 1420px;
}

.img img {
	max-width: 100%;
}

@media screen and (max-width: 1024px) {
	.img {
		min-width: 100%;
	}
}

.wrap02{
	width: 100%;
	margin: 0 auto;
	background-color: #422a27;
}

.section_wrap {
	width: 1420px;
	margin: 0 auto;
	text-align: center; color:#fff;
}


.map{
	width: 100%;
    height: 1950px;
	background-color: #422a27;
	
}

.box01{
	width: 100%;
	height: 603px;
	background-color: orange;
}
.box02{
	width: 100%;
	height: 603px;
	background-color: orange;
}

.map h1{
	font-size:76px;
	font-family:NanumSquareEB;
	padding-top: 90px;
	
}
p{
	font-size:30px;
	font-family:NanumSquareR;
	margin-top: 66px;
}

/* 하단 상담신청 */
.wrap01{
	width: 100%;
	margin: 0 auto;
	background-color: #222;
}

.fixed{
position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #222;
    height: 210px;
    z-index: 999;}
.db_box{width:1200px;margin:0 auto;height:160px;overflow:hidden;}
.db_box .info{width:36%; position:absolute;top:5%;left:23%;}
.info dl{margin-top:10px;}
.info dl:after {display:block;visibility:hidden;width:0;height:0;content:"";}
.info dd {width:75%;text-align:left;float:right;height:46px;line-height:45px;color:#fff;}
.info dt {width:20%;text-align:left;float:left;height:46px;line-height:45px; color:#fff;font-size:16px;}
.info dd input[type="text"] {width:97%;height:38px;padding-left: 5px;box-sizing: border-box;}
.info dd input[type="text"].short {width:30%;}
.info dd input[type="tel"] {width:100%;height:38px;}
.info dd input[type="tel"].short {width:30.25%;}
.db_box .btn_submit{width:30%;position:absolute;top:13%;left:53%;}
/* .btn_submit img{width:100%;} */

.apply {width:80%;position:absolute;top:65%;left:23%;}
.apply ul{margin-top:10px;}
.apply li {font-size:14px;color:#fff;padding:5px;float:left;padding-right:20px;}
.apply li a {color:#fc0000;}
.apply li input , .apply li a {vertical-align:middle;}
.apply .commennt {font-weight:bold;}


.mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	.mobile {
		display: inline-block;
	}


	.pc {
		display: none;
	}
	
	.wrap02{
	width: 100%;
	margin: 0 auto;
	background-color: #422a27;
}

	.section_wrap {
	width: 904px;
	margin: 0 auto;
	text-align: center; color:#fff;
}

	.map{
	width: 100%;
    height: 2200px;
	background-color: #422a27;
	
}

	.box01{
	width: 100%;
	height: 603px;
	background-color: orange;
}
	.box02{
	width: 100%;
	height: 603px;
	background-color: orange;
}

	.map h1{
	font-size:76px;
	font-family:NanumSquareEB;
	padding-top: 90px;
	
}
	p{
	font-size:30px;
	font-family:NanumSquareR;
	margin-top: 66px;
}

.fixed {height:auto;}
.fixed .fixed_in {position:relative; width:100%; margin:0 auto; overflow:hidden;}

.db_box{height:20vh;width:90%;}
.db_box .info{width:100%; position:absolute;top:5%;left:5%;margin:0 auto}
.info dl{margin-top:10px;}
.info dl:after {display:block;visibility:hidden;width:0;height:0;content:"";}
.info dd {width:70%;text-align:left;float:left;height:5vh;line-height:30px;color:#fff;}
.info dt {width:25%;text-align:left;float:left;height:3vh;line-height:30px; color:#fff;font-size:30px;}
.info dd input[type="text"] {width:95%;height:3.5vh;}
.info dd input[type="text"].short {width:25%;}
.info dd input[type="tel"] {width:95%;height:3vh;}
.info dd input[type="tel"].short {width:29%;}

.db_box .btn_submit{width:20%; position:absolute;top:45%;left:75%;}
/* .btn_submit img{width:100%; margin-top:3vh;} */

.apply {width:75%;position:absolute;top:50%;left:5%;}
.apply ul{margin-top:5px;}
.apply li {font-size:25px;color:#fff;padding:0;float:left;padding-right:10px; margin-top:20px;}
.apply li a {color:#fc0000;}
.apply li input , .apply li a {vertical-align:middle;}

body, input, textarea, select, button, table {
    font-size: 28px;
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Noto Sans', Helvetica, AppleGothic, Sans-serif;
    color: #333;
}