@charset "utf-8";
::-moz-selection {
   background-color: #ead4bc;
}
::selection {
	background-color: #ead4bc;
}
.pcolor {color:#ead4bc}
.noborder {border: 0 !important}

.bodyarea {padding: 40px 20px;line-height: 2em !important}
.bodyarea img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.autoimg {display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

.carousel.item img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:16px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
.mo {display: none}
.tb {display: none}

header {position: relative;background: transparent !important;}
header .header {z-index: 99;position: relative;position: fixed;width: 100%;background:inherit}
header .header.bgcolor {background:#fff;border-bottom:1px solid #ddd}
header .header .logo {padding: 25px 50px;}
header .header .logo img {height: 40px;cursor: pointer;}
header .header .gnb {position: absolute;right: 50px;top: 0;}
header .header .gnb .gnb_ul {margin: 0 auto;display: table;}
header .header .gnb .gnb_ul li {float: left;text-align: center;font-size: 17px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;padding: 0 25px;height: 90px;display: table}
header .header .gnb .gnb_ul li a {color: #666}
header .header .gnb .gnb_ul li a span {display: table-cell;vertical-align: middle;height: 90px;}
header .header .gnb .gnb_ul li.on a span {color: #000;font-family: 'NanumSquare-B';}
header .header .mlogo {display: none}


.gnb>ul>li>a {
	display: block;
	color: #fff;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.gnb>ul .depth01 {
	position: absolute;
	left: 0;
	top: 80%;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	
}
.gnb>ul>li:hover .depth01 {
	opacity: 1;
	visibility: visible;
	top: 93%;
	padding-top: 0px;
	background: #ead4bc;
}
.gnb>ul .depth01 a {
	float: left;
	color: #fff;
	background: #ead4bc;
	width: 100%;
}
.gnb>ul .depth01 .top{
	background: #ead4bc;
	height: 5px;
}
.gnb>ul .depth01 .bottom{
	background: #ead4bc;
	height: 5px;
}
.gnb>ul .depth01 .top:after {content:''; position:absolute; width:0; height:0; border-style:solid;}
.gnb>ul .depth01 .top:after {border-width:6px 6px;left:47px;border-color: transparent transparent #ead4bc transparent ;top:-12px;}

.depth01 .inner{text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:10px 20px;font-family: 'NanumSquare-EB';font-size: 14px}
.depth01 .inner:hover {background: #e0ccb4;color: #333}
.depth01 a {color: #7e6946 !important}
.depth01_back {background: rgba(255, 255, 255, 0.95);position: absolute;top:90px;width: 100%;padding: 30px;z-index: 8;display: none}

.all_gnb li {float: left;width: 14.2%;text-align: center}
.all_gnb li .nav_title {color: #444;font-size: 18px;font-family: 'NanumSquare-B';}
.all_gnb li .nav_title:hover {text-decoration: underline}
.all_gnb li .nav_sub {margin-top: 10px}
.all_gnb li .nav_sub .inner {color: #444;font-size: 14px}
.all_gnb li .nav_sub .inner:hover {text-decoration: underline}

.gnb_btn, .mgnb, .mgnbmask {display: none}

#contents {margin-top:0;overflow: hidden}
.wrap {width: 1200px;margin: 0 auto;position: relative}

/* carousel */
.carousel {z-index: 0}
.carousel .main_ba {height: 800px;}
.carousel .main_ba .inner {width: 1200px;margin: 0 auto;position: relative;}	
.carousel .main_ba .inner .bodytext {overflow: hidden;display: table;height: 800px;margin: 0 auto}
.carousel .main_ba .inner .bodytext .vs_text {font-family: 'MapoFlowerIsland';display: table-cell;vertical-align: middle;font-weight: 600;font-size: 55px;color: #444}
.carousel .main_ba .inner .bodytext .vs_img {display: table-cell;vertical-align: middle;padding: 0 40px}
.carousel .main_ba .inner .bodytext .vs_img img {max-height: 500px}

.main_wrap {position: relative;padding: 120px 0;}
.main_wrap .main_title {font-family: 'MapoFlowerIsland';text-align: center;font-weight: 600;font-size: 40px;margin-top: 10px;margin-bottom: 20px;line-height: 1.3em;color: #666666}
.main_wrap .main_title_mo {margin-top: -140px}

.area_ul {margin-top:60px;width: 100%;margin-left: 1px;display: table;height: 280px;}
.area_ul li {display: table-cell;width: 20%;background: #fff;padding: 0;text-align: center;position: relative;vertical-align: middle;overflow: hidden;border-left: 0;cursor: pointer}
.area_ul li .icon img {height: 70px;margin-bottom: 30px}
.area_ul li .title {font-size: 16px;font-family: 'NanumSquare-B';line-height: 1.4em;color: #535354}
.area_ul li .tag {line-height: 1.6em;margin-top: 20px;height: 70px;color: #666;font-size: 13px}
.area_ul li.hover .title {color: #7e4b12}
.area_ul li.hover {background: url(/images/main/main_hover.png) no-repeat;background-position: right bottom;}

.mid_bar {background: #e8dac2;overflow: hidden}
.mid_bar .left {text-align: right;float: left;width: 50%;background: url(/images/main/banner_bg.jpg) no-repeat;background-position:center;background-size: cover;height: 600px;}
.mid_bar .right {text-align: left;float: right;width: 50%;height: 600px;padding: 60px 80px;color: #444;position: relative}
.mid_bar .right .title {font-family: 'MapoFlowerIsland';font-size: 30px;font-weight: 600;line-height: 1.3em}
.mid_bar .right .go {margin-top: 50px}
.mid_bar .right .go a {font-family: 'NanumSquare-B';color:#72573a;}
.mid_bar .right .go img {height: 7px;margin-left: 5px}
.mid_bar .right .bottom {color:#564843;font-family: 'NanumSquare-L';line-height: 1.4em;position: absolute;bottom: 60px;left: 80px;font-size: 14px}
.mid_bar .right .bottom img {height: 50px;margin-top: 10px}

.noti_ul {margin-top:60px;}
.noti_ul ul {display: table;width: 100%}
.noti_ul ul li {display: table-cell;width: 33.33%;border: 1px solid #fafafa;cursor: pointer;padding: 30px 40px;transition: all .2s ease-in-out;}
.noti_ul ul li:hover {border: 1px solid #mediumseagreen;transition: border .8s;background: rgb(255,255,255,.8)}
.noti_ul ul li .inner {padding: 0}
.noti_ul ul li .inner .subject {
	font-family: 'NanumSquare-B';color:#333;font-size: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.2em;
	height: 1.2em;
}
.noti_ul ul li .inner .bodytext {
	color:#6f625b;font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.8em;
	height: 5.4em;
	margin-top:20px
}
.noti_ul ul li .inner .date {font-family: 'Roboto';font-size: 13px;color: #666;margin-top: 30px;position: relative}
.noti_ul ul li .inner .date .go {position: absolute;right: 0;top:0}
.noti_ul ul li .inner .date .go img {height: 6px;}

.main_map {height: 580px;}
#kakaomap {height: 580px;}
.main_map .wrap {position: relative}
.main_map .wrap .info {background: #f1f0eb;height: 580px;position: absolute;right: 0;top:0;width: 500px;padding: 40px 50px;z-index: 9}
.main_map .wrap .info .address {font-size: 20px;margin-top:20px}
.main_map .wrap .info .address_sub {font-size: 16px;color: #666;margin-top:5px}
.main_map .wrap .info .title {font-size: 20px;font-family: 'NanumSquare-EB';}
.main_map .wrap .info .tel {font-size: 25px;line-height: 1.5em;margin-top: 20px}
.main_map .wrap .info .title2 {font-size: 20px;margin-top: 30px;font-family: 'NanumSquare-EB';}
.main_map .wrap .info table {margin-top: 20px;width: 100%}
.main_map .wrap .info table tr th {vertical-align: top;font-size: 20px;width: 25%;font-family: 'NanumSquare-B';}
.main_map .wrap .info table tr td {vertical-align: top;font-size: 18px;width: 75%;padding-bottom: 10px;font-family: 'NanumSquare-B';}
.main_map .wrap .info table tr td div {color: #84716c;font-size: 14px}

footer {background: #fff;color: #333;position: relative;padding: 50px 0;overflow: hidden;width: 100%;}
footer .info {overflow: hidden;float:left;width: 28%;padding: 0}
footer .footer_nav {overflow: hidden;float:right;width: 72%;padding: 0 30px 30px;border-left: 1px solid #eee;} 
footer .footer_nav ul li {float: left;padding-right: 50px}
footer .footer_nav ul li:last-child {padding-right: 0}

footer .info .text {font-size: 13px;line-height: 2em}
footer .info .text span {padding: 0 10px}
footer .info .text span.first {padding-left: 0}
footer .info .copy {font-size: 12px;margin-top: 15px;}
footer .kakaoimg img {height: 40px}

.local_btn {font-family: 'NanumSquare-B';font-size: 13px;color: #fff;background: #69a5e7;width: 220px;height: 50px;border-radius: 25px;border: 0;margin: 5px;line-height: 1em}
.local_s_btn {font-family: 'NanumSquare-B';font-size: 12px;color: #fff;width: 140px;height: 32px;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_btn_a {font-family: 'NanumSquare-B';font-size: 13px;color: #fff;height: 50px;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_btn_a:disabled {background: #333}

.main_gr {
	background: rgb(2,0,36);
	background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(245,118,146,1) 0%, rgba(246,175,146,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(245,118,146,1) 0%, rgba(246,175,146,1) 100%);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(245,118,146,1) 0%, rgba(246,175,146,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#f6af92",GradientType=1);
}

.video_modal {width: 1200px;margin: 100px auto}

@media screen and (max-width:1199px) {
	body {font-size:14px;margin: 0;padding: 0;background: #fff;color: #333;line-height: 1.6em;font-weight: 400;}
	.mo {display: none}
	.tb {display: inherit}
	
	header {position: relative;}
	header .header {z-index: 99;position: relative;position: fixed;width: 100%}
	header .header .logo {position: relative;padding: 25px 0 0;text-align: center;left: 0}
	header .header .logo img {height: 40px;cursor: pointer;}
	header .header .gnb {float: none;margin: 0 auto;}
	header .header .gnb {position: relative;right: inherit;top: inherit;}
	header .header .gnb .gnb_ul {margin: 0 auto;display: table;}
	header .header .gnb .gnb_ul li {float: left;text-align: center;font-size: 17px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;padding: 0 25px;height: 70px;display: table}
	header .header .gnb .gnb_ul li a {color: #666}
	header .header .gnb .gnb_ul li a span {display: table-cell;vertical-align: middle;height: 70px;}
	header .header .gnb .gnb_ul li.on a span {color: #000;font-family: 'NanumSquare-B';}
	header .header .mlogo {display: none}
	
	.main_wrap {position: relative;padding: 80px 0;}
	.main_wrap .main_title {text-align: center;font-size: 2.8em;margin-top: 10px;margin-bottom: 20px;line-height: 1em}
	
	.main_wrap .left {float: left;width: 50%;display: table;overflow: hidden}
	.main_wrap .right {float: right;width: 50%;display: table;overflow: hidden}
	.main_wrap .cw_inner {display: table-cell;vertical-align: middle;}
	
	
	#contents {margin-top:0;overflow: hidden}
	.wrap {width: 96%;margin: 0 auto;position: relative}
	
}

@media screen and (max-width: 999px) {
	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {font-family: 'MapoFlowerIsland';text-align: center;font-weight: 600;font-size: 20px;margin-bottom: 20px;line-height: 1.3em;color: #666666}
	.main_wrap .main_title_mo {margin-top: -130px}
	
	.area_ul {margin-top:30px;width: 100%;margin-left: 1px;display: table;height: inherit;}
	.area_ul li {display: inline-block;width: 50%;background: #fff;padding: 20px 10px;text-align: center;position: relative;vertical-align: middle;overflow: hidden;border-left: 0;cursor: pointer}
	.area_ul li .icon img {height: 40px;margin-bottom: 20px}
	.area_ul li .title {font-size: 13px;font-family: 'NanumSquare-B';line-height: 1.4em;color: #535354}
	.area_ul li .tag {line-height: 1.6em;margin-top: 10px;height: 60px;color: #666;font-size: 11px}
	.area_ul li.hover .title {color: #7e4b12}
	.area_ul li.hover {background: url(/images/main/main_hover.png) no-repeat;background-position: right bottom;}
	
	.mid_bar {background: #e8dac2;overflow: hidden}
	.mid_bar .left {text-align: right;float: inherit;width: 100%;background: url(/images/main/banner_bg.jpg) no-repeat;background-position:center;background-size: cover;height: 300px;}
	.mid_bar .right {text-align: left;float: inherit;width: 100%;height: inherit;padding: 40px 30px;color: #444;position: relative}
	.mid_bar .right .title {font-family: 'MapoFlowerIsland';font-size: 20px;font-weight: 600;line-height: 1.3em}
	.mid_bar .right .go {margin-top: 90px}
	.mid_bar .right .go a {font-family: 'NanumSquare-B';color:#72573a;}
	.mid_bar .right .go img {height: 7px;margin-left: 5px}
	.mid_bar .right .bottom {color:#564843;font-family: 'NanumSquare-L';line-height: 1.4em;position: absolute;bottom: 40px;right: 30px;font-size: 12px;left: inherit;text-align: right}
	.mid_bar .right .bottom img {height: 40px;margin-top: 10px}
	
	.noti_ul {margin-top:30px;}
	.noti_ul ul {display: table;width: 90%;margin: 0 auto}
	.noti_ul ul li {display: table;width: 100%;border: 1px solid #ddd;cursor: pointer;padding: 30px 40px;transition: all .2s ease-in-out;margin-bottom: 20px}
	.noti_ul ul li:hover {border: 1px solid #mediumseagreen;transition: border .8s;background: rgb(255,255,255,.8)}
	.noti_ul ul li .inner {padding: 0}
	.noti_ul ul li .inner .subject {
		font-family: 'NanumSquare-B';color:#333;font-size: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.2em;
		height: 1.2em;
	}
	.noti_ul ul li .inner .bodytext {
		color:#6f625b;font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.8em;
		height: 5.4em;
		margin-top:20px
	}
	.noti_ul ul li .inner .date {font-family: 'Roboto';font-size: 13px;color: #666;margin-top: 30px;position: relative}
	.noti_ul ul li .inner .date .go {position: absolute;right: 0;top:0}
	.noti_ul ul li .inner .date .go img {height: 6px;}
	
	.main_map {height: inherit;}
	#kakaomap {height: 380px;}
	.main_map .wrap {position: relative}
	.main_map .wrap .info {background: #f1f0eb;height: inherit;position: relative;right: inherit;top:inherit;width: inherit;padding: 40px 20px;z-index: 9;width: 100%}
	.main_map .wrap .info .address {font-size: 14px;margin-top:20px}
	.main_map .wrap .info .address_sub {font-size: 12px;color: #666;margin-top:5px}
	.main_map .wrap .info .title {font-size: 16px;font-family: 'NanumSquare-EB';}
	.main_map .wrap .info .tel {font-size: 20px;line-height: 1.5em;margin-top: 20px}
	.main_map .wrap .info .title2 {font-size: 16px;margin-top: 30px;font-family: 'NanumSquare-EB';}
	.main_map .wrap .info table {margin-top: 20px;width: 100%}
	.main_map .wrap .info table tr th {vertical-align: top;font-size: 15px;width: 25%;font-family: 'NanumSquare-B';}
	.main_map .wrap .info table tr td {vertical-align: top;font-size: 15px;width: 75%;padding-bottom: 10px;font-family: 'NanumSquare-B';}
	.main_map .wrap .info table tr td div {color: #84716c;font-size: 13px}
	
	footer {background: #fff;color: #333;position: relative;padding: 50px 20px 70px;overflow: hidden;width: 100%;}
	footer .info {overflow: hidden;float:none;width: 100%;padding: 0}
	footer .footer_nav {display: none}
	
	footer .info .text {font-size: 12px;line-height: 2em}
	footer .info .text span {padding: 0 10px}
	footer .info .text span.first {padding-left: 0}
	footer .info .copy {font-size: 11px;margin-top: 15px;}
	footer .kakaoimg img {height: 30px}

}
@media screen and (max-width: 720px){
	header {width:100%;z-index: 10;position: fixed;}
	header .nav_header {display: none}
	header .header .gnb {display: none}
	header .header {z-index: 10;width: 100%;}
	header .header .logo {display: none}
	header .header .mlogo {position: relative;text-align: left;padding: 20px 20px;width: 100%;left: 0;display: block}
	header .header .mlogo img {height: 30px;cursor: pointer;}

	.m_gnb_ul {display: table;width: 100%;text-align: center;margin-top: 10px;}
	.m_gnb_ul li {font-size: 22px;line-height: 1.1em;padding: 15px 0;font-weight: 300;position: relative;}
	.m_gnb_ul li a {color: #2f2f2f}
	.m_gnb_ul li.on .depth0 {position: relative;z-index: 9;text-align: center}
	.m_gnb_ul li.on .depth0:before {content: '';position: absolute;bottom: -3px;height: 13px;background: #c7a36d;width: 100%;z-index: -1}
	.m_gnb_ul li .m_gnb_sub_nav {margin: 20px;font-size: 0;border: 1px solid #eee;text-align: left;background: #fafafa !important;border-radius: 20px;overflow: hidden}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: 13px;padding:14px 0;float: left;width: 50%;border-bottom: 1px solid #eee;padding-left: 20px;}
	
	.mgnb {color: #67646e;position: fixed;z-index:99;width:100%;top:0px;background:#fff;display: table;right: -360px;visibility: hidden}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	.mgnb ul li a {color: #2f2f2f}
	.nav_logo {padding: 60px 20px 40px;text-align: center}
	
	.gnb_btn {position: fixed;right: 20px;top:12px;display: table;z-index: 99}
	.back_btn {position: absolute;left: 20px;top:14px;cursor: pointer}
	.back_btn img {height: 16px}

	#contents {margin-top:0;overflow: hidden}
	.wrap {width: 100%;margin: 0 auto;position: relative}
}	
@media screen and (max-width: 540px){/* 최소 ~ 최대 720 */
	body {font-size:14px;margin: 0;padding: 0;line-height: 1.6em;font-weight: 400;}
	.pc {display: none}
	.tb {display: none}
	.mo {display: inherit}

	/* carousel */
	.carousel {z-index: 0}
	.carousel .main_ba {height: 400px;}
	.carousel .main_ba .inner {width: 100%;margin: 0 auto;position: relative;height: 400px;}	
	.carousel .main_ba .inner .bodytext {overflow: hidden;display: table;height: 400px;margin: 0 auto}
	.carousel .main_ba .inner .bodytext .vs_text {font-family: 'MapoFlowerIsland';display: table-cell;vertical-align: middle;font-weight: 600;font-size: 18px;color: #444}
	.carousel .main_ba .inner .bodytext .vs_img {dvertical-align: middle;padding: 0 10px}
	.carousel .main_ba .inner .bodytext .vs_img img {max-height: 150px}

}