@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoT.eot') format('eot');
  src: url('font/AppleSDGothicNeoT.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoT.woff2') format('woff2'),
       url('font/AppleSDGothicNeoT.woff') format('woff'),
       url('font/AppleSDGothicNeoT.ttf') format('truetype');
  src:local(※), url('font/AppleSDGothicNeoT.woff') format('woff');
  font-weight: 100;
  font-style: nomal;
}

@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoUL.eot') format('eot');
  src: url('font/AppleSDGothicNeoUL.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoUL.woff2') format('woff2'),
       url('font/AppleSDGothicNeoUL.woff') format('woff'),
       url('font/AppleSDGothicNeoUL.ttf') format('truetype');
}
@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoL.eot') format('eot');
  src: url('font/AppleSDGothicNeoL.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoL.woff2') format('woff2'),
       url('font/AppleSDGothicNeoL.woff') format('woff'),
       url('font/AppleSDGothicNeoL.ttf') format('truetype');
  src:local(※), url('font/AppleSDGothicNeoL.woff') format('woff');
  font-weight: 300;
  font-style: nomal;
}
@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoR.eot') format('eot');
  src: url('font/AppleSDGothicNeoR.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoR.woff2') format('woff2'),
       url('font/AppleSDGothicNeoR.woff') format('woff'),
       url('font/AppleSDGothicNeoR.ttf') format('truetype');
  src:local(※), url('font/AppleSDGothicNeoR.woff') format('woff');
  font-weight: 400;
  font-style: nomal;
}
@font-face {
  font-family: 'AppleSDGothicNeo', sans-serif;
  src: url('font/AppleSDGothicNeoM.eot') format('eot');
  src: url('font/AppleSDGothicNeoM.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoM.woff2') format('woff2'),
       url('font/AppleSDGothicNeoM.woff') format('woff'),
       url('font/AppleSDGothicNeoM.ttf') format('truetype');
  src:local(※), url('font/AppleSDGothicNeoM.woff') format('woff');
  font-weight: 500;
  font-style: nomal;
}
@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoSB.eot') format('eot');
  src: url('font/AppleSDGothicNeoSB.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoSB.woff2') format('woff2'),
       url('font/AppleSDGothicNeoSB.woff') format('woff'),
       url('font/AppleSDGothicNeoSB.ttf') format('truetype');
  src:local(※), url('font/AppleSDGothicNeoSB.woff') format('woff');
  font-weight: 600;
  font-style: nomal;
}
@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoB.eot') format('eot');
  src: url('font/AppleSDGothicNeoB.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoB.woff2') format('woff2'),
       url('font/AppleSDGothicNeoB.woff') format('woff'),
       url('font/AppleSDGothicNeoB.ttf') format('truetype');
  font-weight: 700;
  font-style: nomal;
}

@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoEB.eot') format('eot');
  src: url('font/AppleSDGothicNeoEB.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoEB.woff2') format('woff2'),
       url('font/AppleSDGothicNeoEB.woff') format('woff'),
       url('font/AppleSDGothicNeoEB.ttf') format('truetype');
  font-weight: 800;
  font-style: nomal;
}

@font-face {
      font-family: 'Apple SD Gothic Neo',arial,sans-serif;
  src: url('font/AppleSDGothicNeoH.eot') format('eot');
  src: url('font/AppleSDGothicNeoH.eot#iefix') format('embedded-opentype'),
       url('font/AppleSDGothicNeoH.woff2') format('woff2'),
       url('font/AppleSDGothicNeoH.woff') format('woff'),
       url('font/AppleSDGothicNeoH.ttf') format('truetype');
  font-weight: 900;
  font-style: nomal;
}



/* CSS Document */


body{
	font-family: 'Apple SD Gothic Neo',arial,sans-serif;
    overflow-x: hidden;
    font-size: 1rem;
    min-width: 1480px;
}

.none{
	display:none;
}

.clear:after{
	content: "";
	display: block;
	clear: both;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	height: 0;
	width: 0;
	font-size:0;
}

#wrap{
	width:100%;
	/* min-width: 1400px; */
}


/*헤더*/
#header {
	width: 100%;
	background-color: #fff;
	position:fixed;	
	z-index:150;
	color: #f2f2f2;
	transition:.25s;
	-webkit-transition:.25s;
	-moz-transition:.25s;
	margin:0 auto;

}

#header .container {
	position: relative;
	width: 100%;
     max-width: 1920px;
     height: 80px;
     margin: 0 auto;
}

