@charset "utf-8";
*{ margin:0; padding:0; }
li{ list-style:none; }
a{ text-decoration:none; color:#2b2b2b; }
body{font-family: 'Noto Serif KR', sans-serif; font-size:16px; color:#444444; line-height:1.8em;}

@media ( min-width: 420px ) {
  body{width:420px; margin:0 auto; background-color: #e4dcb2;}
}
div{display:block;}
img{vertical-align: bottom; border: 0;}
.clearfix::after{ content:''; display:block; clear:both; }
.wrapper{padding:40px;}
.wrapper2{padding: 20px 40px; padding-top: 0;}

.main{height: 100vh;
    background-image: url(../images/bg00.jpg);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
    background-color: #f7f4e5;
	padding:20px; text-align:center; overflow:hidden;}

.h{opacity:0; animation:myani 4s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
	padding-top:130px;
	text-align:justify; width:60px; height:90px; margin:0 auto;}

@keyframes myani{
	from{opacity:0;}
	to{opacity:1;}
}

h1{
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
	
	}
h1 span{font-size:17px; color:#606060;}

.main img{ padding-top:40px; width:100%;}
.main p{
	font-size:13px; color:#000;}


.con1{background-image: url(../images/bg01.jpg), url(../images/bg02.jpg);
    background-repeat: no-repeat;
    background-position: right top, left bottom;
    background-size: contain;
    background-color: #fcfaf3;
	padding-bottom:20px; text-align:center;}
.title{margin-bottom:20px; padding-top:0;text-align:left;}
.title h2{text-transform: capitalize;
    font-size: 32px;
    line-height: 2em;}
.title p::before{ content:''; display:inline-block; width:50px; height:1px; background-color:#000000; 
vertical-align:middle; margin-right:8px;}

.con1 .img1{background-color:#f7f4e5;}
.con1 .img1 img{width:100%; }

.con1 .txt_wrap{font-size: 15.5px;
    padding: 30px 0;
    text-align: center;line-height:1.5em; color:#000; }

.con1 .txt_wrap p{ font-size:14px; color:#909090;}
.con1 .about{text-align:center;}
.con1 .about img{mix-blend-mode: multiply;}
.smsbox{line-height: 50px;
    text-align: center;
    border: solid 1px rgba(0,0,0,0.1);
    margin-top: 30px;}
.smsbox a{display: block;
    width: 50%;
    float: left;
    box-sizing: border-box; font-size:13px;}
.smsbox a:first-child{border-right: solid 1px rgba(0,0,0,0.1);}
.con2{background-color: #fcfaf3; padding-bottom:50px;
	background-image: url(../images/bg05.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-color: #fcfaf3;

}
.con2 .total_img img{width:100%;}

.con3{background-color: #f7f4e5;padding-top:40px;}
.con3 .inner{ padding-top:0; padding-bottom:10px;}
.con3 img{width:100%;}

.con4{background-color: #fcfaf3; }
.con4 .inner{background-image: url("../images/bg033.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;}
#map{width:100%; height:350px;}
#map .root_daum_roughmap{width:100%!important;}

.con5{background-color: #fcfaf3;}
.con5 .inner{
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;}
dl{margin-top: 20px;
    padding: 20px 0;
    border-top: solid 1px rgba(0,0,0,0.1);}
dl dt{font-weight: bold; margin-bottom: 5px;}
dl dd{margin-bottom: 20px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding-bottom: 20px; font-size:15px;}
dl dd:nth-child(3){padding-bottom:0;margin-bottom:0;}