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

.bodyarea {padding: 20px}

.cost_btn {border: 0;background: #f1485b;font-size: 11px;color: #fff;border-radius: 14px;height: 28px;margin-left: 10px;padding: 0 15px}
.cost_btn:hover {background: #fb6173}
.carousel.item img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:15px;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}
header .header {z-index: 99;position: fixed;width: 100%;}
header .header .gnb_wrap {max-width: 1600px;margin: 0 auto;position: relative}
header .header .gnb_type {max-width: 1200px;margin: 60px auto;background:rgba(255, 255, 255, 0.95);position: relative;box-shadow: 0 4px 8px #ccc;height: 70px;}
header .header .gnb_type_sub {background:rgba(255, 255, 255, 0.95);height: 70px;}
header .header .gnb .gnb_ul {margin: 0 auto;display: table;height: 70px;}
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 20px;height: 70px;display: table}
header .header .gnb .gnb_ul li a {color: #333}
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: #f1485b;font-family: 'NanumSquare-EB';border-bottom: 5px solid #f1485b}
/*header .header .all_nav {position: absolute;right: 0;padding:0;top:0px;cursor: pointer;background: #f1485b;color: #fff;display: table}
header .header .all_nav .inner {display: table-cell;vertical-align: middle;height: 70px;padding: 0 20px}*/
header .header .all_nav {position: absolute;right: 20px;padding:0;top:10px;cursor: pointer;background: #f1485b;color: #fff;display: table;border-radius: 25px}
header .header .all_nav .inner {display: table-cell;vertical-align: middle;height: 46px;padding: 0 20px;}
header .header .logo {position: absolute;left: 20px;padding: 15px 0;}
header .header .logo img {height: 40px;cursor: pointer;}
header .header::after {clear: both;display: block;content: ''}

.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;
	min-width: 150px;
	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: 100%;
	padding-top: 0px;
}
.gnb>ul .depth01 a {
	display: block;
	color: #222;
	background: #f1485b;
}
.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:14px 30px 14px 20px;font-family: 'NanumSquare-EB';font-size: 14px}
.depth01 .inner:hover {color: #fcfcfc;background: #c73e4e;}
.depth01 a {color: #fff !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;position: relative}
.carousel .main_ba {height: 870px;}
.carousel .main_ba .ba_text {display: table;width: 300px;background: rgba(255, 255, 255, 0.95);height: 870px;}
.carousel .main_ba .ba_text .inner {display: table-cell;vertical-align: middle;padding: 0 50px;position: relative}
.carousel .main_ba .ba_text .inner .title {font-size: 30px;line-height: 1.4em;margin-bottom:50px;color: #f1485b;padding: 0 20px}
.carousel .main_ba .ba_text .inner .sub {font-size: 15px}
.carousel .carousel_btn {position: absolute;bottom:50px;width: 300px;left: 0;text-align: center;display: table}
.carousel .carousel_btn .carousel_back {display: table-cell;padding: 0 5px;text-align: right;width: 50%;cursor: pointer}
.carousel .carousel_btn .carousel_next {display: table-cell;padding: 0 5px;text-align: left;width: 50%;cursor: pointer}
.carousel .carousel_btn img {height: 30px}


.main_wrap {position: relative;padding: 120px 0;}
.main_wrap .main_title {text-align: center;font-size: 2em;margin-bottom: 10px;line-height: 1em;letter-spacing: -0.05em}
.main_wrap .sub_text {font-size: 15px;text-align: center}

#sec1 .review_carousel {margin: 40px auto 40px;position: relative;display: table;width: 100%}
#sec1 .review_carousel .item {background: #fff;border-radius: 10px;width: 23%;margin: 0 1%;float: left}
#sec1 .review_carousel .item .img {text-align: center;width: 100%;margin: 0 auto;}
#sec1 .review_carousel .item .img img {border-radius: 0 0 10px 10px;max-width: 90%;}
#sec1 .review_carousel .item .title {text-align: center;color: #444;padding: 20px 0 10px;font-size: 18px}
#sec1 .review_carousel .item .bodytext {color: #444;padding: 20px 30px;height: 120px;text-align: center;overflow: hidden;font-size: 14px;line-height: 1.8em}
#sec1 button { 
	display:block; width:100%; height:50px;color:#333;line-height:50px;background-color:#fff; text-align:center; cursor: pointer;transition:all 0.5s;border: 0;border-radius:  0 0 10px 10px;font-size: 22px
}
#sec1 button:hover{box-shadow:500px 0 0 0 #f1485b inset;color: #fff}

#sec2 .main_box {display: table;width: 100%;overflow: hidden}
#sec2 .main_box .main_box_title {padding: 20px 0;position: relative;font-size: 25px}
#sec2 .main_box .left {float: left;width: 50%;padding-right: 20px}
#sec2 .main_box .right {float: right;width: 50%;padding-left: 20px}

.main_noti {overflow: hidden;height: 96px;width: 100%;display: table;border-bottom: 1px solid #ddd;color: #444}
.main_noti .main_noti_left {display: table-cell;vertical-align:middle;width: 20%;text-align: center}
.main_noti .main_noti_right {display: table-cell;vertical-align:middle;width: 80%;overflow: hidden}
.main_noti .main_noti_right .subject {font-size: 18px;}
.main_noti .main_noti_right .sub {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 1.4em;
	width: 100%;
	margin-top:5px;
	color: #787878
}

footer {background: #fff;color: #333;position: relative;padding: 50px 0;display: table;width: 100%;}
footer .info {overflow: hidden;display: table-cell;width: 40%;border-right: 1px solid #eee;padding: 0 40px}
footer .time {overflow: hidden;display: table-cell;width: 30%;border-right: 1px solid #eee;padding: 0 40px}
footer .map {overflow: hidden;display: table-cell;width: 30%;padding: 0 40px}
footer .map img {max-width: 100%}
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 .time ul li {font-size: 13px;line-height: 1.7em;color: #444}
footer .time ul li span {color: #f1485b}
footer .time .kakao {margin-top: 20px}
footer .time .kakao img {height: 40px}

footer .subject {font-size: 16px;letter-spacing: -0.05em}
.footer_banner {height: 310px}

@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: fixed;width: 100%;}
	header .header .gnb_type {max-width: 90%;margin: 60px auto;background:rgba(255, 255, 255, 0.95);position: relative;box-shadow: 0 4px 8px #ccc;height: 70px;}
	header .header .gnb_type_sub {background:rgba(255, 255, 255, 0.95);height: 70px;}
	header .header .gnb {position: absolute;right: 20px}
	header .header .gnb .gnb_ul {margin: 0 auto;display: table;height: 70px;}
	header .header .gnb .gnb_ul li {float: left;text-align: center;font-size: 14px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;padding: 0 20px;height: 70px;display: table}
	header .header .gnb .gnb_ul li a {color: #333}
	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: #f1485b;font-family: 'NanumSquare-EB';border-bottom: 5px solid #f1485b}
	header .header .all_nav {display: none}
	header .header .logo {position: absolute;left: 30px;padding: 20px 0;}
	header .header .logo img {height: 30px;cursor: pointer;}
	header .header::after {clear: both;display: block;content: ''}
	
	.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;
		min-width: 150px;
		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: 100%;
		padding-top: 0px;
	}
	.gnb>ul .depth01 a {
		display: block;
		color: #222;
		background: #f1485b;
	}
	.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:14px 30px 14px 20px;font-family: 'NanumSquare-EB';font-size: 14px}
	.depth01 .inner:hover {color: #fcfcfc;background: #c73e4e;}
	.depth01 a {color: #fff !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: 90%;margin: 0 auto;position: relative}
	
	footer {background: #fff;color: #333;position: relative;padding: 50px 0;display: table;width: 100%;}
	footer .info {overflow: hidden;display: table-cell;width: 50%;border-right: 1px solid #eee;padding: 0 40px}
	footer .time {overflow: hidden;display: table-cell;width: 50%;border-right: 0;padding: 0 40px}
	footer .map {display: none}
	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 .time ul li {font-size: 13px;line-height: 1.7em;color: #444}
	footer .time ul li span {color: #f1485b}
	footer .time .kakao {margin-top: 20px}
	footer .time .kakao img {height: 40px}
	
	footer .subject {font-size: 16px;letter-spacing: -0.05em}
	.footer_banner {height: 310px}
}

@media screen and (max-width: 780px){/* 최소 ~ 최대 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}
	
	.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}

	header {width:100%;z-index: 10;padding-bottom: 70px}
	header .nav_header {display: none}
	header .header .gnb {display: none}
	header .header {z-index: 10;position: fixed;width: 100%;background:rgba(255, 255, 255, 0.95);border-bottom: 1px solid #ddd}
	header .header .gnb_type {max-width: 100%;margin: 0 auto;background:rgba(255, 255, 255, 0.95);position: relative;box-shadow: inherit;height: 70px;}
	header .header .logo {position: relative;text-align: left;padding: 20px 20px;width: 100%;left: 0}
	header .header .logo img {height: 30px;cursor: pointer;}
	
	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {text-align: center;font-size: 18px;margin-bottom: 0;line-height: 1em;letter-spacing: -0.05em}
	.main_wrap .sub_text {font-size: 13px;text-align: center}
			
	.m_gnb_ul {display: table;width: 100%;text-align: right;margin-top: 10px;}
	.m_gnb_ul li {font-size: 1.8em;line-height: 1.1em;padding: 15px 20px;font-weight: 300;position: relative;}
	.m_gnb_ul li a {color: #2f2f2f}
	.m_gnb_ul li a:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: #5e488c;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	.m_gnb_ul li a:hover:after {width: 100%;left: 0;}
	.m_gnb_ul li.on .depth0{font-weight: bold;text-decoration: underline}
	.m_gnb_ul li .m_gnb_sub_nav {margin-top: 20px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: 15px;margin-top:10px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li {padding: 15px 0;}
	
	.mgnb {color: #67646e;position: fixed;z-index:99;width:360px;top:0px;background:#fff;display: table;right: -360px;visibility: hidden}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	.mgnb .logo {padding: 30px}
	.mgnb .logo img {height: 60px}
	.mgnb ul li a {color: #2f2f2f}
	.nav_logo {padding: 40px 20px}
	
	.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: 92%;margin: 0 auto;position: relative}
	
	.carousel {z-index: 0;}
	.carousel .main_ba {height: 280px;}
	.carousel .main_ba {height: 280px;}
	.carousel .main_ba .ba_text {display: table;width:150px;background: rgba(255, 255, 255, 0.95);height: 280px;}
	.carousel .main_ba .ba_text .inner {display: table-cell;vertical-align: middle;padding: 0 0;position: relative}
	.carousel .main_ba .ba_text .inner .title {font-size: 16px;line-height: 1.4em;margin-bottom:50px;color: #f1485b;padding: 0 0}
	.carousel .main_ba .ba_text .inner .sub {font-size: 10px;line-height: 1.6em}

	.carousel .carousel_btn {display: none}
	
	footer {background: #fff;color: #333;position: relative;padding: 0px 0;display: table;width: 100%;}
	footer .info {overflow: hidden;display: table;width: 100%;border-bottom: 1px solid #eee;border-right: 0;padding: 30px 0}
	footer .time {overflow: hidden;display: table;width: 100%;border-right: 0;padding: 30px 0}
	footer .map {display: none}
	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;text-align: left}
	
	footer .time ul li {font-size: 13px;line-height: 1.7em;color: #444}
	footer .time ul li span {color: #f1485b}
	footer .time .kakao {margin-top: 20px}
	footer .time .kakao img {height: 40px;margin-bottom: 50px}
	
	footer .subject {font-size: 16px;letter-spacing: -0.05em}
	.footer_banner {height: 180px}
	
	
	#sec1 .review_carousel {margin: 40px auto 40px;position: relative;display: table;width: 100%}
	#sec1 .review_carousel .item {background: #fff;border-radius: 10px;width: 48%;margin: 2% 1%;float: left}
	#sec1 .review_carousel .item .img {text-align: center;width: 100%;margin: 0 auto;}
	#sec1 .review_carousel .item .img img {border-radius: 0 0 10px 10px;max-width: 90%;}
	#sec1 .review_carousel .item .title {text-align: center;color: #444;padding: 10px 0 5px;font-size: 14px}
	#sec1 .review_carousel .item .bodytext {color: #444;padding: 10px 30px;height: 120px;text-align: center;overflow: hidden;font-size: 14px;line-height: 1.8em}
	#sec1 button { 
		display:block; width:100%; height:30px;color:#333;line-height:30px;background-color:#fff; text-align:center; cursor: pointer;transition:all 0.5s;border: 0;border-radius:  0 0 10px 10px;font-size: 18px
	}
	#sec1 button:hover{box-shadow:500px 0 0 0 #f1485b inset;color: #fff}

	#sec2 .main_box {display: table;width: 100%;overflow: hidden}
	#sec2 .main_box .main_box_title {padding: 20px 0;position: relative;font-size: 25px}
	#sec2 .main_box .left {float: left;width: 100%;padding-right: 0}
	#sec2 .main_box .right {float: right;width: 100%;padding-left: 0;margin-top:20px}
	
	.main_noti {overflow: hidden;height: 96px;width: 100%;display: table;border-bottom: 1px solid #ddd;color: #444}
	.main_noti .main_noti_left {display: table-cell;vertical-align:middle;width: 20%;text-align: center}
	.main_noti .main_noti_right {display: table-cell;vertical-align:middle;width: 80%;overflow: hidden}
	.main_noti .main_noti_right .subject {font-size: 18px;}
	.main_noti .main_noti_right .sub {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.4em;
		height: 1.4em;
		width: 100%;
		margin-top:5px;
		color: #787878
	}
}