@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(bootstrap.min.css);
@import url(util.css);
@import url(jquery.mCustomScrollbar.min.css);
@import url(swiper.min.css);
@import url(video-js.css);
@import url(animate.min.css);

/* Font */
@font-face{font-weight:300;font-family:'Noto Sans KR';src:url(../font/NotoSansCJKkr-Light.woff) format('woff');font-display:fallback;}
@font-face{font-weight:400;font-family:'Noto Sans KR';src:url(../font/NotoSansCJKkr-Regular.woff) format('woff');font-display:fallback;}
@font-face{font-weight:500;font-family:'Noto Sans KR';src:url(../font/NotoSansCJKkr-Medium.woff) format('woff');font-display:fallback;}
@font-face{font-weight:600;font-family:'Noto Sans KR';src:url(../font/NotoSansCJKkr-Bold.woff) format('woff');font-display:fallback;}
 
/* reset */
html{font-size:60px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-size: inherit}
body{text-align: justify;/*word-break:keep-all;word-wrap:break-word;*/color:#000;-webkit-text-size-adjust:none}
body,input,textarea,select,button,table{font-weight:600;font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;line-height:1.3;letter-spacing:-.025em}
a,button,input,textarea{transition:border-color .4s,background .4s,color .4s,opacity .4s,transform .4s}
a{text-decoration: none !important; color:inherit}
a:hover,a:focus,a:active{color:inherit}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
ul,ol{list-style:none}
li{list-style: none;list-style-position: outside}
address,i{margin:0;font-style:normal}
label{margin:0;cursor:pointer}
table{width:100%;border-collapse:collapse}
button,input{border:0;box-shadow:none;background:none;outline: 0 !important}
i{font-style:normal;}
img{max-width:100%;margin-left: auto;margin-right: auto}
u{display: inline-block;margin-bottom: -5px;border-bottom: 5px solid;text-decoration: none;}
input::-ms-clear{display: none}
/*
input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
*/
 

/* typhography */
hr{width: 100%; margin:20px 0; border:0;border-top:5px dashed #e6e6e9}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600;line-height: 1.25}

.bg-org{background-color: #fb8e39 !important}
.bg-ylw{background-color: #f9c100 !important}
.bg-grn{background-color: #00bd76 !important}
   

/* Button, Form */
.btn{padding:15px 50px; background:#00bd76;box-shadow:0 4px 0 2px rgba(0,0,0,.1) !important;border-radius:10px;border:4px solid transparent;font-weight:inherit;font-size:60px;color:#fff !important}
.btn-sm{padding:5px 20px;border-radius:5px; font-size:24px;}
.btn.bg-green:hover{border-color:#00bd76;background:#81d8b5}
.btn-icon{margin: 0 5px; padding:15px 45px; background:#42210b;box-shadow:0 8px 0 rgba(0,0,0,.1); border-radius:9em;font-size:50px;color:#fff;}
.btn-icon i{float: left;width:75px;height:75px;margin-right:35px; border-radius:50%;background-color:#ff8a01}
.btn-icon.bg-orange i{background-color: #fff}
.icon-btn-play{background-image: url(../img/common/icon-btn-play.png);background-size: auto 40px}
.icon-btn-re{background-image: url(../img/common/icon-btn-re.png);background-size: auto 41px}
.icon-btn-next{background-image: url(../img/common/icon-btn-next.png);background-size: auto 41px}
.form-control{margin:20px 0; border:4px solid #c7eef8;box-shadow:none !important}
.dropdown-toggle{position: relative;display: block;width: 225px;height: 47px;background: #fff;box-shadow: 5px 6px 2px 0px rgba(0, 0, 0, 0.1);border-radius: 12px;font-size: 16px;text-align: left;padding: 0 30px 0 17px}
.dropdown-toggle::after{position: absolute;width: 15px;height: 14px;background: url(../img/common/drop_toggle.png) no-repeat 0 0/100% auto;border: 0;top: 50%;right: 12px;margin-top: -7px}
.btn-view{font-size: 16px;color: #00c3cf}
.icon-plus{width: 13px;height: 13px;margin-top: -2px;background-image: url(../img/common/plus.png)}
.btn.position-relative .icon-act{position: absolute;right: -20px;bottom: -20px}
.btn-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 124px;height: 124px;background: url(../../../../../img/common/btn-play.png) no-repeat 0 0/100% auto}
 
/* tab */
.tab-pane{height:100%}



/* scroll */
.mCustomScrollBox{max-width: none; padding-right: 33px}
.mCustomScrollBox .mCS_no_scrollbar_y{padding-right: -33px}
.mCSB_scrollTools {right:0; width:33px;opacity:1}
.scroll-initialized .mCSB_container{padding:0 60px 0 0}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {width:7px;background:#e8e8e8;border-radius:10px}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger {height:64px;left:8px;opacity: 1}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:15px;height:64px;background:#c8c8c8;border-radius: 15px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: transparent ;}
.mCSB_scrollTools a+.mCSB_draggerContainer {margin:0 0 150px 0;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown ,.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 ;}
.v-child{overflow: hidden; position: relative;margin-right: -80px; padding-right:80px}
.icon-top{position:absolute;bottom:5px;right:0;width:32px;height:29px;background-image: url(../img/common/scrollbar-top.png);}
.mCS_no_scrollbar .mCustomScrollBox{margin:0}
.mCS_no_scrollbar .mCSB_container, .mCS_y_hidden{padding-right:0}
.mCS_no_scrollbar_y .icon-top, .mCS_no_scrollbar_y~.icon-top,
.mCS_no_scrollbar .icon-top{display: none}
.mCSB_container>*:first-child{margin-top: 0}
.mCSB_container>*:last-child{margin-bottom: 0}

/* video */
.video-title{line-height: 79px;font-size: 36px}
.icon-video {width: 75px;height: 79px;background:url(../img/common/icon-video.png) no-repeat 0 50%/100% auto;margin-right: 20px;vertical-align: top}
.video-player{width:1000px;margin: auto; border:20px solid #00bd76;border-radius:10px;padding-bottom: 70px;background: #00bd76}
.video-js{color:rgba(255,255,255,.5)}
.video-js .vjs-button > .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before{content: '' !important}
.video-js .vjs-big-play-button{font-size: 0;top: 50%;left: 50%;width: 124px;height: 124px;background: url(../img/common/btn-play.png) no-repeat 0 0/100% auto;margin: -62px;}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus{background-color: transparent}
.video-js .vjs-control-bar{bottom: auto;top: 100%;height: 90px;background: #00bd76;-ms-flex-align: center;align-items: center}
.video-js:not(.vjs-fullscreen) .vjs-control-bar{opacity: 1 !important}
.video-js.vjs-fullscreen .vjs-control-bar{top: auto;bottom: 0;padding-left: 10px;padding-right: 10px}
.video-js .vjs-control{width: auto;height: auto;background-repeat: no-repeat;background-size:auto 100%;display: block}
.video-js .vjs-play-control, .video-js .vjs-stop-control{width: 63px;height: 63px;margin-right:5px;background-image: url(../img/common/btn-play-sm.png)}
.video-js .vjs-play-control:hover{background-image: url(../img/common/btn-play-sm_hover.png)}
.video-js .vjs-play-control.vjs-playing{background-image: url(../img/common/btn-pause-sm.png)}
.video-js .vjs-play-control.vjs-playing:hover{background-image: url(../img/common/btn-pause-sm_hover.png)}
.video-js .vjs-stop-control{margin-right:30px;background-image: url(../img/common/btn-stop-sm.png)}
.video-js .vjs-stop-control:hover{background-image: url(../img/common/btn-stop-sm_hover.png)}
.video-js .vjs-progress-control{min-width: 0;-ms-flex: 1;flex: 1;margin-right: 10px}
.video-js .vjs-progress-control .vjs-progress-holder{margin: 0}
.video-js .vjs-slider{background: #008e38;height:18px;border-radius:9em;outline: 0;box-shadow: none !important}
.video-js .vjs-time-tooltip{top: -36px;padding: 2px 6px;line-height: 20px}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{font-size: 14px}
.video-js .vjs-load-progress{background: #008e38}
.video-js .vjs-load-progress div{opacity: 0}
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div{border-radius:9em}
.video-js .vjs-play-progress{background: linear-gradient(to right, #f87e1a 0%,#ffb937 100%)}
.video-js .vjs-play-progress:before{content: '';width: 32px;height: 37px;background: url(../img/common/progress-icon.png) no-repeat 0 0/100% auto;top: -9px;right: -15px;}
.video-js .vjs-time-control{line-height: 13px;font-size:28px;width: 55px;padding: 0;box-sizing: content-box}
.video-js .vjs-current-time{text-align: right;padding-right: 10px}
.video-js .vjs-duration{text-align: left;padding-left: 10px;border-left: 2px solid rgba(255,255,255,.5)}
.video-js .vjs-current-time{color: #fff}
.video-js .vjs-remaining-time{display: none}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width: 63px;margin: 0 10px}
.video-js .vjs-mute-control{width: 63px;height: 63px;background: url(../img/common/btn-volume-up.png) no-repeat 50% 50%/auto 63px;z-index: 1}
.video-js .vjs-mute-control.vjs-vol-0{background-image: url(../img/common/btn-volume-mute.png)}
/* .video-js .vjs-volume-panel:hover .vjs-mute-control{background-image: url(../img/common/btn-vol_hover.png)} */
.video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position: absolute;background: rgba(65, 41, 31, 0.6);bottom: 0;left: 0;width: 100%;padding: 18px 0 80px;border-radius: 33px;height: auto;-webkit-transition-duration: .2s;transition-duration: .2s}
.vjs-user-inactive.vjs-playing .vjs-control-bar{-webkit-transition-duration: .4s;transition-duration: .4s}
.vjs-volume-bar.vjs-slider-vertical{width: 6px;height: 120px;margin: 0 auto;background: #e9e9e9}
.vjs-slider-vertical .vjs-volume-level{width: 100%;border-radius: 3px;background: #ffd616}
.vjs-slider-vertical .vjs-volume-level:before{content: '';width: 14px;height: 14px;border-radius: 100%;background: #ffd616;top: -4px;left: -4px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3)}
.video-js .vjs-fullscreen-control, .video-js .vjs-caption-control, .video-js .vjs-toggle-control{display: inline-block;vertical-align: middle;width:63px;height:63px;background: url("../img/common/btn-fullscreen.png") no-repeat 0 0/auto 100%;margin-right: 8px;margin-right: 10px}
.video-js .vjs-caption-control{background-image: url(../img/common/btn-caption.png)}
/*
.video-js .vjs-fullscreen-control:hover, .video-js .vjs-caption-control:hover{background-color: #fff;color: #000}
.vjs-fullscreen-control .vjs-icon-placeholder, .vjs-caption-control .vjs-icon-placeholder{display: inline-block;vertical-align: middle;width: 21px;height: 21px;background: url(../img/common/icon-full.png) no-repeat 0 0/auto 100%;margin-right: 8px}
*/
/*
.vjs-fullscreen-control .vjs-control-text, .vjs-caption-control .vjs-control-text{font-size: 22px;display: inline-block;vertical-align: top;overflow: visible;width: auto;height: auto;position: static;clip: auto}
*/
.vjs-resize-manager{border: 0}
.video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display: none}
.video-js .vjs-toggle-control{background-image: url(../img/common/btn-video-toggle.png);}
.vjs-toggle-inactive .vjs-toggle-control{transform: scale(1,-1)}
/* .video-js .vjs-toggle-control:hover{} */
/*
.vjs-toggle-control .vjs-icon-placeholder{display: block;width: 21px;height: 13px;background: url(../img/common/toggle.png) no-repeat 0 0/100% auto;margin: 0 auto;-webkit-transform: scaleY(-1);transform: scaleY(-1)}
.video-js .vjs-toggle-control:hover{box-shadow: 0px 2px 0px 0px rgba(52, 35, 23, 0.24)}
*/
.vjs-toggle-control:hover .vjs-icon-placeholder{background-image: url(../img/common/toggle-on.png)}
.video-caption{position: absolute;bottom: 105px;left: 0;right: 0;z-index: 0;font-size: 20px;text-align: center;display: none}
.vjs-caption-active .video-caption{display: block}
.vjs-user-inactive:not(.vjs-paused) .video-caption{bottom: 15px}
[data-toggle=video-caption]:not(.playing-video-script){display:none}
.video-caption p{display: inline-block;padding: 10px;line-height: 1.3;vertical-align: top;background: rgba(0,0,0,.7);color: #fff;font-weight: 500}
.vjs-toggle-inactive .vjs-control-bar{background: none}
.vjs-toggle-inactive .vjs-control-bar>.vjs-control:not(.vjs-toggle-control){opacity: 0;z-index: -1;pointer-events: none}
.video-no-control{border:0;border-radius:0;padding-bottom: 0;background: none}
.video-no-control .vjs-control-bar{display: none}
.video-no-control:hover .vjs-big-play-button{display: block}
.video-no-control:hover .vjs-playing .vjs-big-play-button{pointer-events: none;background-image: url(../img/common/btn-pause.png)}

#videoFrame,#videoPlayer{ display: block;margin: auto}



/*---------- Layout ----------*/
html{overflow:hidden;min-width: 1280px;overflow-x:auto ;transform: translate3d(0,0,0)}
body{}
#wrap{position:relative; background-color:#e6e4c8;min-height:100vh;}
#hd{position: relative;height:90px;padding:0 40px;}
#hd::before{content:"";position: absolute;bottom:0;left:0px;width:100%;height: 9px;background:#998675;}
#hd::after{content:"";position: absolute;right:40px;top:50%;transform:translateY(-50%);width:91px;height:25px;background: url(../img/common/logo.png) no-repeat 50% 50% / 100% auto;}
h1{position: absolute;left:40px;top:50%;transform: translateY(-50%); font-size:0; width:211px;height:42px;background:url(../img/common/title.png) no-repeat 50% 50% / 100% auto;}
h1 a{display: block;width: 100%;height: 100%;}

#hd nav{position: absolute;left:50%;bottom:0;transform: translateX(-50%);font-size: 28px;text-align: center;}
#hd nav li button{width:284px;height:66px;background: url(../img/common/nav.png);color: #fff;}
#hd nav li button:not(.active){opacity: 0.4;color:#e5e1d6}
#ct{height:calc(100vh - 90px);background: #f3efe1;}
#ct.main-ct{background: url(../img/common/bg.png) no-repeat 50% 50% / cover;padding:0 40px;}
.container{max-width:1680px}
/* index title */
.index-tab{height: 100%;}
.index-title{display: flex;counter-reset:section;justify-content: center;align-items: center;padding:20px 0;height:100%}
.index-title>li{position:relative; flex:1;height:calc(100% - 150px);font-size: 40px;align-self: center;background: url(../img/common/title-bg.png) no-repeat 50% 50% / 100% 100%;text-align: center;padding:245px 20px 0 20px;margin:0 5px;transition: width 0.3s;}
.index-title>li:hover{background-image: url(../img/common/title-bg-ov.png);}
.index-title>li::before{counter-increment: section;content:counter(section);display: flex;font-size: 28px;color:#8e8b81;font-weight: 500;width:51px;height:58px;margin:0 auto;background: url(../img/common/title-num.png) no-repeat;align-items: center;justify-content: center;}
.index-title>li p{border:3px solid #f7f2e0;border-left:0;border-right:0;margin-top:12px;padding:15px 0;color:#4d4738;cursor: pointer;word-break: keep-all;}
.index-title>li.active{width:41.3%;min-width:650px; max-width: 760px; height:100% ;background-image: url(../img/common/title-open.png);padding:20px 20px 40px 40px;text-align: left;}
.index-title>li.active::before{opacity:0;position:absolute}
.index-title>li.active p{border:0;margin:0;padding:0;position: relative;}
.index-title>li.active>p::after{content:"";width:33px;height:39px;display: inline-block;background: url(../img/common/share.png) no-repeat 50% 50% / 100% 100%; vertical-align: middle;margin-left:30px;}
.index-title>li.active p br{display: none;} 
.index-title>li:not(.active) .btn-close, .index-title li:not(.active) .index-cont{display: none;}
.index-title>li::after{content:""; position: absolute;width: 100%;height: 208px;bottom:5%;left:0;}
.index-title>li:first-child:after{background: url(../img/item-bg1.png) no-repeat bottom center/contain }
.index-title>li:nth-child(2):after{background: url(../img/item-bg2.png) no-repeat bottom center/contain }
.index-title>li:nth-child(3):after{background: url(../img/item-bg3.png) no-repeat bottom center/contain }
.index-title>li:nth-child(4):after{background: url(../img/item-bg4.png) no-repeat bottom center/contain }
.index-title>li:nth-child(5):after{background: url(../img/item-bg5.png) no-repeat bottom center/contain }
.index-title>li.active::after{display: none !important;}
.index-title.open>li::after{filter: grayscale(1) sepia(.6); opacity: 0.7;background-size:120% auto;}
.index-title.open>li:hover::after{ filter:none; opacity: 1;}
/* .index-title.open>li:not(.active){font-size: ;} */

.active .btn-close{display: block;position: absolute;right:40px;top:28px;width:30px;height:30px;background: url(../img/common/btn-close.png) no-repeat 51% 50% / 100% auto;font-size: 0;z-index: 99;}
.btn-close-wh{position: absolute;right:40px;top:28px;width:30px;height:30px;background: url(../img/common/btn-close-wh.png) no-repeat 50% 50% / 100% auto;font-size: 0;}

.cont-sc{margin-top: 40px;overflow-y: auto;animation: fadeIn 2.5s;height: calc(100% - 100px);}
.index-cont{font-size: 25px;}
.index-cont li {display: flex;align-items: center;} /* margin:20px 0 */
.index-cont li .btns{display: flex;align-items: center;margin-left: auto !important;flex-basis: 50%;width:60%;white-space: nowrap;}
.index-cont li .btn{font-size: 18px;padding:0;border:0 !important;line-height: 33px;;box-shadow:none !important;width:90px;text-align: center;margin:0 3px;border-radius: 5px;font-weight: 400;;}
.index-cont li .btn.disabled{opacity: 0.15 !important;pointer-events: none;}
.index-cont li .btn.disabled:hover{cursor: default !important;}
.btn-down{display:inline-block;width:0px;height:50px;background: url(../img/common/icon-down.png) no-repeat 50% 50% / 50% auto;text-indent: -9999px;vertical-align: middle;cursor: pointer;}
.btn-down2{display:inline-block;width:50px;height:50px;background: url(../img/common/icon-down.png) no-repeat 50% 50% / 50% auto;text-indent: -9999px;vertical-align: middle;cursor: pointer;}
.btn-guide{position: absolute;bottom:20px;right:40px;cursor: pointer;}

.tab1-map{display: flex;justify-content: space-between;align-items: center;height: calc(100% - 20px);padding-top: 20px;;}
.tab1-map>div{display: flex;flex-direction: column;justify-content: center; height: 100%;}
.title-bx>img{display: block;margin:0 auto}
.map-area {position: relative; text-align: center;width: 562px;}
.map-area .active-area{position: absolute;width:100%;height:100%;left:0;top:0}
.map-area .active-area li{position: absolute;width:100%;height:100%;left:0;top:0}
.map-area .active-area li:not(.active){display: none;}
.map-area .list-map{position: absolute;width: 100%;left: 0;top:0;;}
.map-area .list-map li{position: absolute;left: 0;top:0;color:#fff;text-shadow:-1px 0 #20ac5c, 0 1px #20ac5c, 1px 0 #20ac5c, 0 -1px #20ac5c;-webkit-text-stroke:1px #20ac5c;cursor: pointer;font-size: 28px;font-weight:700;}
.map-area .list-map li.active{text-shadow:none !important ; -webkit-text-stroke:0px !important;font-weight: 500;}
.map-area .list-map li.active::before{content:"";position: absolute;left:50%;top:-100px;width:76px;height:89px;margin-left:-38px;background: url(../img/map-char.png) no-repeat 50% 50% / 100% 100%;z-index: 3;}
.map-area .list-map li.disabled{cursor:default;pointer-events: none;}

.map-cont{display: none;}
.title-bx.active{height: 100%;}
.title-bx.active>img{display: none;}
.title-bx.active .map-cont{display: block;position:relative;width:100%;min-width:650px; max-width: 760px; height:100% ;background: url(../img/common/title-open.png) no-repeat 50% 50% / 100% 100% ;padding:10px 40px 40px;margin:0 auto}
.title-bx.active .map-cont>li{height: 100%;}
.title-bx.active .map-cont>li:not(.active){display: none;}
.title-bx.active .map-cont .area-tit{position:relative;font-size: 50px;color:#404040}
.area-tit::before{content:"";width:38px;height:44px;display: inline-block;background: url(../img/pin.png) no-repeat 50% 50% / 100% 100%; vertical-align: middle;margin-right:10px;}
.area-tit::after{content:"";width:33px;height:39px;display: inline-block;background: url(../img/common/share.png) no-repeat 50% 50% / 100% 100%; vertical-align: middle;margin-left:30px;}

[class*=deco-]{position: absolute;bottom:0;right:100% ;transform: translateX(40px); z-index: 10;}
.deco-r{right:auto;left:100% ;transform: translateX(-60px)}
.tit-item [class*=deco-]{opacity: 0;pointer-events: none;}
.tit-item.active [class*=deco-]{opacity: 1;transition: 0.3s; }
.tab1-map .deco-r{transform: translateX(-90px)}
/* vr guide */
.guide-cont{background: #f3efe1 !important; }
.guide-cont .btn-close-wh {background-image: url(../img/common/btn-close.png);top:10px;right:10px}
.vr-guide h4{font-size:36px;color: #404040;}
.guide-step {text-align: center;font-size: 18px;font-weight: 400;color:#404040;margin-top: 40px;}
.guide-step b{display: inline-block;font-size: 28px;display: flex;color:#8e8b81;font-weight: 500;width:51px;height:58px;margin:0 auto;background: url(../img/common/title-num.png) no-repeat;align-items: center;justify-content: center;margin-bottom: 25px;}
.guide-step li{border-right:3px solid #eee1b6;}
.guide-step li:last-child{border-right: 0;}
.guide-step li p{line-height: 1.6em;}
.tab-box{margin-top:40px;border:3px solid #534741;border-top-width: 10px;background: #fff;}
.tab-box .tab-content{min-height:450px;}
.tab-box .nav li{flex-basis: 33.3333%;text-align: center;font-size: 28px;}
.tab-box .nav li button{background: #675d58;width:100%;padding:10px;color:#fff;border-right: 3px solid #fff;position: relative;}
.tab-box .nav li:last-child button{border-right: 0;}
.tab-box .nav li button.active{background: #fff;color:#534741}
.tab-box .nav li button.active::before{content:"";width:38px;height:44px;background: url(../img/pin.png) no-repeat 50% 50% / 100% 100%; position: absolute;top:-35px;left:50%;transform: translateX(-50%);}

/* video */
.frame-pop{ overflow-y:auto; position: absolute;width:100%; height:calc(100% - 90px);background: #7d7562;border:5px solid #fff;padding:25px;display: none;bottom:0;left:0;z-index: 100;} 
.frame-pop button{z-index: 101;}
.frame-pop.vr-cont{background: none;padding: 0;;}

.mov-tit{position:relative;padding:20px;font-size: 28px;color:#fff;background: linear-gradient(to right, #9e9785, #7d7562);padding-left:120px;margin-bottom: 20px;}
.mov-tit::before{content:"";width:74px;height:60px;background: url(../img/common/icon-mov.png) no-repeat 50% 50% / 100% 100%;position: absolute;left:20px;top:20px}
.mov-tit p small::before{content:"•";position: absolute;left:-10px;top:50%;transform: translateY(-50%);}
.mov-tit p small{position: relative;display: block;font-size: 17px;font-weight: 700;}
.ppt-tit{position:relative; font-size: 25px;color:#fff; margin-bottom: 20px;}
.ppt-cont iframe{background-color: #fff;}

/* Icon */
[class^=icon-]{display:inline-block;overflow:hidden;width:80px;height:80px;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}

/* share modal */
#share{display: none;width: 100%;height:100%; position: fixed;top: 0;left: 0;z-index: 1050;}
.modal-basic .modal-dialog{width: 390px}
.modal-basic .modal-content{padding: 0;border-radius: 0;border-top: 4px solid #00cbb4;box-shadow: 5px 6px 3px 0px rgba(0, 0, 0, 0.1);}
.modal-basic .modal-header{padding: 0 25px;height: 75px;align-items: center;border-bottom: 0}
.modal-basic .modal-title{font-size: 21px;letter-spacing: 0}
.modal-basic .icon-close{width: 55px;height: 55px;top: 5px;right: 0;background: url(../img/common/modal_close.png) no-repeat 50% 50%/20px auto}
.modal-basic .modal-body{display: block;height: auto;padding: 0 25px 30px;font-size: 17px;color: #797c7f;font-weight: 400;letter-spacing: 0;line-height: 1.6}
.modal-basic .modal-footer{border: 0;padding: 0 25px 25px;justify-content: center}

.share-buttons{width: 310px;margin: 0 auto;display: flex}
.share-buttons button{width: 50px;height: 50px;background-image: url(../img/common/sns.png);margin: 0 6px 30px}
.input-group{width: 298px;margin: 0 auto;border: 3px solid #00cbb4}
.input-group .form-control{height: 45px;box-shadow: none !important;border: 0;font-size: 16px;color: #000;border-radius: 0;margin: 0;background: #fff;padding-left:15px;padding-right: 15px;}
.input-group button:not([class*=icon]){font-size: 16px;font-weight: 400;width: 88px;height: 45px;background: #00cbb4;color: #fff}
.icon-share-twi{background-position: 0 50%}
.icon-share-face{background-position: -62px 50%}
.icon-share-blog{background-position: 100% 50%}
.icon-share-band{background-position: -185px 50%}
body.mode-shared .pop-content .wrp .attach{ display: none !important;}
body.mode-shared .pop-content .wrp .icon-attach-share{ display: none !important; }


#tab0 .h-100{flex-direction: column;}
.guide-bx{padding: 50px}