@charset "utf-8";
@import url("font.css");

/* default setting */
html {overflow-y:scroll;width:100%;margin:0;padding:0;overflow-x:hidden;/* scroll-behavior: smooth; */}
html.active {overflow:hidden}
html.has-scroll-smooth .container{overflow: hidden !important;}
html.has-scroll-smooth{ overflow: hidden;position: fixed;left: 0;right: 0;top: 0;bottom: 0;}

/* html {overflow-y:scroll;overflow-x:hidden;width:100%;margin:0;padding:0;-webkit-text-size-adjust:none;} */

* html * {zoom:1}
body {font-family:'Pretendard',  Sans-serif;font-size:18px;width:100%;height:100%;color:#2E2E2E;font-weight:400;word-break:keep-all;-webkit-text-size-adjust:none;background-color:#fff}
* {font-family: 'Pretendard', Sans-serif;line-height:1.3}

article, aside, figcaption, figure, footer, header, hgroup, nav, section, main {display:block}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; box-sizing:border-box}
em, i, address {font-style:normal; font-weight:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none; color:inherit}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin:-1px; padding:0; }
input[type=text], input[type=password], input[type=button], input[type=submit],  input[type=file], button, textarea {-webkit-appearance: none;outline:none}
table {border-collapse: separate; border-spacing:0; width:100%;table-layout: fixed;}
img, select, input, button {vertical-align:middle; }
input, select {color:inherit; font:inherit; line-height:100%;border:none;box-sizing:border-box}
textarea { resize:none; font:inherit; overflow-y:auto; }
label.check {position:relative;margin-right:28px;vertical-align:middle}
input[type=checkbox] {-webkit-appearance: none;width:22px;height:21px;margin:0;background:url(../img/ico/ico_check_off.svg) no-repeat 0 0;background-size:100%;cursor:pointer}
input[type=checkbox]:checked {background-image:url(../img/ico/ico_check_on.svg)}
input[type=checkbox].check2:checked {background-image:url(../img/ico/ico_check_on_2.svg)}
legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px; }
caption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
ul, ol, li, figure {list-style-type:none; margin:0; padding:0; }
cite, blockqoute {display:block; font-style:normal; }
select,
input[type=submit] {cursor:pointer}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
input {-webkit-border-radius:0;-webkit-appearance:none;}
/* common */
.pc_view {display:block !important}
.mobile_view {display:none !important}
.hidden {position:absolute !important;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important}

