@charset "utf-8";


@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


body{font-family: 'Apple SD Gothic Neo','Noto Sans KR','malgun gothic','맑은고딕','돋움','Dotum','Arial';font-weight:lighter}
#wrap{width:100%;height:100%;}

#header{position:fixed;top:0;left:0;height:50px;width:100%;z-index:100;background-color:#fff}
.navWrap{position:relative;top:0;left:0;width:100%;}
	h1{position:absolute;top:15px;left:5%;width:80px;}
	h1 img{max-width:100%;}
	.navOpen{position:absolute;top:20px;right:5%;width:25px;height:20px;z-index:100}
	.navOpen div{position:absolute;width:25px;height:2px;left:0px;background:#45403a}
	.navOpen div.bar1{top:0px;transition: transform 0.5s ease-in-out;}
	.navOpen div.bar2{top:8px;transition: transform 0.5s ease-in-out;}
	.navOpen div.bar3{top:16px;transition: transform 0.5s ease-in-out;}

	/* z-index 50: .plusIcon(10) 위, .navOpen(100) 아래.
	   corevalue.html 은 다른 페이지와 달리 #header(z-index:100) 래퍼가 없어서 .navMenu 가
	   루트 스택 컨텍스트에 놓인다. 예전 값 10 은 .plusIcon 과 동일해서, DOM 상 뒤에 오는
	   .plusIcon 이 열린 메뉴 위로 비쳐 보였다. */
	.navMenu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:none;z-index:50}
	.navMenu .dp1{position:absolute;top:30%;left:50%;margin-left:-75px;transition: top 0.5s ease-in-out;}
	.navMenu .dp1:after{content:"";clear:both;display:block;}
	.navMenu .dp1 > li{margin-bottom:18px;}
	.navMenu .dp1 > li > a{color:#45403a;font-size:34px;letter-spacing:1px;}
	.navMenu .dp2{margin-top:5px;margin-left:25px;display:none;opacity:0;transition: opacity 0.5s ease-in-out;}
	.navMenu .dp2 > li{list-style-type:circle;color:#877f76;margin-bottom:10px}
	.navMenu .dp2 > li > a{color:#877f76;font-size:22px;letter-spacing:1px;}
	.navMenu .nav1{transition: transform 0.5s ease-in-out;}
	.navMenu .nav2{transition: transform 0.5s ease-in-out;}
	.navMenu .nav3{transition: transform 0.5s ease-in-out;}

	.btmMenu{width:90%;margin:0 auto;padding:15px 0 10px;border-top:1px dashed #9b9186;background-color:#fff}
	.btmMenu .dp1{width:162px;margin:0 auto;}
	.btmMenu .dp1:after{content:"";clear:both;display:block;}
	.btmMenu .dp1 > li{margin-bottom:10px;}
	.btmMenu .dp1 > li > a{color:#45403a;font-size:34px;letter-spacing:1px;font-weight:lighter}
	.btmMenu .dp1 > li.on > a{font-weight:200;}
	.btmMenu .dp2{margin-left:25px;display:none;opacity:0;transition: opacity 0.5s ease-in-out;}
	.btmMenu .dp2 > li{list-style-type:circle;color:#877f76;}
	.btmMenu .dp2 > li > a{color:#877f76;font-size:22px;letter-spacing:1px;font-weight:lighter}
	.btmMenu .dp2 > li.on > a{font-weight:200}
	
.content{width:90%;margin:0 auto;padding:100px 0 100px;z-index:10}
	.conTit{margin-bottom:10px;text-align:center;color:#45403a;font-size:34px;letter-spacing:1px;line-height:34px;}
	.subTit{margin:130px 0 10px;text-align:center;color:#45403a;font-size:30px;letter-spacing:1px;line-height:30px;font-weight:200}
	.subTxt{margin-bottom:80px;text-align:center;color:#9b9186;font-size:14px;letter-spacing:1px;line-height:18px;}
	.subTxt2{margin-bottom:40px;text-align:center;color:#9b9186;font-size:14px;letter-spacing:1px;line-height:18px;}
	.textType01{margin-bottom:35px;text-align:center;color:#8d9535;font-size:14px;line-height:18px;font-weight:200}
	.textType02{margin-bottom:35px;text-align:center;color:#dbae27;font-size:14px;line-height:18px;font-weight:200}
	.textType03{margin-bottom:50px;text-align:center;color:#877f76;font-size:14px;line-height:20px;font-weight:200}
	.textType04{margin-bottom:20px;text-align:center;color:#45403a;font-size:18px;line-height:20px;font-weight:300}
	.textType05{text-align:center;color:#8d9535;font-size:14px;line-height:18px;font-weight:200}
	.textType06{text-align:center;color:#dbae27;font-size:14px;line-height:18px;font-weight:200}
	
	.plusIcon{position:relative;width:30px;height:30px;border:1px solid #45403a;border-radius:75px;margin:0 auto 30px;z-index:10}
	.plusIcon div{position:absolute;left:3px;top:15px;width:24px;height:1px;background:#45403a}
	.plusIcon div.bar2{transition: transform 0.5s ease-in-out;}
	.innerTxt{display:none;opacity:0;transition: opacity 0.5s ease-in-out;}

	.email{text-decoration:underline}

	.mapImg{margin:30px 0;width:100%;text-align:center}
	.mapImg img{max-width:100%}

	.mb80{margin-bottom:80px !important}
	.mb15{margin-bottom:15px !important}


#footer{width:90%;margin:0 auto;padding:30px 0;border-top:1px dashed #9b9186;}
#footer address{color:#45403a;font-size:14px;line-height:20px;font-weight:200;margin-bottom:5px}

#footer .copyright{color:#45403a;font-size:12px;line-height:16px;}
#footer .linkMenu img{height:14px;}


 @media (min-width: 1000px) {
      #wrap{width:1000px;margin:0 auto;}
	  .navWrap{width:1000px;margin:0 auto;}
    }