@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: 'YeolrinMyeongjo';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/YeolrinMyeongjo-Light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'YeolrinMyeongjo';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/YeolrinMyeongjo-Medium.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'YeolrinMyeongjo';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/YeolrinMyeongjo-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}


/*�ʱ�ȭ1*/
	*{margin:0; padding:0;}
	body, html{
		word-break :break-all;
		font-family: "Nanum Gothic", serif;
	}

	li{list-style:none;}
	a{text-decoration:none; color:#000000;}
	img{border:0;}
	/*�ʱ�ȭ2*/

	span.before{
		position:relative;
		display:inline !important;
		z-index: 10;
		font-size:29px !important;
	}
	span.before:before{
		position:absolute;
		content:'';
		display:block;
		top:62%; left:0;
		width:100%; height:18px;
		background:rgba(220,180,160,0.3);
		font-family:none;
		z-index: 1;
	}

	span.beforeMo{
		position:relative;
		display:inline !important;
		z-index: 10;
	}
	span.beforeMo:before{
		position:absolute;
		content:'';
		display:block;
		top:55%; left:0;
		width:100%; height:15px;
		background:rgba(220,180,160,0.3);
		font-family:none;
		z-index: 1;
	}

	



	#DIM{
		position:fixed;
		top:0; left:0;
		width:100%; height:100%;
		background-color:rgba(0,0,0,0.4);
		z-index:2000;
	}
	body{
		position:relative;
		width:100%;
		word-break:break-all;
	}
	#wrap{
		/*width:100%;*//* height:2000px;*/ margin:0 auto;
		position:relative;
	}
	#wrap.active{
		position:fixed;
		width:100%;
	}
	header{
		margin:0 auto;
		/* position: fixed; */
		z-index:22;

	}
	#side{
		display:none;
	}
	
	#wrap_hea{
		position:fixed;
		width:100%;
		height:168px;
		padding:0;
		z-index:1000;
		transition:all 0.3s;
	}
	#wrap_hea.active{
		background-color:rgba(255, 255, 255, 1.0);
		transition-duration:.3s;
		box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	}
	header #lnb{	
		margin: 0 auto;
		width:1480px;
	}
	#lnb > .right{
		width:19%;
		display:inline-block;
		text-align: end;
	}
	#lnb > ul{
		padding:0;
		text-align:center;
		width:80%;
		display:inline-block;
	}
	 #lnb > ul > li.lnbMenu{
		position:relative;	
		display: inline-block;
		margin:0 2.8%;
		line-height:47px;
	}
	#lnb > ul > li.lnbMenu > a{
		font-weight:bold;
		letter-spacing: -0.02em;
		font-size:19px; color:#111111; display:block;
	}
	#lnb > ul > li.lnbMenu > a:hover{
		color:#824c16;
	}
 
	#lnb > ul > li.lnbMenu > a > img{
		width:10px;
		height:43px;
		overflow:hidden;
	}
	ul.sub_nav{
		position:absolute;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 15px 0;
		left:0; top:50px;
		transition-duration:.4s;
		-webkit-transition-duration:.4s;
		
	}

	
  
	#sub01{
		width:150px !important;
		left:-55%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu1;
	}
	@keyframes subMenu1 {
		0% {
			left:-55%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-55%;
			top: 50px;
			opacity: 1;
		}
	}

	#sub02{
		width:150px !important;
		left:-160%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu2;
	}
	@keyframes subMenu2 {
		0% {
			left:-160%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-160%;
			top: 50px;
			opacity: 1;
		}
	}
	#sub03{
		width:150px !important;
		left:-50%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu3;
	}
	@keyframes subMenu3 {
		0% {
			left:-50%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-50%;
			top: 50px;
			opacity: 1;
		}
	}
	#sub04{
		width:150px !important;
		left:-10%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu4;
	}
	@keyframes subMenu4 {
		0% {
			left:-10%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-10%;
			top: 50px;
			opacity: 1;
		}
	}
	#sub05{
		width:150px !important;
		left:-30%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu5;
	}
	@keyframes subMenu5 {
		0% {
			left:-30%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-30%;
			top: 50px;
			opacity: 1;
		}
	}
	#sub06{
		width:150px !important;
		left:-80%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu6;
	}
	@keyframes subMenu6 {
		0% {
			left:-80%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-80%;
			top: 50px;
			opacity: 1;
		}
	}
	#sub07{
		width:150px !important;
		left:-170%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu7;
	}
	@keyframes subMenu7 {
		0% {
			left:-170%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-170%;
			top: 50px;
			opacity: 1;
		}
	}
	#sub08{
		width:150px !important;
		left:-50%;
		top:50px;
		animation-duration:0.3s;
		animation-name: subMenu8;
	}
	@keyframes subMenu8 {
		0% {
			left:-50%;
			top: 70px;
			opacity: 0;
		}
	
		100% {
			left:-50%;
			top: 50px;
			opacity: 1;
		}
	}


	ul.sub_nav li{
		line-height:36px;
		text-align:center;
		width:100%;
	}
	ul.sub_nav li a{
		display:block;
		font-size:14px;
		color:#ffffff;
		text-transform: uppercase;
	}
	ul.sub_nav li:hover{
		color:#ffffff;
		font-weight: bold;
	}

	#wrap_hea2{
		position:relative;
		width:100%;
		height: auto;
		margin:0 auto;
		display:none;
	}
	header #lnb2{	
		display: inline-block;
		margin: 0 2%;
		width:70%;
	}
	#lnb2 > ul{		
		overflow:hidden;
		text-align: center;
	}
	 #lnb2 > ul > li{	
		display: inline-block;
		vertical-align: middle;
		padding: 1.5% 1%;
		text-transform: uppercase;
		margin: 0 0 0 0;
	}

	#lnb2 > ul > li > a > img{
		width:10px ;
		height:43px;
		overflow:hidden;
	}
	
	#article01{
		margin:0 auto;
		width:1000px;
		height:625px;
		overflow:hidden;
		padding-top:1050px;
	}

	#article02{
		margin:0 auto;
		width:1000px;
	}
	
	article{
		position:relative;
		width:1000px;
		padding:0; margin:0 auto;
	}

	.mainBg01{
		position:relative;
		width:100%;
		height:998px;
		background:url('img/introMainbg01.png') center no-repeat;
		background-size:cover;
		text-align: center;
		display:flex;
		align-items: center;
		justify-content: center;
		flex-direction:column;
		padding-top:2%;
	}
	
	.mainBg01 span.fr{
		display:block;
		color:#111111;
		font-size:20px;
		text-decoration: underline;
		font-family:'Playfair Display';
		text-transform: uppercase;
	}
	.mainBg01 span.se{
		display:block;
		color:#111111;
		font-size:28px;
		padding-top:35px;
	}
	.mainBg01 span.se .br{
		
	}
	.mainBg01 span.se br{
		display:block;
	}
	.mainBg01 span.th{
		display:block;
		color:#111111;
		text-transform: uppercase;
		font-size:70px;
		padding-top:35px;
		font-family:'Playfair Display';
		font-weight:bold;
	}
	.mainBg01 .mouse{position: relative;margin: 3.75rem auto 0;opacity: 0;transition: all 1s;transition-delay: 1s;opacity: 1;animation: jumpInfinite 1.5s infinite;}

	.mainBg02{
		position:relative;
		width:100%;
		background:url('img/introMainbg02.png') center no-repeat;
		background-size:cover;
		text-align: center;
		display:flex;
		flex-direction:column;
		justify-content:center;
		padding-top:2%;
		overflow:hidden;
	}
	.mainBg02 p.doc{
		position:relative;
		margin-top:7%;
	}
	.mainBg02 span.docTxt{
		display:block;
		text-align:center;
		font-size:37px;
		line-height:60px;
		font-family:"Noto Serif", serif;
		padding-top:17%;
	}
	.mainBg02 span.docTxt.pc{
		display:block;
	}
	.mainBg02 span.docTxt.mo{
		display:none;
	}
	.mainBg03{
		position:relative;
		width:100%;
		height:1238px;
		background:url('img/introMainbg03.png') center no-repeat;
		background-size:cover;
		text-align: center;
		display:flex;
		align-items: center;
		justify-content: center;
		flex-direction:column;
		padding-top:2%;
	}
	.mainBg03 .br{
		display:inline;
	}
	.mainBg03 span.th{
		display:block;
		color:#111111;
		font-size:110px;
		font-family:'Playfair Display';
		text-transform: uppercase;
		font-weight:500;
	}
	.mainBg03 span.se{
		display:block;
		color:#111111;
		font-size:28px;
		padding-top:35px;
	}
	.mainBg03 span.se.pc{
		display:block;
	}
	.mainBg03 span.se.mo{
		display:none;
	}

	.mainBg04{
		position:relative;
		width:100%;
		height:1238px;
		background:url('img/introMainbg04.png') center no-repeat;
		background-size:cover;
		text-align: center;
		display:flex;
		align-items: center;
		justify-content: center;
		flex-direction:column;
	}
	.mainBg04.add{
		background:url('img/introMainbg05.png') 80% no-repeat;
	}
	.mainBg04 .br{
		display:inline;
	}
	.mainBg04 span.th{
		display:block;
		color:#111111;
		font-size:110px;
		font-family:'Playfair Display';
		text-transform: uppercase;
		font-weight:500;
	}
	.mainBg04 span.se{
		display:block;
		color:#111111;
		font-size:28px;
		padding-top:35px;
	}
	.mainBg04 span.se.pc{
		display:block;
	}
	.mainBg04 span.se.mo{
		display:none;
	}

	.dirWrap{
		width:100%;
		position:relative;
	}

	.dirWrap .dirMap{
		text-align:center;
	}
	.dirWrap .dirMap span.txt1{
		padding-top:200px;
		font-weight:bold;
		font-family:'Playfair Display';
		font-size:50px;
		text-transform: uppercase;
		display:block;
	}
	.dirWrap .dirMap span.txt1:after{
		content:'';
		display:block;
		border-bottom:1px solid #000;
		padding:6px 0;
		width:320px;
		margin:auto;
	}
	
	.dirWrap .dirMap span.txt2{
		font-size:52px;
		font-weight:bold;
		display:block;
		padding-top:40px;
	}
	.dirWrap .dirMap span.map{
		padding-top:80px;
		display:block;
	}
	.dirWrap .dirAdd{
		margin:90px auto 200px auto;
		background-color:#f8f8f8;
		text-align:center;
		width:1600px;
		padding:120px 0;
	}
	.dirWrap .dirAdd > h3{
		font-weight:bolder;
		font-size:60px;
		font-family:'Noto Sans KR';
	} 
	.dirWrap .dirAdd > .addTxt{
		display:block;
		font-size:45px;
		padding-top:50px;
	}
	.dirWrap .dirAdd > .addTxtB{
		display:block;
		font-size:70px;
		padding-top:50px;
		color:#c33008;
		font-weight:bold;
	}
	.dirWrap .dirAdd > .line{
		width:45%;
		height:1px;
		background-color:#c7c7c7;
		display:block;
		margin:80px auto;
	}
	.dirWrap .dirOper{
		width:100%;
		display: block;
		background-color:#f2ebe8;
		text-align:center;
		padding-bottom:160px;
	}
	.dirWrap .dirOper > .Oper1{
		display:block;
		padding-top:220px;
		font-family:'Playfair Display';
		font-size:50px;
	}
	.dirWrap .dirOper > .Oper2{
		display:block;
		padding-top:40px;
		font-size:55px;
		font-weight:bolder;
	}
	.dirWrap .dirOper > .Oper1:after{
		content:'';
		display:block;
		border-bottom:1px solid #000000;
		width:170px;
		margin:auto;
		padding-top:6px;
	}
	.dirWrap .dirOper > .OperWrap{
		margin:100px auto 0 auto;
		position:relative;
		text-align:center;
		width:1600px;
		background-color:#ffffff;
	}
	.dirWrap .dirOper > .OperWrap .img{
		padding-top:120px;
		display:block
	}
	.dirWrap .dirOper > .OperWrap .dirTit{
		width:770px;
		padding-top:140px;
		margin:auto;
		text-align:left;
	}
	.dirWrap .dirOper > .OperWrap .dirTit > span{ 
		display:inline-block;
		padding-right:20px;
		vertical-align:middle;
	}
	.dirWrap .dirOper > .OperWrap .dirTit > span.tit{
		font-size:50px;
		color:#111111;
		font-weight:bold;
	}
	.dirWrap .dirOper > .OperWrap .dirTit > span.tel{
		font-size:75px;
		font-weight:bold;
		text-indent:30px;
		display:block;
		padding-top:34px;
	}
	.dirWrap .dirOper > .OperWrap .dirTit > span.telUnder{
		font-size:34px;
		font-weight:bold;
		padding-left:30px;
		display:block;
		padding-top:20px;
		padding-bottom:100px;
		line-height:44px;
	}
	.dirWrap .dirOper > .OperWrap > ul{
		width:770px;
		margin:40px auto 0 auto;
	}
	.dirWrap .dirOper > .OperWrap > ul li{
		padding:0;
		display:flex; 
		text-align:left;
		align-items: center;
	}
	.dirWrap .dirOper > .OperWrap > ul li.line{
		border-bottom:1px solid #999999;
		margin:30px 0;
	}
	.dirWrap .dirOper > .OperWrap > ul li span.week{
		width:40%;
		padding-left:30px;
		font-size:34px;
		color:#4f4f4f;
		line-height:60px;
	}
	.dirWrap .dirOper > .OperWrap > ul li span.time{
		width:50%;
		font-size:34px;
		color:#111111;
		line-height:60px;
		font-weight:bolder;
		text-align:center;
	}


	.aroundWrap{
		position:relative;
		margin:100px auto 120px auto;
		width:1600px;
	}
	.aroundWrap .around{
		text-align:center;
		margin:auto;
		padding-top:160px;
	}
	.aroundWrap .around .flor{
		display:inline-block;
		background-color:#918773;
		width:84px; height:84px;
		line-height:84px;
		color:#ffffff;
		font-weight:bold;
		font-size:38px;
	}
	.aroundWrap .around .florTit{
		display:block;
		font-size:70px;
		font-family:'Playfair Display';
		font-weight:bold;
		padding:50px 0;
	}
	.aroundWrap .around .florTitCom{
		display:block;
		font-size:39px;
 		padding:10px 0 120px 0;
		word-break:break-word;
	}
	.aroundWrap .around .florTitCom > span{
		display:inline;
	}
	.aroundWrap .around .florImg{
		display:block;
	}
	.aroundWrap .around .florImgPadding{
		padding-top:160px;
		border-bottom:1px solid #d0d0d0;
		width:947px;
		margin:auto;
	}

	.eqWrap{
		position:relative;
		text-align:center;
		margin:0 auto;
	}
	.eqWrap h4{
		display:block;
		margin:200px auto 130px auto;
	}
	.eqWrap ul{
		padding:0;
		display:flex;
		width:100%;
		justify-content:center;
	}
	.eqWrap li{
		position:relative;
		padding:0;
		margin:16px;
		width:308px;
		height:308px;
		display:block;
		background-color:#fafafa;
	}
	.eqWrap li > a{
		display:block;
		cursor:pointer;
		width:100%; height:100%;
	}
	.eqWrap li span.txt{
		position:absolute;
		bottom:20px;
		left:15px;
		font-size:15px;
		font-family: 'Noto Sans KR';
	}
	.eqWrap li span.img{
		position:absolute;
	}
	.eqWrap li span.img.fir{
		top:40%; right:0;
	}
	.eqWrap li span.img.se{
		top:10%; left:10%;
	}
	.eqWrap li span.img.thr{
		top:20%; left:0;
	}
	.eqWrap li span.img.for{
		top:20%; left:20%;
	}
	.eqWrap li span.img.fiv{
		top:0; left:28%;
	}
	.eqWrap > h4{
		font-size:30px;
		font-weight:bold;
	}
	.eqDim{
		position:fixed;
		width:100%; height:100%;
		background-color:rgba(0,0,0,0.8);
		z-index:1000;
	}
	.eqPopWrap > .eqclose{
		display:none;
	}
	.eqPopWrap > a{
		cursor:pointer;
	}
	.eqPopWrap > .eqArrowL{
		z-index:1200;
		position:absolute;
		left:90px; top:625px;
	}
	.eqPopWrap > .eqArrowR{
		z-index:1200;
		position:absolute;
		right:90px; top:625px;
	}
	.eqPopWrap > .eqArrowL > span,
	.eqPopWrap > .eqArrowR > span{
		width:59px; height:59px;
		border-radius:50%;
		background-color:#939393;
		display:block;
	}
	.eqPopWrap > .eqArrowL > span:hover,
	.eqPopWrap > .eqArrowR > span:hover{
		background-color:#000000;
	}
	.eqPopWrap{
		width:100%;
		height:100%;
		position:absolute;
	}
	.eqPop{
		position:absolute;
		top:200px; left:50%;
		transform:translateX(-315px);
		z-index:1100;
		width:630px;
		height:1030px;
		background-color:#ffffff;
	}
	.eqPop > .logo{
		position:absolute;
		display:block;
		z-index:1200;
		top:50px; left:45px;
	}
	.eqPop > .eqPopImg{
		display:flex;
		justify-content:center;
		align-items: center;
		width:100%;
		height:600px;
	}
	.eqPop > .eqPopImg.mo{
		display:none;
	}
	.eqPop > .eqPopTxt{
		display:block;
		padding:0 46px;
		font-size:19px;
		color:#515151;
		line-height:29px;
		word-break:keep-all;
		font-family: 'Noto Sans KR';
	}
	.eqPop > .eqPopTxt .big{
		font-size:32px;
		display:block;
		font-weight: bold;
	}
	.eqPop > .eqPopTxt .small{
		font-size:19px;
		display:block;
		color:#9c9c9c;
		padding:14px 0;
	}


	@keyframes jumpInfinite {
		0% {
		  transform: translateY(0);
		}
		50% {
		  transform: translateY(-1.25rem);
		}
		100% {
		  transform: translateY(0);
		}
	  }

	#wrap{
		position:relative;
		width:100%;
	}
	.intro01{
		width:100%;
		padding:220px 0 90px 0;
		text-align:center;
		font-size:30px;
		line-height:48px;
	}
	.intro01 > .th{
		display:block;
	}
	.intro01 .pc{
		display:block;
	}
	.intro01 .mo{
		display:none;
	}
	.intro01.pc{
		display:block;
	}
	.intro01.mo{
		display:none;
	}
	.intro01 > span.fir{
		display:block;
		font-family:"Noto Serif", serif;
		font-size:75px;
		padding-bottom:70px;
	}
	.intro01 > span.fir.line{
		display:none;
	}
	.intro01 > span.se{
		display:inline;
	}
	.intro02 > span{
		display:block;
		font-family:"Noto Serif", serif;
		font-size:64px;
		padding-bottom:70px;
		line-height:70px;
	}
	.intro02.pc{
		display:block;
	}
	.intro02.mo{
		display:none;
	}
	.intro02{
		width:70%;
		padding:90px 0;
		margin:auto;
		font-size:27px;
		line-height:48px;
	}
	.intro03{
		width:70%;
		margin:auto;
		display:flex !important;
		flex-direction: row-reverse;
	}
	.intro03.pc{
		display:block;
	}
	.intro03.mo{
		display:none !important;
	}
	.intro03 span.img{}
	.intro03 span.txt{
		padding-left:80px;
		display:block;
	}
	.intro03 span.txt .tx01{
		display:block;
		padding-top:10px;
		font-size:24px;
		font-family: "Noto Serif", serif;
	}
	.intro03 span.txt .tx02{
		position:relative;
		display:block;
		font-size:55px;
		line-height:75px;
		padding-top:50px;
		font-weight: 500;
	}
	.intro03 span.txt .tx03{
		display:block; 
		padding-top:50px;
		font-size:30px;
	}
	.intro04{
		width:70%;
		margin:auto;
		text-align:center;
	}

	.intro04.pc{
		display:block;
	}
	.intro04.mo{
		display:none;
	}
	.intro04 > .tx01{
		display:block;
		font-size:24px;
		padding-top:110px;
		color:#474747;
	}
	.intro04 > .tx02{
		display:block;
		font-size:55px;
		color:#111111;
		padding-top:65px;
		font-weight:500;
	}
	.intro04 > .tx03{
		display:block;
		font-size:30px;
		color:#111111;
		padding-top:60px;
	}
	.intro04 > .tx03.left{
		text-align:left;
	}
	.intro04 > .tx04{
		display:block;
		font-size:24px;
		padding-top:110px;
		color:#2c2c2c;
		font-family: "Noto Serif", serif;
		text-align:left;
	}
	.intro04 > .tx05{
		display:block;
		font-size:77px;
		color:#111111;
		padding-top:60px;
		font-family: "Noto Serif", serif;
		text-align:left;
	}
	.intro04 > .tx06{
		position:relative;
		width:100%;
		background: url('img/LoungeBg.png') no-repeat;
		background-size:100%;
		height:1062px;
		display:block;
	}
	.intro04 > .tx06 span{
		font-family: "Noto Serif", serif;
		font-size:1.5rem;
		color:#4f4b43;
		position:absolute;
	}
	.intro04 > .tx06 span.spot1{
		right:25%;
		top:16%;
	}
	.intro04 > .tx06 span.spot2{
		right:25%;
		top:32%;
	}
	.intro04 > .tx06 span.spot3{
		right:25%;
		top:48%;
	}
	.intro04 > .tx06 span.spot4{
		right:25%;
		top:64%;
	}
	.intro04 > .tx06 span.spot5{
		right:25%;
		top:80%;
	}

	.intro04 > ul{
		padding-top:70px;
	}
	.intro04 > ul li{
		display:inline-block;
		vertical-align:top;
	}
	.intro04 > ul li span.img{
		padding:0;
		display:block;
	}
	.intro04 > ul li span.txt{
		display:-webkit-box;
		display:-ms-box;
		-webkit-box-align:center;
		-ms-box-align:center;
		-webkit-box-pack:center;
		-ms-box-pack:center;
		padding:0;
		box-sizing:border-box;
		border:17px solid #fafafa;
		height:530px;
		font-size:30px;
		line-height:45px;
	}
	.intro04 > ul li.margin{margin-left:22px;}
	.intro05{
		position:relative;
		width:70%;
		text-align:center;
		background:url('img/introBg01.png') center center no-repeat;
		height:700px;
		color:#111111;
		margin:auto;
		padding-top:110px;
	}
	.intro05.pc{
		display:block;
	}
	.intro05.mo{
		display:none;
	}
	.intro05 > span.upper{
		font-size:30px;
		line-height:45px;
		display:block;
		padding-top:30px;
	}
	.intro05 > span.lower{
		font-size:45px;
		display:block;
		line-height:60px;
		padding-top:30px;
		font-family: "Noto Serif", serif;
	}
	.intro06{
		position:relative;
		background-color:#fafafa;
		padding:220px 0;
	}
	.intro06.pc{
		display:block;
	}
	.intro06.mo{
		display:none;
	}
	.intro06 > .con{
		position:relative;
		margin:auto;
		width:1352px;
	}
	.intro06 > .con .span01{
		font-family:"Noto Serif", serif;
		font-size:65px;
		line-height:90px;
	}
	.intro06 > .con .span02{
		padding-top:50px;
		font-size:30px;
		color:#303030;
	}
	.intro06 > .con .span03{
		font-family:"Noto Serif", serif;
		font-size:30px;
	}
	.intro06 > .con .span04{
		margin-top:100px;
		position:relative;
		width:100%;
		height:570px;
		background:url('img/introBg02.png') no-repeat;
		color:#454545;
		font-size:24px;
		font-family:"Noto Serif", serif;
	}
	.intro06 > .con .span04 .txt1{
		position:absolute;
		bottom:30px; left:117px;
	}
	.intro06 > .con .span04 .txt2{
		position:absolute;
		bottom:30px; left:465px;
	}
	.intro06 > .con .span04 .txt3{
		position:absolute;
		bottom:30px; left:783px;
	}
	.intro06 > .con .span04 .txt4{
		position:absolute;
		bottom:30px; left:1157px;
	}

	.intro07{
		margin:200px auto 0 auto;
		position:relative;
		width:1600px;
	}
	.intro07.pc{
		display:block;
	}
	.intro07.mo{
		display:none;
	}
	.intro07 ul{
		display:flex;
		flex-direction: row;
		align-items: center;
	}
	.intro07 ul.padding{
		padding-top:150px;
	}
	.intro07 ul li.img{
		width:46%;
	}
	.intro07 ul li.img < img{
		width:100%;
	}
	.intro07 ul li.txt{
		width:54%;
		padding-left:80px;
	}
	.intro07 ul li.txt span.t01{
		font-size:37px;
		color:#474747;
		display:block;
		padding-top:45px;
		font-family:"Noto Serif", serif;
		font-weight:bold;
	}
	.intro07 ul li.txt span.t02{
		font-family:"Noto Serif", serif;
		display:block;
		font-size:56px;
		line-height:78px;
		padding-top:40px;
		
	}
	.intro07 ul li.txt span.t03{
		display:block;
		font-size:27px;
		padding-top:55px;
	}
	.intro08{
		margin:220px auto 0 auto;
		text-align:left;
		font-size:30px;
		line-height:48px;
		width:1350px;
	}
	.intro08.pc{
		display:block;
	}
	.intro08.mo{
		display:none;
	}
	.intro08 > span.padding{
		display:block;
		padding-top:10px;
	}
	.intro08 > h4{
		display:block;
		font-family:"Noto Serif", serif;
		font-size:75px;
		padding-bottom:70px;
		font-weight:400;
		line-height:90px;
	}
	
	.intro08 ul{
		width:100%;
		text-align:center;
		display:flex;
		justify-content: center;
	}
	.intro08 ul.top{
		padding-top:100px;
	}
	.intro08 ul.topSe{
		padding-top:40px !important;
	}
	.intro08 ul.topTh{
		padding-top:20px !important;
	}

	.intro08 li.domFor.aca{
		width:24%;
		height:526px;
	}

	.intro08 li > span.dom{
		position:absolute;
		height:180px;
		font-size:19px;
		line-height:28px;
		display:flex;
		justify-content: center;
		align-items: center;
		top:0;
	}

	.intro08 li{
		position:relative;
	}
	.intro08 li > span{
		vertical-align:middle;
		position:absolute;
		display:flex;
		justify-content: center;
		align-items: center;
		bottom:0;
		font-size:24px;
		line-height:34px;
		height:140px;
		width:100%;
	}
	.intro08 li > span.under{
		height:110px;
	}
	.intro08 li.fir{
		position:relative;
		width:31%;
		height:437px;
		margin-right:19px;
		text-align:center;
	}
	.intro08 li.se{
		position:relative;
		width:31%;
		height:393px;
		margin-right:19px;
		text-align:center;
	}

	.intro09{
		position:relative;
		width:1350px;
		margin:90px auto 0 auto;
		padding:80px 0;
		background-color:#fcfcfc;
		display:flex !important;
		justify-content: center;
		align-items: center;
	}
	.intro09.pc{
		display:block;
	}
	.intro09.mo{
		display:none !important;
	}
	.intro09 > .imgL{
		width:40%;
		text-align:center;
	}
	.intro09 > .txt{
		width:59%;
		text-align:left;
		color:#111111;
		font-size:50px;
		line-height:65px;	
		font-weight: 600;
	}
	.intro09 > .txt.padding{
		padding-left:5%;
		width:54%;
	}
	.intro09 > .txt > span{
		display:block;
		font-size:27px;
		line-height:45px;
		font-weight: 400;
		padding-top:50px;
	}
	.intro09 > .txt > span.se{
		padding-top:2%;
	}

	.intro10{
		position:relative;
		width:100%;
		margin:200px auto 0 auto;
		padding:80px 0;
		background-color:#fcfcfc;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.intro10.pc{
		display:block;
	}
	.intro10.mo{
		display:none !important; 
	}
	.intro10 > div.con{
		width:1350px;
		margin:200px auto 0 auto;
	}
	.intro10 > div.con > span{
		display:block;
		text-align:left;
		color:#111111;
		font-size:77px;
		font-family:"Noto Serif", serif;
	}

	.intro10 > div.con ul.safty{
		position:relative;
		margin:110px auto;
		width:86%;
		display:flex;
		justify-content:center;
		align-items: center;
	}
	.intro10 > div.con li{
		padding:0;
	}
	.intro10 > div.con li span.img{
		display:inline-block;
		width:471px;
	}
	.intro10 > div.con li span.txt{
		display:inline-block;
		padding-left:70px;
		vertical-align:top;
		width:570px;
	}
	.intro10 > div.con li span.txt .title{
		display:block;
		font-size:52px;
		color:#303030;
		line-height:78px;
		font-weight: 500;
	}
	.intro10 > div.con li span.txt .comment{
		display:block;
		font-size:28px;
		color:#303030;
		line-height:48px;
		padding-top:30px;
	}

	.introLast{
		width:70%;
		position:relative;
		padding:20px 0;
		margin:100px auto;
		border:1px solid #d3d3d3;
		color:#554343;
		line-height:35px;
		color:#3c3c3c;
		text-align:center;
		font-size:20px;
	}
	.introLast.pc{
		display:block;
	}
	.introLast.mo{
		display:none;
	}

	.docWrap{
		width:100%;
		position:relative;
		text-align:center;
	}
	
	.docMark{
		width:851px; height:188px;
		position:relative;
		margin:185px auto 100px auto;
		padding-top:1%;
		font-family:"Noto Serif", serif;
		font-size:45px;
		line-height: 60px;
		background:url('img/docMark.png') no-repeat;
	}
	.docMark.pc{
		display:block;
	}
	.docMark.mo{
		display:none;
	}

	.docTxt1{
		font-size:45px;
		line-height:110px;
		border-bottom:1px solid #555555;
		width:690px;
		margin:auto;
	}
	.docTxt1.se{
		width:1000px;
	}
	.docTxt2{
		margin:75px auto;
		font-size:59px;
		font-family:"Noto Serif", serif;
	}
	.docTxt2 > span{
		 font-size:95px;
		 color:#492c07;
	}
	.docBg1{
		width:100%;
		background:url('img/doc01.png') center no-repeat;
		background-size:cover;
		height:890px;
	}

	.docBg2{
		width:100%;
		background:url('img/doc02.png') center no-repeat;
		background-size:cover;
		height:890px;
	}
	.docTxt3{
		display:block;
		position:relative;
		width:100%;
		background:#fafafa;
		padding-top:130px;
		overflow:hidden;
	}
	.docTxt3 .con.w80{
		width:80%;
		padding-top:0;
		background:#ffffff;
	}
	.docTxt3 .con{
		width:60%;
		margin:auto;
	}
	.docTxt3 .con > span{
		text-align:left;
		display:block;
		font-size:30px;
		line-height:90px;
		letter-spacing:-0.03em;
	}
	.docTxt3 .con > span.h70{
		line-height:70px;
	}
	.docTxt3 .con > span .padding{
		display:block;
		padding-left:30px;
	}
	.docTxt3 .subTitle{
		font-size:87px;
		text-align:center;
		font-family:"Noto Serif", serif;
		line-height:120px;
	}
	.docTxt3 .subTitle.pc{
		display:block;
	}
	.docTxt3 .subTitle.mo{
		display:none;
	}
	.docTxt3 .subTitle .color{
		color:#492c07;
		display:block;
	}
	.docTxt3 .academyImg{
		display:block;
		margin:120px auto;
	}
	.docTxt3 .academyImg.pc{
		display:block;
	}
	.docTxt3 .academyImg.mo{
		display:none;
	}
	.docTxt3 .academyTxt{
		display:block;
		margin:120px auto;
		width:1100px;
		text-align:left;
		padding:0 20px;
	}
	.docTxt3 .academyTxt.pc{
		display:block;
	}
	.docTxt3 .academyTxt.mo{
		display:none;
	}
	.docTxt3 .academyTxt ul{
		width:100%;
	}
	.docTxt3 .academyTxt li{
		padding:0;
	}
	.docTxt3 .academyTxt li > span{
		display:block;	
	}
	.docTxt3 .academyTxt .line{
		width:100%;
		height:1px;
		margin:70px auto;
		background-color:#e3e3e3;
	}
	.docTxt3 .academyTxt li > span > .ico{
		display:inline-block;
		width:35px;
		vertical-align:top;
		padding-top:10px;
	}
	.docTxt3 .academyTxt li > span > .txt{
		display:inline-block;
		font-size:30px;
		line-height:45px;
	}
	.docTxt3 .academyTxt li > span.under{
		display:block;
		color:#949494;
		font-size:26px;
		padding:15px 0 15px 35px;
	}

	/*하단 공통*/
	#ft {position:relative; background:#272727;margin:0 auto;text-align:center}
	#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#ft_wr {position:relative;width:80%;margin:0 auto;padding:30px 0;position:relative;display:inline-block;text-align:left}
	#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
	#ft_wr .sns{
	position:absolute;
	top:70px; right:0;
	}
	#ft_wr .sns ul{
	padding:0;
	display:flex;
	flex-direction:row;
	}
	#ft_wr .sns li{
	padding:0 12px;
	}
	#ft_wr .sns li a{
	vertical-align:middle;
	}

	#ft .quick {
	position:fixed;
	top:258px; right:60px;
	width:100px;
	z-index:1000;
	}
	#ft .quick a{
	width:100px;
	}

	#ft .quick a.last{
	}
	#ft_link {text-align:left; width:100%;}
	#ft_link span {padding:0 2%; line-height:3em; font-size:17px; color:#dbdbdb;}
	#ft_link a {display:inline-block;color:#dbdbdb;line-height:3em; font-family: "Noto Sans", sans-serif; font-size:17px;}
	#ft_company .img {display:block; margin-bottom:30px; margin-top:50px;}
	#ft_company span {
	color:#ababab;
	display:block;
	line-height:1.7rem;
	font-size:17px;
	}
	#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
	#ft_catch {margin:20px 0 10px}
	#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}


	#ftSe {
	background-color:#303030;
	}
	#ftSe .ftSeWrap{
	position:relative;
	max-width:1480px;
	margin:0 auto;
	display:flex;
	flex-direction:row;
	padding:70px 0;
	}
	#ftSe .ftSeWrap.park{
		position: relative;
		padding: 0 0 50px 0;
		text-align: center;
		width: 100%;
		margin: auto;
		display: block;
	}
	#ftSe .ftSeWrap.park span.txt{
		display:block;
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		font-size:1.6rem;
	}
	#ftSe .ftSeWrap.park span.txt2{
		display:block;
		font-size:1.2rem;
		color:#ffffff;
		padding-top:20px;
	}
	
	#ftSe .ftSeWrap.num{
		display:none;
	}

	#ftSe .ftSeWrap:after{
		content:'';
		clear:both;
		display:block;
	}
	#ftSe .ftSeWrap .kakao{
		display:block;
	}
	#ftSe .ftSeWrap .time{
		display:block;
		margin-left:120px;
	}
	#ftSe .ftSeWrap > a{
		padding:0; margin:0;
		text-decoration:none;
	}
	#ftSe .ftSeWrap .map{
		position:absolute;
		right:0;
	}



	#bgbg{
		display: none;
		width:1000px;
		height:60px;
		background:#333;
	}

	#logo {
		position:relative;
		display:block; vertical-align:middle; text-align:left; width:1480px; clear:both; margin:auto;
	}
	#logo .list{
		display:none;
	}

	#logo a {display: block;  padding:42px 0 25px 0; width:10%;}
	

	#logoTop{display:block !important;}

	#logoTop_m{display:none !important;}

	#logo3{
		position: absolute;
		top:2px;
		left:1470px;
	}

	#quick{
		position:fixed;
		top:240px; right:90px;
		display:block;
		background-color:#ffffff;
		border-radius:94px;
		width:94px;
		text-align:center;
		padding:0.7rem 0;
		box-shadow:2px 2px 8px rgba(0, 0, 0, 0.25);
		z-index:300;
	}
	#quick a{
		color:#3b1e1e;
		font-size:13px;
		display:block;
		font-weight:bold;
	}
	#quick a.hidden{
		display:none;
	}
	#quick a img{
		padding:0.8rem 0;
	}
	#quick > span{
		display: block;
		margin: 15px auto;
		border-left: 1px solid #d4cece;
		opacity: 0.6;
		width: 1%;
	}
	#quick > span.mohidden{
		display:none;
	}
	#go_top{
		margin-top:3%;
	}
	

	#sub_main{
		position:relative;
		width:100%;
		height:745px;
		display:flex;
		align-items: center;
	}
	#sub_main > .txtBox{
		width:480px;
		height:360px;
		text-align:center;
		color:#000;
		display:flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		margin:auto;
		margin-top:13%;
	}
	#sub_main > .txtBox.fir{
		margin-left: 20%;
	}
	#sub_main > .txtBox > span.small{
		display: block;
		font-size: 21px;
		color: #986540;
		font-weight: 300;
		font-family: "Noto Serif", serif;
		letter-spacing: .12em;
	}
	#sub_main > .txtBox > span.title{
		display:block;
		font-size:64px;
		font-family: "Noto Serif", serif;
		padding-top:1%;
	}
	#sub_main > .txtBox > span.line{
		width:60px; height:1px; margin:30px auto; display:block; background-color:#000000;
	}
	#sub_main.bg0101{
		background:url('images/sub0101_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0102{
		background:url('images/sub0102_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0103{
		background:url('images/sub0103_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0104{
		background:url('images/sub0104_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0201{
		background:url('images/sub0201_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0202{
		background:url('images/sub0202_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0203{
		background:url('images/sub0203_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0301{
		background:url('images/sub0301_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0302{
		background:url('images/sub0302_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0301{
		background:url('images/sub0301_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0401{
		background:url('images/sub0401_topImg.png') 70% top no-repeat;
		background-size:cover;
	}
	#sub_main.bg0402{
		background:url('images/sub0402_topImg.png') 70% top no-repeat;
		background-size:cover;
	}


	#sub_main > .model0201,
	#sub_main > .model0202{
		position:absolute;
		bottom:0; right:9%;
	}
	#sub_main > .model0301,
	#sub_main > .model0302{
		position:absolute;
		bottom:0; left:9%;
	}
	#sub_main > .model0401,
	#sub_main > .model0402{
		position:absolute;
		bottom:0; right:9%;
	}
	#sub_main > .model0403{
		position:absolute;
		bottom: 0;
		left: 10%;
		text-align: center;
	}
	#sub_main > .model0404{
		position:absolute;
		bottom:0; right:4%;
	}
	#sub_main > .txtBox > span.titleSub{
		font-size:20px;
		line-height:33px;
	}
	.categoryLine{
		position:relative;
		width:100%;
		border-bottom:1px solid #d7d7d7;
		height:57px;
		line-height:57px;
		text-align:center; 
	}
	.categoryLine.notice{
		padding-top:16%;
	}
	.categoryLine > span.caLine{
		display:inline-block;
		vertical-align:middle;
		padding:0 13px;
	}

	#wrapContent{
		margin:0 auto;
		position:relative;
		display:block;
	}
	#wrapContent > span.commonSubtit{
		text-align:center;
		display:block;
		padding-top:110px;
		color:#ab7661;
		font-size:18px;
		letter-spacing: .5rem;
		font-weight: 600;
	}
	#wrapContent > span.commonTit{
		text-align:center;
		display:block;
		padding-top:30px;
		font-size:50px;
		font-weight: 500;
	}
	#wrapContent > span.commonLine{
		display:block;
		margin:45px auto;
		width:1px; height:50px;
		background-color:#000000;
	}
	#wrapContent > span.commonLine.rotate{
		transform: rotate(-90deg);
		margin:15px auto;
	}
	#wrapContent > span.commonMent{
		text-align:center;
		display:block;
		font-size:20px;
		margin-bottom:3%;
	}
	#wrapContent > .subImg{
		margin:auto;
		display:block;
		text-align:center;
	}
	#wrapContent > .subImg.pc{
		display:block;
	}
	#wrapContent > .subImg.mo{
		display:none;
	}
	#wrapContent > .subImg > ul{
		display:flex;
		justify-content: center;
	}
	#wrapContent > .subImg > ul li{
		width:calc(75%/3);
	}

	#wrapContent > .faqWrap{
		position:relative;
		width:1480px;
		margin: 120px auto 10px auto;
		text-align: center;
	}
	#wrapContent > .faqWrap .faqIcon{
		padding-top:35px;
		display:block;
	}
	#wrapContent > .faqWrap .faqText{
		font-family: "Noto Serif", serif;
		font-size:55px;
		padding-top:35px;
		display:block;
	}
	#wrapContent > .faqWrap .faqTextS{
		padding-top:25px;
		font-size:20px;
		font-family: "Noto Serif", serif;
		display:block;
	}
	
	#wrapContent > .faqWrap{
		width:1480px;
		margin:auto;
	  }
	#wrapContent > .faqWrap ul{
		width:100%;
		margin:auto;
	}
	#wrapContent > .faqWrap ul li{}
	#wrapContent > .faqWrap ul li a{
	display:block;
	font-size:24px;
	line-height:40px;
	padding:27px;
	border-bottom:2px solid #000000;
	box-sizing:border-box;
	cursor:pointer;
	}
	#wrapContent > .faqWrap ul li a span.q{
	display:inline-block;
	width:4%;
	color:#ef4d24;
	font-weight:bold;
	vertical-align: middle;
	}
	#wrapContent > .faqWrap ul li a span.q_con{
	display:inline-block;
	width:94%;
	color:#000000;
	text-align:left;
	}
	#wrapContent > .faqWrap ul li span.a{
	display:block;
	width:100%;
	font-size:18px;
	line-height:30px;
	padding:27px 27px 27px 8%;
	text-align:left;
	}
	
	.FAQWrap .FAQWrapBtn{
	text-align:center;
	padding:5%;
	}
	.FAQWrap .FAQWrapBtn a{
	display:block;
	}


	


	#wrapContent .commonMap{
		position:relative;
		width:100%;
		height:570px;
		display:block;
		margin-top:2.5%;
	}
	#wrapContent .commonMap > span.deco{
		width:100%; height:205px;
		position:absolute;
		top:0; left:0;
		background:url('images/mapDecoBg.png') left top repeat-x;
		z-index:100;
	}
	#wrapContent .commonMap .mapAdd{
		z-index:200;
		padding:0;
		position: absolute;
		top: 60px;
		left: 10%;
	}



	/*����� ���� css�Կ�*/
