@charset "utf-8";

#header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:50;}
#header .contain {*zoom:1;}
#header .contain:after {content:" "; display:block; clear:both;}
#header .sitelogo {float:left; width:252px; margin:17px 0 0 15px;}
#header .sitelogo img {width:100%; display:block; vertical-align:top;}
#header .gnb {float:right;}
#header .gnb li {float:left;}
#header .gnb a {display:block; padding:0 16px; font-size:16px; font-weight:500; color:#666; line-height:60px; text-decoration:none !important;}

.section-header {margin-bottom:80px; text-align:center;}
.section-header h1 {font-size:70px; line-height:1.2em; color:#666;}
.section-header p {font-size:16px; font-weight:500; line-height:1.6em; color:#999;}

.contain {width:1200px; margin:0 auto;}

#HOME {position:relative; text-align:center; background:#252525;}
#HOME .caption {position:absolute; top:40%; left:0; width:100%;}
#HOME h1 {margin-bottom:15px;}
#HOME h1 img {margin:0 auto;}
#HOME p {margin-bottom:25px; font-family:'NanumSquare','Nanum Gothic',sans-serif !important; font-size:35px; font-weight:700; color:#fff; line-height:1.2em; text-shadow:0 0 2px rgba(0,0,0,.15);}
#HOME a {display:inline-block;width:180px;height:50px;border:2px solid #fff;line-height:48px;text-align:center;font-size:13px;font-weight:500;color:#fff;background:rgba(255,255,255,.6);}
#HOME a:hover {color:#333; background:#ccc;border-color:#ccc;}

#ABOUT {text-align:center; background:#f8f8f8;}
#ABOUT .wrap {padding:100px 0 140px;}
#ABOUT .logo {margin-bottom:45px;}
#ABOUT .ko {margin-bottom:35px; color:#333;}
#ABOUT .ko p {font-size:18px; line-height:1.6em;}
#ABOUT .en {color:#999;}
#ABOUT .en p {font-size:16px;}

#OUTTEAM {text-align:center; background:#e5e0d9 url("/images/main2_team_bg.jpg") 50% 50% no-repeat; background-size:cover;}
#OUTTEAM .wrap {padding:100px 0;}
#OUTTEAM .slider {padding:0 67px;}
#OUTTEAM .slider dl {padding:20px 0 0; color:#333; font-family:'Nanum Gothic',sans-serif !important;}
#OUTTEAM .slider dt {font-size:18px; font-weight:normal;}
#OUTTEAM .slider dt big {font-size:20px; font-weight:700;}
#OUTTEAM .slider dd {padding:5px 0 0 0;font-size:13px; color:#999;}
#OUTTEAM .owl-nav div {position:absolute; top:32%; width:32px; height:50px; background-position:50% 50%; background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;}
#OUTTEAM .owl-nav .owl-prev {left:-52px;; background-image:url("/images/slide_prev.png");}
#OUTTEAM .owl-nav .owl-next {right:-52px; background-image:url("/images/slide_next.png");}
#OUTTEAM .owl-dots {display:none;}

#PORTFOLIO {background:#fff;}
#PORTFOLIO .wrap {padding:100px 0;}
.grid {z-index:20;}
.grid:after {content:'';display:block;clear:both;}
.grid-sizer,
.grid-item {width:20%;}
.grid-item {float:left;}
.grid-item img {display:block; width:100%; vertical-align:top;}
.grid-item a {display:block; position:relative; overflow:hidden;}
.grid-item a .tit {
	position:absolute;
	bottom:-50px;
	left:0;
	width:100%;
	height:50px;
	padding:15px 0;
	background:rgba(0,0,0,.8);
	color:#fff;
	font-size:16px;
	font-weight:700;
	line-height:20px;
	text-align:center;
	opacity:0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.grid-item a .tit span {display:block;width:100%;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.grid-item a:hover .tit {
	bottom:0;
	opacity:1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.filters {display:inline-block; margin:0 0 33px; text-align:center; height:45px; overflow:hidden;}
.filters li {display:inline;}
.filters li:first-child a {margin:0;}
.filters li a {position:relative; float:left; margin:0 0 0 1px; width:200px; height:45px; font-size:18px; font-weight:500; background:#ccc; color:#fff; line-height:45px; text-align:center; text-decoration:none !important;}
.filters li a.active {background:#a6937c; color:#fff;}
.btn-more {display:block;margin:62px auto 0;width:160px;padding:16px 0 12px;border:2px solid #e5e5e5;line-height:normal;text-align:center;font-size:14px;font-weight:700;color:#b7b7b7;background:#fff;}
.btn-more i {font-size:1.5em;}
.btn-more:hover {color:#848484; background:#ccc;border-color:#ccc;}

#PARTNER {background:#f8f8f8;}
#PARTNER .wrap {padding:100px 0;}
#PARTNER .section-header {margin-bottom:30px;}
#PARTNER .section-header p {color:#333;}
.partner.mg {margin-bottom:35px;}
.partner {text-align:center;}
.partner p {color:#999; font-size:16px; font-weight:500; line-height:1.3em; margin-bottom:10px;}
.partner ul:after {content:""; display:block; clear:both;}
.partner ul li {float:left; width:25%; border:1px solid #e5e5e5; background:#fff; color:#333; font-size:18px; line-height:1.3em; margin-right:-1px; margin-bottom:-1px;}
.partner ul li a {display:block; padding:23px 10px;}
.partner ul li img {display:block; margin:0 auto 7px; max-width:100%;}

#PACKAGE {background:#333;}
#PACKAGE .background {position:relative; height:270px; overflow:hidden; background-image:url("../images/background2.jpg"); background-position:50% 0; background-repeat:no-repeat;}
#PACKAGE .wrap {padding:100px 0;}
#PACKAGE .section-header {margin-bottom:55px;}
.package-top {margin-bottom:60px; color:#fff; font-size:18px; line-height:1.6em; text-align:center;}
.package {overflow:hidden; color:#fff;}
.package .row {*zoom:1; margin:0 -20px;}
.package .row:after {content:" "; display:block; clear:both;}
.package .col {float:left; width:50%; padding:0 20px 40px;}
.package dl {display:table; width:100%;}
.package .cell {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.package .heading {display:table; width:100%; height:130px; background:#4a4a4a;}
.package .heading .ico {display:inline-block; width:92px; height:92px; background-repeat:no-repeat; background-position:50% 50%; margin-right:24px; vertical-align:middle;}
.package .heading .ico.ico1 {background-image:url("../images/package_icon1.png");}
.package .heading .ico.ico2 {background-image:url("../images/package_icon2.png");}
.package .heading .ico.ico3 {background-image:url("../images/package_icon3.png");}
.package .heading .ico.ico4 {background-image:url("../images/package_icon4.png");}
.package .heading .ico.ico5 {background-image:url("../images/package_icon5.png");}
.package .heading .article {display:inline-block;  vertical-align:middle; text-align:left;}
.package .heading .article .title {display:inline-block; margin-right:12px; font-size:26px;  font-family:"Nanum Gothic",sans-serif; font-weight:700; line-height:1.3em; vertical-align:top;}
.package .heading .article .title small {display:inline-block; font-size:16px; font-weight:normal; line-height:1.3em; vertical-align:top;}
.package .heading .article .price {display:inline-block; margin-top:3px; width:159px; height:49px; font-size:20px; font-weight:700; line-height:49px; text-align:center; color:inherit; text-decoration:none; background:#3f3f3f; border-radius:5px; vertical-align:top;}
.package .heading .article .price big {position:relative; margin:-.2em 0 0; font-weight:500; font-size:30px; line-height:40px; vertical-align:middle;}
.package .heading .article .txt {margin-top:5px; text-align:left; font-size:18px;}
.package .description {display:table; width:100%; height:94px; background:#3f3f3f; font-size:16px; line-height:1.6em;}
.package .description .cell {padding:10px 24px;}
.package .detail {display:table; width:100%; height:163px; border:1px solid #3f3f3f; color:#999; font-size:14px; line-height:1.6em;}
.package .detail .cell {padding:10px 24px;}
.package .col-5 {width:100%;}
.package .col-5 .heading {float:left; width:48%; height:110px;}
.package .col-5 .detail {float:left; width:52%; height:110px;}
.package .col-5 .detail .cell {text-align:left;}

#CONTACT {background:#333 url("/images/contact_bg.jpg") 50% 50% no-repeat; background-size:cover;}
#CONTACT .wrap {padding:50px 0;}
#CONTACT .section-header h1 {color:#fff;}
.contact-form {float:left; width:514px; margin-left:85px;}
.contact-form .group {margin-bottom:6px;}
.contact-form .group:after {content:" "; display:block; clear:both;}
.contact-form .group label {float:left; width:31%; height:40px; background:#333; margin:0; text-align:center; color:#fff; font-weight:400 !important; line-height:38px; border:1px solid #666;}
.contact-form .group .input {float:right; width:68%; height:40px; padding:7px; line-height:24px; font-size:16px; border:0; outline:0; color:#333; background:#fff; border:1px solid #666;}
.contact-form .group.group-text {margin-bottom:25px;}
.contact-form .group.group-text label {height:170px; line-height:18px; padding:66px 0;}
.contact-form .group.group-text .input {height:170px;}
.contact-form p {margin-top:10px; margin-bottom:20px;}
.contact-info {float:left; margin-left:37px; width:530px; padding:0 0 0 8px; color:#fff;}
.contact-info h2 {font-family:"Roboto",sans-serif; font-size:30px; font-weight:700; line-height:30px; margin-top:0; margin-left:-8px; margin-bottom:20px;}
.contact-info ul {padding:0; margin:0 0 8px; overflow:hidden; font-family:"Nanum Gothic",sans-serif;}
.contact-info ul li {float:left; list-style:none; line-height:20px; margin-bottom:10px;}
.contact-info ul li.addr {width:100%;}
.contact-info ul li.addr .en {margin-left:86px;}
.contact-info ul li.tel {margin-right:14px;}
.contact-info ul li.email {width:100%;}
.contact-info .ico-kakao {display:inline-block; width:20px; height:15px; background:url("../images/icon_kakao.png") 50% 50% no-repeat; vertical-align:middle;}
.contact-info .sns {margin-top:20px;}
.contact-info .sns a {color:#fff; font-size:1.6em; margin:0 6px;}
.contact-info .sns .blog {font-size:1.15em; font-style:normal; font-weight:700; vertical-align:middle;}
.contact-info .sns .kakao {display:inline-block; position:relative; margin:-.2em 0 0; width:21px; height:20px; background:url("/images/icon_kakao2.png") 50% 50% no-repeat; vertical-align:middle;}

.group.group-captcha {margin-bottom:25px;}
#captcha {width:350px}
.group.group-captcha label {height:100px; line-height:18px; padding:40px 0;}
.group.group-captcha .captcha_div {float:right; width:68%; height:100px; }
.group.group-captcha .captcha-wrap {overflow:hidden; margin-left:1px;}
.group.group-captcha .input {width:100%; display:block;}
.group.group-captcha .btn-submit{width:120px !important; height:60px !important}

.btn-submit {display:inline-block;width:170px;padding:11px 0;border:1px solid #666;line-height:normal;text-align:center;font-size:13px;font-weight:400;line-height:21px;color:#fff;background:#333;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.btn-submit:hover {color:#333; background:#ccc;border-color:#ccc;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.btn-submit.lg {font-size:16px;}

#RESERVATION {background:#333;}
#RESERVATION .wrap {padding:100px 0;}
#RESERVATION .section-header {margin-bottom:60px;}
#RESERVATION .section-header h1 {display:inline-block; position:relative; font-size:45px; color:#fff; padding:0 28px;}
#RESERVATION .section-header h1:before {content:" "; position:absolute; top:50%; right:100%; width:130px; height:1px; background:#ccc;}
#RESERVATION .section-header h1:after {content:" "; position:absolute; top:50%; left:100%; width:130px; height:1px; background:#ccc;}
.reserv-wrap {padding:40px 50px 100px; background:#666; color:#fff;}
.reserv-wrap h2 {margin-bottom:17px; font-size:20px; text-align:center;}
.reserv-wrap .terms {margin-bottom:42px;}
.reserv-wrap .terms .agree-box {position:relative; width:100%; height:223px; padding:20px; background:#fff; color:#666; font-size:14px; line-height:1.6em; overflow:auto;}
.reserv-wrap .terms .agree-box h3 {font-size:18px; margin-bottom:28px;}
.reserv-wrap .terms .agree-chk {padding:5px 10px 0 0; text-align:right;}
.reserv-wrap .terms .agree-chk label {font-weight:400; margin:0;}
.reserv-wrap .top-txt {font-size:14px; line-height:1.6em; text-align:center; margin-bottom:15px;}
.reserv-wrap .form {margin-bottom:40px; overflow:hidden;}
.reserv-wrap .form .row {margin:0 -10px;}
.reserv-wrap .form .col {float:left; width:50%; padding:0 10px;}
.reserv-wrap .form .col-lg {padding:0 10px;}
.reserv-wrap .form .group {display:table; width:100%; margin-bottom:6px;}
.reserv-wrap .form .group .label {display:table-cell; width:160px; height:100%; text-align:center; vertical-align:middle; font-size:14px; font-weight:400; line-height:18px; background:#333; border-radius:0; padding:0;}
.reserv-wrap .form .group .input {display:table-cell; width:100%; height:40px; padding:10px 15px; line-height:20px; font-size:14px; border:0; outline:0; color:#333; background:#fff; border:0;}
.reserv-wrap .form .group textarea.input {height:80px;}
.reserv-wrap .form .group .check-list {display:table-cell; width:auto; height:100%; padding:12px 15px; background:#fff;}
.reserv-wrap .form .group .check-list li {display:inline-block; padding:5px 15px 5px 0; color:#333; font-family:"Nanum Gothic",sans-serif; font-size:14px; line-height:20px;}
.reserv-wrap .form .group .check-list label {font-weight:normal; margin:0;}
.reserv-wrap .form .group.group-captcha .captcha_div {float:none;display:table-cell; width:calc(100% - 160px);height:auto;}
.reserv-wrap .form .group.group-captcha .captcha-wrap {margin-bottom:1px; margin-left:0;}
.reserv-wrap .form .group.group-captcha .input {display:block;}
.reserv-wrap .bank-info {margin-bottom:35px; text-align:center; font-size:14px; line-height:1.6em;}
.reserv-wrap .bank-info .info {font-size:16px; line-height:30px; margin-bottom:20px;}
.btn-app {display:inline-block;width:170px;padding:12px 0;border:0;line-height:normal;text-align:center;font-size:16px;font-weight:700;line-height:21px;color:#fff;background:#333;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.btn-app:hover {color:#333; background:#ccc;border-color:#ccc;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

#footer {padding:12px 0; text-align:center; background:#292929; color:#666; font-size:13px; line-height:16px;}

.view-wrap {padding:50px; color:#fff; overflow:hidden;}
.view-wrap dt {padding:20px 0 12px; font-size:24px; line-height:1.3em;}
.view-wrap dd {position:relative; height:160px; overflow:auto;}

#map {width:1200px; height:500px;}

.scrollTop {position:fixed; bottom:25px; right:25px; width:48px; height:48px; background:url("../images/scoll_top.png") 0 0 no-repeat; border-radius:3px; z-index:100; overflow:hidden;}
.scrollTop:hover {background-position:0 -48px;}