@charset "utf-8";
@import url("../css/NotoKR.css");
/* CSS Document */

/*-- reset css --*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	color: #191919;
}
html,body {
    font-family: 'Noto Sans Regular';
    width: 100%;
    height: 100%;
}
body {
    line-height: 1;
    overflow-x: hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
ul, ol {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    /* Link Style - change colours to suit your needs*/
    color: #666;
    -webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    outline: none;
}
a:hover {
    text-decoration: none;
    color: #000;
}
/* change colours to suit your needs */
table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
}
th, td {
    vertical-align: middle;
}
input, select {
    vertical-align: middle;
}
/*-- END reset css --*/
/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

div.wrap {
    margin:0 auto;
    width:1240px;
}
div.endline {
    clear:both;
}
/* 여백 */
.mt0{margin-top:0px !important;}
.mt1{margin-top:1px !important;}
.md2{margin-left:2px !important;}
.md1{margin-left:1px !important;}
.md4{margin-left:4px !important;}
.md5{margin-left:5px !important;}
.md6{margin-left:6px !important;}
.md7{margin-left:7px !important;}
.md8{margin-left:8px !important;}
.md9{margin-left:9px !important;}
.md10{margin-left:10px !important;}
.md11{margin-left:11px !important;}
.md12{margin-left:12px !important;}
.md30{margin-left:30px !important;}
.mt3 {margin-top:3px !important;}
.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt22 {margin-top:22px !important;}
.mt34 {margin-top:90px !important;}
.mt23 {margin-top:23px !important;}
.mt20 {margin-top:20px !important;}
.mt21 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt26 {margin-top:10px !important;}
.mt27 {margin-top:5px !important;}
.mt28 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt88 {margin-top:88px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt105 {margin-top:105px !important;}
.mt100 {margin-top:100px !important;}
.mt150{margin-top:150px !important;}
.mt110 {margin-top:110px !important;}
.mt140 {margin-top:140px !important;}
.mt180 {margin-top:180px !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:15px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb100 {margin-bottom:100px !important;}
.mb500 {margin-bottom:500px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr11 {margin-right:11px !important;}
.mr13 {margin-right:13px !important;}
.mr15 {margin-right:15px !important;}
.mr25 {margin-right:25px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr34 {margin-right:34px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.md3 {margin-left:3px !important;}
.md8 {margin-left:8px !important;}
.md12 {margin-left:12px !important;}
.md10 {margin-left:10px !important;}
.md13 {margin-left:13px !important;}
.md17 {margin-left:17px !important;}
.md20 {margin-left:20px !important;}
.md15 {margin-left:15px !important;}
.md18 {margin-left:18px !important;}
.md29 {margin-left:29px !important;}
.md27 {margin-left:27px !important;}
.md30 {margin-left:30px !important;}
.md34 {margin-left:34px !important;}
.md35 {margin-left:35px !important;}
.md40 {margin-left:40px !important;}
.md50 {margin-left:50px !important;}
.md55 {margin-left:55px !important;}
.md65 {margin-left:65px !important;}
.md70 {margin-left:70px !important;}
.md75 {margin-left:75px !important;}
.md76 {margin-left:76px !important;}
.md78 {margin-left:78px !important;}
.md80 {margin-left:80px !important;}
.md90 {margin-left:90px !important;}
.md100 {margin-left:100px !important;}
.md115 {margin-left:115px !important;}
.md180 {margin-left:180px !important;}
.md220 {margin-left:220px !important;}

.pd0 {padding:0px !important;}
.pt2 {padding-top:2px !important;}
.pt4 {padding-top:4px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt57 {padding-top:57px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pt180 {padding-top:180px !important;}
.pt183 {padding-top:183px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb58 {padding-bottom:58px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pr6 {padding-right:6px !important;}
.pr5 {padding-right:5px !important;}
.pr2 {padding-right:2px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}
.pr66 {padding-right:66px !important;}
.pr266 {padding-right:266px !important;}
.pl24 {padding-left:24px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl15 {padding-left:15px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl75 {padding-left:75px !important;}
.pl90 {padding-left:90px !important;}
.pl170 {padding-left:170px !important;}

.mt2p{margin-top:2% !important;}
.mt5p{margin-top:5% !important;}
.mt10p{margin-top:10% !important;}
.mt15p{margin-top:15% !important;}
.mt20p{margin-top:20% !important;}
.mt2b{margin-bottom:2% !important;}
.mb5p{margin-bottom:5% !important;}
.mb10p{margin-bottom:10% !important;}
.mb15p{margin-bottom:15% !important;}
.mb20p{margin-bottom:20% !important;}

.bgblue01{background-color: #154767 !important;}

/*---- header ----*/
div#header {
    position:fixed;
    top:0;
    width:100%;
    background:#fff;
    z-index:9999;
   box-shadow: 0px 8px 15px -8px rgba(0,0,0,0.25);
}
div.topNavi {
    width:100%;
    height:40px;
    background-color:#1b2323;
}
ul.topUtil {
    margin:0 auto;
    width:1240px;
    text-align:right;
}
ul.topUtil li {
    position:relative;
    display:inline-block;
    margin-left:20px;
    line-height:40px;
}
ul.topUtil li::after {
    position:absolute;
    top:1px;
    left:-15px;
    content:'ㅣ';
    font-size:10px;
    color:#8d8d8d;
}
ul.topUtil li:first-child::after {
    display:none;
}
ul.topUtil li a {
    font-size:14px;
    color:#fff;
}
ul.topUtil li select {
    border:none;
    width: 100px;
    background:none;
    font-size:14px;
    color:#fff;
    background: url('../img/arrowDwon.png') no-repeat right 5px center;
	/*background-color: #fff;*/
	appearance: none;
	-webkit-appearance: none;
}
.topUtil li select::-ms-expand {
    display: none;
}	
ul.topUtil li select option {
    color:#000;
}
ul.topUtil li button {
    margin-left:5px;
    padding:0;
    border:none;
    background:none;
    font-size:14px;
    color:#fff;
    cursor:pointer;
}
div.nav {
    position:relative;
    margin:0 auto;
    width:1240px;
    height:90px;
}
div.nav h1.logo {
    float:left;
    width:220px;
    margin-top:19px;
}
ul.lnb {
    float:right;
    width:1020px;
}
ul.lnb li {
    float:left;
}
ul.lnb li a.depth1 {
    display:block;
    margin-left:15px;
    padding:0 20px;
    height:90px;
    line-height:90px;
    font-size:19px;
    font-family: 'Noto Sans Medium';
    text-align:center;
    color:#000000;
    box-sizing:border-box;
    border-bottom:4px solid transparent;
    transition:none;
}
ul.lnb li a.depth1.over {
    color:#00afce;
    border-bottom:4px solid #00afce;
}
div.subMenu {
    display:none;
    position:absolute;
    top:90px;
    left:0;
    margin-left:-340px;
    width:1920px;
    height:auto;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    background:#fff;
    overflow:hidden;
    z-index:9999;
}
div.subMenu p.menuTit {
    float:left;
    padding:30px 0;
    width:235px;
    font-size:28px;
    font-family: 'Noto Sans Medium';
    color:#00afce;
}
div.subMenu div.menuInner {
    float:left;
    width:1005px;
    border-right:1px solid #e4e4e4;
}
div.subMenu div.menuInner dl {
    padding:30px;
    float:left;
    height:200px;
    border-left:1px solid #e4e4e4;
}
/* width:1004px 나누기 메뉴 dl 갯수*/
div.subMenu div.menu1 dl {width:334.6666px;} /*통합예약*/
div.subMenu div.menu2 dl {width:251px;} /*골프*/
div.subMenu div.menu3 dl {width:334.6666px;} /*콘도*/
div.subMenu div.menu4 dl {width:251px;} /*스키*/
div.subMenu div.menu5 dl {width:251px;} /*아쿠아펀*/
div.subMenu div.menu6 dl {width:334.6666px;} /*단체행사*/
div.subMenu div.menu7 dl {width:334.6666px;} /*고객센터*/
div.subMenu div.menu8 dl {width:502px;} /*정보광장*/
div.subMenu div.menu9 dl {width:251px;} /*정보광장*/

div.subMenu div.menuInner dl dt a {
    display:block;
    margin-bottom:15px;
    font-size:17px;
    font-family: 'Noto Sans Medium';
    color:#000;
}
div.subMenu div.menuInner dl dd a {
    display:block;
    margin-top:10px;
    font-size:15px;
}
div.subMenu div.menuInner dl dd a:hover {
    text-decoration:underline;
}
div.blind {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:6666;
}
/*-- END header --*/

/*---- footer ----*/
div#footer {
    background:#1b2323;
}
div.footHead {
    margin:0 auto;
    width:1240px;
}
div.footHead div.footLink {
    float:left;
    padding:15px 0;
}
div.footHead div.footLink a {
    margin-right:70px;
    font-size:15px;
    color:#cad7d7;
}
div.footHead div.footLink a:nth-child(3) {
    margin-right:70px;
    font-size:15px;
    color:#16a0c5;
}
div.footHead div.footLink a:nth-child(4) {
    margin-right:70px;
    font-size:15px;
    color:#16a0c5;
}
div.footHead div.footLink a:hover {
    text-decoration:underline;
}
div.footHead div.snsLink {
    margin-top:5px;
    float:right;
}
div.footHead div.snsLink a {
    margin-left:15px;
}
div#footer div.footCnt {
    padding:30px 0;
    border-top:1px solid #4d5151;
}
div.footCnt {
    position:relative;
}
div.footInner {
    margin:0 auto;
    width:1240px;
}
div.footInner p {
    font-size:14px;
    line-height:26px;
    color:#dedede;
}
div.footInner p.copy {
    margin-top:20px;
}
div.footCnt div.familySite {
	display: inline-block;
    position:absolute;
    top:30px;
    left:50%;
    margin-left:-620px;
    width:1240px;
    text-align:right;
}
div.footCnt div.familySite select {
    padding-left:5px;
	/*padding: 0px 15px;*/
    width:140px;
    height:25px;
    border-color:#4d5151;
	background: url('../img/arrowDwon.png') no-repeat right 12px center;
	background-color: #fff;
	appearance: none;
	-webkit-appearance: none;
}
div.familySite select::-ms-expand {
    display: none;
}	

/*-- END footer --*/

/*-- History tab --*/
.history-top{margin-top:2.643em; padding: 5.45% 4.54%; box-sizing:border-box; background:url('../img/history_01.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px; }
.history-top02{margin-top:2.643em; padding: 5.45% 4.54%; box-sizing:border-box; background:url('../img/yangji-1.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px;}
.history-top03{margin-top:2.643em; padding: 5.45% 4.54%; box-sizing:border-box; background:url('../img/yangji-2.png') 50% 100% no-repeat; background-size:cover;  min-height:275px;}
.history-top > *{width:70%;}
.history-top p{	font-size: 15px; line-height: 1.5em; color: #FFFFFF; text-align: left;
}
.history-top02 h2{color:#FFF; font-size:1.857em; margin-bottom:1em;}
.history-top02 p{font-size: 15px; line-height: 1.5em; color: #FFF;
}
.history-top03 h2{color:#FFF; font-size:1.857em; margin-bottom:1em;}
.history-top03 p{font-size: 15px; line-height: 1.5em; color: #FFF;
}
.company-history{position:relative;}
.company-history .year{position:absolute; top:-20px; left:0; width:15.45%; color:#333; font-size:1.857em; text-align:right; box-sizing:border-box; padding-right:1em;}
.company-history .year span{display:block; font-size:0.615em;}
.company-history .year:after{content:''; position:absolute; top:10px; left:100%; width:17px; height:17px; margin-left:-8.5px; background:url('../img/bg-ldot.png') 0 no-repeat;  background-size:17px;}
.company-history .history-item{margin:0 4.54% 0 15.45%; box-sizing:border-box; border-left:1px solid #e1e1e1; border-bottom:1px solid #a8c1d9;}
.company-history .history-item.last{border-bottom:0;}
.company-history .history-item.last h3:before{content:''; position:absolute; top:0; left:0; width:13px; height:150px; margin-left:-37.5px; background:#fff url('../img/bg-sdot.png') 0 0 no-repeat;  background-size:13px; }
.company-history .history-item h3{position:relative; color:#16A0C5; font-size:1.285em; font-family:'malgunbd'; font-weight:bold; margin-bottom:0.3em;}
.company-history .history-item h3:before{content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6px; margin-left:-37.5px; background:url('../img/bg-sdot.png') 0 no-repeat;  background-size:13px; }
.company-history .history-item p{font-size:1.142em; }
.history-item .history-content:first-child{border-top:0;}
.history-content{position:relative; margin-left:30px; padding:10px 0; border-top:1px dashed #e1e1e1;}
.history-content div{ padding:60px 300px 60px 0; }
.history-content div.no-img{padding:0 300px 0 0; }
.history-content img{position:absolute; top:50%; right:0; width:294px; margin-top:-75px; border:1px solid #e1e1e1;}
.btn-history {margin:2.5em auto 0;  text-align:center;}
.btn-history a{display:inline-block; min-width:270px; padding:1em 2em 1em 0.5em; color:#fff; background:#458acf url('../img/btn-arrow.png') 90% center no-repeat; background-size:15px;  font-size:1.142em; font-family:'malgunbd'; font-weight:bold; text-align:center; border-radius:40px;}
.btn-history a span{display:block; margin-top:0.3em; font-size:0.875em;; font-family:'malgun'; font-weight:normal;}

table caption{display: none}

/*-- History tab  END--*/

/*--  퀵메뉴 --*/
#new_introQuick {
    position: fixed;
    top: 150px;
    right: -1px;
    z-index: 9000;
    width: 70px;
    height: 71px;
}
		
#new_introQuick ul li a {
    float: left;
    display: inline-block;
    margin-top: 0;
}
	
/*--  퀵메뉴 --*/


/*-- top Box 시작--*/
.top1_box {
    width: 600px;
    /* height: 140px; */
    position: absolute;
    z-index: 1001;
    top: 20%;
    left: 10%;
    text-align: left;
    /* top: 856px; */
}
.top1_box ul {
    list-style-type: none;
    width: 200px;
    display: table-cell;
    padding-bottom: 20px;
    margin-left: 0px !important;
}
.top1_box_ul {
    /* position: absolute; */
    z-index: 2000;
}
ul, ol {
    margin-top: 0;
   /* margin-bottom: 10px;*/
}
		
.top1_box_ul li:nth-child(1) {
    border-left: 1px solid #fff;
}
.top1_box ul li {
    width: 20%;
    float: left;
    /* color: white; */
    opacity: 0.7;
    cursor: pointer;
}
.top1_box_ul li {
    width: 35px;
    height: 35px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: rgba(255,255,255,0.7);
    color: #004287;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: center;
}
.dot {
    cursor: pointer;
    display: inline-block;
    transition: background-color 0.6s ease;
	
}	
.top1_box_ul li.slide_active {
    color: #fff;
    background-color: #1b2223;
}	
.top1_box ul li {
    width: 20%;
    float: left;
	color: #1b2223;
    opacity: 0.7;
    cursor: pointer;
	padding: 10px 0;
}
.top1_box_ul li {
    width: 35px;
    height: 35px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: rgba(255,255,255,0.7);
    color: #008ba4;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: center;
}
		.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}	
.top1_box_ul li:nth-child(1) {
    border-left: 1px solid #fff;
}
.top1_box_ul li:hover {
    opacity: 1.0;
    font-size: 14px;
    font-weight: normal;
}
.dotactive, .dot:hover {
    font-weight: bold;
    font-size: 20px;
    color: white;
    background-color: #00afce;
}
	
/*-- top Box  끝--*/

/*---레이어팝업---*/
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
/*---// 레이어팝업---*/