@media all and (min-width:768px) and (max-width:1480px){
	header #lnb{
		display:none;
	}
	nav ul li {
		font-size: 3em;
	}
	header #lnb{	
		display:none;
	}
	#lnb > ul{		
	    text-align: left;
	}
	#lnb > ul > li{		
        margin: 0 0 0 0;
        text-align: center;
        padding: 2% 0.2%;
        width: 32%;
        font-size: 1.8em;
		font-family: sans-serif;
        font-weight: 800;
	}

	#wrap_hea{
		position:fixed;
		width:100%;
        height:121px;
		margin:0 auto;
		background:rgba(255,255,255,0.5);
		transition:all 0.3s;
	}
	
	#logo .list{
        position: absolute;
        top: 18px !important;
        right: 0 !important;
        display: block;
        width: 80px; height: 80px;
    }
	#logo .list a{
		display:block;
		width:80px; height:80px;
		cursor:pointer;
		padding: 0;
	}
	#logo .list a img{
		width:80px; height:80px;
	}
	header #lnb2{	
		position: absolute;
		top:10px;
		left:8%;	
	}
	#lnb2 > ul{		
		overflow:hidden;
	}
	#lnb2 > ul > li{		
		margin: 0 0 0 0;
	    padding: 2% 1%;
        width: 40%;
		font-size: 1.7em;
		font-family: sans-serif;
        font-weight: 800;
	}

	#wrap_hea2{
		display:block;
		width:100%;
		height: auto;
		margin:0 auto;		
	}

	#bgbg{
		width:1000px;
		height:150px;
		background:#333;
	}
	#logo{
		width:90%;
		height:0px;
		display:block;
		margin-left: 10%;
	}

	#logo3{
		position: absolute;
		top:80px;
		left:12px;
	}	
	.intro04 > .tx06 span.spot1{
		top:11%;
	}
	.intro04 > .tx06 span.spot2{
		top:22%;
	}
	.intro04 > .tx06 span.spot3{
		top:33%;	
	}
	.intro04 > .tx06 span.spot4{
		top:44%;
	}
	.intro04 > .tx06 span.spot5{
		top:55%;
	}
	.dirWrap .dirAdd{
		width:100%;
	}
	.dirWrap .dirOper > .OperWrap{
		width:100%;
	}

	#wrapContent > .subImg{
		width:95%;
		margin:auto;
	}
	#wrapContent > .subImg > img{
		width:100%;
	}
	#wrapContent > .subImg.pc{
		display:none;
	}
	#wrapContent > .subImg.mo{
		display:block;
	}
}

