@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap'); /*고딕*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900&display=swap'); /*명조*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap'); /*영문 필기체*/




@font-face {
  font-family: 'GmarketSansB';
  src: url(./GmarketSansTTFBold.woff) format('woff');
}
@font-face {
  font-family: 'GmarketSansM';
  src: url(./GmarketSansTTFMedium.woff) format('woff');
}
@font-face {
  font-family: 'GmarketSansL';
  src: url(./GmarketSansTTFLight.woff) format('woff');
}



html {font-size:9px}
body, div, span, iframe,
h1, h2, h3, p,
a,
img, strong,
ol, ul, li,
form, label, legend, table,
textarea, input {
    margin: 0;
    padding: 0;
    outline: none;
    color: #333;
    list-style: none;
    text-decoration: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
*:focus {
  outline: none;
}

img {
    border: 0;
    outline: 0;
}

#whatpage {
    display: none
}

.hide {
    position: absolute;
    left: -9999px;
}

body {
    min-width: 640px;
    font-family: 'Noto Sans SC', 'Roboto', Arial, sans-serif;
    position: relative;    
}


div.layer_popup{
	position:absolute;  
	z-index:14; 
	display:none; 
	visibility: visible; 
	overflow:hidden;
	margin:0;
	padding:0;
	}
div.layer_popup img{
	display:block;
	margin:0;
	padding:0;
	}
div.layer_popup p{
	width:100%;
	height:30px;
	background:#595a6a;
	text-align:right;
	color:#fff;
	font-size:1.3rem;
	line-height:1.5;
	}
div.layer_popup p input[type=checkbox]{
	width:18px;
	height:18px;
	border:1px solid #fff;
	margin-right:5px;	
	vertical-align:-3px;
	}
div.layer_popup p a{
	display:inline-block;
	height:100%;
	margin-left:8px;
	margin-right:10px;
	text-decoration:none;
	font-weight:700;
	color:#fff;
	font-size:1.3rem;
	}



header {position: relative;}
.header_wrap{
    position:fixed; z-index:300;
    width:100%;
    height:80px; background:rgba(255,255,255,0.8);
    box-shadow:0 5px 8px rgba(0, 0, 0, 0.2);
}
.header_logo {position:absolute; top:10px; left:20px;}
.header_logo a {
    text-indent:-9999px;
    display:block; 
    content:""; 
    width:161px; 
    height:57px;
    background:url(../img/common/logo.png);
    background-size:161px 57px; 
    background-repeat:no-repeat;
}

.sch {
    display:inline-block; 
    position:absolute; 
    top:20px; 
    right:70px;
}
.sch a {
    text-indent:-9999px;
    display:block; 
    content:""; 
    width:23px; 
    height:23px;
    background:url(../img/search1.png);
    background-size:23px 23px; background-repeat:no-repeat;
}

.trigger { z-index:999; cursor: pointer;
    position:fixed; top:10px; right:20px;
    width:55px; height:50px;
    background-color:transparent; border:0px solid red;
    padding:0;
}
.trigger span {
    position:absolute; top:calc(50% - 1px); left:calc(50% - 12px);
    width:45px; height:5px; background:#57463f; transition:0.3s;
    border-radius:10px;
}
.trigger span:before, .trigger span:after {
    display:block; position: absolute; content:'';
    width:45px; height:5px; background:#57463f; transition:0.3s;
    border-radius:10px;
}
.trigger span:before {top:-10px;}
.trigger span:after {
	top:10px;
	content:'MENU';
	color:#57463f;
	font-size:12px;
	line-height:2.5;
	}

