@charset "utf-8";

@media (max-width: 1600px){
	.grid-sizer,
	.grid-item {width:25%;}
}

@media (max-width: 767px){
	#header .sitelogo {float:none; width:100%; margin:0; padding:13px 0; text-align:center;}
	#header .sitelogo img {width:190px; margin:0 auto;}
	#header .gnb {float:none; text-align:center; border-top:1px solid #e5e5e5;}
	#header .gnb li {float:none; display:inline-block; padding:0 5px; text-align:center;}
	#header .gnb a {padding:10px 0; font-size:13px; line-height:20px; letter-spacing:-.6px;}

	.contain {width:100%;}

	#container {margin-top:85px;}

	.section-header {margin-bottom:30px;}
	.section-header h1 {font-size:38px;}
	.section-header p {font-size:11px;}

	#HOME .caption {position:absolute; top:35%; left:0; width:100%;}
	#HOME h1 {margin-bottom:10px; text-align:center;}
	#HOME h1 img {width:80%;}
	#HOME p {margin-bottom:25px; font-size:18px;}
	#HOME a {width:150px;height:37px;line-height:35px;font-size:11px;}

	#ABOUT .wrap {padding:40px 13px;}
	#ABOUT .logo {margin:0 10px 30px;}
	#ABOUT .logo img {width:100%}
	#ABOUT .ko {margin-bottom:25px;}
	#ABOUT .ko p {margin-bottom:5px; font-size:14px; line-height:18px;}
	#ABOUT .en p {margin-bottom:5px; font-size:12px; line-height:16px;}
	#ABOUT .en big {font-size:15px;}
	#ABOUT .en p br {display:none;}

	#OUTTEAM {overflow:hidden; background:url("/images/main2_team_bg_m.jpg") 50% 50% no-repeat;}
	#OUTTEAM .wrap {padding:40px 0;}
	#OUTTEAM .slider {padding:0;}
	#OUTTEAM .slider dl {padding:10px 0 0;}
	#OUTTEAM .slider dt {font-size:14px;}
	#OUTTEAM .slider dt big {font-size:15px;}
	#OUTTEAM .slider dd {padding:3px 0 0 0;font-size:11px;}
	#OUTTEAM .owl-nav {display:none;}
	#OUTTEAM .owl-dots {display:none;}

	#PORTFOLIO .wrap {padding:40px 0;}
	.grid-item {width:50%;}
	.grid-item a .tit {height:30px; padding:7px 0; font-size:13px; line-height:16px;}
	.grid-item a .tit span {padding:0 5px;}
	.filters {display:block; margin:0 0 15px; text-align:center; height:30px; overflow:hidden;}
	.filters li {float:left; width:25%; padding-left:1px;}
	.filters li:first-child {padding-left:0;}
	.filters li a {float:none; display:block; margin:0; width:100%; height:30px; font-size:12px; line-height:30px; letter-spacing:-.5px;}
	.btn-more {margin:20px auto 0;width:110px;padding:10px 0 8px;font-size:12px;}
	.btn-more i {font-size:1.5em;}

	#PARTNER .wrap {padding:40px 13px;}
	.partner ul li {width:50%; font-size:12px;}
	.partner ul li a {padding:8px 5px 15px;}

	#PACKAGE .background {height:140px; background-image:url("../images/background2_m.jpg"); background-size:cover;}
	#PACKAGE .wrap {padding:40px 0;}
	#PACKAGE .section-header {margin-bottom:20px;}
	.package-top {margin-bottom:20px; padding:0 13px; font-size:12px; line-height:1.6em;}
	.package-top br {display:none;}
	.package {padding:0 18px;}
	.package .row {margin:0;}
	.package .col {float:none; width:100%; padding:0 0 15px;}
	.package .heading {height:90px;}
	.package .heading .ico {width:55px; height:55px; background-size:50px 50px; margin-right:10px;}
	.package .heading .article .title {margin-right:6px; font-size:17px; min-width:85px;}
	.package .heading .article .title small {display:inline-block; font-size:14px; font-weight:normal; line-height:1.3em; vertical-align:top;}
	.package .heading .article .price {margin-top:2px; width:100px; height:40px; font-size:16px; line-height:40px;}
	.package .heading .article .price big {font-size:26px; line-height:26px;}
	.package .heading .article .txt {margin-top:5px; font-size:11px;}
	.package .description {height:auto; font-size:13px; line-height:1.4em;}
	.package .description .cell {padding:15px 18px;}
	.package .detail {height:auto; font-size:12px; line-height:1.4em;}
	.package .detail .cell {padding:10px 18px;}
	.package .col-5 {width:100%;}
	.package .col-5 .heading {float:none; width:100%; height:90px;}
	.package .col-5 .detail {float:none; width:100%; height:auto;}
	.package .col-5 .detail .cell {text-align:center;}

	#CONTACT {background:url("/images/contact_bg_m.jpg") 50% 50% no-repeat; background-size:cover;}
	#CONTACT .wrap {padding:40px 13px;}
	#CONTACT .section-header {margin-bottom:15px;}
	.contact-form {float:none; width:100%; margin-left:0;}
	.contact-form .group {margin-bottom:3px;}
	.contact-form .group label {width:33%; height:30px; line-height:28px; font-size:12px; letter-spacing:-.5px;}
	.contact-form .group .input {width:66%; height:30px; padding:6px 4px; line-height:16px; font-size:13px;}
	.contact-form .group.group-text {margin-bottom:3px;}
	.contact-form .group.group-text label {height:130px; line-height:18px; padding:51px 0;}
	.contact-form .group.group-text .input {height:130px;}
	.contact-form p {margin-top:10px; margin-bottom:20px;}
	.contact-info {float:none; margin-left:0; width:100%; padding:40px 0 0 4px;}
	.contact-info h2 {font-size:20px; line-height:20px; margin-bottom:15px; margin-left:-4px;}
	.contact-info ul li {float:none; font-size:12px; line-height:15px; letter-spacing:-.3px; margin-bottom:10px;}
	.contact-info ul li.addr .en {display:inline-block; margin-left:70px;}
	.contact-info ul li.tel {margin-right:14px;}
	.contact-info .ico-kakao {display:inline-block; width:15px; height:15px; background:url("../images/icon_kakao_x2.png") 0 50% no-repeat; background-size:auto 13px;}
	.contact-info .sns {margin-top:20px;}
	.contact-info .sns a {font-size:1.4em; margin:0 8px 0 0;}
	.contact-info .sns .blog {font-size:1.15em;}

	#captcha_img,#captcha_img2 {width:100px !important}
	#captcha_reload,#captcha_reload2 {width:60px !important; height:38px !important}
	#captcha {width:100%;}
	
	.group.group-captcha {width:100%; margin-bottom:15px;}
	.group.group-captcha label {height:68px; line-height:18px; padding:24px 0;}
	.group.group-captcha .captcha_div {float:right; width:66%; height:68px; overflow:hidden;}
	.group.group-captcha .input {float:left; width:100%;}
	.group.group-captcha .captcha_div .btn-submit{width:80px !important; height:60px !important}

	.btn-submit {width:128px;padding:7px 0;font-size:11px;line-height:16px;}
	.btn-submit.lg {font-size:14px;}

	#RESERVATION .wrap {padding:40px 0;}
	#RESERVATION .section-header {margin:0 13px 20px; overflow:hidden;}
	#RESERVATION .section-header h1 {font-size:20px; padding:0 15px;}
	#RESERVATION .section-header h1:before {width:100%;}
	#RESERVATION .section-header h1:after {width:100%;}
	.reserv-wrap {padding:20px 13px 50px; background:#666; color:#fff;}
	.reserv-wrap h2 {margin-bottom:12px; font-size:16px;}
	.reserv-wrap .terms {margin-bottom:20px;}
	.reserv-wrap .terms .agree-box {height:120px; padding:10px; font-size:12px; line-height:1.4em;}
	.reserv-wrap .terms .agree-box h3 {font-size:13px; margin-bottom:18px;}
	.reserv-wrap .terms .agree-chk {padding:5px 0 0 0; font-size:12px;}
	.reserv-wrap .top-txt {font-size:12px; line-height:1.4em; margin-bottom:15px;}
	.reserv-wrap .form {margin-bottom:20px;}
	.reserv-wrap .form .col {float:none; width:100%; margin-bottom:15px;}
	.reserv-wrap .form .group {margin-bottom:3px;}
	.reserv-wrap .form .group .label {width:90px !important; font-size:13px; line-height:16px;}
	.reserv-wrap .form .group .input {height:30px; padding:7px 5px; line-height:16px; font-size:13px;}
	.reserv-wrap .form .group textarea.input {height:80px;}
	.reserv-wrap .form .group .check-list {padding:7px 7px;}
	.reserv-wrap .form .group .check-list li {display:block; padding:5px 0; font-size:13px; line-height:16px; letter-spacing:-.5px;}
	.reserv-wrap .form .group.group-captcha .captcha_div {float:none; display:table-cell; width:calc(100% - 90px); height:68px; overflow:hidden;}
	.reserv-wrap .bank-info {margin-bottom:20px; font-size:12px; line-height:1.4em;}
	.reserv-wrap .bank-info .info {font-size:13px; line-height:17px; margin-bottom:12px;}
	.btn-app {width:128px;padding:7px 0;font-size:14px;}

	#footer {padding:10px 0; font-size:11px; line-height:14px;}

	.view-wrap {padding:18px; font-size:13px; line-height:16px;}
	.view-wrap dt {padding:14px 0 8px; font-size:18px; line-height:1.3em;}

	#map {width:100%; height:300px;}

	.scrollTop {bottom:25px; right:15px; width:32px; height:32px; background-size:32px 64px;}
	.scrollTop:hover {background-position:0 -32px;}


}