.logo_box {
	
	position: absolute;
	top: 31px;
	left: 43px;
}

#header.on {
	position: fixed;
	width: 100%;
	top: 0;
	border-bottom: solid 1px #ccc;
}


.navi_set {
	position: relative;
}

#header.on > .navi > .nav > .navi_set > .topnav > a {
	color: #000;
}

.navi{
	position:absolute;
	left: 50%;
	margin-left: -330px;
	float: left;
	width: 600px; 
	text-align: center;
	height:auto;
}


.nav{
	overflow: hidden;	 
}


.topnav{
	text-align:center;
	cursor:pointer;
	position: relative;
}


.navi_set{
	float: left;
	position:relative;
	width: 150px;
}


.topnav a{
	display:block;
	line-height:80px;
	color: #262626;
	width: 100%;
	font-family: 'Apple SD Gothic Neo',  sans-serif;
	font-weight: 700;
	/* font-size:18px;  */
	font-size: 1.1em;
}


.navi_set:hover > .topnav > a{
	color: #17356b;
}



.subnav{
	width: 165px;
	height:auto;
	text-align:center;
	cursor:pointer;
	display:none;
	margin-top:-1px;
	margin-left:-6px;
	border-top:1px solid #102847;
	text-align: center;
	
	
}

.navi_set:hover .subnav{
	display:block;
}

.subnav li{
	width:165px;
}

.subnav li a{
	color:rgb(0, 0, 0);
	display:block;
	line-height:35px;
	padding:13px 0px;
	width:100%;
	font-size:15px;
	font-family: 'AppleSDGothicNeo', sans-serif;
	font-weight: 400;
	background-color: rgb(255, 255, 255);
	text-align: center;
}


.subnav li:nth-child(1){
	/* padding-top: 10px; */

}

.subnav li a:hover{
	background-color: #fff;
	color: #2274ae;
}




.nav_bg{
	width:100%;
	height: 305px;
	/* background-color: #000000; */
	top: 80px;
	opacity: 0.7;
	position: absolute;
	display: none;
	
}

/* ****************** 사이트맵 ********************** */

.btn_sitemap {
	position: absolute;
	right: 0;
	width: 80px;
	height: 80px;
	background: #17356b;
	text-align: center;
}

.btn_sitemap img {
	display: inline-block;
	margin-top: 27px;
}


#sitemapContent {	
	position:fixed; 
	top:0; left:0; right:0; bottom:0; 
	z-index:-1;
	opacity:0;filter:Alpha(opacity=0); 
	display:none;
}

#sitemapContent.open_map {
	display: block;
    z-index: 9999;
    left: 0px;
    opacity: 1;
}

#sitemapContent #sitemapInnerCon{	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
#sitemapContent #sitemapInnerCon .sitemap-bg-box{	
	position: absolute;
	top: 0px;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #004976;
	background-size: auto;
}

#sitemapContent #sitemapInnerCon .sitemap-bg-box span{	
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 100%;
	background:url('../img/site_map/site_map.png') no-repeat center bottom;
}

#sitemapContent #sitemapInnerCon .area{	
	position:relative;
	width:1300px;
	margin:0 auto;
	display:block;
}
#sitemapContent #sitemapInnerCon .area h1{	
	
	display:block;
	position:relative;
	height:150px;
	margin:0px;
	left:0px;
	top:0px;
	margin-top:105px;
}
#sitemapContent #sitemapInnerCon .area h1 b{	
	position:absolute;
	left:0px;
	top:0px;
	width:541px;
	height:55px;
	background:url("../img/site_map/site_map_logo.png") no-repeat center top;
}

#sitemapContent #sitemapInnerCon .area h1 .effect02{	
	position:absolute;
	right:0px;
	top:0px;
	height:43px;
}
#sitemapContent #sitemapInnerCon .area h1 .effect02 button{	
	display: block;
    width: 30px;
    height: 30px;
    border: 0px;
    outline: 0px;
    background: url(../img/site_map/site_map_close.png) no-repeat 100% 100%;
    cursor: pointer;
    background-size: contain;
	
}
#sitemapContent #sitemapInnerCon .area > ul {	
	position:absolute;
	left:0px;
	top:155px;
	width:100%;
	height:543px;
}

#sitemapContent #sitemapInnerCon .area ul > li {	
	float:left;
	width:307px;
	text-align: center;
	position:relative;
	box-sizing: border-box;
}

#sitemapContent #sitemapInnerCon .area ul li.site_sup {
	position: relative;
}