.trigger.open {display:block; z-index:999;}
.trigger.open span {background:transparent; top:34px}
.trigger.open span:before { top:0; transform:rotate(45deg); background:#333; }
.trigger.open span:after { top:0;transform:rotate(-45deg); background:#333; font-size:0;}


.side_menu {
    display: block; position: fixed;
    top:0; right:-500px;
    background: #fdfdfd;
    width:500px;
    height:100%; z-index:500;
}
.side_wrap {
    width: 100%;
    height: 100%;
    text-align: left;
    padding:0;
}
.log_bar {padding-top:30px;}
.log_bar a {font-size:20px; margin-right:30px; }
.log_bar .ticket {font-weight:700;}

.navbar {
	width:100%;
	margin:50px 0 0 0;
	border:0px solid red;
	}
.navbar > li {
	position: relative;
	border:0px solid red;
	}
.navbar > li > a {
    display:block; 
    font-size:28px; 
    line-height:1; 
    margin-top:20px; color:#333;
    font-weight:700;
    border-bottom:1px solid #999;
    padding-bottom:10px;
    text-indent:30px;
    cursor:pointer;
}
.navbar .icon {
    position:absolute; top:10px; right:80px; 
    width:20px; height:10px; transform: rotate(45deg);
    transition:0.3s;
}
.navbar .icon:after {
    position: absolute;
    content: "";
    width:10px;
    height:10px;
    border: 2px solid #ccc;
    border-top: 0;
    border-left: 0;
}
.navbar .icon.on {
    transform:rotate(-135deg);
    margin-right:10px;
}

.navbar .sub {
    display:none;
    position:relative; top:5px;
    
}
.navbar .sub > li {
	border:0px solid blue;
	}
.navbar .sub > li:last-child{
	margin-bottom:20px;
	}	
.navbar .sub > li > a {
    display:block; color:#666;
    padding:5px 15px;
    letter-spacing:-0.05em; 
    font-size:25px;
    font-weight:500;
    line-height:1.5;
    text-indent:40px;
   
}
.navbar > li.act .sub {display:block;}




header div.vs{
	position:relative;
	width:100%;
	height:980px;
	margin:0 auto;
	}
header div.vs .swiper-slide{
	background-position:center center;
	overflow:hidden;
	}
header div.vs .swiper-slide div.vs_p,
header div.vs .swiper-slide div.vs_m{
	position:Relative;
	width:100%;
	height:100%;
	overflow:hidden;
	}	
header div.vs .swiper-slide div.vs_p p.t1{
	text-align:Center;
	font-size:110px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-0.05em;
	color:#fff;
	}	
header div.vs .swiper-slide div.vs_m p.t1{
	text-align:Center;
	font-size:60px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-0.05em;
	color:#fff;
	}
header div.vs .swiper-slide div.vs_p p.t2{
	text-align:Center;
	font-size:45px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:-0.05em;
	color:#fff;
	
	}	
header div.vs .swiper-slide div.vs_m p.t2{
	text-align:Center;
	font-size:25px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:-0.05em;
	color:#fff;
	margin-top:30px;
	}	
	

	
			
	
header div.vs .swiper-slide p.d1{
	text-align:center;
	font-size:50px;
	font-family:GmarketSansB;
	color:#fff;	
	margin:20px auto 0 auto;
	}	
header div.vs .swiper-slide p.d2{
	text-align:center;
	font-size:40px;
	font-family:NanumHarABeoJiEuiNaNum;/*NanumAnSsangCe*/
	color:#fff;	
	margin:20px auto 0 auto;
	}		
header div.vs .swiper-slide p.d3{
	text-align:center;
	font-size:45px;
	font-family:GmarketSansB;
	color:#fff;	
	margin:20px auto 0 auto;
	}	
header div.vs .swiper-slide p.d4{
	text-align:center;
	font-size:45px;
	line-height:1.7;
	letter-spacing:-0.05em;
	font-family:NanumAnSsangCe;/*NanumAnSsangCe*/
	color:#fff;	
	margin:20px auto 0 auto;
	}		
header div.vs .swiper-slide img.isomang{
	display:block;
	margin:200px auto 0 auto;
	}	
	
header div.vs .swiper-pagination {
	bottom:5%;
	}
header div.vs .swiper-pagination-bullet {
  background-color: #e4c7b7;
  width:40px;
  height:40px;
  margin: 0 5px !important;
}
header div.vs .swiper-pagination-bullet-active {
    color: #fff;
    background: #57463f;
    }
/*----------------------------------------navi renew-------------------------------------*/

	/*navi*/






section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

section h2{
	display:block;
	position:relative;
	font-family:GmarketSansB;
	font-size:60px;
	height:auto;
	color:#000;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-align:Center;
	margin:120px auto;
	overflow:hidden;
	}
section h2 span{
	display:block;
	
	font-size:23px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-0.05em;
	height:auto;
	margin-top:15px;
	color:#000;
	}
	
	
section.con0{
	position:relative;
	width:100%;
  height:1000px;
  border:0px solid red;
  margin:0 auto 50px auto;
  overflow:hidden;
}

section.con0 .part {
      width:100%;
      height: 580px;
      overflow:hidden;
    }

section.con0 .part .swiper-slide {
			width:520px;
			position:Relative;
      text-align: center;
      font-size: 18px;
      background: #fff;
      /*display: flex;
      justify-content: center;
      align-items: center;*/
      border:0px solid red;
      margin:0 auto;      
      overflow:hidden;
    }


section.con0 .part .swiper-slide a{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	}
section.con0 .part .swiper-slide a img {
	position:absolute;
	left:45px;
      display: block;
      width: 430px;
      height: 100%;
      object-fit: cover;
      margin:0 auto;
      z-index:10;
    }	 
section.con0 .part .swiper-slide a h3{
	position:Relative;
	display:block;
	width:95%;
	height:auto;
	margin:320px auto 20px auto;
	font-weight:700;
	font-size:50px;
	line-height:1.2;
	letter-spacing:-0.08em;
	color:#fff;
	text-align:Center;
	z-index:15;
	}
section.con0 .part .swiper-slide a span.bar{
	position:Relative;
	display:block;
	width:10%;
	height:5px;
	margin:20px auto;
	background:#fff;	
	z-index:15;
	}	
section.con0 .part .swiper-slide a h4{
	position:Relative;
	display:block;
	width:95%;
	height:auto;
	margin:0px auto;	
	font-weight:400;
	font-size:25px;
	line-height:1.2;
	letter-spacing:-0.05em;
	color:#fff;
	text-align:Center;
	z-index:15;
	}	
section.con0 .part .swiper-button-next,
section.con0 .part .swiper-button-prev {
	width:27px;
	height:47px;
	}
section.con0 .part .swiper-button-next {
	background-image:url(../img/main/part_ar_next.png)
	}
section.con0 .part .swiper-button-prev {
	background-image:url(../img/main/part_ar_prev.png)
	}
section.con0 .part .swiper-button-next::after,
section.con0 .part .swiper-button-prev::after{
	display: none;
	}



section.con1{
	display:none;
	position:relative;
	width:100%;
  height:980px;
  border:0px solid red;
  margin:0 auto;
  overflow:hidden;
  background:url(../img/main/care_bg.jpg) center center no-repeat;
}
section.con1 ul{
	position:relative;
	width:80%;
	height:auto;
	margin:0 auto;
	border:0px solid red;
	text-align:center;
	}
section.con1 ul li{
			position:relative;
			display:inline-block;
			width:300px;
			height:300px;
			border:5px solid #fff;
			border-radius:50%;
			font-size:40px;
			font-weight:700;
			line-height:3;
			text-align:Center;
			color:#fff;
			overflow:hidden;
			margin:0 20px 0 auto;
		}


section.mov_p{
	display:block;
	background:#f7f0ec;
	height:850px;
	text-align:center;
	}
section.mov_p iframe{
	margin:100px auto;
	}

section.spec{
	background:#fff;
	height:1080px;
	}
section.spec .spec_wrap {
      width:100%;
      height: 680px;
      overflow:hidden;
      border:0px solid red;
    }
section.spec .spec_wrap .swiper-slide {
	position:relative;
			width:550px;
			height:500px
      text-align: center;
      font-size: 18px;
      background-repeat:no-repeat;
      background-position:center 0;
      /*display: flex;
      justify-content: center;
      align-items: center;*/
      border:0px solid red;
      margin:0 auto;      
      overflow:hidden;
      padding:0;
    }

section.spec .spec_wrap .swiper-slide img{
	display:block;
	width:550px;
	height:600px;
	margin:0 auto;
	}
section.spec .spec_wrap .swiper-slide div.twrap{
	margin:100px auto 0 auto;
	background-color:rgba(255,255,255,0.2);
	border:1px solid #fff;
	border-radius:3px;
	width:380px;
	height:380px;
	overflow:hidden;
	text-align:Center;
	font-size:22px;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	}	
section.spec .spec_wrap .swiper-slide div.twrap h6{	
	display:block;
	text-align:Center;
	font-size:30px;
	font-family:Noto Serif SC;
	font-weight:700;
	color:#fff;
	margin-bottom:0;
	}	
section.spec .spec_wrap .swiper-pagination{
	}	
section.spec .spec_wrap .swiper-pagination-bullet{
      width: 30px;
      height: 30px;
      background-color:#c49e89;
      border:0px solid red;
    }

section.spec .spec_wrap .swiper-pagination-bullet-active {
      background-color: #e05d2f;
    }









section.doc{
	background:#f7f0ec;
	height:950px;
	}
section.doc .doc_wrap {
	position:Relative;
      width:1300px;
      height:750px;
      overflow:hidden;
      border:0px solid red;
    }
section.doc a.schbtn{
	position:relative;
	display:block;
	width:250px;
	height:50px;
	border:1px solid #57463f;
	border-radius:8px;
	text-align:center;
	font-size:20px;
	font-weight:500;
	line-height:2.6;
	letter-spacing:-0.05em;
	overflow:hidden;
	margin:30px auto 0 auto;
	}

section.doc .doc_wrap .swiper-slide {
			width:550px;
			height:750px;
			position:Relative;
      text-align: center;
      font-size: 18px;
      background:none;
      /*display: flex;
      justify-content: center;
      align-items: center;*/
      border:0px solid red;
      margin:0 auto;      
      overflow:hidden;
    }

section.doc .doc_wrap .swiper-slide a.profile{
	position:absolute;
	display:block;
	top:420px;
	right:45px;
	width:100px;
	height:80px;	
	text-decoration:none;
	text-align:center;
	font-size:20px;
	font-weight:500;	
	background:url(../img/main/doc_ar.png) center 55px #57463f no-repeat;
	border-radius:3px;	
	color:#fff;
	line-height:3.2;
	overflow:hidden;
	}


		
section.doc .doc_wrap .swiper-slide img{
	display:block;
	width:550px;
	height:400px;
	background:#aaa;
	margin:0 auto;
	}
section.doc .doc_wrap .swiper-slide	h3{
	display:block;
	width:550px;
	margin:10px auto 0 auto;
	font-size:45px;
	
	font-weight:400;
	line-height:1.2;
	text-align:left;
	}
section.doc .doc_wrap .swiper-slide	h3 b{
	font-weight:700;
	
	}
section.doc .doc_wrap .swiper-slide	h6{
	display:block;
	width:550px;
	margin:10px auto 0 auto;
	font-size:25px;
	
	font-weight:400;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-align:left;
	}		
		
section.doc .doc_wrap .swiper-button-next,
section.doc .doc_wrap .swiper-button-prev {
	width:27px;
	height:47px;
	top:200px;
	border:0px solid red;
	}
section.doc .doc_wrap .swiper-button-next {
	background-image:url(../img/main/part_ar_next.png)
	}
section.doc .doc_wrap .swiper-button-prev {
	background-image:url(../img/main/part_ar_prev.png)
	}
section.doc .doc_wrap .swiper-button-next::after,
section.doc .doc_wrap .swiper-button-prev::after{
	display: none;
	}	
	
	
section.view{
	background:#57463f;
	height:1200px;

	}	
section.view h2{
	color:#fff;
	}
section.view .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

section.view .swiper-slide {
      background-size: cover;
      background-position: center;
    }

section.view .gallery2 {
      height:620px;
      width: 930px;
    }

section.view .gallery {
	width:930px;
      height:80px;
      box-sizing: border-box;
      padding: 10px 0;
    }

section.view .gallery .swiper-slide {
      width: 20%;
      height: 100%;
      opacity: 0.4;
    }

section.view .gallery .swiper-slide-thumb-active {
      opacity: 1;
    }

section.view .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }



section.board{
	background:#faf4f1;
	height:900px;
	text-align:center;
	}	
section.board div.wrap{
	position:relative;
	display:inline-block;
	width:480px;
	height:440px;
	margin:0 50px 0 auto;	
	border:0px solid red;
	overflow:hidden;
	
	}
section.board div.last{
	margin:0 auto;
	}
section.board div.wrap h4{
	font-size:45px;
	text-align:left;
	letter-spacing:-0.05em;
	color:#333;
	padding:0;
	line-height:1.2;
	border:0px solid red;
	margin:0;
	}
section.board div.wrap a.btn{
	position:absolute;
	width:120px;
	height:35px;
	border:0px solid #000;
	right:0;
	top:10px;
	font-size:35px;
	font-family:GmarketSansB;
	color:#c49e89;
	letter-spacing:-0.05em;
	}	
section.board div.wrap ul{
	position:relative;
	width:90%;
	height:285px;
	margin:30px auto 0 auto;
	border:1px solid #e4c7b7;
	border-radius:8px;
	padding-top:40px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	background:#fff;
	}
section.board div.wrap ul li{
	position:relative;
	width:100%;
	height:40px;
	border-bottom:1px solid #f5f5f5;
	text-align:left;
	line-height:1.2;
	font-size:22px;
	font-weight:500;
	letter-spacing:-0.05em;
	text-indent:30px;
	background:url(../img/main/main_board_dot.png) 5px 9px no-repeat;
	margin-bottom:15px;
	}
	
section#footer_map_wrap{
	background:#fcfcfc;
	padding-top:50px;
	padding-bottom:50px;
	overflow:Hidden;
	border-top:1px solid #efefef;
	}