/* ��Ʈ�� ���� CSS �Կ�*/
@media all and (max-width:767px){
	body{
		max-width:100%;
	}
	#wrap{
		width:100% !important;
		padding:0 !important;
	}
	

	header #lnb{
		display:none;
	}
	#logo {
		height:80px;
		width: 100%;
	}
	#logo a{
		width:inherit;
		display:block;
	}
	#quick{
		position:fixed;
		top:100%; left:0;
		display:flex;
		flex-direction:row;
		background-color:#ffffff;
		box-shadow:none;
		width:100%; height:90px;
		z-index:300;
		border-radius:0;
		transform:translateY(-90px);
		padding:0;
	}
	#quick a{
		color:#272727;
		font-size:13px;
		display:block;
		width:20%;
		zoom:0.9;
		font-weight:bold;
	}
	#quick a img{
		padding:0.6rem 0;
	}
	#quick > span.mohidden{
		display:block;
	}
	#quick a.hidden{
		display:block;
	}
	
	#wrap_hea{
		height:80px;
		background-color: rgba(255,255,255,0.5);
	}


	#logoTop_m{display:block !important;}
	#logoTop_m > img{
		width:196px !important;
		height:50px !important;
	}
	#logo .list{
		position:absolute;
		top:9px !important; right:-9px !important;
		display:block;
		width:80px;
	}

	#logo .list a{
		display: block;
        width: 80px !important;
        cursor: pointer;
        padding: 0;
		zoom:0.75;
	}
	#logo .list a img{
		width:80px; height:80px;
	}
	#logo .search{
		top:10px; right:0;
	}
	#logo .search a{
		display:block;
		width:30px !important;
		cursor:pointer;
	}

	#logo a{
		width:150px !important;
		height:auto;
		padding: 25px 0 25px 20px;
	}
	#logo a > img{
		width:180px; height:auto;
	}

	.mainBg01{
		zoom:0.75;
	}
	.mainBg01 span.se > .br{
		display:block;
		padding:3px 0;
	}
	.mainBg01 span.se > .br > br{
		display:none;
	}

	.mainBg02{
		zoom:0.75;
		height:950px;
	}
	.mainBg02 span.docTxt{
		font-size:28px;
		padding-top: 38%;
		line-height:45px;
	}
	.mainBg02 span.docTxt.pc{
		display:none;
	}
	.mainBg02 span.docTxt.mo{
		display:block;
	}
	.mainBg02 p.doc{
		width:120%;
		margin:26% 0 0 -10%;
	}
	.mainBg02 p.doc > img{
		width:100%;
	}
	.mainBg03{
		zoom:0.75;
		background:url('img/introMainbg03_mo.png') right  no-repeat;
		background-size:cover;
		height:950px;
	}
	.mainBg03 .br{
		display:block;
	}
	.eqWrap h4{
		display:block;
		margin:120px auto 80px auto;
	}
	.mainBg03 span.th{
		font-size:70px;
	}
	.mainBg03 span.se.pc{
		display:none;
	}
	.mainBg03 span.se.mo{
		display:block;
	}
	
	.mainBg04{
		zoom:0.75;
		background:url('img/introMainbg04.png') 15% no-repeat;
		background-size:cover;
		height:950px;
	}
	.mainBg04 .br{
		display:block;
	}

	.mainBg04 span.th{
		font-size:70px;
	}
	.mainBg04 span.se.pc{
		display:none;
	}
	.mainBg04 span.se.mo{
		display:block;
	}


 	.docMark{
		width:90%;
		height:100px;
		position:relative;
		margin:140px auto 10px auto;
		font-size:18px;
		line-height: 28px;
		background:url('img/docMarkMo.png') no-repeat;
		background-size:100%;
	}
	.docMark.pc{
		display:none;
	}
	.docMark.mo{
		display:block;
	}
	.docTxt1{
		font-size:19px;
		width:80%;
		line-height:60px;
	}
	.docTxt1.se{
		width:80%;
		line-height:30px;
	}
	.docTxt1.se .br{
		display:block;
		padding-bottom:15px;
	}
	.docTxt2{
		margin:40px auto;
		font-size:20px;
	}
	.docTxt2 > span{
		font-size:2em;
	}
	.docBg1{
		background:url('img/doc01_mo.png') center no-repeat;
		background-size:100%;
		height:350px;
	}
	.docBg2{
		background:url('img/doc02_mo.png') center no-repeat;
		background-size:100%;
		height:350px;
	}
	.docTxt3{
		padding-top:70px;
	}
	.docTxt3 .con{
		width:90%;
	}
	.docTxt3 .con > span{
		display:block;
		font-size:16px;
		line-height:33px;
		letter-spacing: -0.03em;
	}
	.docTxt3 .con > span br{
		display:inline;
	}
	.docTxt3 .con > span span.br{
		display:block;
		padding-left:15px;
	}
	.docTxt3 .con > span .padding{
		display:line;
		padding:0 !important;
	}
	.docTxt3 .subTitle.pc{
		display:none;
	}
	.docTxt3 .subTitle.mo{
		display:block;
	}
	.docTxt3 .subTitle{
		font-size:30px;
		line-height: 45px;
	}
	.docTxt3 .subTitle .color{
		display:inline-block;
	}
	.docTxt3 .academyImg{
		margin:60px auto;
	}
	.docTxt3 .academyImg.pc{
		display:none;
	}
	.docTxt3 .academyImg.mo{
		display:block;
	}
	.docTxt3 .academyImg.mo > img{
		width:90%;
		margin:auto;
	}
	.docTxt3 .academyTxt{
		width:90%;
		margin:70px auto;
		line-height:30px;
	}
	.docTxt3 .academyTxt.pc{
		display:none;
	}
	.docTxt3 .academyTxt.mo{
		display:block;
	}
	.docTxt3 .academyTxt li > span{
		display:flex;
	}
	.docTxt3 .academyTxt li > span > .ico{
		padding-top:20px;
		zoom:0.5;
	}
	.docTxt3 .academyTxt li > span > .txt{
		font-size:17px;
		line-height:32px;
	}
	.docTxt3 .academyTxt li > span.under{
		font-size:15px;
		letter-spacing: -0.03em;
		padding:15px 0 15px 20;
	}
	.docTxt3 .academyTxt .line{
		margin:30px auto 40px auto;
	}
	.eqWrap ul{
		display:block
	}
	.eqWrap li{
		position:relative;
		padding:0;
		margin:5px;
		width:45% !important;
		height:260px;
		display:inline-block;
		background-color:#fafafa;
	}
	.eqWrap li span.img{
		position:absolute;
	}
	.eqWrap li span.img > img{
		width:92%;
	}
	.eqWrap li span.img.fir{
		top:40%; right:-4%;
	}
	.eqWrap li span.img.se{
		top:20%; left:0;
	}
	.eqWrap li span.img.thr{
		top:20%; left:-5%;
	}
	.eqWrap li span.img.for{
		top:20%; left:10%; right:10%;
	}
	.eqWrap li span.img.fiv{
		top:0; left:10%;
		width:85% !important;
	}
	.eqWrap li span.img.fiv.se{
		width:62% !important;
	}
	.eqWrap > h4{
		font-size:27px;
		font-weight:bold;
	}
	.eqPop{
		width:100%;
		top:90px;
		left:0;
		transform:translateX(0);
		height:900px;
	}
	.eqPopWrap > .eqClose{
		position:absolute;
		z-index:1200;
		right:20px; top:115px;
		display:block;
		cursor:pointer;
	}
	.eqPopWrap > .eqClose > img{
		width:35px; height:35px;
	}
	.eqPopWrap > .eqArrowL{
		left:20px;
		top:470px;
		width:50px;
		text-align:center;
	}
	.eqPopWrap > .eqArrowR{
		right:20px;
		top:470px;
		width:50px;
		text-align:center;
	}
	.eqPopWrap > .eqArrowL > span,
	.eqPopWrap > .eqArrowR > span{
		width:45px;
		height:45px;
	}
	.eqPopWrap > .eqArrowL > span > img,
	.eqPopWrap > .eqArrowR > span > img{
		width:100%; height:100%;
	}
	.eqPop > .eqPopImg{
		height:490px;
	}
	.eqPop > .eqPopImg.pc{
		display:none;
	}
	.eqPop > .eqPopImg.mo{
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.eqPop > .eqPopImg.mo > img{
		zoom:0.5
	}
	.eqPop > .eqPopImg > img{
		zoom:0.7;
	}
	.eqPop > .logo{
		top:20px; left:20px;
	}
	.eqPop > .logo > img{
		width:45px;
	}
	.eqPop > .eqPopTxt .big{
		font-size:2rem;
	}
	.eqPop > .eqPopTxt .small{
		font-size:0.95rem;
	}
	.eqPop > .eqPopTxt{
		font-size:0.95rem;
		padding:0 25px;
		line-height:24px;
	}

	.aroundWrap{
		position:relative;
		margin:10px auto;
		width:95%;
	}
	.aroundWrap .around{
		padding-top:90px;
	}
	.aroundWrap .around .flor{
		font-size:25px;
		width: 54px;
		height: 54px;
		line-height: 54px;
		font-family: 'Noto Sans KR';
	}
	.aroundWrap .around .florTit{
		font-size:35px;
		letter-spacing: -0.03em;
		padding:30px 0;
	}
	.aroundWrap .around .florTitCom{
		font-size: 16px;
		letter-spacing: -0.04em;
    	padding: 0 0 40px 0;
		word-break:break-word;
		font-family: 'Noto Sans KR';
	}
	.aroundWrap .around .florTitCom > span{
		display:block;
	}
	.aroundWrap .around .florTitCom > br{
		display:none;
	}
	.aroundWrap .around .florTitCom > span > br{
		display:none;
	}
	.aroundWrap .around .florImg > img{
		width:100% !important;
	}
	.aroundWrap .around .florImgPadding{
		width:100%;
		padding-top:80px;
	}
	.dirWrap .dirMap span.txt1{
		font-size:35px;
		padding-top:100px;
	}
	.dirWrap .dirMap span.txt1:after{
		width:60%;
	}
	.dirWrap .dirMap span.txt2{
		font-size:24px;
		padding-top:27px;
		font-family: 'Noto Sans KR';
	}
	.dirWrap .dirMap span.map{
		padding-top:45px;
	}
	.dirWrap .dirMap span.map > img{
		width:95%;
	}
	.dirWrap .dirAdd{
		margin: 40px auto 90px auto;
		width: 95%;
		padding: 60px 0;
	}
	.dirWrap .dirAdd > h3{
		font-size:40px;
	}
	.dirWrap .dirAdd > .addTxt{
		font-size: 28px;
		padding-top: 27px;
		font-family: 'Noto Sans KR';
	}
	.dirWrap .dirAdd > .addTxt span.br{
		display:block;
	}
	.dirWrap .dirAdd > .line{
		width:80%;
		margin: 50px auto;
	}
	.dirWrap .dirAdd > .addTxtB{
		font-size:38px;
		padding-top:35px;
		font-family: 'Noto Sans KR';
	}
	.dirWrap .dirOper > .Oper1{
		padding-top:120px;
		font-size:33px;
		font-weight: 500;
	}
	.dirWrap .dirOper > .Oper1:after{
		width:28%;
	}
	.dirWrap .dirOper > .Oper2{
		padding-top: 30px;
    	font-size: 24px;
		letter-spacing: -0.02em;
		font-family: 'Noto Sans KR';
	}
	.dirWrap .dirOper > .OperWrap{
		width:95%;
		margin-top:60px;
	}
	.dirWrap .dirOper > .OperWrap .img{
		padding-top:60px;
	}
	.dirWrap .dirOper > .OperWrap .img > img{
		width:95%;
	}
	.dirWrap .dirOper > .OperWrap .dirTit{
		width:95%;
		zoom:0.6;
		font-family: 'Noto Sans KR';
	}
	.dirWrap .dirOper > .OperWrap .dirTit > span.tit{
		font-size: 40px;
	}
	.dirWrap .dirOper > .OperWrap > ul{
		width:95%;
		margin: 40px auto 0 auto;
  	  	zoom: 0.6;
		color:#343434;
		font-family: 'Noto Sans KR';
	}
	.dirWrap .dirOper > .OperWrap > ul li span.week{
		padding-left: 15px;
		width: 40%;
		font-size: 27px;
		line-height: 40px;
		letter-spacing: -0.02em;
	}
	.dirWrap .dirOper > .OperWrap > ul li span.time{
		width: 54%;
		font-size: 27px;
		line-height: 40px;
		letter-spacing: -0.02em;
	}
	#ft{
		padding-bottom:80px;
	}
	#ftSe .ftSeWrap.park span.txt2{
		width:90%;
		margin:auto;
		font-size:15px;
		line-height:23px;
	}
	#ftSe .ftSeWrap.num{
		display: flex;
        justify-content: center;
		width: 100%;
		padding: 10px 0 40px 0;
	}
	#ftSe .ftSeWrap.num .tel{
		display:inline-block;
		width:38px;
		padding:0 2%;
	}
	#ftSe .ftSeWrap.num .tel > img{
		width:100%; height:auto;
		vertical-align: middle;
	}
	#ftSe .ftSeWrap.num a{
		display:inline-block;
		text-decoration: none;
		font-size:2rem;
		color:#ffffff;
	}

	#ftSe .ftSeWrap.num > img{
		display:inline-block;
	}
	#sub_main > .txtBox.fir{
		margin: auto;
	}
	#sub_main > .txtBox{
		zoom:0.80;
		margin: auto;
		width: 90%;
	}
	#sub_main > .txtBox.top{
		margin: -270px auto 0 auto;
	}
	#sub_main > .txtBox > span.line{
		width:60px; height:1px; margin:15px auto 25px auto;
	}
	#wrapContent > span.commonTit{
		padding-top: 20px;
		font-size: 40px;
	}
	#wrapContent > span.commonSubtit{
		padding-top:60px;
		font-size:15px;
		letter-spacing: .2rem;
	}
	#wrapContent > span.commonLine{
		margin: 35px auto;
		height: 40px;
	}
	.categoryLine > span.caLine{
		padding: 0px 8px;
	}
	#wrapContent > .subImg > img{
		width:100%;
	}
	#wrapContent > .subImg.pc{
		display:none;
	}
	#wrapContent > .subImg.mo{
		display:block;
	}
	#wrapContent .commonMap .mapAdd{
		top: 0;
		left: 13%;
	}
	#wrapContent .commonMap .mapAdd > img{
		width:85% !important;
	}
	#wrapContent > span.commonMent{
		font-size:16px;
	}
	#wrapContent > .subImg > ul{
		display:block;
	}
	#wrapContent > .subImg > ul li{
		width: 90%;
		margin:auto;
	}
	#wrapContent > .subImg > ul li > img{
		width:100%;
	}
	.categoryLine.notice{
		padding-top:38%;
	}

	#wrapContent > .faqWrap .faqIcon{
		padding-top:35px;
		display:block;
	}
	#wrapContent > .faqWrap .faqText{
		font-size:35px;
		padding-top:20px;
	}
	#wrapContent > .faqWrap .faqTextS{
		padding-top:15px;
		font-size:17px;
	}
	#wrapContent > .faqWrap ul{
		margin:30px 0 60px 0;
	}
	#wrapContent > .faqWrap ul li span.a{
		font-size: 16px;
	}


	#sub_main.bg0201 {
		background: url('images/sub0201_topImg.png') 62% top no-repeat;
		background-size: cover;
	}
	#sub_main > .model0201,
	#sub_main > .model0202{
		position:absolute;
		bottom:0;
		text-align: center;
	}
	#sub_main > .model0201 > img,
	#sub_main > .model0202 > img{
		width:70%;
	}

	#sub_main > .model0301,
	#sub_main > .model0302{
		position:absolute;
		bottom:0;
		text-align: center;
	}
	#sub_main > .model0301 > img,
	#sub_main > .model0302 > img{
		width:93%;
	}

	#sub_main > .model0401,
	#sub_main > .model0402{
		position:absolute;
		bottom:0;
		text-align: center;
		right: 8%;
		margin-left: 7%;
	}
	#sub_main > .model0401 > img{
		width:93%;
	}
	#sub_main > .model0402 > img{
		width:68%;
	}
	#sub_main > .model0403 > img{
		width:81%;
	}
	#sub_main > .model0404{
		position:absolute;
		bottom:0;
		text-align: center;
		right: 8%;
	}
	#sub_main > .model0404 > img{
		width:106%;
	}
	#sub_main > .txtBox > span.small{
		font-size: 18px;
		letter-spacing: .12em;
	}
}




