@charset "UTF-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

.header,.container,.accessibility,.footer,.header .header-wrap,.site-footer { display:none; }

@media only screen and (min-width:999px){

	.header,.container,.accessibility,.footer,.header .header-wrap { display:block; }

	@font-face {
		font-family: 'Noto Sans KR';
		font-style: normal;
		font-weight: 100;
		src: url('font/NotoSans/NotoSans-Thin.woff') format('woff');
	}

	@font-face {
		font-family: 'Noto Sans KR';
		font-style: normal;
		font-weight: 300;
		src: url('font/NotoSans/NotoSans-Light.woff') format('woff');
	}

	@font-face {
		font-family: 'Noto Sans KR';
		font-style: normal;
		font-weight: 400;
		src: url('font/NotoSans/NotoSans-Regular.woff') format('woff');
	}

	@font-face {
		font-family: 'Noto Sans KR';
		font-style: normal;
		font-weight: 500;
		src: url('font/NotoSans/NotoSans-Medium.woff') format('woff');
	}

	@font-face {
		font-family: 'Noto Sans KR';
		font-style: normal;
		font-weight: 700;
		src: url('font/NotoSans/NotoSans-Bold.woff') format('woff');
	}

	@font-face {
		font-family: 'Noto Sans KR';
		font-style: normal;
		font-weight: 900;
		src: url('font/NotoSans/NotoSans-Bold.woff') format('woff');
	}

	@font-face {
		font-family:'Noto Serif';
		font-style: normal;
		font-weight: 400;
		src: url('font/NofoSerif/NotoSerif-Regular.woff') format('woff');
	}

	/* Reset CSS
	 * --------------------------------------- */
	 html { height:100%; }
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
	form,fieldset,input,textarea,p,blockquote,th,td {
		padding: 0;
		margin: 0;
		font-size:13px;
		font-family: 'Noto Sans KR','NanumGoithic', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
		letter-spacing:-0.025em;
	}
    
    .noto {
        font-family: 'Noto Sans KR';
    }
	a{
		text-decoration:none;
	}
	table {
		border-spacing: 0;
	}
	fieldset,img {
		border: 0;
	}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-weight: normal;
		font-style: normal;
	}
	strong{
		font-weight: bold;
	}
	ol,ul {
		list-style: none;
		margin:0;
		padding:0;
	}
	caption,th {
		text-align: left;

	}
	h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
		font-size: 100%;
		margin:0;
		padding:0;
		color:#444;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { border: 0; }

	/* fullpage-pager */
	.fullpage-pager-wrap {
		position:fixed;
		top:0;
		right:14px;
		bottom:0;
		display:table;
		z-index: 100;
		height:100%;
	}
	.fullpage-pager {
		display:table-cell;
		width: 100%;
		padding: 0;
		margin:0;
		vertical-align:middle;
	}
	.fullpage-pager li + li {
		margin-top:8px
	}
	.fullpage-pager li a {
		display:block;
		border:1px solid #fff;
		width:10px;
		height:10px;
		border-radius:50%;
		background:transparent;
		background:rgba(0,0,0,.1);
		text-indent:-999px;
		overflow:hidden;
		font-size:1px;
		line-height:1px;
		box-shadow:0 0 5px rgba(0,0,0,.3);
	}
	.fullpage-pager li.active a {
		background:#fff;
	}
	.fullpage-pager li a:hover,
	.fullpage-pager li a:focus {
		background:rgba(255,255,255,.5);
	}


	/* MAIN */
	#poster {
		display:none;
		position: absolute;
		top:50%;
		left:50%;
		min-width: 100%;
		min-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		/*background-size: 100% 100%;
		background:url("../images/main/poster.jpg") center center no-repeat;
		background-size:cover;*/
		background:transparent;
		z-index:5;
	}
	#poster span { 
		position:absolute;
		font-size:13px;
		height:27px;
		line-height:26px;
		color:#555;
		text-align:center;
		width:222px;
		background:#fff;
		border-radius:13px;
		left:50%;
		top:50%;
		margin-left:-111px;
		margin-top:-13px;
		font-weight:300;
		opacity:.6; 
		-webkit-animation: blink 2s infinite;
		-moz-animation: blink 2s infinite;
		-ms-animation: blink 2s infinite;
		-o-animation: blink 2s infinite;
		animation: blink 2s infinite;
	}

	@-webkit-keyframes blink {
	 0% {opacity:.6}
	 50% {opacity:.9}
	}
	@keyframes blink {
	 0% {opacity:.6}
	 50% {opacity:.9}
	} 
	#myVideo{
		position: absolute;
		top:50%;
		left:50%;
		min-width: 100%;
		min-height: 100%;
		background-size: 100% 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: black; /* in case the video doesn't fit the whole page*/
		background-image: /* our video */;
		background-position: center center;
		background-size: contain;
		object-fit: cover; /*cover video background */
		z-index:3;
		display: none!important;
	}
	body.main {
		height:100%;
		background:url("../images/common/loading.png") center center no-repeat #000;
	}
	body.main > * { display:none;opacity:0; }
	#section0{
		position:relative;
		overflow: hidden;
		text-align:center;
	}
    
    .rs{
        text-align: left; !important;
    }
    
   /* .list-01 li{text-align: left; !important;    }
    .reservation_item {text-align: left; !important;    }
    .room_price_k {text-align: left; !important;}
    .room_price_e {text-align: left; !important;}*/
	/*#section0:before {
		content:"";
		position:absolute;
		left:0;
		width:100%;
		height:50%;
		z-index:4;
		background: -moz-linear-gradient(top, rgba(99,99,99,0.65) 0%, rgba(43,43,43,0) 30%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(99,99,99,0.65) 0%,rgba(43,43,43,0) 30%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(99,99,99,0.65) 0%,rgba(43,43,43,0) 30%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6636363', endColorstr='#00000000',GradientType=0 );
	}*/
	#section0 .fp-tableCell {
		position:absolute;
		overflow:hidden;
	}

	video#myVideo::-webkit-media-controls {
	  display:none !important;
	}

	.vdobtn-cont {
		position:absolute;
		z-index:4;
		border:0;
		top:153px;
		left:50%;
		margin-left:-100px;
		color:#fff;
		bottom:0;
		width:200px;
		height:20px;
		text-align:center;
	}
	.vdobtn { outline:0;height:20px;border:0;overflow:hidden;text-indent:-999px;background:url("../images/main/vdo_controls.png") no-repeat; }
	.vdobtn.soundon { width:88px;background-position:0 0; }
	.vdobtn.soundoff { width:88px;background-position:0 -20px; }
	.vdobtn.pause { width:21px;background-position:right 0; }
	.vdobtn.play { width:21px;background-position:right -20px; }

	.header {
		position:fixed;
		z-index:900;
		top:0;
		left:0;
		/*left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width:2356px;*/
		width:100%;    
		height:55px; 
	}
    .header.sub:hover .gnb{
        top:0;
        z-index:100;
    }
    .header.sub:hover .gnb h1 a{
       background:none;
    }
	.header .header-wrap {
		position:relative;
		margin:0 auto;
		max-width:2356px;
	}
	.header .header-wrap > h1 {
		position:absolute;
		width:334px;
		left:50%;
		top:40px;
		margin-left:-167px;
	}
	.header h1 a {
		display:block;
		text-indent:-999px;
		overflow:hidden;
		background:url("../images/main/logo.png") center 0 no-repeat;
		height:91px;
	}
	.header.active h1 a {
		background:none;
	}
	.header button.gnb-toggle {
		width:22px;
		height:22px;
		position:absolute;
		top:17px;
		left:20px;
		border:0;
		background:transparent;
		z-index:999;
		outline:0;
	} 
	.header button.gnb-toggle:before,
	.header button.gnb-toggle:after,
	.header button.gnb-toggle span {
		content:"";
		display:block;
		width:22px;
		height:2px;
		text-indent:-999px;
		overflow:hidden;
		background:#fff;
		left:0;
		position:absolute;
		opacity:1;
		transition:all .3s;
		-webkit-transform: rotate(0deg);;
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);;
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.header button.gnb-toggle:before { top:2px; }
	.header button.gnb-toggle:after { top:10px; }
	.header button.gnb-toggle span { top:18px; }

	.header button.gnb-toggle.active:before { background:#8a8a8a;top:10px;-webkit-transform: rotate(45deg);;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);;
		-o-transform: rotate(45deg);
		transform: rotate(45deg); }
	.header button.gnb-toggle.active:after { background:#8a8a8a;opacity:0; }
	.header button.gnb-toggle.active span { background:#8a8a8a;top:10px;-webkit-transform: rotate(-45deg);;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);;
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg); }
	.header .header-wrap > a  {
		color:#fff;
		font-size:13px;
		position:absolute;
		height:20px;
		line-height:20px;
		padding:0 5px;
		border:1px solid rgba(255,255,255,.6);
		top:17px;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-ms-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
		z-index:999;
	}
	.header .header-wrap > a:hover {
		background:rgba(0,0,0,.1);
		border:1px solid rgba(255,255,255,.8);
	}
	.header a.reservation {
		left:54px;
	}
	.header a.watch {
		right:20px;
	} 
	.header .header-wrap > a.blog {
		display:none;
		left:134px;
	}
	.header .header-wrap > a.instagram {
		display:none;
		left:134px;
		width:22px;
		height:22px;
		border:0;
		background:url("../images/common/ico_instagram.png") center center no-repeat;
		text-indent:-999px;
		overflow:hidden;
	}
	.header .header-wrap > a.facebook {
		display:none;
		left:160px;
		width:22px;
		height:22px;
		border:0;
		background:url("../images/common/ico_facebook.png") center center no-repeat;
		text-indent:-999px;
		overflow:hidden;
	}
	.header.sub {
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
		background:rgba(55,55,55,0);
	}
	.header.sub.fix {
		background:rgba(55,55,55,1);
	}
	.header.sub.fix .header-wrap > h1 {
		top:0;
	}
	.header.sub.fix .header-wrap > h1 a{
		background:url("../images/main/logo_fix.png") center center no-repeat;
		height:55px;
	}
	.gnb {
		position:fixed;
		top:-420px;
		left:0;
		right:0;
		background:rgba(255,255,255,.9);
		z-index:901;
		-webkit-transition:top .5s;
		-moz-transition:top .5s;
		-ms-transition:top .5s;
		-o-transition:top .5s;
		transition:top .5s;
	}
	.gnb h1 {
		width:326px;
		height:39px;
		background:url("../images/main/logo_blk.png") 0 0 no-repeat;
		overflow:hidden;
		text-indent:-999px;
		margin:25px auto 15px;
	}
	.gnb > ul {
		width:1100px;
		margin:0 auto;
		text-align:center;
		padding:26px 0;
		border-top:1px solid #dedbdd;
	}
	.gnb > ul > li {
		display:inline-block;
		width:12%;
		vertical-align:top;
	}
	.gnb > ul > li strong {
		display:block;
		height:26px;
		text-indent:-999px;
		overflow:hidden;
		font-size: 18px;
		background:url("../images/main/dep1.png") no-repeat;
		margin-bottom:20px;
	}
	.gnb > ul > li:nth-child(1) strong { background-position:center 0; }
	.gnb > ul > li:nth-child(2) strong { background-position:center -30px; }
	.gnb > ul > li:nth-child(3) strong { background-position:center -60px; }
	.gnb > ul > li:nth-child(4) strong { background-position:center -152px; }
	.gnb > ul > li:nth-child(5) strong { background-position:center -180px; }
	.gnb > ul > li:nth-child(6) strong { background-position:center -120px; }
	.gnb > ul > li:nth-child(7) strong { background-position:center -240px; }
	.gnb > ul > li:nth-child(8) strong {  }
	.gnb > ul > li strong a {
		display:block;
		width:100%;
		height:100%;
	}
	.gnb li li {
		height:24px;
	}
	.gnb li li a {
		display:block;
		height:24px;
		text-indent:0px;
		font-weight: 400;
		overflow:hidden;
		/* background:url("../images/main/dep2.png") no-repeat;
		 */	opacity:1;
		-webkit-transition:opacity .3s;
		-moz-transition:opacity .3s;
		-ms-transition:opacity .3s;
		-o-transition:opacity .3s;
		transition:opacity .3s;
		transition: all .3s;
	}
	.gnb li li a:hover,
	.gnb li li a:focus {
		font-weight: 700;
	}
	/* the Stay SUP */
	.gnb > ul > li:nth-child(1) li:nth-child(1) a { background-position:center 0; }
	.gnb > ul > li:nth-child(1) li:nth-child(2) a { background-position:center -30px; }
	
	/* Look Around */
	.gnb > ul > li:nth-child(2) li:nth-child(1) a { background-position:center -62px; }
	.gnb > ul > li:nth-child(2) li:nth-child(2) a { background-position:center -92px; }
	.gnb > ul > li:nth-child(2) li:nth-child(3) a { background-position:center -122px; }
	
	/* Stay Private */
	.gnb > ul > li:nth-child(3) li:nth-child(1) a { background-position:center -152px; }
	.gnb > ul > li:nth-child(3) li:nth-child(2) a { background-position:center -183px; }
	.gnb > ul > li:nth-child(3) li:nth-child(3) a { background-position:center -213px; }
	.gnb > ul > li:nth-child(3) li:nth-child(4) a { background-position:center -242px; }
	.gnb > ul > li:nth-child(3) li:nth-child(5) a { background-position:center -271px; }
	.gnb > ul > li:nth-child(3) li:nth-child(6) a { background-position:center -302px; }
	.gnb > ul > li:nth-child(3) li:nth-child(7) a { background-position:center -333px; }

	/* Special Service */
	.gnb > ul > li:nth-child(4) li:nth-child(1) a { background-position:center -539px; }
	.gnb > ul > li:nth-child(4) li:nth-child(2) a { background-position:center -570px; }
	.gnb > ul > li:nth-child(4) li:nth-child(3) a { background-position:center -601px; }
	.gnb > ul > li:nth-child(4) li:nth-child(4) a { background-position:center -630px; }
	.gnb > ul > li:nth-child(4) li:nth-child(5) a { background-position:center -660px; }
    .gnb > ul > li:nth-child(4) li:nth-child(6) a { background-position:center -690px; }
    .gnb > ul > li:nth-child(4) li:nth-child(7) a { background-position:center -90px; }
    .gnb > ul > li:nth-child(4) li:nth-child(8) a { background-position:center -120px; }
    .gnb > ul > li:nth-child(4) li:nth-child(9) a { background-position:center -720px; }
    .gnb > ul > li:nth-child(4) li:nth-child(10) a { background-position:center -750px; }
	
	/* Go Around */
	.gnb > ul > li:nth-child(5) li:nth-child(1) a { background-position:center -361px; }

	/* Make Reservation */
	.gnb > ul > li:nth-child(6) li:nth-child(1) a { background-position:center -391px; }
	.gnb > ul > li:nth-child(6) li:nth-child(2) a { background-position:center -423px; }

	/* Community */
	.gnb > ul > li:nth-child(7) li:nth-child(1) a { background-position:center -452px; }
	.gnb > ul > li:nth-child(7) li:nth-child(2) a { background-position:center -481px; }
	.gnb > ul > li:nth-child(7) li:nth-child(3) a { background-position:center -511px; }

	/*.gnb > ul > li:nth-child(7) li:nth-child(1) a { background-position:center -660px; }
	.gnb > ul > li:nth-child(7) li:nth-child(2) a { background-position:center -690px; }

	.gnb > ul > li:nth-child(8) li:nth-child(1) a { background-position:center -720px; }
	.gnb > ul > li:nth-child(8) li:nth-child(2) a { background-position:center -750px; }
	.gnb > ul > li:nth-child(8) li:nth-child(3) a { background-position:center -780px; }*/

	.header.active {}
	.header.active .gnb {
		top:0;
	}
	.header.active button.gnb-toggle:before,
	.header.active button.gnb-toggle:after,
	.header.active button.gnb-toggle span {
		background:#8a8a8a;
	}
	.header.active .header-wrap > a {
		border-color:#8a8a8a;
		color:#8a8a8a;
	}
	.header.active .header-wrap > a.blog {
		display:block;
	}
	.header.active .header-wrap > a.instagram {
		display:block;
	}
	.header.active .header-wrap > a.facebook {
		display:block;
	}

	.pop-watch {
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:rgba(0,0,0,.8);
		z-index:9999;
	}
	/*.pop-video {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		max-width:1920px;
		width:100%;
		padding:0 3%;
		box-sizing:border-box;
	}*/
	.pop-video {
		position:absolute;
		top:70px;
		bottom:80px;
		left:0;
		width:100%;
		box-sizing:border-box;
		
	}
	.pop-video video {
		display:block;
		/*width:100%;*/
		height:100%;
		margin:0 auto;
	}

	.pop-video:before,
	.pop-video:after {
		position:absolute;
		top:-25px;
		right:3%;
		content:"";
		width:30px;
		height:1px;
		background:#fff;
	}
	.pop-video:before {
		-webkit-transform: rotate(45deg);;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);;
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.pop-video:after {
		-webkit-transform: rotate(-45deg);;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);;
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.scroll-next {
		position:fixed;
		bottom: 20px;
		left:50%;
		margin-left:-25px;
		z-index: 999;
		width:49px;
		height:59px;
		background:url("../images/main/ico_scroll.png")  0 0 no-repeat;
		overflow:hidden;
		text-indent:-999px;
		z-index:100;
		display:none;
	}
	/*.scroll-next:hover {
		animation-duration: 2s;
		animation-name: jump;
		animation-iteration-count: infinite;
		animation-timing-function:ease-out;
	}*/
	.scroll-next:hover {
		-webkit-animation: jump 2s infinite ease-out; 
		-moz-animation: jump 2s infinite ease-out;
		-ms-animation: jump 2s infinite ease-out;
		-o-animation: jump 2s infinite ease-out;
		animation: jump 2s infinite ease-out;
	}
	@keyframes jump {
	  from { bottom:20px; }
	  25% { bottom:40px; }
	  50% { bottom:20px; }
	  to {  bottom:20px; }
	}

	#section1 .fp-tableCell{
		overflow:hidden;
	}
	#section1 .bx-wrapper {
		position:relative;
		height:100%;
	}
	#section1 .bx-wrapper,
	#section1 .bx-viewport,
	#section1 ul,
	#section1 li {
		display:block;
		margin:0 auto;
		width:100%;
		height:100% !important;
		box-sizing:border-box;
	}
	
	
	#section1 li:nth-child(1){
		background: url(../images/main/main4.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(2){
		background: url(../images/main/main3.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(3){
		background: url(../images/main/main2.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(4){
		background: url(../images/main/main11.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(5){
		background: url(../images/main/main5.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(6){
		background: url(../images/main/main6.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(7){
		background: url(../images/main/main7.jpg) no-repeat center/cover;
	}
	
	#section1 li:nth-child(8){
		background: url(../images/main/main9.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(9){
		background: url(../images/main/main8.jpg) no-repeat center/cover;
	}
	#section1 li:nth-child(10){
		background: url(../images/main/main10.jpg) no-repeat center/cover;
	}
	
	/*#section1 li img {
		position:absolute;
		display:block;
		left:50%;
		top:50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		min-width:100%;
		min-height:100%;
	}*/
	
	/*#section1 .bx-controls {
	}
	#section1 .bx-prev,
	#section1 .bx-next {
		position:absolute;
		display:block;
		margin-top:-36px;
		top:50%;
		left: 85px;
		width: 42px;
		height: 72px;
		background: url('../images/main/arr_left.png') center no-repeat;
		text-indent:-9999px;
		z-index:100;
	}
	#section1 .bx-next {
		left: auto;
		right: 85px;
		background-image: url('../images/main/arr_right.png');
	}*/

	#section1{
		position: relative;
	}
	.bx-controls-direction {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 72px;
		z-index: 100;
		transform: translateY(-105%);
	}
	.bx-controls-direction a{
		display: block;
		text-indent: -9999px;
		width: 47px;
		height: 72px;
	}
	.bx-controls-direction .bx-prev{
		position: absolute;
		top: 50%;
		left: 2%;
		background: url(../images/main/arr_left.png) center no-repeat;
	}
	 .bx-controls-direction .bx-next {
		position: absolute;
		 top: 50%;
		 right: 2%;
		background-image: url(../images/main/arr_right.png);
	}
	
	/* SECTION2  .quick */
	.quick {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		box-sizing:border-box;
		z-index:4;
	}
	.quick li {
		position:absolute;
		width:33.3%;
		height:100%;
		box-sizing:border-box;
	}
	.quick li a {
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		display:block;
		right:0;
		bottom:0;
	}
	.quick li a span {
		position:absolute;
		width:220px;
		height:280px;
		left:50%;
		top:45%;
		margin-left:-110px;
		margin-top:-140px;
		background:#3d3d3d;
		text-align:center;
		color:#fff;
		box-sizing:border-box;
		padding-top:188px;
		box-shadow:0 0 15px rgba(0,0,0,0);
		
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
		z-index:99;
		/*animation-name: opacitySpecial;
		animation-fill-mode: forwards;
		animation-timing-function:ease-out;
		animation-delay: .3s;
		animation-duration: .3s;*/
		opacity:0;
	}
	.fp-completely li a span {
		top:50%;
		opacity:1;
	}
	.fp-completely li:nth-child(2) a span {
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		-ms-transition:all 1s;
		-o-transition:all 1s;
		transition:all 1s;
	} 
	.fp-completely li:nth-child(3) a span {
		-webkit-transition:all 1.5s;
		-moz-transition:all 1.5s;
		-ms-transition:all 1.5s;
		-o-transition:all 1.5s;
		transition:all 1.5s;
	} 
	.fp-completely li a:hover span {
		width:230px;
		height:290px;
		font-size:15px;
		margin-left:-115px;
		margin-top:-145px;
		background:#316ec8;
		box-shadow:0 0 15px rgba(0,0,0,.3);	
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
	}
	.quick li a span:before {
		content:"";
		display:block;
		width:1px;
		height:20px;
		background:#fff;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin:18px auto 5px auto;
	}
	.quick li a span:after {
		content:"";
		display:block;
		background:url("../images/main/quick_logo.png") no-repeat #fff;
		width:100%;
		height:188px;
		position:absolute;
		top:0;
		left:0;
	}
	.quick li:nth-child(1) a span:after { background-position:center 0; }
	.quick li:nth-child(2) a span:after { background-position:center -200px; }
	.quick li:nth-child(3) a span:after { background-position:center -400px; }
	.quick li a:after {
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		z-index:90;
		opacity:0;
		-webkit-transition:opacity 1s;
		-moz-transition:opacity 1s;
		-ms-transition:opacity 1s;
		-o-transition:opacity 1s;
		transition:opacity 1s;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.quick li:nth-child(1) { left:0; }
	.quick li:nth-child(2) { width:33.4%;left:33.3%; }
	.quick li:nth-child(3) { right:0; }
	.quick li:nth-child(1) a { background:url("../images/main/quick1.jpg") center center no-repeat;background-size:cover; }
	.quick li:nth-child(2) a { background:url("../images/main/quick2.jpg") center center no-repeat;background-size:cover; }
	.quick li:nth-child(3) a { background:url("../images/main/quick3.jpg") center center no-repeat;background-size:cover; }
	.quick li:nth-child(1) a:hover:after,
	.quick li:nth-child(1) a:focus:after { opacity:1;background:url("../images/main/quick1_on.jpg") center center no-repeat;background-size:cover; }
	.quick li:nth-child(2) a:hover:after,
	.quick li:nth-child(2) a:focus:after { opacity:1;background:url("../images/main/quick2_on.jpg") center center no-repeat;background-size:cover; }
	.quick li:nth-child(3) a:hover:after,
	.quick li:nth-child(3) a:focus:after { opacity:1;background:url("../images/main/quick3_on.jpg") center center no-repeat;background-size:cover; }

	#section3 {
		background:url("../images/main/section2_bg.jpg") 0 0 no-repeat;
		background-size:cover;
	}
	#section3 .special {
		background:rgba(255,255,255,.9);
		position:absolute;
		width:100%;
		bottom:112px;
		left:100%;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		-ms-transition:all 1s;
		-o-transition:all 1s;
		transition:all 1s;
	}
	#section3.active .special {
		left:0;
	}
	#section3 .special .bx-wrapper {
		margin:0 auto;
		opacity:0;
	}
	/*#section3.active .special .bx-wrapper {
		animation-name: opacitySpecial;
		animation-fill-mode: forwards;
		animation-timing-function:ease-out;
		animation-delay: 1s;
		animation-duration: 1s;
	}*/
	#section3.active .special .bx-wrapper {
		-webkit-animation: opacitySpecial 1s 1s forwards ease-out; 
		-moz-animation: opacitySpecial 1s 1s forwards ease-out;
		-ms-animation: opacitySpecial 1s 1s forwards ease-out;
		-o-animation: opacitySpecial 1s 1s forwards ease-out;
		animation: opacitySpecial 1s 1s forwards ease-out;
	}
	#section3 .special .bx-wrapper li {
		text-align:center;
	}
	#section3 .special .bx-wrapper li a {
		display:block;
		width:296px;
		height:158px;
		box-sizing:border-box;
		position:relative;
		overflow:hidden;
	}
	#section3 .special .bx-wrapper li a img {
		display:block;
	}
	#section3 .special .bx-wrapper li a:after {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		border:4px solid #316ec8;
		box-sizing:border-box;
		top:0;
		left:0;
		opacity:0;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-ms-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
	}
	#section3 .special .bx-wrapper li a:hover:after,
	#section3 .special .bx-wrapper li a:focus:after {
		opacity:1;
	}
	#section3 .special h2 { 
		background:#414141; 
		margin:35px auto 50px;
		width:140px;
		text-align:center;
		padding:5px 50px;
		font-family:'Noto Serif','serif';
		color:#fefefe;
		font-size:15px;
		font-style:italic;
		white-space:nowrap;
		opacity:0;
	}
	/*#section3.active .special h2 {
		animation-name: opacitySpecial;
		animation-fill-mode: forwards;
		animation-timing-function:ease-out;
		animation-delay: .5s;
		animation-duration: 1s;
	}*/
	#section3.active .special h2 {
		-webkit-animation: opacitySpecial 1s .5s forwards ease-out;
		-moz-animation: opacitySpecial 1s .5s forwards ease-out;
		-ms-animation: opacitySpecial 1s .5s forwards ease-out;
		-o-animation: opacitySpecial 1s .5s forwards ease-out;
		animation:opacitySpecial 1s .5s forwards ease-out;
	}
	@keyframes opacitySpecial {
	  from { opacity:0 }
	  to {opacity:1; }
	}
	.special {
		/*padding-bottom:50px;*/
	}
	.special li:hover strong { 
		color:#3e78cc;
	}
	.special li strong {
		font-family:'Noto Serif','serif', 'Noto Sans KR','NanumGoithic', "맑은 고딕", 'Nanum Myeongjo';
		display:block;
		font-size:17px;
		font-style:italic;
		color:#494949;
		margin-top:15px;
		margin-bottom:7px;
	}
	.no-italic {
		font-style:normal !important;
	}
	.special li span {
		color:#888;
		font-size:13px;
		display:block;
		font-weight:300;
	}
	.special .bx-controls-direction { position:relative; }
	.special .bx-controls-direction a { 
		position:absolute;
		width:20px;
		height:22px;
		background:url("../images/main/bx_arr.png") no-repeat;
		text-indent:-999px;
		bottom:128px;
		overflow:hidden;
	}
	.special .bx-controls-direction .bx-prev { background-position:0 0;left:-90px; }
	.special .bx-controls-direction .bx-next { background-position:right 0;right:-90px; }

	/* FOOTER */
	.footer {
		padding-top:75px;
		height:auto;
		position:relative;
		background:#fff;
	}
	.footer ul.fnb {
		border-top:1px solid #ccc;
		text-align:center;
		padding-top:50px;
		padding-bottom:65px;
		width: 1050px;
		margin: 0 auto;
	}
	.footer ul.fnb:after{
		content:""; display:block; clear:both;
	}
	.footer ul.fnb li {
		/*display:inline-block;*/
		float: left;
		width:33.3333%;
		margin:0;
	}
	.footer ul.fnb li strong {
		font-family:"Noto Serif","serif";
		font-size:17px;
		color:#555;
		font-style:italic;
		display:block;
		padding-bottom:15px;
	}
	.footer ul.fnb li p{
		margin-bottom: 0!important;
		color: #4a4949!important;
	}
	.footer ul.fnb li .point{
		color: #f22727!important;
		font-weight: 600!important;
		margin-top: 20px;
	}
	/*.footer ul.fnb li p:first-child {
		padding:10px 0;
		font-weight:500;
		font-size:14px;
		color:#555;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}*/
	/*.footer ul.fnb li a {
		margin-top:20px;
		display:inline-block;
		height:39px;
		width:39px;
		padding:0 11px 0 9px;
		border-radius:50%;
		line-height:38px;
		font-family:"Noto Serif","serif";
		font-style:italic;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background:#b6b6b6;
	}*/
	.footer ul.fnb li address {
		color:#4e4e4e;
		font-family:"Noto Serif","serif";
		font-size:13px;
		line-height:23px;
		/*padding-top:5px;*/
		font-weight:600;
		margin-bottom: 2px;
	}
	.select-quick {
		height:24px;
		position:absolute;
		z-index:9;
		top:64px;
		left:50%;
		margin-left:-130px;
		width:260px;
	}
	.select-quick button {
		display:block;
		background:url("../images/main/select_up_arr.gif") 240px center no-repeat #fff;
		border:1px solid #aaa;
		height:24px;
		width:260px;
		box-sizing:border-box;
		font-size:12px;
		text-align:left;
		padding:0 10px;
		outline:0;
	}
	.select-quick ul { 
		position:absolute; 
		border:1px solid #fff;
		border-bottom:0;
		width:260px;
		box-sizing:border-box;
		left:0;
		bottom:24px;
		background:#fff;
		overflow:hidden;
		max-height:0;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
		padding:5px 0;
	}
	.select-quick.on ul {
		max-height:1000px;
		border:1px solid #aaa;
		border-bottom:0;
	}
	.select-quick ul li a {
		display:block;
		line-height:24px;
		font-size:12px;
		padding:0 10px;
		color:#777;
	}
	/*.select-quick ul li a:hover {
		background:#f5f5f5;
	}
*/

	body.main > .popup {
		display:block;
		opacity:1;
		min-width:300px;
	}
	.popup {
		background:#fff;
		position:absolute;
		z-index:9999;
		top:100px;
		right:82px;	
	}
	.popup.hide {
		display:none !important;
		opacity:0;
	}
	.popup .popup-body {
		padding:38px 25px 0;
	}
	.popup-body a { display:block; }
	@media (max-height: 816px) { 
		.popup {
			top:auto;
			bottom:10px;
		}
		.popup .popup-body {
			max-height:90vh;
			box-sizing:border-box;
		}
		.popup .popup-body a {
			max-height:calc(90vh - 50px);
		}
		.popup .popup-body a img {
			display:block;
			max-height:calc(90vh - 50px);
			margin:0 auto;
		}
	}
	.popup .close {
		padding:5px 25px 22px;
		position:relative;
	}
	.popup .close input { vertical-align:middle;border-radius:0; }
	.popup .close label { color:#3c3c3c;vertical-align:middle;font-size:14px; }
	.bnn-close { 
		border:0;
		padding:0;
		background:none;
		position:absolute;
		right:25px;
		top:5px;
		color:#555;
		outline:0;
		cursor:pointer;
	}
	.bnn-close span {
		display:inline-block;
		height:20px;
		font-size:14px;
		line-height:20px;
		vertical-align:bottom;
	}
	.ico-x {  
		display:inline-block;
		width:20px;
		height:20px;
		vertical-align:bottom;
		position:relative;
	}
	.ico-x:before,
	.ico-x:after {
		content:'';
		width:20px;
		height:1px;
		background:#555;
		display:block;
		position:absolute;
		top:10px;
		left:0px;
	}
	.ico-x:before { 
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.ico-x:after {
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		transform:rotate(135deg);
	}
	/* jquery-plugin :select-menu
	.ui-selectmenu-menu {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		z-index:99999;
	}
	.ui-selectmenu-menu ul {
		background:#fff;
	}
	.ui-selectmenu-menu .ui-menu {
		overflow: auto;
		/* Support: IE7 
		overflow-x: hidden;
		padding-bottom: 1px;
	}
	.ui-selectmenu-menu .ui-menu li {
		padding:2px 10px;
		font-size:12px;
	}
	.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		padding: 2px 0.4em;
		margin: 0.5em 0 0 0;
		height: auto;
		border: 0;
	}
	.ui-selectmenu-open {
		display: block;
	}
	.ui-selectmenu-button {
		display: inline-block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		cursor: pointer;
		background:#fff;
		width:auto !important;
		font-size:12px;
		border-radius:0;
		border:1px solid #b3b3b3;
		vertical-align:top;
		height:24px;
		min-width:260px;
		box-sizing:border-box;
		outline:0;
	}
	.ui-selectmenu-button span.ui-icon {
		right: 0;
		position: absolute;
		width:22px;
		height:22px;
		top: 0;
	}
	.ui-selectmenu-button span.ui-selectmenu-text {
		text-align: left;
		padding: 0 40px 0 10px;
		height:22px;
		line-height:22px;
		display: block;
		overflow: hidden;
		white-space: nowrap;
	}

	.ui-selectmenu-menu ul { border:1px solid #ccc; }
	.ui-selectmenu-menu .ui-state-active { font-weight:bold; }
	.ui-selectmenu-menu .ui-state-hover,
	.ui-selectmenu-menu .ui-state-focus { background:#f9f9f9; } */

}

	#section3 {
		background:url("../images/main/section2_bg.jpg") 0 0 no-repeat;
		background-size:cover;
	}
	#section3 .special {
		background:rgba(255,255,255,.9);
		position:absolute;
		width:100%;
		bottom:112px;
		left:100%;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		-ms-transition:all 1s;
		-o-transition:all 1s;
		transition:all 1s;
	}
	#section3.active .special {
		left:0;
	}
	#section3 .special .bx-wrapper {
		margin:0 auto;
		opacity:0;
	}
	/*#section3.active .special .bx-wrapper {
		animation-name: opacitySpecial;
		animation-fill-mode: forwards;
		animation-timing-function:ease-out;
		animation-delay: 1s;
		animation-duration: 1s;
	}*/
	#section3.active .special .bx-wrapper {
		-webkit-animation: opacitySpecial 1s 1s forwards ease-out; 
		-moz-animation: opacitySpecial 1s 1s forwards ease-out;
		-ms-animation: opacitySpecial 1s 1s forwards ease-out;
		-o-animation: opacitySpecial 1s 1s forwards ease-out;
		animation: opacitySpecial 1s 1s forwards ease-out;
	}
	#section3 .special .bx-wrapper li {
		text-align:center;
	}
	#section3 .special .bx-wrapper li a {
		display:block;
		width:296px;
		height:158px;
		box-sizing:border-box;
		position:relative;
		overflow:hidden;
	}
	#section3 .special .bx-wrapper li a img {
		display:block;
	}
	#section3 .special .bx-wrapper li a:after {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		border:4px solid #316ec8;
		box-sizing:border-box;
		top:0;
		left:0;
		opacity:0;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-ms-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
	}
	#section3 .special .bx-wrapper li a:hover:after,
	#section3 .special .bx-wrapper li a:focus:after {
		opacity:1;
	}
	#section3 .special h2 { 
		background:#414141; 
		margin:35px auto 50px;
		width:140px;
		text-align:center;
		padding:5px 50px;
		font-family:'Noto Serif','serif';
		color:#fefefe;
		font-size:15px;
		font-style:italic;
		white-space:nowrap;
		opacity:0;
	}
	/*#section3.active .special h2 {
		animation-name: opacitySpecial;
		animation-fill-mode: forwards;
		animation-timing-function:ease-out;
		animation-delay: .5s;
		animation-duration: 1s;
	}*/
	#section3.active .special h2 {
		-webkit-animation: opacitySpecial 1s .5s forwards ease-out;
		-moz-animation: opacitySpecial 1s .5s forwards ease-out;
		-ms-animation: opacitySpecial 1s .5s forwards ease-out;
		-o-animation: opacitySpecial 1s .5s forwards ease-out;
		animation:opacitySpecial 1s .5s forwards ease-out;
	}
	@keyframes opacitySpecial {
	  from { opacity:0 }
	  to {opacity:1; }
	}
	.special {
		/*padding-bottom:50px;*/
	}
	.special li:hover strong { 
		color:#3e78cc;
	}
	.special li strong {
		font-family:'Noto Serif','serif', 'Noto Sans KR','NanumGoithic', "맑은 고딕", 'Nanum Myeongjo';
		display:block;
		font-size:17px;
		font-style:italic;
		color:#494949;
		margin-top:15px;
		margin-bottom:7px;
	}
	.no-italic {
		font-style:normal !important;
	}
	.special li span {
		color:#888;
		font-size:13px;
		display:block;
		font-weight:300;
	}
	.special .bx-controls-direction { position:relative; }
	.special .bx-controls-direction a { 
		position:absolute;
		width:20px;
		height:22px;
		background:url("../images/main/bx_arr.png") no-repeat;
		text-indent:-999px;
		bottom:128px;
		overflow:hidden;
	}
	.special .bx-controls-direction .bx-prev { background-position:0 0;left:-90px; }
	.special .bx-controls-direction .bx-next { background-position:right 0;right:-90px; }

@media screen and (max-width: 999px){
	.site-footer {
		display: block;
	}
}