section.footer_map{
		width:1400px;
    height: auto;
    border:0px solid red;
    margin:0 auto;
    text-align:Center;
}
section.footer_map iframe{
	display:inline-block;
	margin:0 auto;
	border:1px solid red;
	vertical-align:top;
	}
section.footer_map div.mapwrap {
    position: relative;
    display:inline-block;
    width:620px;
    height:auto;
    border:0px solid red;
    margin:50px auto 0 20px;
    overflow:hidden;
    top:0;
}
section.footer_map div.mapwrap2 {
    position: relative;
    float:right;
    display:inline-block;
    width:640px;
    height:auto;
    border:0px solid red;
    margin:50px auto 0 auto;
    overflow:hidden;
    top:0;
}

section.footer_map div.mapwrap h3{
	display:block;
	width:100%;
	position: relative;
    margin:0 auto 10px auto;
    font-size:20px;
    font-weight: 400;    
    letter-spacing: -0.05em;
   color:#000;
    text-align: left;    
    line-height: 1.2;
	}
section.footer_map div.mapwrap h3 b{
	font-size:40px;
	font-weight:700;
	}
section.footer_map div.mapwrap h3 span{
	display:inline-block;
	margin-right:15px;
	font-size:40px;
	font-weight:700;
	letter-spacing: -0.05em;
	width:150px;
	margin-right:10px;
	color: #533e29;
	}	
