@charset "utf-8";
/* 기존 */

/**********************
Publishing : Lee Bit-na
Beginning : 2018-03-08
Final : 
***********************/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

@font-face{
	font-family: 'Gmarket Sans';
	font-weight: 300;
	src: url(../font/gmarket/GmarketSans_Light.eot);
	src: url(../font/gmarket/GmarketSans_Light.eot?#iefix) format('embedded-opentype'),
	url(../font/gmarket/GmarketSans_Light.woff) format('woff'),
	url(../font/gmarket/GmarketSans_Light.ttf) format('truetype');
}

@font-face{
	font-family: 'Gmarket Sans';
	font-weight: 400;
	src: url(../font/gmarket/GmarketSans_Medium.eot);
	src: url(../font/gmarket/GmarketSans_Medium.eot?#iefix) format('embedded-opentype'),
	url(../font/gmarket/GmarketSans_Medium.woff) format('woff'),
	url(../font/gmarket/GmarketSans_Medium.ttf) format('truetype');
}

@font-face{
	font-family: 'Gmarket Sans';
	font-weight: 700;
	src: url(../font/gmarket/GmarketSans_Bold.eot);
	src: url(../font/gmarket/GmarketSans_Bold.eot?#iefix) format('embedded-opentype'),
	url(../font/gmarket/GmarketSans_Bold.woff) format('woff'),
	url(../font/gmarket/GmarketSans_Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 300;
	src: url(../font/NotoSansKR/NotoSansKR-Light.eot);
	src: url(../font/NotoSansKR/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff'),
	url(../font/NotoSansKR/NotoSansKR-Light.ttf) format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 400;
	src: url(../font/NotoSansKR/NotoSansKR-Regular.eot);
	src: url(../font/NotoSansKR/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
	url(../font/NotoSansKR/NotoSansKR-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 500;
	src: url(../font/NotoSansKR/NotoSansKR-Medium.eot);
	src: url(../font/NotoSansKR/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
	url(../font/NotoSansKR/NotoSansKR-Medium.ttf) format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 700;
	src: url(../font/NotoSansKR/NotoSansKR-Bold.eot);
	src: url(../font/NotoSansKR/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
	url(../font/NotoSansKR/NotoSansKR-Bold.ttf) format('truetype');
}

@font-face{
	font-family: 'Montserrat';
	font-weight: 300;
	src: url(../font/montserrat/Montserrat-Regular.eot);
	src: url(../font/montserrat/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),
	url(../font/montserrat/Montserrat-Regular.woff) format('woff'),
	url(../font/montserrat/Montserrat-Regular.ttf) format('truetype');
}

@font-face{
	font-family: 'Montserrat';
	font-weight: 400;
	src: url(../font/montserrat/Montserrat-Medium.eot);
	src: url(../font/montserrat/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),
	url(../font/montserrat/Montserrat-Medium.woff) format('woff'),
	url(../font/montserrat/Montserrat-Medium.ttf) format('truetype');
}

@font-face{
	font-family: 'Montserrat';
	font-weight: 700;
	src: url(../font/montserrat/Montserrat-Bold.eot);
	src: url(../font/montserrat/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),
	url(../font/montserrat/Montserrat-Bold.woff) format('woff'),
	url(../font/montserrat/Montserrat-Bold.ttf) format('truetype');
}

@font-face{
	font-family: 'Montserrat';
	font-weight: 800;
	src: url(../font/montserrat/Montserrat-ExtraBold.eot);
	src: url(../font/montserrat/Montserrat-ExtraBold.eot?#iefix) format('embedded-opentype'),
	url(../font/montserrat/Montserrat-ExtraBold.woff) format('woff'),
	url(../font/montserrat/Montserrat-ExtraBold.ttf) format('truetype');
}

@font-face{
	font-family: 'Abhaya';
	font-weight: 600;
	src: url(../font/Abhaya_Libre/AbhayaLibre-SemiBold.ttf) format('truetype');
}

@font-face{
	font-family: 'Abhaya';
	font-weight: 700;
	src: url(../font/Abhaya_Libre/AbhayaLibre-Bold.ttf) format('truetype');
}




/* Reset */
* {margin:0; padding:0}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0}  
body,input,textarea,select,button,table {margin:0; padding:0; font-family:'Montserrat', 'Noto Sans KR'; font-weight: 400; color: #000; line-height: 1.4; font-size: 17px}

html,body{height:100%; width:100%}

table{width:100%; border-collapse:collapse; border-spacing:0;}
table caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; margin:0; padding:0; font-weight: normal}

input,textarea {-webkit-border-radius:0; border: 1px solid #ddd}
input[type=submit] {-webkit-appearance:none;}

img, fieldset, button{border:0 solid transparent;}
button img{display:none;}

ol, ul{list-style:none;}
blockquote, q{quotes:none;}
hr{display:none;}

a:link, a:visited, a:hover, a:active {text-decoration:none;}

textarea{overflow:auto;}
option{padding-right:6px;} /* Firefox Fix */
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
em, address{font-style:normal;}

img,fieldset{border:0}  
i,em,address{font-style:normal}
ul,ol,li{list-style:none; padding:0; margin:0}  
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}  
img {vertical-align:top}
input { border-radius:0;}
legend{*width:0}
table{border-collapse:collapse; border-spacing:0}

input {border-radius: 0;}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;} 
select {
  width: 130px; /* 원하는 너비설정 */
  padding: .8em .5em; /* 여백으로 높이 설정 */
  font-family: inherit;  /* 폰트 상속 */
  background: #fff url(../images/common/bbs_s_arrow_bk.gif) no-repeat 110px center; /* 네이티브 화살표 대체 */  
  border: 1px solid #999; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/*
input {
-webkit-appearance: none;
}
*/
/* video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 보이지 않는 텍스트 */
.blindtext {visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}

/* 트랜지션 */
.transition {   
	 -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/* select 박스 */
.selectbox_title {position:relative; vertical-align:middle; display:block; cursor:pointer; *zoom:1;}
.selectbox_title strong {position:relative; width:100%; display:block; text-align:left; height:40px; color:#666; line-height:40px; border:1px solid #ddd; background:#fff url('../images/common/bbs_select_arrow.gif') no-repeat right center ; font-weight:normal;margin:0; padding: 0 19px 0 10px;}
.selectbox_option{border:1px solid #d3d3d3;background:#fff;overflow:hidden; width:100%}
.selectbox_option li{list-style:none; margin:0}
.iteminfor .cont li .selectbox_option li{list-style:none; margin:0}
.selectbox_option a{color:#888;word-break:break-all;font-size:12px; line-height:16px; text-decoration:none; padding:8px 5px 8px;_padding:6px 5px 5px; display:block;overflow:hidden;}
.selectbox_option a.on,
.selectbox_option a:hover{color:#000;background:#eee;}

.sorting_input select.selectbox_title {width: 278px}

.visual video{position: absolute;overflow: hidden;right: 0;bottom: 0;top:0;right:0;min-width: 100%;min-height: 100%;width: auto;height: auto;background-size: 100% 100%;background-color: black; /* in case the video doesn't fit the whole page*/background-position: center center;background-size: contain;object-fit: cover; z-index:-1;}


/* layout */
.w_wrap {max-width: 1520px; margin: auto}

.main_wrap {max-width: 1300px; margin: auto;}
.main_wrap:after {display: block; clear: both; content: ""}

.index_btn_wrap a.btn_sound {display: block; width: 32px; height: 33px; background: url(../images/common/sound_on.png) no-repeat 0 0; position: absolute; top:0; right:100px; border: 0; padding: 0; margin: 0; text-indent: -9999px}
.index_btn_wrap a.btn_sound:hover { border: 0; padding: 0; margin: 0; background-color:transparent}
.index_btn_wrap a.btn_sound.off {background: url(../images/common/sound_off.png) no-repeat 0 0;}

.header {
	position:fixed; left:0; top:0; right:0; z-index:30; height:130px; 
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}

.menu_wrap {position:fixed; top:0; left:0; right:0; bottom:0; background:url(../images/common/bg_dim.png); opacity: 0;}
.full-frame {z-index: -1; position: relative}

/* snb */
.gnb_zone {
	position:fixed; top: 100px; height: 50px; text-align: right; left: 0; right: 0; background-color: #fff; border-top:1px solid #efefef; border-radius: 10px; z-index:110;
	-moz-box-shadow: 0 3px 1px rgba(000,000,000,0.1);
    -webkit-box-shadow: 0 3px 1px rgba(000,000,000,0.1);
    box-shadow: 0 3px 1px rgba(000,000,000,0.1);
}
.sub_gnb:after {display: block; clear: both; content: ""} 
.sub_gnb {display:block; margin:auto; padding:20px 10px;}
.sub_gnb.all {}
.sub_gnb.all li {display: inline-block; margin: 0}
.sub_gnb.all .gnb_block {width: 25%; float: left;}
.sub_gnb.all .gnb_block .box {text-align: left; margin: 0 20px;}
.sub_gnb.all .gnb_block .box em a {color: #fff; font-size: 18px; padding: 0 0 15px; margin-bottom: 10px; border-bottom: 2px solid #fff}
.sub_gnb.all .gnb_block a {position:relative; display: block; padding: 5px 0; text-align: center; color: #ccc}
.sub_gnb.all .gnb_block a:hover {color: #1aa2ee}
.sub_gnb.all .gnb_block a span {display: inline-block; position: relative}
.sub_gnb.all .gnb_block a span i {position: absolute; top:-1px; right: -14px; display: none}

.sub_gnb li {
	display:inline-block; 
	padding: 5px 0;	
	margin-left: 20px;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
.sub_gnb li a {color: #333; text-decoration:none; font-size: 16px}
.sub_gnb li p {margin-bottom:10px}
.sub_gnb li p img {
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
.sub_gnb li a:hover { color: #0f6c7b;}
.popup_open {width:100%}
.popup_open .wrap {position:fixed; width:100%}

.wrap {height:100%; position:relative;}
.container {position:relative;}
.container:after {display: block; clear: both; content: ""}

.part_wrap {width: 100%; height: 100%; overflow: hidden; position: relative; background-color: #fff}
.part_wrap .visual{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; overflow:hidden; background-size: cover; background-position: center top}
.motion_arrow {position:absolute; text-align:center; width:20px; display:block; bottom:50px; left:50%; margin-left:-10px; z-index:2; padding:0;}
.motion_arrow img {width:20px}
.motion_arrow .link { display:inline-block; padding:10px; color:#fff; font-size:15px; position:relative; z-index:101}
.link_wrap {position: absolute; top:0; bottom: 0; left: 0; width: 100%; z-index: 999}
.gnb_close {position: absolute; display: block; left:50%; bottom:-45px; margin-left: -40px; width:80px;}

.menu_list .lag  {display: block; text-align: center; margin-bottom: 15px}
.menu_list .lag a {display: inline-block; padding: 7px 20px; font-weight: 700; font-size: 12px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.menu_list .lag a.on {background-color: #fff; color: #e61d6c}

	/* 스트라이프 애니메이션 */
	.loaded {
	    transition-duration: 1.25s;
	    transition-property: transform;
	    transition-delay: 0s;
	    transition-timing-function: cubic-bezier(.42,0,.58,1);
	    transition-timing-function: cubic-bezier(0,0,.39,.985);
	    transform: translate3d(0,0,0);
	}
	.loaded .word {
		font-weight: 600;
	    transition-property: opacity;
	    transition-duration: 1s;
	    transition-timing-function: cubic-bezier(.5,.08,0,.88);
	    opacity: 0;
	}

	section.on .loaded .word {
	    opacity: 1;
	}
	section.on .loaded .word.kor {font-size: 50px; line-height: normal; top: -30px; position: relative; font-family: 'Montserrat', 'Noto Sans', 'sans-serif', 'Arial','Nanum Square', 'NanumBarunGothic','Nanum Gothic', 'Malgun Gothic','dotum', '돋움';}
    
	.loaded .word:nth-child(1) {transition-delay: calc(1 * .07s);}
	.loaded .word:nth-child(2) {transition-delay: calc(2 * .07s);}
	.loaded .word:nth-child(3) {transition-delay: calc(3 * .07s);}
	.loaded .word:nth-child(4) {transition-delay: calc(4 * .07s);}
	.loaded .word:nth-child(5) {transition-delay: calc(5 * .07s);}
	.loaded .word:nth-child(6) {transition-delay: calc(6 * .07s);}
	.loaded .word:nth-child(7) {transition-delay: calc(7 * .07s);}
	.loaded .word:nth-child(8) {transition-delay: calc(8 * .07s);}
	.loaded .word:nth-child(9) {transition-delay: calc(9 * .07s);}
	.loaded .word:nth-child(10) {transition-delay: calc(10 * .07s);}
	.loaded .word:nth-child(11) {transition-delay: calc(11 * .07s);}
	.loaded .word:nth-child(12) {transition-delay: calc(12 * .07s);}
	.loaded .word:nth-child(13) {transition-delay: calc(13 * .07s);}
	.loaded .word:nth-child(14) {transition-delay: calc(14 * .07s);}
	.loaded .word:nth-child(15) {transition-delay: calc(15 * .07s);}

	.highlight-container {
		font-weight: 600;
	    position: relative;
	    display: inline-block;
	}
	.highlight-container .highlight-stripe {
	    transition-duration: .75s;
	    transition-property: transform;
	    transition-delay: 0s;
	    transition-timing-function: cubic-bezier(.42,0,.58,1);
	    transition-timing-function: cubic-bezier(.5,.08,0,.88);
	    transform: scale3d(0,1,1);
	    -ms-transform-origin: left center;
	    transform-origin: left center;
	    position: absolute;
	    background:url(../images/common/bg_highlight.png);
	    height: 80px;
	    top: -15px;
	    left: -40px;
	    width: 50%;
	    opacity: .7;
	    z-index: -1;
	}
	
	section.on .highlight-container .highlight-stripe {transform: scale3d(1,1,1);}
	section.on .to-stripe-0 .highlight-container .highlight-stripe {transition-delay: calc(.5 * .2s + 1s);}
	section.on .to-stripe-1 .highlight-container .highlight-stripe {transition-delay: calc(1.5 * .2s + 1s);}
	section.on .to-stripe-2 .highlight-container .highlight-stripe {transition-delay: calc(2 * .2s + 1s);}
	section.on .to-stripe-3 .highlight-container .highlight-stripe {transition-delay: calc(2.5 * .2s + 1s);}
	section.on .to-stripe-4 .highlight-container .highlight-stripe {transition-delay: calc(3 * .2s + 1s);}
	section.on .to-stripe-5 .highlight-container .highlight-stripe {transition-delay: calc(3.5 * .2s + 1s);}
	section.on .to-stripe-6 .highlight-container .highlight-stripe {transition-delay: calc(4 * .2s + 1s);}
	section.on .to-stripe-7 .highlight-container .highlight-stripe {transition-delay: calc(4.5 * .2s + 1s);}
	section.on .to-stripe-8 .highlight-container .highlight-stripe {transition-delay: calc(5 * .2s + 1s);}
	section.on .to-stripe-9 .highlight-container .highlight-stripe {transition-delay: calc(5.5 * .2s + 1s);}
	section.on .to-stripe-10 .highlight-container .highlight-stripe {transition-delay: calc(6 * .2s + 1s);}
	
	
	.sub_key_copy.loaded .key_msg .word, .sub_key_copy.loaded .highlight-container {font-weight: 100}
	.sub_key_copy.loaded .highlight-stripe {height: 15px}

	.sub_key_copy .msg {
	    transition-property: opacity;
	    transition-duration: 1s;
	    transition-delay: 1s;
	    transition-timing-function: cubic-bezier(.5,.08,0,.88);
	    opacity: 0
	}
	
	/* 애니메이션 */
	.ani-wrap.on [class*="fade_in"] {opacity: 0;}	
	.ani-wrap .fade_in_up, .ani-wrap .fade_in_left, .ani-wrap .fade_in_right {opacity: 0}
	
	.ani-wrap.on .fade_in_up{
		animation-name: fadeInUp;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
		animation-fill-mode: forwards;
		animation-delay:0;
	}
	
	.ani-wrap.on .fade_in_up:nth-child(1){animation-delay:0}
	.ani-wrap.on .fade_in_up:nth-child(2){animation-delay:0.3s}
	.ani-wrap.on .fade_in_up:nth-child(3){animation-delay:0.6s}
	.ani-wrap.on .fade_in_up:nth-child(4){animation-delay:0.9s}
	.ani-wrap.on .fade_in_up:nth-child(5){animation-delay:1.2s}
	.ani-wrap.on .fade_in_up:nth-child(6){animation-delay:1.5s}
	.ani-wrap.on .fade_in_up:nth-child(7){animation-delay:1.8s}
	.ani-wrap.on .fade_in_up:nth-child(8){animation-delay:2.1s}
	.ani-wrap.on .fade_in_up:nth-child(9){animation-delay:2.4s}
	.ani-wrap.on .fade_in_up:nth-child(10){animation-delay:2.6s}
	
	
	.ani-wrap.on .fade_in_left{
		animation-name: fadeInLeft;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
		animation-fill-mode: forwards;
		animation-delay:.5s;
	}
	
	.ani-wrap.on .fade_in_left:nth-child(1){animation-delay: 0}
	.ani-wrap.on .fade_in_left:nth-child(2){animation-delay: 1s}
	.ani-wrap.on .fade_in_left:nth-child(3){animation-delay: 2s}
	.ani-wrap.on .fade_in_left:nth-child(4){animation-delay: 3s}
	
	.ani-wrap.on .fade_in_right{
		animation-name: fadeInRight;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
		animation-fill-mode: forwards;
		animation-delay:.5s;
	}	
	
	 
 	@-webkit-keyframes fadeInUp {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, 50px, 0);
			transform: translate3d(0, 50px, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInUp {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, 50px, 0);
			transform: translate3d(0, 50px, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@-webkit-keyframes fadeInRight {
		from {
			opacity: 0;
			-webkit-transform: translate3d(100px, 0, 0);
			transform: translate3d(100px, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInRight {
		from {
			opacity: 0;
			-webkit-transform: translate3d(100px, 0, 0);
			transform: translate3d(100px, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@-webkit-keyframes fadeInLeft {
		from {
			opacity: 0;
			-webkit-transform: translate3d(-100px, 0, 0);
			transform: translate3d(-100px, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInLeft {
		from {
			opacity: 0;
			-webkit-transform: translate3d(-100px, 0, 0);
			transform: translate3d(-100px, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}


/* footer */
.btn_top {display:block; width:60px; height:60px; z-index:100}
.btn_top img {width:60px}
.s_footer {clear: both; position:relative; color:#afafaf; font-size:14px; background-color:#c6dbe0; clear: both; z-index:11;}
.s_footer:after {display: block; clear: both; content: ""}
.s_footer .etc_menu {float:right; display:block;}
.s_footer .etc_menu .s_menu {display:block; position:relative; text-align: left}
.s_footer .etc_menu .s_menu li {display:inline-block; margin:0 0 0 15px; padding-left: 15px; background:url(../images/common/bbs_footer_bar.gif) no-repeat left center;}
.s_footer .etc_menu .s_menu li.first {background: none}
.s_footer .etc_menu .s_menu li:after{clear:both; content:''; display:block;}
.s_footer .etc_menu .s_menu li a {
	/* font-family: 'Gmarket Sans'; */
	font-size:14px; 
	font-weight: 300;
	display:inline-block; 
	color: #fff;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
.s_footer .etc_menu .s_menu li a:hover {color:#00d8ff}
.s_footer .etc_menu #back_top {position:absolute; top:-75px; left:50%; margin:0 0 0 -30px; z-index: 10}
.s_footer address {display:block; text-transform: uppercase; margin: 0;  font-weight: 300; font-size: 12px; line-height: 1.8em; letter-spacing: 0.5px; color: #fff}/*font-family: 'Gmarket Sans';*/
.s_footer .footer_wrap {position: relative; padding: 80px;}
.s_footer .footer_wrap:after {display: block; clear: both; content: ""}
.s_footer .footer_infor {text-align: center; font-size: 25px; line-height: 1.7em;}
.s_footer .footer_infor li {font-size: 25px; font-weight: 400; color: #333;}/*font-family: 'Gmarket Sans';*/
.s_footer .footer_infor li em {font-weight: 700;}
.s_footer .footer_infor li a {font-size: 18px; color: #5a5a5a; letter-spacing: -1px;}
.s_footer .footer_infor .btn_reserve {
	padding: 20px 90px; 
	background-color: #f8f5f1; 
	border-radius: 40px; 
	/* font-family: 'Gmarket Sans';  */
	font-weight: 700; 
	font-size: 27px; 
	color: #0f6c7b;
	display: inline-block;
	margin-top: 20px;
}
.s_footer .footer_address {width: 100%; background-color: #0f6c7b; padding: 30px 0;}
.s_footer .footer_address:after {display: block; clear: both; content: ""}
.s_footer .footer_address address {float: left; display: block;}

/*family site*/
.s_footer .family {
	position:absolute; 	right:0; bottom:45px;}

.s_footer .family_title {
	position:absolute; 
	right:0; 
	width:140px; 
	height:auto; 
	background:#222 url(../images/common/bbs_s_arrow_bk.gif) no-repeat 150px center; 
	padding:8px 20px; margin:0 0 0 10px; 
	font-size:13px; 
	color:#fff;
}
.s_footer .family_title.on {
	position:absolute; 
	right:0; 
	width:140px; 
	height:auto; 
	background:#222 url(../images/common/bbs_s_arrow_bk_.gif) no-repeat 150px center; 
	padding:8px 20px; margin:0 0 0 10px; 
	font-size:13px; 

}
.s_footer .family_title.on a:visited{color:#fff; text-decoration:none;}
.s_footer .family_title.on a:link{color:#fff; text-decoration:none;}

.s_footer .family .options {font-size:13px; position:absolute; width:180px; z-index:-1; right:0; background-color:#222;  top:0px; letter-spacing:1px; overflow:hidden; height:34px;}
.s_footer .family .options span{display:block; padding:5px 20px; height:30px; line-height:2.5em;}
.s_footer .family .options a{
	display:block;
	transition: all ease-in .1s;
	-webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
.s_footer .family .options a:visited{color:#fff; text-decoration:none;}
.s_footer .family .options a:link{color:#fff; text-decoration:none;}
.s_footer .family .options a:hover{background-color:#444;}


/*family site 끝 */


a.roll .over { display: none;}
.roll:hover { display:inline-block;}

.menu_list .lag  {display: block; text-align: center; margin-bottom: 15px}
.menu_list .lag a {display: inline-block; padding: 7px 20px; font-weight: 700; font-size: 12px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.menu_list .lag a.on {background-color: #fff; color: #e61d6c}


/**/
.parallax-window { min-height: 770px; background: transparent; }
.parallax-sub { min-height: 430px; background: transparent; }
.parallax-new { min-height: 520px; background: transparent; }
.parallax-otollo { min-height:590px; background: transparent; }
.parallax-hand { height:640px; background: transparent; }

/* 버튼 */
a.btn_trans {
	display: inline-block; 
	border: 1px solid #fff; 
	color: #fff; 
	padding:15px 0; 
	width: 170px;
	transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
a.btn_trans:hover {background-color: #e61d6c; border-color: #e61d6c; color: #fff}


/* arrow */
a.btn_arrow {
	display: block; 
	width: 30px; 
	height: 50px; 
	position: absolute; 
	top:50%; 
	margin-top: -25px; 
	z-index: 5;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
    opacity: .7;
}
a.btn_arrow:hover {opacity: 1}
a.btn_arrow.left:hover {margin-left: -5px}
a.btn_arrow.right:hover {margin-right: -5px}

.btn_arrow.left {left: -30px;}
.btn_arrow.right {right: -30px}
.btn_arrow.left.wh {background:url(../images/common/arrow-wh-left.png) no-repeat 0 0}
.btn_arrow.right.wh {background:url(../images/common/arrow-wh-right.png) no-repeat 0 0}
.btn_arrow.left.gray {background:url(../images/common/arrow-gray-left.png) no-repeat 0 0}
.btn_arrow.right.gray {background:url(../images/common/arrow-gray-right.png) no-repeat 0 0}

a.btn_ng_link {display:inline-block; z-index:10; width:200px; height:50px; line-height:50px; font-size:14px; border:1px solid #fff; text-align:center; color: #fff;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
a.btn_ng_link:hover {border:1px solid #ea4184; color: #fff; background-color:#ea4184}

a.btn_sub_link {
	display:inline-block; 
	width:160px; 
	height:45px; 
	line-height:45px; 
	font-size:16px;
	font-weight: 700; 
	letter-spacing:0px; 
	text-align: center;
	z-index: 1;
	position: relative;
	background-color:#888; 
	color: #fff; 	
	border-radius: 50px;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
a.btn_sub_link:hover {background-color:#0f6c7b;}

/*
section.on {
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay: 0;
}
*/

.tab_mobile {clear:both; padding:0 10px; border:2px solid #e61d6c; background:#fff url(../images/common/bbs_tab_mobile.png) no-repeat right center; background-size:25px;}
.tab_mobile select {border:0; width:100%; background:none; line-height:32px; color: #e61d6c}
.tab_select {clear:both; padding:0 10px; border:1px solid #ccc; background:#fff url(../images/common/bbs_arrow_dwon.png) no-repeat right center; background-size:25px}
.tab_select select {border:0; width:100%; background:none; line-height:40px}

#footer_m {clear: both}
#footer_m .privacy_menu {clear: both; display:block; padding:15px 0; margin:0 40px; text-align:left; color: #fff; border-bottom: 1px solid #0c5a66; background:url(../images/common/arrow_down.png) no-repeat right center; background-size:15px;}  
#footer_m .privacy_menu_cont {margin-bottom:15px}
#footer_m .privacy_menu_cont:after {display:block; clear:both; content:""} 
#footer_m .copyright {
	display: block;
    text-transform: uppercase;
    margin: 0;
    font-size: 11px;
    color: #fff;
    padding: 10px 0 50px;
    text-align: center;
    background: url('../images/common/logo_w.png') no-repeat center bottom;
    background-size:auto 35px;
}
#footer_m .copyright em {color: #FCB6C8; margin:0 3px}
#footer_m:after {display:block; clear:both; content:""} 
#footer_m {position:relative; background-color: #0f6c7b; text-align:center; font-size:12px;z-index: 11}/* padding: 0 0 30px;*/
#footer_m address {font-size:11px; line-height: 1.5em; padding-top: 30px; color: #fff}
#footer_m .footer_m_link {margin:auto 40px; border-bottom:1px solid #333;}
#footer_m .footer_m_link:after {display:block; clear:both; content:""}
#footer_m .menu {float:left}
#footer_m .menu li {float:left; margin: 10px 15px 0 0;}
#footer_m .menu a {display:inline-block; padding:10px 0; color:#ccc}
#footer_m .sns {float:right; margin:10px 15px 0 0}
#footer_m .sns li {float:left; margin-left: 15px}
#footer_m .sns a {display:block; width:25px; height:25px}
#footer_m .sns a img {width: 100%}
#footer a.top_btn {position:absolute; display:block; right:0; top:0; width:40px; height:40px; background:url(../images/common/bbs_page_top.gif) no-repeat 0 0;}
#footer_m .footer_privacy {margin-top: 15px}
#footer_m .footer_privacy li {display:inline-block; margin:0 5px}
#footer_m .footer_privacy li a {display:block; text-align:center; color: #fff; font-size:12px; padding:5px 0}
#footer_m .btn_top {
	position: absolute;
    top: -25px;
    left: 50%;
    margin: 0 0 0 -30px;
    z-index: 10;}

#footer_m .call {background-color: #c6dbe0; padding: 100px 0;}
#footer_m .call li { font-size: 19px; font-weight: 400; color: #333; line-height: 1.6em}/*font-family: 'Gmarket Sans';*/
#footer_m .call .number {margin-top: 7px; line-height: 1.2em}
#footer_m .call li a {color: #888; font-size: 13px;}
#footer_m .btn_reserve {
	padding: 17px 50px;
    background-color: #f8f5f1;
    border-radius: 50px;
    /* font-family: 'Gmarket Sans'; */
    font-weight: 700;
    font-size: 19px;
    color: #0f6c7b;
    display: inline-block;
    margin-top: 20px;}

/*pop*/
/* .popup_wrap {border: 1px solid #ddd} */
.pop_state {height: 30px; background-color: #222}
.pop_state .btn {background: none; color: #fff; font-size: 12px; float: left}
.pop_state .close {float: right; background: none; color: #fff; border: 0; margin: 5px 10px 0 0}


#ie-browser {
 overflow: hidden;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 20px 0;
 text-align: center;
 background-color: #e61d6c;
 color: #fff;
 font-size: 16px;
 z-index: 1001;
}

#ie-browser p {
 margin: 0 0 10px;
}

#ie-browser a {
 color: #fff;
 font-weight: bold;
 text-decoration: underline;
}


.backScreen {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 74px;
    z-index: 9;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.header.enable .backScreen {display: block; background:url(../images/common/menu_on_dim.png)}

.service_table td{color: #333;}


/**************** 2311 리뉴얼 *******************/

/*common*/

.con-flex{display:flex;align-items:center;}
.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}
.con-flex-str{align-items: flex-start;}
.inner{width:1300px;margin:0 auto;}
.font-org{color:#FF781E !important;}
.font-bold{font-weight:700 !important;}
.contents{position:relative;width:100%;padding:150px 0;}
.font-abhaya{font-family: 'Abhaya';line-height:1.2 !important;}
.bg-df{background:#F9F9F9}

.videoWrapper video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 	background-position: center center;
 	background-size: contain;
    object-fit: cover; /*cover video background */
	z-index:-1;
}


/*header*/
.header{transition:.3s;}
.header.wh-hd{background:transparent;}
.header h1 a{background:none;}
.header .inner{height:130px;}
.header .inner>div{height:100%;}
.header h1{margin-right:65px;}
.header ul{height:100%;}
.header ul[class*="menu"]>li{position:relative;height:100%;padding:0 30px;line-height:130px;}
.header ul[class*="menu"]>li>a{position:relative;font-size:15px;color:#000;transition: .5s;}
.header.wh-hd h1 a img{content:url(../images/common/logo_wh.svg);transition: .5s;}
.header.wh-hd ul[class*="menu"]>li>a{color:#fff;}
.header ul[class*="menu"]>li:hover a::after{content:'';display:block;position:absolute;bottom:-10px;left:0;width:100%;height:1px;background:#000;}
.header.wh-hd ul[class*="menu"]>li:hover a::after{background:#fff;}


.header.on{background:#fff;}
.header.on ul[class*="menu"]>li>a{color:#000;}
.header.on ul[class*="menu"]>li:hover a::after{background:#000;}
.header.on h1 a img{content:url(../images/common/logo_bk.svg);transition: .5s;}

/*section*/
*{word-break: keep-all;}
.vid-m{display:none;}
/* .btn{display: flex;align-items: center;border-radius: 50px;justify-content: center;} */
.btn.btn-hover {display: flex;align-items: center;border-radius: 50px;justify-content: center;height: 63px;padding: 0 25px;border: 2px solid #ff781e;background: #ff781e;color: #fff;font-size: 20px;font-weight: 700;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);}
.btn.btn-hover:hover{background: #fff;color: #ff781e;}
.bg-df{background:#f9f9f9;}

/*footer*/
.s_footer{background:#000 url(../images/etc/bg_2.jpg) no-repeat center center;background-size:cover;}
.s_footer .footer_infor li{color:#fff;font-size:32px;}
.s_footer .footer_infor li a{color:#aeaeae;}
.s_footer .footer_address{background-color:#fff;}
.s_footer .w_wrap{max-width:1300px;}
.s_footer address{color:#000;}
.s_footer .etc_menu .s_menu li a{color:#000;}
.s_footer .footer_infor .btn_reserve{margin-top:40px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.10);color:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);font-size:24px;}
.s_footer .footer_infor .btn_reserve:hover{background:#FF781E;color:#fff;border:1px solid #ff781e;}

.s_footer .footer_infor>p{font-size:20px;color:#AEAEAE;}
.s_footer .footer_infor>p span:first-child{display:block;margin:0px 0 5px;line-height:1;}
.s_footer .footer_infor>p span:last-child{display:block;margin:13px 0 0;line-height:1;}
.s_footer .footer_infor .number{margin-top:150px;}
.s_footer .footer_infor .number a{font-size:20px;color:#aeaeae;}


#footer_m .copyright{background:none;padding:10px 0;}
#footer_m .call{position:relative;padding:90px 0;background:rgba(0, 0, 0, 0.9) url(../images/common/bg_ft.png) no-repeat center center;background-size:cover;}
#footer_m .call li{color:#fff;font-size:20px;}
#footer_m .call>p,
#footer_m .call .number a{color:#fff;line-height:1.6;}
#footer_m .call>p{margin-bottom:15px;font-size: 16px;color:#AEAEAE;}
#footer_m .call>p span:first-child{display:block;margin:0px 0 5px;line-height:1;}
#footer_m .call>p span:last-child{display:block;margin:13px 0 0;line-height:1;}

#footer_m .btn_top{display:flex;display:none;width:60px;height:60px;border-radius:50%;background:#021E37;color:#fff;align-items:center;justify-content:center;font-size:17px;font-weight:500;flex-direction: column;}
#footer_m .btn_reserve{display:flex;width:88%;padding:17px 0;margin:30px auto 0;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.10);color:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);align-items:center;justify-content:center;}
#footer_m .btn_reserve:hover{background:#FF781E;color:#fff;border:1px solid #ff781e;}
#footer_m{background:#fff;}
#footer_m .privacy_menu,
#footer_m .copyright{color:#555;}
#footer_m .call .number{width:100%;margin-top:20px;}
#footer_m .call .number a{color:#aeaeae;font-size:15px;}
#footer_m .copyright{padding:0 0 30px;}
#footer_m .privacy_menu_cont_2,
#footer_m .copyright{text-align:left;padding-left:20px;color:#555;}
#footer_m address{color:#555;}

div[id*='divpop'] {position:fixed;top:50%; left: 30px; transform: translate(0, -50%); z-index:201;}
/* div[id*='divpop'] .popup_wrap {position:absolute;top:50%; left: 0%; transform: translate(0, -50%); } */
.pop_txt_wrap {text-align: right; font-size: 14px;background:#fff;padding:5px 10px 5px 0;}
div[id*='divpop'] .popup_wrap .content>img{width:500px;}
div[id*='divpop'] a.btn_close{position:absolute;right:15px;top:15px;width:40px;height:40px;background-size: contain;}
div[id*='divpop'] a.btn_close.cl-bk{background:url(../images/btn/btn_close_bk.png) no-repeat 0 0;background-size: contain;}
.pop_txt_wrap label{margin-bottom:0;font-weight:400;}