@media all and (max-width:1024px){
	footer{
		height:auto;
		padding:12% 0 30% 0;
	}
	footer .conWrap{
		display:block;
		width:90% !important;
		margin:auto;
	}
	footer .conWrap .content{
		width:100% !important;
		font-size:13px;
	}
	footer .conWrap .markUnder{
		width:100% !important;
		text-align:left;
	}
	footer .conWrap .sns{
		width:100% !important;
		zoom:0.9;
		padding-top:20px;
	}

}

@media all and (min-width:1025px) and (max-width:1480px){
	footer{
		position:relative;
		margin:0 auto;
		width:100%;
		background-color:#ededed;
		height:223px;
	}
	footer .conWrap{
		position:relative;
		width:90%;
		margin:auto;
		display:flex;
		flex-direction:row;
		align-items:center;
	}
	footer .conWrap .markUnder{
		width:20%; height:auto;
	}
	footer .conWrap .content{padding:4% 0; font-size:15px; width:50%; color:#909090;}
	footer .conWrap .sns{width:30%;}
	.intro06 > .con{
		width:95%;
		margin:auto;
	}
	
}


@media all and (min-width:768px) and (max-width:1800px){
	
	.mainBg02 span.docTxt{
		font-size:23px;
		padding-top: 28%;
		line-height:33px;
	}
	.mainBg02 p.doc{
		width:90%;
		margin:auto;
	}
	.mainBg02 p.doc img{
		width:100%;
	}
	.aroundWrap{
		width:100%;
	}
	.aroundWrap .around .florImg > img{
		width:90%;
		margin:auto;
	}
	.aroundWrap .around .florImgPadding{
		width:90%;
	}
	
}


@media all and (max-width:1800px){
	#side{
		position:fixed;
		top:0; height:auto;
		background-color:#fbf0e7;
		width:85%;
		height:100%;
		z-index:10000;
		overflow:hidden;
		transform:translateX(120%);
		transition-duration: .3s;
		display:block
	}
	#side.active{
		transform:translateX(18%);
		transition-duration: .3s;
	}
	#side #sideWrap{
		margin:15px auto;
		width:78%;
	}
	#side #sideWrap a {
		display:block;
	}
	#side #sideWrap .sizeTop{
		position:relative;
		width:100%;
		height:50px;
		padding:10px 0;
		border-bottom:1px solid #ded3c9;
	}
	#side #sideWrap .sizeTop .logo{
		position:absolute;
		top:19px; left:0;
		display:block;
	}
	#side #sideWrap .sizeTop .logo > img{
		width:180px; height:auto;
	}

	#side #sideWrap .sizeTop .close{
		position:absolute;
		top:13px; right:0;
		display:block;
	}
	#side #sideWrap .sizeTop .close > img{
		zoom:0.7;
	}
	#side #sideWrap .sizeUnder{
		position:relative;
		width:100%;
		padding-top:27px;
	}
	#side #sideWrap .sizeUnder ul{
		display:block;
		max-height: calc(100vh - 160px);
        overflow-y: auto;
        overflow-x: hidden;
	}
	#side #sideWrap .sizeUnder ul li{
		width:100%;
	}
	#side #sideWrap .sizeUnder ul li > a{
		position:relative;
		display:block;
		line-height:3.5rem;
		font-size:17px;
		color:#000000;
		font-weight: bold !important;
		text-transform: uppercase;
		cursor:pointer;
		font-weight: normal;
	}
	#side #sideWrap .sizeUnder ul li > a > span.icon{
		display:block;
		position:absolute;
		top:26%; right:13%;
		width:34px; height:34px;
		background: url('images/sideIcon.png');
		transition-duration:.4s;
		zoom:0.65;
	}
	#side #sideWrap .sizeUnder ul li > a > span.icon.active{
		transition-duration:.4s;
		background: url('images/sideIconAc.png');
		top:26%; right:13%;
	}
	#side #sideWrap .sizeUnder ul li ul.subM{
		text-indent:5%;
	}
	#side #sideWrap .sizeUnder ul li ul.subM li{
		display:block;
		line-height:26px !important;
	}
	#side #sideWrap .sizeUnder ul li ul.subM li > a{
		display:block;
		color:#000000;
		font-size:16px;
		text-transform:uppercase;
	}
	#side #sideWrap .sizeUnder ul li ul.subM li > a:hover{
		color:#000000;
	}
	#ftSe .ftSeWrap{
		max-width: 100%;
		text-align: center;
		display:block;
	}
	#ftSe .ftSeWrap .kakao{
		display: block;
        width: 80%;
        margin: auto;
        text-align: left;
	}
	#ftSe .ftSeWrap .kakao a > img{
		text-align:left;
		width: 70%;
	}
	#ftSe .ftSeWrap .time{
		width:80%;
		display:block;
		margin: auto;
		padding-top:15%;
	}
	#ftSe .ftSeWrap .time a > img{
		width: 90%;
	}
	#ftSe .ftSeWrap .map{
		position: relative;
		width: 94%;
        margin-left: 2%;
        height: 340px;
        overflow: hidden;
		margin-top:20px;
	}
	.root_daum_roughmap .wrap_map{
		height:auto !important;
	}
	#ft_wr{
		width: 85%;
	}
	#ft_wr .sns {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
        width: 228px;
        margin: auto;
    }
	#ft_company .img{
		margin: 30px auto;
		text-align:center;
	}
	#ft_company span{
		font-size:13px;
	}
	#wrapContent > .faqWrap{
		width:95%;
	}
	
	#wrapContent > .faqWrap ul li a{
		padding: 14px;
		font-size: 18px;
	}
	#wrapContent > .faqWrap ul li span.a{
		width:93%;
		padding: 15px;
	}
	#wrapContent > .faqWrap ul li a span.q > img{
		width:30px;
	}
	#wrapContent > .faqWrap ul li a span.q{
		width: 14%;
		vertical-align: middle;	
	}
	#wrapContent > .faqWrap ul li a span.q.top{
		vertical-align: top;
	}
	#wrapContent > .faqWrap ul li a span.q_con{
		width: 83%;
		line-height: normal;
	}
}