section.footer_map div.mapwrap ul.tel{
	position:relative;
	width:98%;
	height:auto;
	margin:30px auto;
	border:0px solid red;	
	overflow:Hidden;
	}

section.footer_map div.mapwrap div.time{
	position:relative;
	width:100%;
	height:auto;
	margin:20px auto;
	border:0px solid red;	
	overflow:Hidden;
	}
section.footer_map div.mapwrap div.time h3{
	display:inline-block;
	width:auto;
	float:left;
	font-size:40px;
	font-weight:700;
	letter-spacing: -0.05em;
	color: #533e29;
	line-height:1;
	margin:0 auto 20px auto;
	padding:0;
	overflow:hidden;
	border:0px solid red;
	}		


section.footer_map div.mapwrap div.time ul{
	position:Relative;
	display:inline-block;
	width:450px;
	height:auto;
	float:right;
	border:0px solid red;
	}
section.footer_map div.mapwrap div.time ul li{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 8px auto;
	text-align:left;
	font-size:22px;
	font-weight:400;
	line-height:1;
	color:#000;
	}
section.footer_map div.mapwrap div.time ul li span{
	display:inline-block;
	width:120px;
	height:28px;
	border:1px solid #c49e89;
	border-radius:5px;
	margin:0 10px 0 0;
	text-align:center;
	color:#666;
	overflow:hidden;
	line-height:1.8;
	font-size:16px;
	font-weight:600;
	vertical-align:-5px;	
	}
