/* default */
*{margin: 0;padding: 0;box-sizing: border-box;}
ul, ol, li{list-style: none;}
a{text-decoration: none;color: inherit;}
.after::after{display: block;content: "";clear: both;}
html {scroll-behavior: smooth;}

/* background */
.bg_ed{background: #ededed;}


/* font S*/
.font_no{font-weight: normal;}
.font_Bo{font-weight: bold;}
.text_cen{text-align: center;}
.text_le{text-align: left;}
.text_ri{text-align: right;}
.li_nor{line-height: normal;}

.fon_10{font-size: 10pt;}
.fon_12{font-size: 12pt;}
.fon_14{font-size: 14pt;}
.fon_16{font-size: 16pt;}
.fon_18{font-size: 18pt;}
.fon_20{font-size: 20pt;}
.fon_22{font-size: 22pt;}
.fon_24{font-size: 24pt;}
.fon_26{font-size: 26pt;}
.fon_28{font-size: 28pt;}
.fon_30{font-size: 30pt;}
.fon_40{font-size: 40pt;}
/* font E*/

/* margin S*/
.mar{margin: 0;}
.mar5{margin: 5px;}
.mar10{margin: 10px;}
.mar15{margin: 15px;}
.mar20{margin: 20px;}
.mar30{margin: 30px;}
.mar40{margin: 40px;}
.mar50{margin: 50px;}
.mar60{margin: 60px;}
.mar70{margin: 70px;}
.mar80{margin: 80px;}
.mar90{margin: 90px;}
.mar100{margin: 100px;}
 
/* margin left */
.marL0{margin-left: 0;}
.marL5{margin-left: 5px;}
.marL10{margin-left: 10px;}
.marL15{margin-left: 15px;}
.marL20{margin-left: 20px;}
.marL30{margin-left: 30px;}
.marL40{margin-left: 40px;}
.marL50{margin-left: 50px;}
.marL60{margin-left: 60px;}
.marL70{margin-left: 70px;}
.marL80{margin-left: 80px;}
.marL90{margin-left: 90px;}
.marL100{margin-left: 100px;}

/* margin right */
.marR0{margin-right: 0;}
.marR5{margin-right: 5px;}
.marR10{margin-right: 10px;}
.marR15{margin-right: 15px;}
.marR20{margin-right: 20px;}
.marR30{margin-right: 30px;}
.marR40{margin-right: 40px;}
.marR50{margin-right: 50px;}
.marR60{margin-right: 60px;}
.marR70{margin-right: 70px;}
.marR80{margin-right: 80px;}
.marR90{margin-right: 90px;}
.marR100{margin-right: 100px;}

/* margin top */
.marT0{margin-top: 0;}
.marT5{margin-top: 5px;}
.marT10{margin-top: 10px;}
.marT15{margin-top: 15px;}
.marT20{margin-top: 20px;}
.marT30{margin-top: 30px;}
.marT40{margin-top: 40px;}
.marT50{margin-top: 50px;}
.marT60{margin-top: 60px;}
.marT70{margin-top: 70px;}
.marT80{margin-top: 80px;}
.marT90{margin-top: 90px;}
.marT100{margin-top: 100px;}

/* margin bottom */
.marB0{margin-bottom: 0;}
.marB5{margin-bottom: 5px;}
.marB10{margin-bottom: 10px;}
.marB15{margin-bottom: 15px;}
.marB20{margin-bottom: 20px;}
.marB30{margin-bottom: 30px;}
.marB40{margin-bottom: 40px;}
.marB50{margin-bottom: 50px;}
.marB60{margin-bottom: 60px;}
.marB70{margin-bottom: 70px;}
.marB80{margin-bottom: 80px;}
.marB90{margin-bottom: 90px;}
.marB100{margin-bottom: 100px;}
/* margin E */

/* padding S */
.pad0{padding: 0;}
.pad5{padding: 5px;}
.pad10{padding: 10px;}
.pad15{padding: 15px;}
.pad20{padding: 20px;}
.pad30{padding: 30px;}
.pad40{padding: 40px;}
.pad50{padding: 50px;}
.pad60{padding: 60px;}
.pad70{padding: 70px;}
.pad80{padding: 80px;}
.pad90{padding: 90px;}
.pad100{padding: 100px;}

/* padding left */
.padL0{padding-left: 0;}
.padL5{padding-left: 5px;}
.padL10{padding-left: 10px;}
.padL15{padding-left: 15px;}
.padL20{padding-left: 20px;}
.padL30{padding-left: 30px;}
.padL40{padding-left: 40px;}
.padL50{padding-left: 50px;}
.padL60{padding-left: 60px;}
.padL70{padding-left: 70px;}
.padL80{padding-left: 80px;}
.padL90{padding-left: 90px;}
.padL100{padding-left: 100px;}

/* padding rigth */
.padR0{padding-right: 0;}
.padR5{padding-right: 5px;}
.padR10{padding-right: 10px;}
.padR15{padding-right: 15px;}
.padR20{padding-right: 20px;}
.padR30{padding-right: 30px;}
.padR40{padding-right: 40px;}
.padR50{padding-right: 50px;}
.padR60{padding-right: 60px;}
.padR70{padding-right: 70px;}
.padR80{padding-right: 80px;}
.padR90{padding-right: 90px;}
.padR100{padding-right: 100px;}

/* padding top */
.padT0{padding-top: 0;}
.padT5{padding-top: 5px;}
.padT10{padding-top: 10px;}
.padT15{padding-top: 15px;}
.padT20{padding-top: 20px;}
.padT30{padding-top: 30px;}
.padT40{padding-top: 40px;}
.padT50{padding-top: 50px;}
.padT60{padding-top: 60px;}
.padT70{padding-top: 70px;}
.padT80{padding-top: 80px;}
.padT90{padding-top: 90px;}
.padT100{padding-top: 100px;}

/* padding bottom */
.padB0{padding-bottom: 0;}
.padB5{padding-bottom: 5px;}
.padB10{padding-bottom: 10px;}
.padB15{padding-bottom: 15px;}
.padB20{padding-bottom: 20px;}
.padB30{padding-bottom: 30px;}
.padB40{padding-bottom: 40px;}
.padB50{padding-bottom: 50px;}
.padB60{padding-bottom: 60px;}
.padB70{padding-bottom: 70px;}
.padB80{padding-bottom: 80px;}
.padB90{padding-bottom: 90px;}
.padB100{padding-bottom: 100px;}
/* padding E */

.dis_no{display: none}
.col_ff{color: #fff}


/* font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@500&display=swap');
h1, h2, h3, h4, h5, h6, a{font-family: 'IBM Plex Sans KR', sans-serif;font-weight: 600;}
p{font-family: 'IBM Plex Sans KR', sans-serif;font-weight: 500;}

/* style */
#wrap{width: 100%;}

/* header */
#header{width: 100%;height: auto; z-index: 50; background: #fff;}

#header>.logo{width: 100%;padding-top: 50px; display: flex;justify-content: center;align-items: center;}
#header>.gnb{width: 1240px;margin: 0 auto;}
#header>.gnb>ol{width: 100%;display: flex;justify-content: center;}
#header>.gnb>ol>li{width: 20%;font-size: 20px;}
#header>.gnb>ol>li>a{width: 100%;line-height: 125px;display: block;text-align: center;}
#header>.gnb>ol>li>a:hover{color: #cab88b;}
#header>.gnb>ol>li>a.on{color: #cab88b;}

/* gnb */
.mo_gnb{position: fixed;top: 10px;right: 10px; z-index: 30;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all 0.4s;box-sizing: border-box;}
.menu-trigger {position: relative;width: 30px;height: 20px;}
.menu-trigger span{position: absolute;left: 0;width: 100%;height: 4px;background-color: #cab88b;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 8px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
/* 2th bar 사라지고,  1st 3rd bar 회전하며 X  */
.menu-trigger.active-1 span:nth-of-type(1) {transform: translateY(8px) rotate(-35deg);}
.menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active-1 span:nth-of-type(3) {transform: translateY(-8px) rotate(35deg);}
.menu-trigger span.st{background: #cab88b;}
.menu-trigger span.ss{background: #fff;}

.mo_gnb_menu{width: 100%!important;background: #cab88b;padding: 50px 0 10px;position: fixed;z-index: 10;display: none;top: 0;}
.mo_gnb_menu>ul>li>a{display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;font-weight: bold;font-size: 18px;color: #fff;background: #cab88b;cursor: pointer;}
.mo_gnb_menu>ul>li>a.on{background: #fff;color: #cab88b;}
.mo_gnb_menu>ul>li>a:hover{background: #fff;color: #cab88b;}


/* visual */
#visual{width: 100%;height: 700px;background: url(../img/visual.png) no-repeat;background-size: cover;display: flex;align-items: center;}
#visual>div{padding: 83px 57px 83px 330px;background: rgba(000, 000, 000, 0.3);color: #fff;}
#visual>div>h3{font-size: 50px;margin-bottom: 30px;}
#visual>div>p{font-size: 30px;font-weight: bold;}
/*펜션설명아래 작은 부가 글씨들*/
#visual>div>.visual_text{font-size: 18px;}

/* contents */
#contents{width: 100%;}
#contents .contents_title{font-size: 25px;margin-bottom: 30px;text-align: center;word-break: keep-all;}

/* info */
#contents>#info{width: 100%;padding: 50px 0;}
#contents>#info>.info{width: 1240px;margin: 0 auto;display: flex;justify-content: center;}
#contents>#info>.info>img{margin-right: 30px;width: 50%;}
#contents>#info>.info>div{width: 50%;}
#contents>#info>.info>div>h3{font-size: 25px;}
#contents>#info>.info>div>p{font-size: 18px;margin-top: 30px;word-break: keep-all;font-weight: bold ;}


/* work */
#contents>#work{width: 100%;padding: 50px 0; background-color: #eedeb5;}
#contents>#work>.work{width: 1240px;margin: 0 auto;}
#contents>#work>.work>div{width: 100%;display: flex;margin-bottom: 30px;}
#contents>#work>.work>div:last-child{margin-bottom: 0;}
#contents>#work>.work>div>span{width: 90px;line-height: 140px; display: block;background: #cab88b;;font-weight: bold;font-size: 25px;color: #fff;display: flex;justify-content: center;align-items: center;}
#contents>#work>.work>div>div{width: calc(100% - 90px);padding: 30px;background: #fff;}
#contents>#work>.work>div>div>h2{font-size: 25px;color:#cab88b;;margin-bottom: 20px;}
#contents>#work>.work>div>div>p{font-size: 16px;font-weight: bold;word-break: keep-all;}

/* gallery */
#contents>#gallery{width: 100%;padding: 50px 0;}
#contents>#gallery>.gallery{width: 1240px;margin: 0 auto;position: relative;text-align: center;}
#contents>#gallery>.gallery>.slideWrap{width: 100%;height: 600px;position: relative;}
#contents>#gallery>.gallery>.slideWrap>.slideList{width: 100%;height: 100%;position: relative;overflow: hidden;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(2){left: 100%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(3){left: 200%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(4){left: 300%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(5){left: 400%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(6){left: 500%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(7){left: 600%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(8){left: 700%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(9){left: 800%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(10){left: 900%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(11){left: 1000%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(12){left: 1100%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(13){left: 1200%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li:nth-of-type(14){left: 1300%;}
#contents>#gallery>.gallery>.slideWrap>.slideList>li>img{width: 100%;height: 100%;}
/*비디오 관련 CSS*/
#contents>#gallery>.gallery>.slideWrap>.slideList>li>video{width: 100%; height: 100%; display: block; object-fit: cover;}
/*비디오 관련 CSS 끝*/
#contents>#gallery>.gallery>.slideWrap>.button_list{width: 100%;height: 80px;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;bottom: 0;background: rgba(000, 000, 000, 0.3);}
#contents>#gallery>.gallery>.slideWrap>.button_list>a{cursor: pointer;}
#contents>#gallery>.gallery>.slideWrap>.button_list>h6{font-size: 18px;margin: 0 30px;color: #fff;}


/* map */
#contents>#map{width: 100%;text-align: center;}
#contents>#map>.map{width: 100%;padding: 50px 0;background: url(../img/margin_img.png) no-repeat;background-size: cover;}
#contents>#map>.map>h5{font-size: 18px;margin-bottom: 30px;}
#contents>#map>.map>a{width: 300px;line-height:50px;color: #fff;background: #cab88b;display: block;margin: 0 auto;cursor: pointer;border-radius: 50px;margin-bottom: 30px;font-size: 20px;}
/*홈페이지 링크*/
#contents>#map>.map>.hometext{margin-top: 50px;}
#contents>#map>.map>.homepage{margin-top: 50px;}
/*홈페이지 링크 끝*/
#contents>#map>.map>input{opacity: 0;}
#contents>#map>.map>button{width: 300px;line-height: 50px;border: 0;color: #fff;background: #cab88b;cursor: pointer;border-radius: 50px;font-size: 20px;font-weight: bold;}

#contents>#map>.map_box{width: 100%;padding-top: 50px;font-size: 0;}
#contents>#map>.map_box>iframe{width: 100%;height: 500px;}



/* footer */
#footer{width: 100%;padding: 50px 0;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;background: #eedeb5;}





/* fied menu */
.fixed_menu{position: fixed;right: 15px;bottom: 30px;color: #fff;display: flex; align-items: center;}
.fixed_menu>a{display: inline-block;width: 50px;height: 50px;line-height: 50px;font-size: 25px;margin-left: 10px;}

.window_img{width: 100%;height: 100vh;background: rgba(000, 000, 000, 0.7);position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.window_img.active{display: block;}
.window_img>img{width: 50%;height: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.window_img>button{font-size: 50px;border: 0;background: none;color: #fff;cursor: pointer;position: absolute;top: 20px;right: 30px;}