#sitemapContent #sitemapInnerCon .area ul li.site_sup:after {
	content: '';
    position: absolute;
    top: 56px;
    right: 0;
    width: 1px;
    height: 305px;
    background: #175982;
}

#sitemapContent #sitemapInnerCon .area ul li h2{	
	color:#ffffff;
	font-size:30px;
	font-weight:700;
	position:absolute;
	top:58px;
	width:100%;
	height:43px;
}
#sitemapContent #sitemapInnerCon .area ul li ul{
	padding-top:171px;
}
#sitemapContent #sitemapInnerCon .area ul li ul li{		
	width:100%;
	height:auto;
	border-right:0px solid #175982;
}
#sitemapContent #sitemapInnerCon .area ul li ul li a{	
	display:block;
	padding:12px 0px ;
}
#sitemapContent #sitemapInnerCon .area ul li ul li a span{	
	display:block;
	color:#ffffff;
	font-size:15px;
}

#sitemapContent #sitemapInnerCon .area ul li ul li a span:hover {
	font-weight: bold;
}




/* 뭔지 모루게소요 */
/* .subnav li a:before{
	content: '';
	position: absolute;
	display: block;
	width:100%;
	height:4px;
	background-color:#8dc21a;
	margin:0 auto;
	bottom:0%;
	opacity:0;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transition:transform .25s,opacity .1s;
	-webkit-transition:-webkit-transform .25s,opacity .1s;
	-moz-transition:-moz-transform .25s,opacity .1s;
}

.subnav li a:hover:before{
	 opacity:1;
	 transform:scaleX(1);
	 -webkit-transform:scaleX(1);
	 -moz-transform:scaleX(1);
	 -ms-transform:scaleX(1);
}



.nav>li:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 4px;
	background-color: #8dc21a;
	margin: 0 auto;
	bottom: 0px;
	opacity: 0;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transition: transform .25s, opacity .1s;
	-webkit-transition: -webkit-transform .25s, opacity .1s;
	-moz-transition: -moz-transform .25s, opacity .1s;
}

.nav>li:hover:before {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
} */








.sideicon {
	position: relative;
	float: right;
	width: 500px;
	height: 80px;
}

.phone {
	position: absolute;
	top: 30px;
	left: 0;
}


.top_locabox {
	position: absolute;
	right: 80px;
	width: 80px;
	height: 80px;
}
.top_locabox img {
	margin: 22px 0 0 25px;
}


.top_locabox:hover{
	opacity:0.5;

}








/* 햄버거메뉴

.top_menuwrap{
	width:80px; height:80px; 
	float:right;
	text-align: center;
		margin: 0 auto;
			background-color: #102847;

}

.top_menubox{
	width: 45px;
	height: 20px;
	position: relative;
	float:right;
	margin: 23px 18px 20px 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;

	
}

.top_menubox span{
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #ffffff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}


.top_menubox span:nth-child(1) {
	top: 3px;
}

.top_menubox span:nth-child(2),
.top_menubox span:nth-child(3) {
	top: 15px;
}

.top_menubox span:nth-child(4) {
	top: 27px;
}

.top_menubox.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.top_menubox.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top_menubox.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.top_menubox.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

 */


#sidebar ul li:nth-child(1) {
	
} /*오픈고지1*/

#sidebar ul li:nth-child(2) {
	margin-top: 19px;
} /*오픈고지2*/

#sidebar ul li:nth-child(3) {
	margin-top: 80px;
} /*관심고객등록*/

#sidebar ul li:nth-child(4) {
	margin-top: 46px;
} /*오시는길*/







/*메인*/


#main{
	width: 100%;
	z-index: 10;
	padding-top: 80px;
}

/* main_ slide */

.main_visual {
	position: relative;
	width: 1920px;
	min-width:1200px;
	height: auto;
	opacity:1;
	left:50%;
	margin-left:-960px;
	overflow: hidden;
	z-index: 100;
}

.main_visual .swiper-slide {
	position: relative;
}


.main_visual .swiper-container {
	overflow: hidden;
	width: 100%;
	height: 100%;
}


.title1, .title2 {
	position: absolute;	
}

.title1 {
	top: 140px;
}

.title2 {
	top: 300px;
}

.visual_backg {
	width: 100%;
	height: auto;
}


.main_visual .swiper-button-next, .main_visual .swiper-button-prev {
	color: #000;
}