section.footer_map div.mapwrap div.time ul li span.l{
	border:1px solid #aaa;
	color:#999;
	}	
section.footer_map div.mapwrap div.time ul li:last-child{
	font-size:18px;
	font-weight:400;
	text-indent:130px;
	}



footer {
    position: relative;
    width: 100%;
    height:auto;
    background: #fcf8ec;
    overflow: hidden;
}

footer p.caution{
	position:relative;
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	background:#9e8a77;
	text-align:center;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:-0.05em;
	color: #fcf8ec;
	overflow:hidden;	
	}



footer div {
    position: relative;
    width:95%;
    height: 255px;
    margin:20px auto 0 auto;
    border: 0px solid red;
}

footer div ul.menu {
    position: absolute;
    left:10px;
    top:10px;
    border: 0px solid #fff;
}

footer div ul.menu li {
    float: left;
    padding-left:10px;
    padding-right:10px;
    text-align: center;
    border-right: 1px solid #fff;
}

footer div ul.menu li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size:15px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #533e29;
    text-decoration: none;
}

footer div ul.menu li:first-child {
    padding-left: 0;
}

footer div ul.menu li:first-child a {
    color: #533e29;
}

footer div ul.menu li:last-child {
    border-right: 0px solid #c0c0c0;
}

footer div address {
    position: absolute;
    height: auto;
    left:10px;
    top: 40px;
    font-size:16px;
    font-style: normal;
    text-align: left;
    line-height: 1.8;
    letter-spacing: -0.03em;
    color: #533e29;
}

footer div address span {
    font-size:15px;
    color: #533e29;
    letter-spacing: -0.03em;
}
footer div a.rotate{
	position: absolute;
	display:block;
	width:160px;
	height:160px;
  right: 0;
  top: 0;
  border:0px solid red;
  background:url(../img/footer_fillup_1.png) center center no-repeat;
	}
footer div a.rotate img.circle {
    position: absolute;
    right: 0;
    top: 0;
    animation: rotate_image 12s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate_image {
    100% {
        transform: rotate(360deg);
    }
}

footer div ul.sns {
    position: absolute;
    right: 5px;
    top: 10px;
    border: 0px solid red;
    height:auto;
}

footer div ul.sns li {
   	DISPLAY:block;
    width:160px;
    height:60px;
    margin-bottom:5px;
}

.pic-100{
	width:100px;
	height:100px;
}
.pic-200{
	width:200px;
	height:100px;
}