.color1 {color:#0A351B}
.color2 {color:#A18D50}
.color3 {color:#B3EDCF}
.color4 {color:#ED9724}
.color5 {color:#008A36}
.color6 {color:#fff}

h2 {font-size:50px;line-height:1;font-family:'Didot',Sans-serif;letter-spacing:-1px;;overflow:visible;}
h3 {font-size:80px;line-height:1;font-family:'Didot','Pretendard',Sans-serif;letter-spacing:-1px;;overflow:visible;}
h4 {font-size:30px;line-height:1;overflow:visible;}
h5 {font-size:20px;line-height:1;overflow:visible;}

.hide{display:none}
/*button, icon*/
.btn {display:inline-block;width:fit-content;padding:0 20px;min-width:140px;height:40px;line-height:40px;font-size:18px;color:#fff;font-weight:500;text-align:center;border-radius:6px;background-color:#2E2E2E}
.btn.type2 {min-width:300px;height:60px;line-height:60px;color:#000;border:2px solid #000;font-weight:600;border-radius:60px;background-color:#fff;transition:all 0.5s;}
.btn.type2:hover {color:#fff;background-color:#000;transition:all 0.5s;}
.btn.type3 {min-width:320px;height:65px;line-height:65px;font-size:22px;font-weight:600;border-radius:0 30px 0 0;background-color:#0A351B;transition:all 0.5s;}
.btn.type4 {min-width:365px;height:65px;line-height:65px;font-size:27px;font-weight:300;border-radius:0 30px 0 0;background-color:#008A36;transition:all 0.5s;font-family: 'Didot','Pretendard',Sans-serif;}
.btn.type5 {min-width:185px;height:40px;line-height:40px;font-size:18px;font-weight:600;border-radius:60px;background-color:#008A36;transition:all 0.5s;font-family: 'Didot','Pretendard',Sans-serif;}
/* .btn.type3:hover,
.btn.type4:hover {border-radius:60px;transition:all 0.5s;}
.btn.type5:hover {transform:scale(1.5);transform-origin:0 0;transition:all 0.5s;} */
i.required {position:relative;padding-left:10px}
i.required.right {padding-left:10px}
i.required:before {content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:#008A36;border-radius:50%;transform:translateY(-50%)}
i.required.right:before {left:auto;right:0}

#container {overflow:hidden !important}
#header {position:fixed;top:0;width:100%;height:auto;padding:0 45px;z-index:100;background-color:transparent;transform: translateY(0);-webkit-overflow-scrolling: touch;transition: all 1s ease,background-color 0.5s ease,box-shadow 0.3s ease;}
#header > .inner {display:flex;width:100%;height:120px;margin:0 auto;justify-content: center;align-items: center;justify-content: space-between;transition:all 0.5s ease;border-bottom:1px solid rgba(255,255,255,40%)}
#header.up > .inner {height:80px}
#header.detail.hover{background:#fff;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition: height 1s ease,background-color 0.5s ease,box-shadow 0.3s ease 0.3s;}
/* #header.detail.hover > .inner{height:auto} */
#header .weatherBox {position:relative;margin-left:40px;}
#header .weatherBox dl {display:flex;align-items: center;}
#header .weatherBox dt {font-size:22px;color:#fff;font-weight:600;font-family: 'Roboto';}
#header .weatherBox .wicon {padding:0 10px;filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
#header .weatherBox .temperature {font-size:22px;color:#fff;font-weight:600}
/* #header .logoBox h1 {padding:0 40px;} */
#header .logoBox h1 a {display:block;height: 46px;transition:all .5s ease}
#header.up .logoBox h1 a {display:block;height: 40px;}
#header .logoBox h1 a img{width:100%;height:100%;}
#header .logoBox h2{display:flex;align-items: center;padding:0 35px;height:60px;font-size:30px;color:#0A351B;font-family:'Didot';border-left:#D1D1D1 1px solid;border-right:#D1D1D1 1px solid;position:relative;transition:all 0.5s 0.5s}
#header.detail .logoBox h2{border-right:none;border-left:none}
#header.up .logoBox h2{font-size:24px;transition:all 0.5s}
#header .logoBox h2:hover{color:#008A36}
#header .logoBox h2:after{content:'';position:absolute;height:5px;width:80px;border-radius:10px;background-color:#f2f2f2;bottom:-30px;left:50%;transform:translateX(-50%);transition:all 0.3s ease}
#header.up .logoBox h2:after{bottom:-8px}
#header.detail.hover .logoBox h2:after{height:14px;width:14px;border-radius:0px;/* background-color:#fff;border:1px solid #ccc; */bottom:-30px;left:50%;transform:translateX(-50%) rotate(45deg);transition:all 0.3s ease 0.3s,width 0.3s ease,height 0.3s ease,border 0.01s ease 0.3s}
#header.up.detail.hover .logoBox h2:after{bottom:-8px;}
#header #snb{width:100%;display:none;}
#header #snb ul{text-align:center;padding:20px 0 35px;justify-content:center;display:flex;flex-flow:wrap}
#header #snb ul li{margin:0 20px}
#header #snb ul li a{font-size:21px;padding:10px 0;font-family:'Barlow';text-align:left;display:inline-block;}
#header #snb ul li.current a,
#header #snb ul li a:hover{color:#008A36}

#header .gnb_basic{}
#header .gnb_basic ul{display:flex;justify-content: center;align-items:center;position:relative;}
#header .gnb_basic ul li a{color:#fff;font-size:20px;font-family:'Barlow';padding:30px 0;display:inline-block;font-weight:500}
#header .gnb_basic ul li:before{content:'';display:inline-block;top:-2.5px;position:relative;width:5px;height:5px;border-radius:50px;background:#fff;margin:0 40px}
#header .gnb_basic ul li:first-of-type:before{display:none}

#header .topBox {display: flex;height: 100%;align-items: center;flex:1}
#header .topBox .backBtn span{font-size:30px;color:#000;font-family:'Didot'; vertical-align: middle;margin-left:25px}
#header .topBox .backBtn:hover span{color:#008A36}
#header .reservBox {flex:1;text-align:right}
#header .navBox {/* position:absolute;left:45px; */display: flex;align-items: center;}
#gnb {display:none;position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;z-index:9999;flex-flow:row}
#gnb .gnb{display:flex;}
#gnb .bgBox {display:block;position:fixed;width:100%;height:0;min-height:0;top:100vh;left:0;right:0;background-color:#000;z-index:9999;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1);opacity:0}
#gnb.on .bgBox{height:100%;min-height:100vh;top:0;opacity:1}

#gnb .gnb > ul,
#gnb .gnb > ul + ul,
#gnb .contactBox{transform:translateY(5em);opacity:0;transition:all 1s ease}

#gnb.on .gnb > ul{transform:translateY(0);opacity:1;transition:all 1s ease}
#gnb.on .gnb > ul + ul{transform:translateY(0);opacity:1;transition:all 1s ease 0.2s}
#gnb.on .contactBox{transform:translateY(0);opacity:1;transition:all 1s ease 0.4s}

#gnb > .inner {width: 100%;max-width: 1600px;margin: 0 auto;display: flex;position: relative;top: 50%;transform: translateY(-50%);z-index:99999;padding:0 40px}
#gnb > .inner .gnbWrap {width:100%;height:412px}
#gnb > .inner .contactBox {width:calc(100%/3);display: flex;flex-direction: column;align-items: flex-end;}
#gnb > .inner .snsBox {display: flex;align-items: center;margin-top: 60px;}
#gnb > .inner .snsBox li + li {margin-left:20px}
#gnb > .inner .gnb > ul {display: flex;flex-flow: column;flex:1;margin:0 10px}
#gnb > .inner .gnb > ul > li {position:relative;}
#gnb > .inner .gnb > ul > li:before {content:'';display:block;position:absolute;width:14px;height:14px;top:50px;left:-35px;border:1px solid #fff;transform:translateY(-50%) rotate(-45deg);opacity:0;transition: all 0.5s ease}
#gnb > .inner .gnb > ul > li.current:before,
#gnb > .inner .gnb > ul > li:hover:before {content:'';display:block;position:absolute;width:14px;height:14px;top:36px;left:-35px;border:1px solid #fff;transform:translateY(-50%) rotate(45deg);opacity:1;transition: all 0.5s ease,opacity 0.2s ease;}
#gnb > .inner .gnb > ul > li a {font-size:55px;font-weight:300;font-family:'Didot',Sans-serif;color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#CBCBCB;transition: all 0.5s ease;}
#gnb > .inner .gnb > ul > li.current a,
#gnb > .inner .gnb > ul > li:hover a {color:#fff;-webkit-text-stroke-color:#fff;transition: all 0.5s ease;}

#gnb > .inner .gnb ul.deps2 {display:flex;flex-flow:wrap;margin:0;overflow:hidden;opacity:1;transition:all 0.6s ease-in-out 0s;max-height:0;border:0px solid red}
#gnb > .inner .gnb > ul > li.current ul.deps2,
#gnb > .inner .gnb > ul > li:hover ul.deps2 {opacity:1;max-height:100px;transition:all 0.6s linear;margin:10px 0 20px;}

/* #gnb > .inner .gnb > ul > li[data="Community"] ul.deps2 {display:flex;flex-flow: row wrap;padding-top:20px;position:absolute;} */
#gnb > .inner .gnb ul.deps2 > li{margin-right:25px}
#gnb > .inner .gnb ul.deps2 > li + li{}
#gnb > .inner .gnb ul.deps2 > li a{font-size:19px;color: #aaa;-webkit-text-stroke-width: 0;font-family:'Barlow';font-weight:400}
#gnb > .inner .gnb ul.deps2 > li.current a,
#gnb > .inner .gnb ul.deps2 > li a:hover{color:#fff}

#header.down {transform:translateY(-100%);transition: all 0.5s,background-color 0.1s ease;}
#header.up {transform:translateY(0);background-color:#fff;transition: all 1s ease,background-color 0.1s ease;}
#header.up .weatherBox dt {color:#000;}
#header.up .weatherBox .wicon {filter:none}
#header.up .weatherBox .temperature {color:#000;}
#header.up .logoBox h1 {border-color:rgba(206,206,206,0.82)}
#header.up .logoBox h1 img {filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
#header.up .reservBox {filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
#header.subheader > .inner {border-bottom:none}
#header.subheader .weatherBox dt {color:#000;}
#header.subheader .weatherBox .wicon {filter:none;width:49px;}
#header.subheader .weatherBox .wicon img{width:100%;}
#header.subheader .weatherBox .temperature {color:#000;}
#header.subheader .logoBox h1 {border-color:rgba(206,206,206,0.82)}
#header.subheader .logoBox h1 img {filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
#header.subheader .reservBox {filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}


#header.active .weatherBox {z-index:99999}
#header.active .weatherBox dt {color:#fff}
#header.active .weatherBox .wicon {filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
#header.active .weatherBox .temperature {color:#fff;z-index:99999}
#header.active .logoBox {z-index:99999}
#header.active .logoBox h1 img {filter:none}
#header.active .reservBox {filter:none;z-index:99999}
#header.active .logoBox .logo{display:block !important;}
#header.active .logoBox .subBtn{display:none;}

#menuBtn {position:relative;width:45px;height:20px}
#menuBtn span {display:inline-block;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
#menuBtn span {
	position: absolute;
	left: 0;
width: 45px;
    height: 2.4px;
    background-color: #fff;
    border-radius: 1.5px;}
#header.up #menuBtn span,
#header.subheader #menuBtn span {background-color: #000;}
#menuBtn.active {width:40px;height:40px;z-index:99999}
#menuBtn.active span {background-color: #fff !important}
#menuBtn span.mid1 {top:1px}
#menuBtn span.mid2 {top:9px}
#menuBtn span.mid3 {bottom:1px;width:30px}
#menuBtn span.mid1 {-webkit-animation:design .75s forwards;animation:design .75s forwards;}
@-webkit-keyframes design {
	0% {transform:translateY(20px) rotate(45deg);}
	50% {transform:translateY(20px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
@keyframes design {
	0% {transform:translateY(20px) rotate(45deg);}
	50% {transform:translateY(20px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
#menuBtn span.mid2 {transition:all .25s .25s;opacity:1;}
#menuBtn span.mid3 {-webkit-animation:design2 .75s forwards;animation:design2 .75s forwards;}
@-webkit-keyframes design2 {
	0% {transform:translateY(-20px) rotate(-45deg);}
	50% {transform:translateY(-20px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
@keyframes design2 {0% {
		transform:translateY(-20px) rotate(-45deg);}
	50% {transform:translateY(-20px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
#menuBtn.active span.mid1 {top:0;-webkit-animation:active-design .75s forwards;animation:active-design .75s forwards;}
@-webkit-keyframes active-design {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(20px) rotate(0);}
	100% {transform:translateY(20px) rotate(45deg);}
}
@keyframes active-design {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(20px) rotate(0);}
	100% {transform:translateY(20px) rotate(45deg);}
}
#menuBtn.active span.mid2 {opacity:0;}
#menuBtn.active span.mid3 {bottom:-2px;width:45px;-webkit-animation:active-design2 .75s forwards;animation:active-design2 .75s forwards;}
@-webkit-keyframes active-design2 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(-20px) rotate(0);}
	100% {transform:translateY(-20px) rotate(-45deg);}
}
@keyframes active-design2 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(-20px) rotate(0);}
	100% {transform:translateY(-20px) rotate(-45deg);}
}

section .bgBox {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
section .bgBox img {width:100%;height:100%;object-fit:cover;}
.storyBox .bgBox img {width:100vw;height:100vh;object-fit:cover;position:absolute;    left: 50%;    transform: translate(-50%,-50%);    top: 50%;}
.visual_bg {position:relative;margin-top: 150px;top:0;left:0;width:100%;height:100vh;overflow:hidden;}
.visual_bg:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.1;z-index:1}
.visual_bg img {width:100%;height:100%;object-fit:cover;position:absolute;}
.boardView,
.viewList,
.inquiryBox,
.boardList,
.subtopBox,
.detailslider,
.visual_bg:before,
.visual_bg img{transform:translateY(10%);opacity:0;transition:all 1s ease .3s}

#contents.on .visual_bg:before{transform:translateY(0%);opacity:0.1}
#contents.on .boardView,
#contents.on .viewList,
#contents.on .inquiryBox,
#contents.on .boardList,
#contents.on .subtopBox,
#contents.on .detailslider,
#contents.on .visual_bg img{transform:translateY(0%);opacity:1}

.detailslider {}

.newsLetter {position:relative;}
.newsLetter .bgBox {background:#14592E url(../img/main/bg_pattern_2.svg);}
.newsLetter > .inner {padding:240px 0}
.newsLetter .titleBox {position:relative;height:120px}
.newsLetter .titleBox h2 {text-align:center;font-size:60px;font-weight:300}
.newsLetter .titleBox .desc {margin-top:20px;font-size:20px;color:#fff;text-align:center}
.newsLetter .titleBox:before,
.newsLetter .titleBox:after {display:none}
.newsLetter .letterBox {width:100%;max-width:1120px;margin:80px auto 0;padding:80px 100px;border:1px solid #fff}
.newsLetter .letterBox .letterSearch {position:relative;padding-bottom:20px;border-bottom:1px solid #fff}
.newsLetter .letterBox .letterSearch input {width:100%;border:none;font-size:20px;font-weight:500;font-family: 'PlayfairDisplay';color:rgba(255,255,255,1);background-color: transparent;}
.newsLetter .letterBox .letterSearch input::placeholder {color:rgba(255,255,255,0.5)}
.newsLetter .letterBox .letterSearch .buttonBox {position:absolute;bottom:20px;right:0}
.newsLetter .letterBox .letterSearch .buttonBox button {font-size:22px;font-weight:400;font-family: 'PlayfairDisplay';color:#fff}
.newsLetter .letterBox .agreeBox {margin-top:20px;display: flex;align-items: center;}
.newsLetter .letterBox .agreeBox label {font-size:18px;color:#fff;margin-left:15px}
.newsLetter .letterBox .agreeBox .privacyBtn {text-decoration:underline;cursor:pointer}
footer {position:relative;z-index:1}
.footer {position:relative}
.footer > .inner {padding:115px 0}
.footer .footerBox {padding:70px 0;margin:0 45px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.footer .footerBox .logoBox {text-align:center}
.footer .footerBox .address {display:flex;justify-content: space-around;width:100%;max-width:1600px;margin:55px auto 0}
.footer .footerBox .address > div {margin-top:10px;}
.footer .footerBox .address .linkBox {margin-top:0;font-size:36px;color:#fff;font-weight:600;font-family:'Didot';letter-spacing:-1px}
.footer .footerBox .address .linkBox li a {font-size:36px;color:#fff;font-weight:600;font-family:'Didot';letter-spacing:-1px}
.contactBox {width:400px}
.contactBox dt {font-size:21px;color:#fff;font-family:'BarlowCondensed';letter-spacing:0;font-weight:500;text-transform: uppercase;}
.contactBox dd {margin-top:20px;font-size:17px;color:#fff;font-weight:300;font-family:'Barlow';letter-spacing:-0.5px}
.contactBox .copyright {margin-top:25px;font-size:14px;}
.contactBox .tel {margin-top:10px;font-size:35px;font-weight:500}
.footer .footerBox .address .snsBox dt {font-size:18px;color:#fff;font-family:'BarlowCondensed';letter-spacing:-0.5px;font-weight:500}
.footer .footerBox .address .snsBox dd {margin-top:10px}
.footer .footerBox .address .snsBox dd ul {display:flex;align-items: center;}
.footer .footerBox .address .snsBox dd ul li + li {margin-left:20px}
.footer .footerBox .address .snsBox dd ul li a {display:block}

/*서브 레이아웃*/
#contents {position:relative;width:100%;background: #fff url(../img/main/bg_pattern_1.png);}



#contents > .inner {padding:235px 0;width:100%;max-width:1200px;margin:0 auto}
.fullWidth {margin-left:calc(-100% - 600px);margin-right:calc(-100% - 600px)}
#contents.board > .inner {max-width:1200px;}
#contents.travelguide > .inner {max-width:1200px;}
/* #contents > .bgBox {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(../img/main/bg_pattern_1.png);opacity:0.025} */
#contents .titleBox {display:block;text-align:center}
#contents .titleBox h2.tit,
#contents .titleBox h3.tit {font-size:100px;color:#000;font-weight:300;font-family:'Didot';opacity:0;overflow:hidden;line-height:1.3}
#contents .titleBox h2.tit *,
#contents .titleBox h3.tit *{font-size:100px;color:#000;font-weight:300;line-height:1;font-family:'Didot';transition:all 1s ease;top:1.5em;position:relative}
#contents .titleBox .desc {margin-top:20px;font-size:20px;color:#666;font-family:'Pretendard',Sans-serif;opacity:0;overflow:hidden;display:block;}
#contents .titleBox .desc *{font-size:20px;color:#666;font-family:'Pretendard',Sans-serif;transition:all 0.3s ease;top:1.5em;position:relative}
#contents .subtopBox {display:flex;margin-top:140px;justify-content: space-between;align-items: flex-start;position:relative}
#contents .subtopBox .tab {flex:1}
#contents .subtopBox .tab.type2 {margin:0 auto}
#contents .subtopBox .tab ul {display:flex;margin:0 -20px}
#contents .subtopBox .tab ul li {margin:0 20px 20px}
#contents .subtopBox .tab ul li a {display:block;font-size:23px;color:#D1D1D1;line-height:1.1;font-weight:600;font-family: 'Roboto','Pretendard',Sans-serif;}

#contents .subtopBox .tab ul li.on a,
#contents .subtopBox .tab ul li a:hover {/* border-bottom:#008A36 2px solid */;color:#008A36}

#contents .subtopBox .tab ul li a:after{content:'';width:0;height:2px;background:#008A36;display:inline-block;bottom:0;position:relative;transition:all .3s ease}
#contents .subtopBox .tab ul li.on a:after,
#contents .subtopBox .tab ul li a:hover:after {width:100%;}
#contents .subtopBox .searchBox {display: flex;justify-content: right;position:absolute;overflow:hidden;width:23px;right:0;height:45px;transition:all .3s ease}
#contents .subtopBox .searchBox.on{width:100%;background:#fff;}
#contents .subtopBox .searchBox .input{width:100%;transition:all .3s ease-in-out;border-bottom:2px solid #000;opacity:0}
#contents .subtopBox .searchBox.on .input{opacity:1}
#contents .subtopBox .searchBox .input input{width:100%;font-weight:600;font-size:20px;padding-right:30px;line-height:1.1;transition:all .3s ease;color:#000;}
#contents .subtopBox .searchBox .input input::placeholder{opacity:0;}
#contents .subtopBox .searchBox.on .input input::placeholder{opacity:1;transition:opacity .5s ease .3s;}
#contents .subtopBox .searchBox .searchBtn{position:absolute}

#contents .btnBox {display:flex;justify-content: center;flex-wrap: wrap;margin-top:100px}
#contents .btnBox .moreBtn {position:relative;font-size:0;width:70px;height:70px}
#contents .btnBox .moreBtn:before {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:url(../img/ico/btn_more.svg) no-repeat 0 0;background-size:100%;transition:transform 0.5s ease}
#contents .btnBox .moreBtn:hover:before {transform:rotate(-90deg);}
#contents .moreView {margin-top:75px;position:relative;width:fit-content;}
#contents .moreView a {display:flex;align-items:center;padding-right:160px;}
#contents .moreView a:after {content:'';display:block;position:absolute;top:0;right:0;width:114px;height:26px;background:url(../img/ico/btn_arrow_c.svg) no-repeat 0 0;background-size:100%;}
#contents .moreView a span {display:inline-block;font-size:26px;color:#0A351B;line-height:1;font-weight:500;font-family:'BarlowCondensed';}
#contents .btxt {position:absolute;bottom:-55px;left:-50%;z-index:1;width:100%;mix-blend-mode:difference;transform:translateX(-50%);color:#fff;z-index:2}
#contents .btxt strong {display:block;width:max-content;font-size:100px;line-height:1;font-weight:300;font-family:'Didot', sans-serif;color:#fff;}

/*공지사항, 뉴스레터, faq, 글읽기*/
.boardList {margin-top:75px}
.boardList .listBox ul {border-top:2px solid #0A351B}
.boardList .listBox ul li {display:flex;padding:30px 0 34px;border-bottom:1px solid #ccc;align-items: center;}
.boardList .listBox ul li .tit {width:100%;font-size:20px;color:#000101;font-weight:600;padding-right:20px;display: -webkit-box;overflow: hidden;word-break: keep-all;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.boardList .listBox ul li .tit a:hover{color:#008A36}
.boardList .listBox ul li .date {width:110px;font-size:16px;color:#666;font-weight:600;font-family: 'Poppins', sans-serif;}
.boardList .thumnailBox ul {display:flex;margin:0 -15px;flex-wrap: wrap;align-items: start;}
.boardList .thumnailBox ul li {display:flex;margin:0 15px 30px;width:calc(100%/3 - 30px);height:auto;border:1px solid #D1D1D1;background-color:#fff}
.boardList .thumnailBox ul li a{width:100%;height:100%;display:block}
.boardList .thumnailBox ul li:nth-child(2) {margin-top:80px}
.boardList .thumnailBox ul li:nth-child(3n + 2) {margin-top:70px}
.boardList .thumnailBox ul li .imgBox {position:relative;width:100%;height:350px;overflow:hidden}
.boardList .thumnailBox ul li .imgBox img {position:absolute;top:0;left:50%;width:100%;height:100%;object-fit:cover;transform:translateX(-50%)}
.boardList .thumnailBox ul li .txtBox {width:100%;padding:40px}
.boardList .thumnailBox ul li .txtBox .tit {width:100%;font-size:22px;font-weight:600;color:#0A351B;line-height:1.1;display: -webkit-box;overflow: hidden;word-break: keep-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.boardList .thumnailBox ul li a:hover .txtBox .tit {color:#008A36}
.boardList .thumnailBox ul li .txtBox .desc {margin-top:15px;width:100%;font-size:17px;line-height:1.5;color:#666;display: -webkit-box;overflow: hidden;word-break:keep-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.boardList .thumnailBox ul li .txtBox .date {margin-top:30px;display:block;font-size:16px;color:#666;font-weight:500;font-family: 'Poppins', sans-serif;}
.boardList .faqList {border-top:2px solid #000}
.boardList .faqList dt {position:relative;display:flex;height:80px;border-bottom:1px solid #ccc;align-items: center;cursor:pointer}
.boardList .faqList dt:before {content:'';display:block;position:absolute;width:18px;height:12px;top:50%;right:0;background:url(../img/ico/ico_arrow_faq.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%) rotate(0deg);transition:all 0.5s;}
.boardList .faqList dt.active {border-bottom:0}
.boardList .faqList dt.active:before {transform:translateY(-50%) rotate(-180deg);transition:all 0.5s;}
.boardList .faqList dt span {width:40px;font-size:23px;line-height:1.1;color:#000;font-weight:700;font-family: 'Poppins'}
.boardList .faqList dt strong {font-size:20px;color:#000;font-weight:600;text-align:center}
.boardList .faqList dt.active span,
.boardList .faqList dt.active strong {color:#008A36}
.boardList .faqList dd {display:none;border-bottom:1px solid #ccc;}
.boardList .faqList dd .answerBox {display:flex;padding:0 50px 40px 0}
.boardList .faqList dd .answerBox > span {width:40px;height:100%;font-size:23px;color:#ED9724;font-weight:700;line-height:1.1;font-family: 'Poppins'}
.boardList .faqList dd .answerBox .Box {width:100%;max-width:940px}
.boardList .faqList dd .answerBox .Box > span {display:block;font-size:18px;color:#000;font-weight:500;line-height:28px}
.boardList .faqList dd .answerBox .Box > span + span {margin-top:30px}
.boardView {margin-top:100px;border-top:2px solid #000}
.boardView .viewBox {padding-bottom:100px;border-bottom:1px solid #ccc}
.boardView .viewBox .titBox {padding:35px 0;border-bottom:1px solid #666}
.boardView .viewBox .titBox .date {display:block;font-size:16px;color:#666;font-weight:600;font-family: 'Pretendard', sans-serif;}
.boardView .viewBox .titBox .tit {font-size:20px;color:#000;}
.boardView .viewBox .imgBox {margin-top:70px;width:100%}
.boardView .viewBox .imgBox img {width:100%;height:100%;object-fit:cover}
.boardView .viewBox .txtBox {margin-top:40px}
.boardView .viewBox .txtBox > span {font-size:17px;color:#000;font-weight:300}

.boardView .btnBox {margin-top:100px;width:100%;}
.boardView .relatList {margin-top:100px;width:100%;border-top:1px solid #ccc;}
.boardView .relatList li {display:flex;height:80px;padding:25px 0;border-bottom:1px solid #ccc}
.boardView .relatList li .sub {width:90px;font-size:20px;color:#000;font-weight:600;font-family:'Barlow';}
.boardView .relatList li .tit {width:100%;padding-right:40px;font-size:20px;color:#000;font-weight:600;display: -webkit-box;overflow: hidden;word-break: break-word;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.boardView .relatList li .date {width:120px;font-size:16px;color:#666;font-weight:600;font-family: 'Poppins', sans-serif;}
.inquiryBox {margin-top:70px;}
.inquiryBox .titleBox {padding-top:0 !important;padding-bottom:30px;margin:0 !important;border-bottom:1px solid #ccc;display:flex;flex-direction: row !important;align-items: center !important;text-align:left;justify-content: space-between !important}
.inquiryBox .titleBox h3 {width:fit-content;font-size:24px;text-align:left;color:#000;font-weight:600}
.refer {display:block;text-align:right;;font-size:16px;color:#000;font-weight:600;}
.noticeBox {position:relative;padding:90px 0 70px}
.noticeBox strong {position:absolute;top:95px;right:0;cursor:pointer}
.noticeBox:before {content:'';display:block;position:absolute;width:20px;height:20px;top:3px;left:50%;border:2px solid #000;background-color:#fff;transform:translateX(-50%) rotate(45deg);z-index:1}
.noticeBox:after {content:'';display:block;position:absolute;width:100%;height:2px;top:14px;left:0;background-color:#000;}
.inquiryBox .formBox {padding:100px 80px;border:1px solid #D1D1D1;background:#fff}
.inquiryBox .formBox .formGroup {display:flex;padding:12px 0;border-bottom:1px solid #ccc;align-items:center}
.inquiryBox .formBox .formGroup .label {padding-top:0;align-items:center;font-size:18px;color:#000;font-weight:600;line-height:1;flex:1}
.decide .inquiryBox .formBox .formGroup .label {width:245px;}
.inquiryBox .formBox .formGroup .formCol {display:flex;position:relative;flex:3.7;align-items:center}
.inquiryBox .formBox .formGroup .formCol .sign {display:inline-block;margin:0 8px;}
.inquiryBox .formBox .formGroup .formCol input[type=text] {padding-left:15px;width:100%;height:40px;font-size:18px;color:#000;font-weight:500;background-color:#fff;border-radius:6px;border:1px solid #ccc}
.inquiryBox .formBox .formGroup .formCol textarea::placeholder,
.inquiryBox .formBox .formGroup .formCol input::placeholder{color:#999 !important}
.inquiryBox .formBox .formGroup .formCol input[type=text].name {max-width:440px}
.inquiryBox .formBox .formGroup .formCol input[type=text].email {width:213px}
.inquiryBox .formBox .formGroup .formCol input[type=text].datepicker {width:213px}
.inquiryBox .formBox .formGroup .formCol input[type=text].tel {width:140px}
.inquiryBox .formBox .formGroup .formCol button.ui-datepicker-trigger {margin-left:10px}
.inquiryBox .formBox .formGroup .formCol select {margin-left:8px;width:145px;padding:0 15px;font-size:18px;color:#000;height:40px;border-radius:6px;-webkit-appearance: none;border:1px solid #ccc;background:#fff url(../img/ico/ico_arrow_select.svg) no-repeat center right 15px}
.inquiryBox .formBox .formGroup .formCol .textarea {padding:15px;width:100%;font-size:18px;color:#000;height:265px;font-weight:500;border-radius:6px;background-color:#fff;border:1px solid #ccc}
.inquiryBox .formBox .formGroup .formCol .textarea::placeholder,
.inquiryBox .formBox .formGroup .formCol input[type=text]::placeholder{color:#000;font-weight:400}
.inquiryBox .fileBox {position:absolute;right:0}
.inquiryBox .fileBox label {cursor:pointer}
.inquiryBox .fileBox input[type="file"] {position: absolute;right:18px;width: 1px;height: 1px;padding: 0;border: 0;overflow: hidden;clip: rect(0, 0, 0, 0);}
.inquiryBox .ui-datepicker-trigger img {width:25px}
.checkBox {margin-top:50px;display: flex;align-items: center;}
.agreetxt {font-size:20px;color:#666;font-weight:500}
.agreetxt em {margin-left:15px;font-size:20px;text-decoration:underline;color:#008A36;font-weight:500}
.agreetxt a{font-weight:600}
.offerBox {margin-top:30px;width:100%}
.offerBox > .inner {display:flex;width:100%;max-height:80px;padding:20px;background-color:#F6F6F6;justify-content: space-between;align-items: center;}
.offerBox > .inner .priceBox {display:flex;width:100%;align-items: center;}
.offerBox > .inner .priceBox strong {display:inline-block;font-size:20px;color:#000}
.offerBox > .inner .priceBox span {display:inline-block;margin-left:10px;fot-size:16px;color:#000;font-weight:400}
#contents.specialoffers .offerBox > .inner .btnBox {margin-top:0;justify-content: flex-end;}
#contents.specialoffers .boardView .viewBox .imgBox {margin-top:30px}

/* accommodations, dining */
#contents.accommodations > .inner {padding-bottom:0;max-width:100%}
#contents.dining > .inner {padding-bottom:0;max-width:100%}
#contents.activity > .inner {padding-bottom:0;max-width:100%}
.topVisual {position:absolute;width:100%;margin-top:150px;z-index:1;}
.topVisual .bgBox:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.20}
.topVisual .inner {display:flex;height:100vh;justify-content: center;align-items: center;}
.topVisual .inner .infoBox {display:flex;flex-direction: column;align-items: center;}
.topVisual .inner .infoBox .tit {font-size:80px;color:#fff;font-weight:300;font-family:'Didot';letter-spacing:-1px;text-align:center;line-height:1.3}
.topVisual .inner .infoBox .desc {margin-top:30px;font-size:20px;color:#fff;font-weight:300;letter-spacing:-1px}
.cover_bg {width:100%;height:80vh;background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.95) 90%);z-index:1;position:relative}

.viewList {position:relative;z-index:1;    background: rgba(255,255,255,0.95);}
.viewList .inner {padding:300px 0;margin:0 auto;width:100%;max-width:1400px}
.viewList .listBox li {display:flex;align-items: center;    justify-content: space-between;}
.viewList .listBox li + li {margin-top:230px}
.viewList .listBox li .txtBox {margin-left:85px;width:calc(100% - 815px);position:relative;z-index:2}
.viewList .listBox li .txtBox a:hover .tit{color:#008A36}
.viewList .listBox li .txtBox .tit {margin-left:-70px;color:#0A351B;font-weight:300;white-space:nowrap;transition:color 0.5s}
.viewList .listBox li .txtBox .desc {display:inline-block;margin-top:20px;font-size:20px;color:#666;font-weight:300;max-width:473px;/* min-height:125px */}
#contents.accommodations .viewList .listBox li .txtBox .moreView {margin-top:50px;}
.viewList .listBox li .imgBox {width:700px;height:500px;position:relative;overflow:hidden}
.viewList .listBox li .imgBox img {position:absolute;width:100%;height:100%;object-fit:cover;transform: translate(-50%, -50%);left: 50%; top: 50%;}
.viewList .listBox li.type2 .imgBox{}
.viewList .listBox li.type2 .imgBox img{}
.viewList .bgBox:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0A351B;opacity:0.95;}

/* motions */
/* .viewList .listBox li .txtBox{overflow:hidden} */
.viewList .listBox li .txtBox > *{ top: 1em;transition:all 1s ease;position:relative}
.viewList .listBox li.on .txtBox > *{ top: 0}
.viewList .listBox li .txtBox .tit{transition-delay:0}
/* .viewList .listBox li .txtBox .desc{transition-delay:0.4s}
.viewList .listBox li .txtBox .moreView{transition-delay:0.8s} */
.viewList .listBox li .imgBox img{width:115%;height:115%;transition:all 1s ease}
.viewList .listBox li.on .imgBox img{width:100%;height:100%}

#contents.dining.v2 .viewList .bgBox:before {background-color:#fff;}
#contents.dining .viewList .inner {padding:215px 0;}
.viewList .listBox.type2 ul {margin:0 -50px;display: flex;flex-wrap: wrap;}
.viewList .listBox.type2 li {/* display:flex;align-items: center;flex-direction: column;width:calc(100%/3 - 100px); */margin:0 50px;}
.viewList .listBox.type2 li + li {margin-top:0}
.viewList .listBox.type2 ul li:nth-child(3n - 1),
.viewList .listBox.type2 ul li:nth-child(4n - 1) {margin-top:220px;}

.viewList .listBox.type2 li .txtBox {margin:40px 0 0;padding-left:20px;width:100%;height:auto}
.viewList .listBox.type2 li .txtBox .tit {margin-left:0;color:#fff;font-size:50px;transition:all 0.5s ease}
.viewList .listBox.type2 li .txtBox .desc {margin-top:10px;font-size:16px;font-weight:300;max-width:100%;min-height:65px}
.viewList .listBox.type2 li .imgBox {width:100%;height:0;padding-bottom:100%;transition:all 0.5s ease}
#contents.dining .viewList .listBox.type2 li .txtBox .moreView {margin-top:0;opacity:0;transition:opacity 0.5s ease}
.viewList .listBox.type2 li a:hover .txtBox .tit {color:#ED9724;transition:all 0.5s ease}
.viewList .listBox.type2 li a:hover .imgBox {border-radius:0 150px 0 0;transition:all 0.5s ease}
.viewList .listBox.type2 li a:hover .imgBox img {transition:all 0.5s ease}

#contents.dining .viewList .listBox.type2 li a:hover .txtBox .moreView {opacity:1;transition:opacity 0.5s ease}
.viewList.type2 {background:none}
.viewList.type2 .inner {padding:100px 0 0}

.viewList .listBox.type3 ul {margin:0 -50px;display: flex;flex-wrap: wrap;}
.viewList .listBox.type3 li {display:flex;align-items: center;flex-direction: column;width:calc(100%/2 - 100px);margin:0 50px;justify-content:start}
.viewList .listBox.type3 li:nth-child(2n) {margin-top:100px}
.viewList .listBox.type3 li .txtBox {margin:40px 0 0;padding:0 40px;width:100%;height:auto;background:none}
.viewList .listBox.type3 li .txtBox .tit {margin-left:0;color:#0A351B;font-size:30px;font-weight:600;font-family:'Pretendard';}
.viewList .listBox.type3 li .txtBox .desc {margin-top:30px;font-size:17px;font-weight:300;max-width:100%;color:#666;min-height:60px}
.viewList .listBox.type3 li .imgBox {width:100%;height:0;padding-bottom:100%}
.viewList .listBox.type3 li .imgBox img {transform:scale(1) translate(-50%, -50%)}


#contents.dining.v2 .topVisual {}
#contents.dining.v2 .viewList .inner {max-width:1670px}
#contents.dining.v2 .viewList .listBox.type2 ul {margin:0 -80px;justify-content: center;}
#contents.dining.v2 .viewList .listBox.type2 ul li {width:calc(100%/2 - 160px);margin:0 80px;align-items: flex-end;}
#contents.dining.v2 .viewList .listBox.type2 ul li .imgBox {width:538px;height:568px;padding-bottom:0}
#contents.dining.v2 .viewList .listBox.type2 ul li .txtBox {width:538px;padding-left:55px}
#contents.dining.v2 .viewList .listBox.type2 ul li a:hover .tit{color:#008A36}
#contents.dining.v2 .viewList .listBox.type2 li .txtBox .tit {color:#0A351B;font-size:60px;transition:color 0.5s}
#contents.dining.v2 .viewList .listBox.type2 li .txtBox .desc {font-size:20px;color:#666}
#contents.dining.v2 .viewList .listBox.type2 ul li.type2 .imgBox {width:538px;height:568px}
#contents.dining.v2 .viewList .listBox.type2 ul li.type2:nth-child(4n -2) .imgBox,
#contents.dining.v2 .viewList .listBox.type2 ul li.type2:nth-child(4n -1) .imgBox{width:755px;height:490px;}
/* #contents.dining.v2 .viewList .listBox.type2 ul li.type2 .txtBox {width:755px;} */

#contents.dining.v2 .viewList .listBox.type2 ul li:first-child {margin-top:180px;}
#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(2n) {align-items: flex-start;}
#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(2n + 1) {margin-top:180px;}
#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(2n - 1) a,
#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(3n - 1) a{width: 100%;display:block;}
#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(odd) {justify-content: end;}
#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(4n - 3) a{width: 538px;}

.bannerBox {position:relative}
.bannerBox .btxt.top{bottom:auto;top:-55px}
.bannerBox .slideBox {position:relative;height:100vh;width:100%;overflow: hidden;display: flex;align-items: center;justify-content: center;z-index: 1;}

.bannerBox .slideBox .imgBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
#contents .bannerBox .btnBox{margin-top:60px}
.bannerBox .slideBox .imgBox:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.20}
.bannerBox .slideBox .imgBox img {width:100%;height:100%;object-fit:cover}
.bannerBox .slideBox .txtBox {position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}
.bannerBox .slideBox .txtBox .tit {font-size:80px;color:#fff;font-weight:300;line-height:1;font-family:'Didot';letter-spacing:-1px}
.bannerBox .slideBox .txtBox .desc {display:block;margin-top:20px;font-size:20px;color:#fff;font-weight:300;letter-spacing:-1px}
.bannerBox .slideBox .txtBox .btnBox {margin-top:120px}
.bannerBox .slideBox .txtBox .btnBox .moreBtn2 {display:flex;width:120px;height:120px;font-size:26px;color:#fff;font-weight:500;font-family:'BarlowCondensed';justify-content: center;align-items: center;}
.bannerBox .slideBox .txtBox .btnBox .moreBtn2:before{content: '';position: absolute;width: 120px;height: 120px;border: 1.5px dashed #fff;border-radius: 50%;animation: rotating 10s linear infinite;}

.slideNav {position:absolute;top:50vh;right:140px;transform:translateY(-50%);}
.slideNav ul {display: flex;flex-direction: column;}
.slideNav li {position:relative;opacity:1;margin:10px 0;height:10px}
.slideNav li:before {content:'';position:absolute;display:block;top:50%;right:15px;width:10px;height:10px;border-radius:50%;background-color:#fff;transform: translateY(-50%);}
.slideNav li.on {width:36px;height:36px;margin:0}
.slideNav li.on:before {background-color:#ED9724;transition:all 0.5s ease}
.slideNav li.on:after {content:'';display:block;position:absolute;top:50%;right:0;width:36px;height:36px;border:2px dotted #fff;border-radius:50%;transform: translateY(-50%);transition:all 0.5s ease}

/*상세페이지*/
.detailTop {display:flex;align-items: center;justify-content: center;position:fixed;top:0;left:0;width:100%;height:120px;background-color:#fff;z-index:999;padding:0 45px}
.detailTop .backBtn {position:absolute;left:45px;}
.detailTop .backBtn a {padding-left:74px;display:block;font-size:30px;color:#000;font-family:'Didot';}
.detailTop .backBtn:before {content:'';display:block;position:absolute;top:50%;left:0;width:43px;height:25px;background:url(../img/ico/ico_arrow_back.svg) no-repeat 0 0;background-size:100%;transform: translateY(-50%);}
.detailTop h2 {display:flex;align-items: center;padding:0 35px;height:60px;font-size:30px;color:#0A351B;font-family:'Didot';border-left:#D1D1D1 1px solid;border-right:#D1D1D1 1px solid;}
.detailTop .reservBox {position:absolute;right:45px;filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
#contents.detail > .inner {max-width:100%}
.detailBox > .inner {max-width:1200px;padding-top:160px;margin:0 auto}
.detailslider {position:relative;margin-top:120px}
#detailslider > ul{max-height:1000px}
.detailslider .swiper-slide {transform: scale(1.1);height:80vh;transition:transform 1s ease}
.detailslider.empty .swiper-slide{transform:scale(1)}
.detailslider .swiper-slide:before{content:'';width:100%;height:100%;position:absolute;opacity:0.05;background-color:#000}
.detailslider .swiper-slide img {width:100%;object-fit:cover;height:100%}
.detailslider .swiper-slide-active {transform: scale(1.1);}
.detailslider .swiper-slide-prev,
.detailslider .swiper-slide-next{transform: scale(0.8)}
.detailslider.empty .swiper-pagination,
.detailslider.empty .swiper-button-next,
.detailslider.empty .swiper-button-prev{display:none}



.detailslider .swiper-button-next {width: 60px;height: 60px;left: auto;right: 3.6%;top: 50%;background:url(../img/ico/ico_arrow_next.svg) no-repeat center;background-size:100%;transform:translateY(-50%);background-size:contain}
.detailslider .swiper-button-prev {width: 60px;height: 60px;right: auto;left: 3.6%;top: 50%;background:url(../img/ico/ico_arrow_prev.svg) no-repeat center;background-size:100%;transform:translateY(-50%);background-size:contain}

.detailslider .swiper-pagination {position:absolute;left: 50%;bottom: 50px;transform: translateX(-50%);}
.detailslider .swiper-pagination .swiper-pagination-bullet {position:relative;opacity:1;margin:0 10px;width:10px;height:36px;background:transparent}
.detailslider .swiper-pagination .swiper-pagination-bullet:before {content:'';position:absolute;display:block;top:50%;right:auto;width:10px;height:10px;border-radius:50%;background-color:#fff;transform: translateY(-50%);}
.detailslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {margin:0 13px}
.detailslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background-color:#ED9724;transition:all 0.5s ease}
.detailslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {content:'';display:block;position:absolute;top:-2px;left:calc(50% - 20px);width:36px;height:36px;border:2px dotted #fff;border-radius:50%;/* transform: translate(-50%,-50%); */transition:all 0.5s ease; animation: rotating 10s linear infinite;}
#contents.detail .detailBox > .inner .titleBox .tit {font-size:50px;color:#000;font-weight:300;line-height:1;font-family:'Didot';}
#contents.detail .detailBox > .inner .titleBox.type2 .tit {font-size:40px;font-weight:600;letter-spacing:-1px;font-family:'Pretendard';}
#contents.detail .detailBox > .inner .titleBox + div {margin-top:65px}
#contents.detail .detailBox > .inner .refer {margin-top:25px}
#contents.detail .detailBox > .inner .refer li {position:relative;padding-left:20px;font-size:20px;color:#666;font-weight:300;text-align:left;}
#contents.detail .detailBox > .inner .refer li:before {content:'※';display:block;position:absolute;left:0;top:0;}
#contents.detail .detailBox > .inner .infoBox .conBox .dlBox {position:relative;display:flex;justify-content: space-around;padding:70px 0;border-top:2px solid #000;border-bottom:2px solid #000}
#contents.detail .detailBox > .inner .infoBox .conBox .dlBox:before {content:'';display:block;position:absolute;top:-13px;left:50%;width:20px;height:20px;border:2px solid #000;background-color:#fff;transform:translateX(-50%) rotate(45deg)}
#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl > dt {font-size:20px;color:#000;font-weight:600}
#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl > dd {margin-top:20px;font-size:20px;color:#666;font-weight:300}
#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl > dd dt {color:#666;font-weight:300}
#contents.detail .detailBox > .inner .infoBox .conBox .checkTxt {margin-top:30px;text-align:center}
#contents.detail .detailBox > .inner .infoBox .conBox .checkTxt span {position:relative;display:inline-block;font-size:20px;color:#666;font-weight:300;padding-left:40px}
#contents.detail .detailBox > .inner .infoBox .conBox .checkTxt span:before {content:'';display:block;position:absolute;width:30px;height:32px;top:0;left:0;background:url(../img/ico/ico_info.svg) no-repeat 0 0;background-size:100%}

#contents.detail .detailBox > .inner .chargeBox {margin-top:180px;}
#contents.detail .detailBox > .inner .chargeBox .conBox {position:relative;padding:100px 90px 80px;border-radius:60px;overflow:hidden;z-index:1}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox {display:flex;justify-content: space-around;padding:100px;width:100%;height:100%;background-color:rgba(255,255,255,0.95);border-radius:60px}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dl {display:flex;flex-direction: column;align-items: center}

#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox {padding:100px 70px}
#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox dl {width:50%;margin:0 -20px}
#contents.detail .detailBox > .inner .chargeBox.type3 .conBox .dlBox dl {width:calc(100%/3)}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dt {position:relative;display:inline-block;font-size:24px;font-family:'Pretendard';color:#000;font-weight:600;padding-bottom:15px}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dt:before {content:'';display:block;position:absolute;bottom:0;left:50%;width:100%;min-width:110px;height:2px;background-color:#000;transform:translateX(-50%)}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd span {display:block;line-height:3;font-size:20px;color:#666;text-align:center}
#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox dl dd {margin:0 20px;}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul {display:flex;flex-wrap: wrap;margin-top:50px;word-break:keep-all;}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li {position:relative;font-size:18px;color:#666;line-height:1.8;word-break:break-all;margin-right:20px;text-align:left}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li:last-of-type {margin-right:0}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li:after {content:'|';display:inline-block;position:relative;right:-10px;opacity:0.5}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li:last-of-type:after{display:none}
#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox .bgBox:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.15}

#contents.detail .detailBox > .inner .chargeBox.table {margin-top:180px;}
#contents.detail .detailBox > .inner .chargeBox.table table{display:table !important}
#contents.detail .detailBox > .inner .chargeBox.table table tr{display:table-row !important}
/* #contents.detail .detailBox > .inner .chargeBox.table table tr:b{content:'';width:100%;height:1px;background:#000;position:absolute} */
#contents.detail .detailBox > .inner .chargeBox.table .conBox .dlBox th{font-size:20px;color:#000;font-weight:600;padding-bottom:30px;}
#contents.detail .detailBox > .inner .chargeBox.table .conBox .dlBox th span{position:relative}
#contents.detail .detailBox > .inner .chargeBox.table .conBox .dlBox th span:before {content:'';position:absolute;bottom:-15px;left:50%;width:100%;min-width:110px;height:2px;background-color:#000;transform:translateX(-50%)}
#contents.detail .detailBox > .inner .chargeBox.table .conBox .dlBox td{line-height:1.3;font-size:20px;color:#666;text-align:center;padding:20px 10px;vertical-align:top}
#contents.detail .detailBox > .inner .chargeBox.table .conBox .dlBox td strong{color:#000}
#contents.detail .detailBox > .inner .chargeBox .refer {padding-left:90px}
#contents.detail .detailBox > .inner .chargeBox .refer li {color:#fff;font-size:18px;font-weight:600}
#contents.detail .detailBox > .inner .detailList {margin:140px auto 0;width:100%;}
#contents.detail .detailBox > .inner .detailList .titleBox .tit {font-size:34px;color:#000;font-weight:600;font-family:'Pretendard';}
#contents.detail .detailBox > .inner .detailList .listBox {display:flex;border-top:2px solid #000;}
#contents.detail .detailBox > .inner .detailList .listBox > ul{width:100%}
#contents.detail .detailBox > .inner .detailList .listBox > ul > li {display:flex;padding:20px 0;border-bottom:1px solid #D1D1D1}
#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .tit {display:block;width:200px;font-size:20px;color:#000;font-family:'Pretendard';line-height:2}
#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc {width:100%}
#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em {display:flex}
#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em span {display:block;font-size:20px;color:#666;font-weight:300;line-height:2;font-family:'Pretendard';}
#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em .txt {width:315px}
#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 thead th {padding:20px 0;color:#000;font-size:20px;border-bottom:2px solid #000;text-align:center}
#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 tbody th {padding:30px 0;color:#000;font-size:20px;border-bottom:1px solid #D1D1D1;text-align:center}
#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 tbody td {padding:30px 0;color:#666;font-size:20px;border-bottom:1px solid #D1D1D1;text-align:center}
#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 tbody td.type2 {color:#000}
#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul {display:flex;width:100%;border-bottom:1px solid #D1D1D1}
#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li {display:flex;padding:50px 0;border-bottom:none;flex-direction: column;flex:1;justify-content: center;align-items: center;align-content: space-around;}
#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li .icoBox {height:50px}
#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li .icoBox img {width:auto;height:100%;object-fit:cover}
#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li .name {display:inline-block;margin-top:25px;font-size:20px;color:#666;text-align:center;font-weight:300;font-family:'Pretendard';}

#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul {padding:0;width:100%}
#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul > li {display:flex;position:relative;padding:30px 0;width:100%;font-size:20px;color:#666;border-bottom:1px solid #D1D1D1;}
#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul > li dt{color: #000;font-size: 20px;font-weight:600;flex:1.2;padding-right:20px;}
#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul > li dd{display:block;flex:5}

#contents.detail .detailBox > .inner .detailList.type4 .listBox > ul {padding:40px 0;border-bottom:1px solid #D1D1D1;width:100%}
#contents.detail .detailBox > .inner .detailList.type4 .listBox > ul > li {display:flex;position:relative;padding:0 0 0 20px;border-bottom:none;width:100%;font-size:20px;color:#666;line-height:1}
#contents.detail .detailBox > .inner .detailList.type4 .listBox > ul > li + li {margin-top:10px}
#contents.detail .detailBox > .inner .detailList.type4 .listBox > ul > li:before {content:'-';display:block;position:absolute;top:0;left:0;}

.relationsBox {position:relative}
.relationsBox > .inner {width:100%}
.relationsBox > .inner ul {display:flex}
.relationsBox > .inner ul li {width:50%;height:80vh;padding:50px;position:relative}
.relationsBox > .inner ul li:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);z-index:1;transition:all 0.5s ease}
.relationsBox > .inner ul li:after {content:'';display:block;position:absolute;top:50%;left:50%;width:0;height:calc(100% - 80px);border-top:1.5px solid #D1D1D1;border-bottom:1.5px solid #D1D1D1;z-index:1;transition:all 0.5s ease;    transform: translate(-50%,-50%);}
.relationsBox > .inner ul li:hover:after {width:calc(100% - 80px);}

.relationsBox > .inner ul li:hover:before {background-color:rgba(0,0,0,0.4);}
.relationsBox > .inner ul li .imgBox {position:absolute;top:0;left:0;width:100%;height:100%}
.relationsBox > .inner ul li .imgBox img {width:100%;height:100%;object-fit:cover}
.relationsBox > .inner ul li .txtBox {position:relative;display:flex;width:100%;height:100%;justify-content: center;flex-direction: column;align-items: center;z-index:2}
.relationsBox > .inner ul li .txtBox strong {font-size:60px;color:#fff;font-weight:300;font-family:'Didot';}
.relationsBox > .inner ul li .txtBox em {font-weight:300;margin-top:15px;font-size:20px;color:#fff;text-align:center;line-height:1.2}
.relationsBox > .inner ul li .txtBox .btnBox {position:relative;opacity:0;max-height:0;transition:all 0.5s ease}
.relationsBox > .inner ul li:hover .txtBox .btnBox {opacity:1;transform:scale(1);max-height:75px;transition:all 0.5s ease}
.relationsBox > .inner ul li .txtBox .btnBox a {margin-top:80px;display:flex;align-items: center;justify-content: center;}
.relationsBox > .inner ul li .txtBox .btnBox a:before{content:'';position:absolute;width:100%;height:100%;width:100px;height:100px;border:1.5px dashed #fff;border-radius:50%;  animation: rotating 10s linear infinite}
.relationsBox > .inner ul li .txtBox .btnBox a span {font-size:22px;color:#fff;font-weight:500;font-family:'BarlowCondensed';}


/* brand story */
#contents.brandstory {max-width:100%;padding:120px 0 0;position:relative;z-index:1}
#contents.brandstory > .inner {max-width:100%;padding:0;position:relative;}
.storyBox {width:100%;position:relative}
.storyBox > .inner {padding:130px 0 200px;margin:0 auto;width:100%;position:relative;overflow:hidden}
.storyBox .titleBox{   /*  top: 100px; */width:100%;/* position:absolute; */    z-index: 2;   /*  mix-blend-mode: difference;  */   color: #000;}
.storyBox .titleBox h3{color:#000;opacity:0}
.storyBox h3 {font-size:140px;font-weight:300;color:#000;position:relative;overflow:hidden}
.storyBox h3 *{font-size:140px;font-weight:300;color:#000;font-family: 'Didot','Pretendard',Sans-serif;transition:all 1s ease;top:1.5em;position:relative;}
.storyBox .bg_wrap{width:100vw;height:80vh;max-width:100%;max-height:100%;transform:translateY(100px);transition:transform 1s ease 0.5s, opacity 0.5s ease 0.5s;opacity:0}
.storyBox #storyslider{transform:translateY(100px) !important;transition:transform 1s ease 0.5s, opacity 0.5s ease 0.5s;opacity:0 !important}
.storyBox.on #storyslider,
.storyBox.on .bg_wrap{transform:translateY(0) !important;opacity:1 !important}

.storyBox .bgBox {position:relative;margin-top:80px;z-index:1;max-width:1200px;max-height:80vh;height:100%;width:100%;left:50%;transform:translateX(-50%);overflow:hidden}
#contents.brandstory .storyBox .btxt {position:relative;bottom:auto;z-index:1;width:max-content;mix-blend-mode:difference;}
#contents.brandstory .storyBox .btxt strong {position:absolute;display:block;width:max-content;font-size:100px;top:-140px;left:-50%;line-height:1;font-weight:300;font-family:'Didot';color:#fff;transform:translateX(-50%)}
.storyBox .desc {margin-top:90px;transform:translateY(100px);opacity:0;font-size:22px;font-weight:200;color:#666;text-align:center;transition:all 1s ease}
.storyBox .desc.on{opacity:1;transform:translateY(0)}
.storyBox .storyslider {position:relative;overflow:hidden;margin:0 auto;max-width:1200px;}
.storyBox .storyslider li{overflow:hidden}
.storyBox .storyslider li img{width:100%;}
.storyBox.coreValue .desc {margin-top:35px;transform:translateY(100px);font-size:22px;font-weight:200;color:#666;text-align:center;opacity:0}
.storyBox.coreValue .desc.on{opacity:1;transform:translateY(0)}
.storyBox.coreValue .storyslider li .imgBox{ position: absolute;padding: 0;width: 100%;height: 100%;}
.storyBox.coreValue .storyslider li img{width:100vw;height:100%;object-fit:cover;    left: 50%;    transform: translateX(-50%);    position: relative;}
.storyBox #storyslider{height:80vh;margin-top:100px}
.storyBox .storyslider .swiper-pagination {margin:100px auto 0;width:max-content;position:relative}
.storyBox .storyslider .swiper-pagination-bullet {margin:0 20px;width: fit-content;height: auto;background:transparent;opacity:1;border-radius:0}
.storyBox .storyslider .swiper-pagination-bullet span {font-size:50px;font-weight:300;letter-spacing:-0.2px;font-family:'Didot';}
.storyBox .storyslider .swiper-pagination-bullet-active span {color:#008A36}
.storyBox .storyslider + .desc {margin-top:55px}
#contents.brandstory > .bgBox {z-index:auto}

/* location */
#contents.location > .inner {max-width:1620px}
#contents.location .locationBox .mapBox {margin-top:120px;position:relative;overflow:visible;width:100vw;left:50%;transform:translateX(-50%)}
#contents.location .locationBox .mapBox > .inner {position:relative;width:100%;height:80vh;}
#contents.location .locationBox .mapBox #map_ma {position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}
#contents.location .locationBox .mapBox .btxt {bottom:0}
#contents.location .locationBox .mapBox .btxt strong {color:#0A351B}
#contents.location .locationBox .mapInfo {margin:180px auto 0;width:100%;max-width:1200px;font-family:'Pretendard'}
#contents.location .locationBox .mapInfo .infotit {font-size:40px;color:#000;text-align:center;line-height:1.2}
#contents.location .locationBox .mapInfo .infotit strong {display:block;font-weight:600}
#contents.location .locationBox .mapInfo .infoBox {margin-top:80px}
#contents.location .locationBox .mapInfo .infoBox > .inner {position:relative;padding:70px 60px;border-top:2px solid #000;border-bottom:2px solid #000}
#contents.location .locationBox .mapInfo .infoBox > .inner:before {content:'';display:block;position:absolute;top:-13px;left:50%;width:20px;height:20px;border:2px solid #000;background-color:#fff;transform:translateX(-50%) rotate(45deg)}
#contents.location .locationBox .mapInfo .infoBox > .inner .dlBox {display:flex;flex-wrap: wrap;margin:-30px -50px}
#contents.location .locationBox .mapInfo .infoBox > .inner dl {margin:30px 50px}
#contents.location .locationBox .mapInfo .infoBox > .inner dl dt {font-size:18px;color:#000;font-weight:600;}
#contents.location .locationBox .mapInfo .infoBox > .inner dl dd {margin-top:12px;font-size:18px;color:#666;font-weight:300;}
#contents.location .locationBox .mapInfo .infoBox > .inner dl dd em {color:#008A36}
#contents.location .btxt{position:relative;margin-top:30px}
/* list */
.list01 li {position:relative;padding-left:1em;font-size:17px;color:#000;line-height:1.76;font-weight:400;letter-spacing:-0.5px}
.list01 li:before {content:'-';display:block;position:absolute;top:0;left:0;}

/* fixed icon */
.scrollBox {position:fixed;right:45px;bottom:50px;z-index:10;transition:all 0.5s ease, bottom 1.5s ease;mix-blend-mode:difference;opacity:1}
body.index .scrollBox{bottom:220px;transition:all 0.5s ease, opacity 2s ease 2.8s, bottom 1.5s ease;opacity:0}
body.index.on .scrollBox{opacity:1;}
.scrollBox.bottom {bottom:50px !important;transition:all 0.5s ease, bottom 3.5s ease;}
.scrollBox.end {bottom:166px !important;mix-blend-mode: color-dodge;cursor:pointer;transition:all 0.5s ease, bottom 1.5s ease;}
.scrollBox img{transition:all 1s ease 0.5s;}
.scrollBox.end img{transform: rotate(180deg);}
.scrollBox .scrollArrow {position:relative;width:160px;height:160px;display:flex;flex-wrap: wrap;justify-content: center;}
.scrollBox .scrollArrow:before {content:'';display:block;position:absolute;width:160px;height:160px;top:0;left:0;background:url(../img/ico/ico_cursor_circle.svg) no-repeat 0 0;background-size:100%;animation: rotating 10s linear infinite;}
.scrollBox.on .scrollArrow {filter:invert(100%) sepia(12%) saturate(1%) hue-rotate(197deg) brightness(105%) contrast(101%);transition:all 0.5s ease}

/* checkRerv 팝업 */
#checkRerv {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);z-index:999}
.checkRervpop .checkRervBox {position:relative;margin:0 auto;padding:88px 67px;width:100%;max-width:1150px;max-height:80vh;background-color:#fff;border-radius:30px;}
.checkRervpop .checkRervBox .titBox {width:100%;display: flex;flex-direction: column;align-items: center;margin-bottom:79px}
.checkRervpop .checkRervBox .titBox h1 {font-size:28px;line-height:32px;font-weight:600;color:#000;}
.checkRervpop .checkRervBox .titBox p {margin-top:20px;font-size:17px;color:#000;}
.checkRervpop .popCon {display:flex;position:absolute;top:50%;left:50%;width:100%;max-width:100%;transform:translate(-50%,-50%)}
.checkRervpop .compulsoryBox {width:100%;height:80%;padding-right:15px;overflow-y:auto}
.checkRervpop .compulsoryBox dd + dt {margin-top:48px}
.checkRervpop .compulsoryBox dl dt {margin-bottom:20px;font-size:20px;line-height:23px;color:#000;font-weight:600;padding-bottom:20px;border-bottom:2px solid #000}
.checkRervpop .compulsoryBox dl dd {position:relative;padding-left:14px;font-size:17px;line-height:25px;color:#000;font-weight:500;}
.checkRervpop .compulsoryBox dl dd:before {content:'-';display:block;position:absolute;top:0;left:0;font-size:17px;line-height:25px;color:#000;font-weight:500}
.checkRervpop .popClose2  {top:-68px;right:0;position:absolute;font-size:0;width:30px;height:30px;background:url(../img/ico/btn_close3.svg) no-repeat 0 0;background-size:100%;}
.checkRervpop .compulsoryBox::-webkit-scrollbar{width:4px;}
.checkRervpop .compulsoryBox::-webkit-scrollbar-thumb{height:50px;background-color: #000;}
.checkRervpop .compulsoryBox::-webkit-scrollbar-track{ background-color: #fff;}

/* Privacy 팝업 */
.Privacy.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);z-index:999}
.Privacy .PrivacyBox {padding:50px;background-color:#fff;}
.Privacy .PrivacyBox h2 {font-size:36px;color:#000;padding-bottom:30px;margin-bottom:30px;border-bottom:2px solid #000}
.Privacy .popCon {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: fit-content;}
.Privacy .inner {width:100%;max-width:600px;height:400px;padding-right:15px;overflow-y:scroll}
.Privacy .inner p {font-size:16px;font-weight:400}
/* .Privacy .inner p + p {margin-top:20px;} */
.Privacy .popClose {top:55px;right:55px;position:absolute;font-size:0;width:28px;height:28px;background:url(../img/common/btn_close.svg) no-repeat 0 0;background-size:100%;}
.Privacy .inner::-webkit-scrollbar{width: 4px;}
.Privacy .inner::-webkit-scrollbar-thumb{height: 105px;background-color: #000;}
.Privacy .inner::-webkit-scrollbar-track{background-color: #fff;}
.Privacy h3{font-size:20px;font-family:'Pretendard',Sans-serif;line-height:1.3}


/* editor */
.ckeditor5{padding:0px}
.wr_content.ckeditor5{padding:0}
.ckeditor5 hr{margin:50px 0 !important;height:1px !important;background:#ccc;display:block;text-indent:0;width:100%;border:none;left:0;position:relative}
.ckeditor5 p.txt1{display:none}
.ckeditor5 p {margin:1em 0}
.ckeditor5 {line-height:1.3;position:relative;font-size:18px;}
.ckeditor5 figure {max-width:100% !important;margin:1em auto}
.ckeditor5 img{max-width:100% !important}
.ckeditor5 h1 *,
.ckeditor5 h1{font-size:36px;margin:0 0 1em}
.ckeditor5 h2 *,
.ckeditor5 h2{font-size:30px;margin:1em 0 1em;}
.ckeditor5 h3 *,
.ckeditor5 h3{font-size:26px;color:#212c92;margin:1em 0 1em;}
.ckeditor5 h4 *,
.ckeditor5 h4{font-size:20px;margin:1em 0 0;}
.ckeditor5 h5 *,
.ckeditor5 h5{font-size:18px;margin:1em 0 0;}
.ckeditor5 ol {counter-reset: list_counter 0;margin-top:1em;}

.ckeditor5 ol li{margin:0.5em 0 0.5em 0;display:block;}
.ckeditor5 ol li:before{content: counter(list_counter) '.';counter-increment: list_counter 1;position:relative;margin-right:0.5em;left:0;display:inline-block;}
.ckeditor5 ul{/* margin-top:1em */position:relative}
.ckeditor5 ul li{margin:0.5em 0 0.5em 1em;}
.ckeditor5 ul li:before{content:'-';position:absolute;margin-right:1em;left:0}
.ckeditor5 table{border-collapse: collapse;border-top:2px solid #000}
.ckeditor5 figure.table::after{clear:both}
.ckeditor5 table tr{}
.ckeditor5 table tr th{background:#f9f9f9;border:1px solid #ccc;padding:10px;}
.ckeditor5 table tr td{border:1px solid #ccc;padding:10px;}
.ckeditor5 table tr td{border:1px solid #ccc;padding:10px;}
.ckeditor5 .noborder,
.ckeditor5 .noborder tr th,
.ckeditor5 .noborder tr td{border:none}
.ckeditor5 blockquote{background:#f9f9f9;margin-top:2em;padding:2em;border-top:3px solid #14592e;border-left:0 !important;}
.ckeditor5 blockquote *{font-style:normal }
.ckeditor5 blockquote h2,
.ckeditor5 blockquote h3,
.ckeditor5 blockquote h4{color:#14592e}
.ckeditor5 blockquote p{color:#666}
.ckeditor5 blockquote a{margin-top:1em;padding:6px 20px;border-radius:30px;display:inline-block;color:#fff;border:2px solid #fff;background:#14592e}
.ckeditor5 figure.image{margin:0 auto}
.ckeditor5 figure.image{margin-right:auto;margin-left:auto;width:fit-content}
.ckeditor5 figure.image.image-style-block-align-left{margin-right:auto;margin-left:0}
.ckeditor5 figure.image.image-style-block-align-right{margin-right:0;margin-left:auto}


@-webkit-keyframes rotating {from{transform: rotate(0deg);} to{transform: rotate(360deg);} }
@-webkit-keyframes rotating2 {from{transform: rotate(0deg) translateY(-50%);} to{transform: rotate(360deg)  translateY(-50%);} }

.detailBox > .inner > div{opacity:0;transform:translateY(10em);transition:all 1s ease}
.detailBox > .inner > div.on{opacity:1;transform:translateY(0)}


#custom_write{max-width:1400px;margin:200px auto;padding:0 30px}
#custom_write .btn{color:#000}



/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:none;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#008A36}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#008A36;content:"";width:100%;height:2px}
#bo_vc *{word-break:break-all}
#bo_vc {margin-top:100px}
#bo_vc  .sound_only{display:none}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px;display:none}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:100%;width:90%}
#bo_vc header {position:relative;width:auto;display:inline-block;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#0A351B}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}
#bo_vc .bo_vl_opt ul{display:flex}
#bo_vc .bo_vl_opt ul li + li{margin-left:10px}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .user{margin-top:10px;display:flex;align-items:center}
#pw_confirm .frm_input,
.bo_vc_w_info .frm_input {margin-right:5px;border:1px solid #ccc;padding:5px 8px}
#pw_confirm .frm_input{height:45px}
.bo_vc_w_info #captcha {padding-top:30px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
#pw_confirm .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;background:#333;color:#fff}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;background:#333;color:#fff}
.bo_vc_w  .secret_cm {margin-right:20px}
.bo_vc_w  .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}
.bo_vc_w_info .frm_input{}
#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

#pw_confirm{}
#pw_confirm > .inner{border:1px solid #ccc;max-width:500px;margin:200px auto;padding:50px}
#pw_confirm h1{font-size:30px;margin-bottom:30px;text-align:center;color:#008A36}
#pw_confirm p{text-align:center}
#pw_confirm p strong{display:block;font-size:20px;margin-bottom:10px}
#pw_confirm fieldset{margin-top:30px;display:flex;}
#pw_confirm fieldset .frm_input {flex:1}
#pw_confirm fieldset .btn_submit {flex:none}
.paging_wrap{margin:50px 0;display: flex;background: #f2f2f2;justify-content: center;padding:10px;align-items:center;}
.paging_wrap .view_content{font-size:13px;font-weight:400}
.paging_wrap .view_content .num{color:#000;font-weight:700;color:#008A36}
.paging_wrap .view_content .total{font-weight:700;}
.paging_wrap .paging{font-weight:700;    text-transform: uppercase;margin-left:10px;color:#000551}
.paging_wrap .paging a:after{content:'+';margin-left:4px}

.nodata{border:none !important;}


#adm_control{padding:100px 0 !important;text-align:center;background:#333}
#adm_control .btnArea{margin-top:0}
#adm_control ul li {display:inline-block;}
#adm_control ul li a{display:inline-block;border:1px solid #ccc;color:#000;padding:10px 40px;font-size:20px;background:#fff;height:auto}
#custom_write #adm_control{background:none}