.main_visual  .swiper-slide-duplicate, .main_visual .swiper-slide {
	background-position: center center;
	background-size: cover;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	/* Slide content */
}

.main_visual .swiper-slide-duplicate .title2,
.main_visual .swiper-slide-duplicate .title1,
.main_visual .swiper-slide .title2,
.main_visual .swiper-slide .title1 {
	display: block;
	opacity: 0;
	transition: 0.5s ease 0.5s;
	padding-top:0;
}

.main_visual .swiper-slide-duplicate-active .title2,
.main_visual .swiper-slide-duplicate-active .title1,
.main_visual .swiper-slide-active .title2,
.main_visual .swiper-slide-active .title1 {
	padding-top:0;
	opacity: 1;
}

.main_visual .swiper-slide-duplicate-active .title1,
.main_visual .swiper-slide-active .title1 {
	margin-bottom: 1rem;
	color: #000;
	transition: opacity 1s ease 0.5s;
}

.main_visual .swiper-slide-duplicate-active .title2,
.main_visual .swiper-slide-active .title2 {
	color: #777;
	transition: opacity 1s ease 1.0s;
}



/* 프로그레스 바  */


.main_visual .swiper-progress-bar {
	left: 45.5%;
	position: absolute;
	width: 150px;
	display: block;
	z-index: 1;
	height: 2px;
	top: 430px
}

.main_visual .swiper-progress-bar .slide_progress-bar {
	position: absolute;
	height: 2px;
	background: #ffffff;
	width: auto;
	clear: both;
	opacity: 0;
	bottom: 45px;
	left: 0;
	right: 0;
}

.main_visual .swiper-progress-bar .slide_progress-bar:after {
	position: absolute;
	top: 0;
	left: 0;
	background: #2274ae;
	height: 100%;
	width: 0;
	content: "";
	transition: 0.1s width linear;
}

.main_visual .swiper-progress-bar.active .slide_progress-bar {
	opacity: 1;
}

.main_visual .swiper-progress-bar.animate .slide_progress-bar:after {
	transition: width linear;
	transition-delay: unset;
	width: 100%;
	transition-duration: 5s;
}


.main_visual .swiper-pagination-current{
	position:absolute;
	top:14.5%; 
	left:42%;
	color:#2274ae
}


.main_visual .swiper-pagination-total {
	position: absolute;
	top: 14.5%;
	left: 57%;
	color: #2274ae
}

/* // main_slide  */






/* 스크롤 디용디용 */

.visualscroll{
	position:absolute;
	display:flex;
	flex-direction: column;
	bottom:300px; left:55px;
	z-index: 999;
	width:14px; 
	height:230px; 
	animation-duration: 2s;
	animation-name: loops;
	animation-iteration-count:infinite
}

.visual_icon{
	margin-top:30px;
}



/* 디용디용 애니메이션 */

@keyframes loops {
	0% {
			bottom: 300px;
			opacity: 1
			
		}
	
		50% {
			bottom: 270px;
			
			opacity: 1
		}
	
		100% {
			bottom: 300px;
			opacity: 0.8
			
		}
}


/* business */

#business {
	overflow: hidden;
	position:relative;
	width:100%; 
	max-width:1920px;
	margin:0 auto;
	text-align: center;
}

.business_title {
	position: relative;
	height: 106px;
	margin-top: 103px;
}

.business_title img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -285px;
	opacity: 0;
}


#business_wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width:1418px;
	height: 406px;
	margin-top:80px;
	margin-bottom: 150px;
	opacity: 0;
}

.swiper.mySwiper01 {
	overflow: hidden;

}

/*
.b_box_1{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}


.b_box_2 {
	position: absolute;
	bottom: 0;
	left: 352px;
	opacity: 0;
}

.b_box_3 {
	position: absolute;
	top: 0;
	right: 352px;
	opacity: 0;
}


.b_box_4 {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}
*/

.business_link {
	display: block;
    width: 100px;
    height: 30px;
    position: absolute;
    bottom: 9px;
    left: 50%;
    margin-left: -50px
}

.business_bg {
	position: absolute;
	top: 0;
	z-index: -2;
	opacity: 0;
}

.swiper.mySwiper01 .swiper-button-prev {
	left: -50px;
}

.swiper.mySwiper01 .swiper-button-next {
	right: -50px;
}
.swiper.mySwiper01 .swiper-button-prev:after, .swiper.mySwiper01 .swiper-button-next:after {
	display: none;
}

/* 중간 바 */

#midbar{
	overflow: hidden;
	width: 100%;
	height:455px;
	background: url('../img/midbar_bacg.jpg') no-repeat center center;
	background-size: cover;
	/* background-color: violet; */
}

.midbar_wrap {
	position: relative;
	margin-top: 156px;
}

.midbar_title_1 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -336px;
}

.midbar_title_2 {
	position: absolute;
	top: 131px;
	left: 50%;
	margin-left: -247px;
}


/* 공지사항 */

#notice{
	overflow: hidden;
	width:100%; 
	max-width: 1568px;
	height: 818px;
	margin: 0 auto;
}

.notice_title_wrap {
	position: relative;
	margin-top: 142px;
	height: 114px;
}

.notice_title_wrap img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -285px;
	opacity: 0;
}

.notice_area {
	padding-top: 94px;
}


#contact_news_wrap{
	width:100%;
	max-width: 1568px;
	margin: 0 auto 176px;
	height:199px;
}

.cn_wrap {
	overflow: hidden;
}

.cn_wrap div {
	float: left; 
	width: 50%;
}

.cn_wrap div a {
	width: 100%;
	height: 100%;
}








/*footer*/
#footer{
	position: relative;
	width: 100%;
	height: 380px;
	margin:0 auto;
	background: url("../img/footer_backg.jpg");


} 

.footer_inner {
	position:relative;

    width: 600px;
	height:auto;
	padding-top:110px;
	text-align: center;
	margin: 0 auto;
}



.f_title{
	display: inline-block;
	padding-bottom:44px;
}



.admin_bt {
    width: 52px;
    height: 20px;
    position: absolute;
    top: 288px;
    right: -22px;
    background: pink;
    opacity: 0;
    z-index: 200;
}


/*// footer */
#subhead{
	width: 100%;
	position: relative;
	padding-top: 80px;
}

.subimgWrap{
	width: 1920px;
	height: 185px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	background: url("../img/subhed_backg.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}


.subheadtitle{
	position: absolute;
	width:500px; 
	height:50px;
	top:97px;
	left:330px;
	overflow: hidden;

	}


	.subheadtitle_img{

		animation: sideover 1s;
		animation-delay: 1s;
		opacity: 0;
		animation-fill-mode: forwards;

	}


	.board_if {
		max-width: 1200px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}


.subtitle_line{
	position:absolute;
	top:40px;
	left:280px;
	width:1px;
	height:50px;
	margin-top:50px;
	background-color: rgb(255, 255, 255);
	animation: linedown 0.7s
}


@keyframes linedown {
	0% {
		height: 0px
	}

	100% {
		height: 50px;
	}
}


@keyframes sideover {
	0% {
		margin-left: -330px;
		opacity: 0;
	}

	100% {
		margin-left: 0px;
		opacity: 1;
	}
}











.subPage{
	width: 100%;
}

.subtitle{
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.5px;
	transform : rotate(0.04deg);
	font-weight: 300;
	font-size: 35px;
	color: #414141;
	padding-top: 50px;
	padding-bottom: 25px;
}

.subarea{
	width: 1300px;
	position: relative; 
	left: 50%;
	transform: translateX(-50%)
}

.iframbox{
	width: 1200px;
	position: relative;
	margin: 0 auto;
}


.reservation_tab{position: relative; padding-bottom: 50px;}
.reservation_tab ul{ display: flex; justify-content: center;}
.reservation_tab ul li{width:350px; line-height: 45px; margin-left: 20px; text-align: center; border: 1px solid #C4C4C4; background-color: #F0F0F0;}
.reservation_tab ul li:nth-child(1){margin-left: 0;}
.reservation_tab ul li a{display: block; font-size: 16px; width: 100%; height: 100%; color: #353535; font-family: "NanumGothicBold",sans-serif;}

.reservation_tab ul li.on,
.reservation_tab ul li.on a{
	background-color: #102847;
	color: #fff;
	
}






/* 지도 */


.map_area {
    position: absolute;
    top: 12.7vw;
    left: 3%;
    width: 94%;
}

.root_daum_roughmap {
    width: 100% !important;
    margin-bottom: 2vw !important;
}


.root_daum_roughmap .wrap_map {
    height: 23.3vw !important;
}

.map_link {
	position: absolute;
    width: 305px;
    height: 50px;
    bottom: 148px;
    right: 343px;
}

.map_link .naver_link {
	display: inline-block;
    width: 150px;
    height: 100%;
}


.map_link .kakao_link {
	display: inline-block;
    width: 150px;
    height: 100%;
}