@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     : 2022-10-17
************************** 수정이력 **************************************
* 날짜                    작업자                 변경내용
* 2022-10-17              한주현                 최초작성
**************************************************************************/

/* basic style */
* {box-sizing: border-box;}
html {width: 100%;height: 100%;}
body {overflow: inherit;width: 100%;height: 100%;}
body.on {overflow: hidden;}
#wrap {width: 100%;height: 100%;}
.layout {position:relative;margin: 0 auto;max-width: 1420px;box-sizing: border-box;}
.no-data {display: block !important;font-size: 16px !important;width: 100% !important;padding: 100px 0 !important;text-align: center;margin: 0 !important;}
.page-title{text-align: center; font-size: 32px;font-weight: 600;letter-spacing: -0.8px;color: #0c0c0c;position: relative;}
.page-title:after{content: "";display: inline-block;width:36px;height:36px;background: url(/_public/images/icon/ring.svg) no-repeat;background-size: cover;position: absolute;margin-left: -22px;margin-top: -7px;z-index: -1;}
.blind{position: absolute;top:-9999999px;left:-999999px;}
.required{color:#e32a2a;}
.color-red {color:#e94615 !important;}
#pagination{margin: 60px 0 0;text-align:center;font-size:0;width:auto;display: block;position: relative;}
#pagination a{display:inline-block;margin:4px;color: #949599;;font-size:15px;font-weight:400;line-height:25px;width:25px;height:25px;vertical-align:top;border-radius:100%;}
#pagination a.active{background:#bf9f5d;color:#fff;vertical-align:top;}
#pagination .end-prev,
#pagination .prev,
#pagination .next,
#pagination .end-next{text-indent: -99px;overflow: hidden;width:25px;height:25px;}
#pagination .end-prev{background:url(/_public/images/common/first.svg) no-repeat;background-size:100%;}
#pagination .prev{background:url(/_public/images/common/prev.svg) no-repeat;margin-right:20px;background-size:100%;}
#pagination .next{background:url(/_public/images/common/next.svg) no-repeat;margin-left:20px;background-size:100%;}
#pagination .end-next{background: url(/_public/images/common/end.svg) no-repeat;background-size:100%;}


/* dl style */
.dl-type1{}
.dl-type1 dt{position:relative;clear:left;float:left;}
.dl-type1 dd{position:relative;width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}
/* text style */
.t-align-left {text-align: left !important;}
.t-align-center {text-align: center !important;}
.t-align-right {text-align: right !important;}

.NotoSans {font-family:'Noto Sans KR';}

.button{font-size:15px;line-height: 40px;}
.button-default{background: #333;color:#fff;border:1px solid #333;}
.button-gray{display:inline-block;background:#f3f3f3;text-align: center;color:#000;}
.button-gray2{display:inline-block;background:#f3f3f3;text-align: center;color:#000;}
.button-outline-default{border:1px solid #333;background: #fff;color:#333;}
.button-outline-black{background: #fff;border-color: #333;color: #333;}
.button-large{font-size:18px;line-height: 65px;}

.ios-chk {display:inline-block;position: relative;cursor: pointer;}
.ios-chk input[type="checkbox"]{position: absolute;display: inline-block;opacity: 0;}
.ios-chk label {position:relative !important;top:inherit !important; left:inherit !important;cursor: pointer;display: inline-block;padding-left:60px;color: #555;font-size: 15px;line-height: 27px;vertical-align: middle;font-weight: 400;}
.apple-switch::before {content:"";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;left:0;vertical-align: middle;-webkit-appearance: none;outline: none;width: 50px;height: 25px;background-color: #fff;border: 1px solid #D9DADC;border-radius: 50px;box-shadow: inset -20px 0 0 0 #fff;cursor: pointer;}
.apple-switch:after {content: "";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;top: 3px;left: 1px;background: transparent;width: 22px;height: 22px;border-radius: 50%;box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);}
.ios-chk input[type="checkbox"]:checked + .apple-switch:before {box-shadow: inset 26px 0 0 0 #222;border-color: #222;}
.ios-chk input[type="checkbox"]:checked + .apple-switch:after {left: 20px;box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);}

.filebox{position:relative;font-size:0;display: flex;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox label {position:relative;display: inline-block;margin-right:5px;width:100px;color: #fff; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #bf9f5d;vertical-align: middle;text-align:center;cursor: pointer;border: 1px solid #333;border-radius: 5px;line-height: 50px;border:1px solid #bf9f5d;margin-left: 10px;}
.filebox label:before{content: "";position: absolute;top: 2px;left: 22px;display:inline-block;width:35px;height:35px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 490px;background-position: -280px 0;}
.filebox .upload-name {vertical-align:middle;width:calc(100% - 110px);display: inline-block;height: 52px;border-radius: 5px;padding: 0 20px;font-size: 16px;color: #0c0c0c;border: solid 1px #cecece;    background: #fefcf8;}

.checkbox-type1 input[type=checkbox] {position: absolute;display: inline-block;opacity: 0;}
.checkbox-type1 label {position: relative;display: inline-block;padding-left: 34px;font-size: 16px;text-align: left;box-sizing: border-box;cursor: pointer; letter-spacing: -0.4px;  color: #0c0c0c;}
.checkbox-type1 label:before {content: "";width:24px;height:24px;border:1px solid #cecece;border-radius:50%;position:absolute;left:0;top:-1px;box-sizing: border-box;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: 2px;left: 8px;width: 6px;height: 11px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type=checkbox]:checked + label:before {border-color:#bf9f5d;background-color:#bf9f5d }
.checkbox-type1 input[type=checkbox]:checked + label:after {display: inline-block;}

.checkbox-type2{display:inline-block;vertical-align:top;/*width:33.333%;margin:10px 0;*/}
.checkbox-type2 + .checkbox-type2 {margin-left:40px;}
.checkbox-type2 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type2 label{display:block;font-size:16px;padding-left:32px;position:relative;cursor:pointer;color:#887e6a;}
.checkbox-type2 label::before{content:'';width:24px;height:24px;border:1px solid #cecece;border-radius:50%;position:absolute;left:0;top:-3px;}
.checkbox-type2 label::after{display:none;content:'';width:5px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:absolute;left:9px;top:2px;}
.checkbox-type2 input[type="checkbox"]:checked + label {color:#0c0c0c;}
.checkbox-type2 input[type="checkbox"]:checked + label::before{background:#BF9F5D;border-color:#BF9F5D;}
.checkbox-type2 input[type="checkbox"]:checked + label::after{display:block;}

.radio-type1 { margin: -0.5px;}
.radio-type1 input[type="radio"] {display: inline-block;position: absolute;opacity: 0;}
.radio-type1 label {position: relative !important;top: inherit !important;left: inherit !important;cursor: pointer;display: block;text-align: center;font-size: 14px;line-height: 50px;border: 1px solid #e5e5e5;}
.radio-type1 input[type="radio"]:checked + label {background-color: #222;color: #fff;}


.radio-type2{position: relative;display: inline-block;font-size:0;}
.radio-type2 input[type="radio"]{position:absolute;opacity:0;}
.radio-type2 label{display:block;font-size:16px;color:#887e6a;padding-left:32px;position:relative;cursor:pointer;}
.radio-type2 label::before{content:'';width:24px;height:24px;border:1px solid #cecece;border-radius:50%;position:absolute;left:0;top:-1px;box-sizing: border-box;}
.radio-type2 label::after{display:none;content:'';width:10px;height:10px;border-radius:50%;background:#bf9f5d;position:absolute;left:7px;top:6px;}
.radio-type2 input[type="radio"]:checked + label{color:#0c0c0c;}
.radio-type2 input[type="radio"]:checked + label::after{display:block;}

.overlay{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 100;}

header{position: fixed;top:0;left:0;width:100%;background: rgba(0,0,0,0.65);z-index: 100;}
header .layout{display: flex;align-items: center;}
header .logo{display: inline-block;width:22%;}
header .gnb{width:100%;max-width:914px;margin-left:5%;}
header .gnb ul{display: flex;}
header .gnb ul li{position: relative;}
header .gnb ul li > a{display: block; font-size: 16px;font-weight: normal;color: #fff;padding:0 42px;line-height: 90px;}
header .gnb ul li .dropdown{display:none;position: absolute;width:100%;/*height:250px;*/padding:24px 0;z-index: 10;}
header .gnb ul li .dropdown a{display: block;font-size: 15px;font-weight: normal;color: #aba495;text-align: center;}
header .gnb ul li .dropdown a + a{margin-top:15px;}
header .gnb ul li .dropdown a:hover{color: #bf9f5d;}
header.active{background:#0c0c0c;}
header .language{position: absolute;right:0;top:24px;border:1px solid #cecece;border-radius: 20px;width:100px;}
header .language button{position: relative;display:block;width:100%;height:40px;padding:0 20px; font-size: 16px;color: #fff;text-align: left;}
header .language button:after{content: "";position:absolute;right: 15px;display: inline-block;width:20px;height:20px;background: url(/_public/images/icon/arrow.svg) no-repeat;background-size: cover;}
header .language .lan-list{display:none;position: relative;border-top: 1px solid #cecece;padding:5px 0;}
header .language .lan-list a{display:block;position: relative;font-size: 16px;line-height:30px;  color: #887e6a;padding: 0 20px;text-align: center;}
header .language.active{background: #fff;}
header .language.active button{color:#202020;}
header .language.active button:after{background: url(/_public/images/icon/arrow2.svg) no-repeat;background-size: cover;}
header .nav-icon {position: absolute;top:20px;right:20px;display:none;width:30px;height:25px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 1000;}
header .nav-icon span {display: block;position: absolute;width: 100%;height:4px;background: #bf9f5d;opacity: 0.9;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;border-radius: 4px;}
header .nav-icon span:nth-child(1) {top: 0;}
header .nav-icon span:nth-child(2),
header .nav-icon span:nth-child(3) {top: 50%;margin-top: -2px;}
header .nav-icon span:nth-child(4) {bottom: 0;}
header .nav-icon.open {position:fixed;right:20px;z-index: 9999;}
header .nav-icon.open span {}
header .nav-icon.open span:nth-child(1) {top:0;width: 0%;left: 50%;}
header .nav-icon.open span:nth-child(2),
header .nav-icon.open span:nth-child(3) {width:100%;}
header .nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .nav-icon.open span:nth-child(4) {top: 18px;left: 50%;width: 0%;}
header .gnb-bg{display:none;border-top:1px solid #716c63;position: absolute;left:0;width:100%;height:216px;background:#0c0c0c;}

footer{background: #000;padding-top:40px;}
footer .f-top{position:relative;display: flex;justify-content: space-between;}
footer .f-top ul{display: flex;}
footer .f-top ul li{}
footer .f-top ul li + li{margin-left:100px;}
footer .f-top ul li > a{font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #aba495;}
footer .f-top ul li .sub{margin-top:20px;}
footer .f-top ul li .sub a{display: block;font-size: 14px;font-weight: normal;letter-spacing: -0.35px;color: #716c63;}
footer .f-top ul li .sub a + a{margin-top: 5px;}
footer .f-top .right{}
footer .f-top .right .f-sns{font-size:0;text-align:right;}
footer .f-top .right .f-sns a{display: inline-block;width:25px;height:25px;}
footer .f-top .right .f-sns a + a{margin-left:20px;}
footer .f-top .right .f-sns a img {width:100%;}
footer .f-top .right .private-link{display:block;margin-top:20px;font-size: 14px;font-weight: normal;letter-spacing: -0.35px;color: #aba495;text-align:right;}
footer .f-top .right .private-link + a {margin-top:10px;}
footer .f-bottom{margin-top:64px;}
footer .f-bottom address{display: flex;align-items: center;justify-content: space-between;}
footer .f-bottom address p{font-size:0;}
footer .f-bottom address p span{display: inline-block; font-size: 14px;font-weight: normal;letter-spacing: -0.35px;color: #716c63;}
footer .f-bottom address p span + span{margin-left:15px;}
footer .f-bottom address p span:first-child {display:block;margin-bottom:2px;}
footer .f-bottom address p span:nth-child(2) {margin-left:0;}
footer .f-bottom address p span em{margin-right:10px;display:inline-block;font-weight: 500;color: #aba495;}



footer .copyright{margin-top:24px;padding:20px 0;text-align: center;border-top:1px solid #716c63; font-size: 14px;font-weight: normal;letter-spacing: -0.35px;color: #716c63;}

.pro-ani{animation: proBar 5s 1;}

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

#main{}
#main .slide-wrap{position: relative;}
#main .slide-wrap .main-slide{position: relative;}
#main .slide-wrap .main-slide .slick-slide{}
#main .slide-wrap .main-slide .slick-slide img{width:100%;}
#main .slide-wrap .slick-arrow{position:absolute;top:50%;display:block;width:80px;height:80px;background: url(/_public/images/icon/arrow3.svg) no-repeat;background-size: cover;z-index: 10;font-size:0;}
#main .slide-wrap .slick-prev{transform: translateY(-50%);left:5%;}
#main .slide-wrap .slick-next{transform: translateY(-50%) rotate(-180deg);right:5%;}
#main .slide-wrap .control-box{position: absolute;bottom:60px;right:13%;display: flex;align-items: center;z-index: 10;}
#main .slide-wrap .control-box .pagingInfo{display: inline-block; font-size: 14px;font-weight: 300;color: #cecece;margin-right:18px;letter-spacing: 3px;}
#main .slide-wrap .control-box .pagingInfo em{display:inline-block;font-size: 18px;font-weight: 600;color: #bf9f5d;}
#main .slide-wrap .control-box .timeline{position:relative;display: inline-block;width:320px;height:8px;background:rgba(0,0,0,0.3);border-radius:5px;overflow: hidden; }
#main .slide-wrap .control-box .timeline .pro-bar{ position: absolute;display: inline-block;left: 0;right: 0;top: 0;height:8px;background: #bf9f5d;z-index: 1000;}
#main .slide-wrap .control-box .arrowSlider{position:relative;margin-left:20px;display: inline-block;width:20px;height:20px;}
#main .slide-wrap .control-box .arrowSlider button{position:absolute;top:0;left:0;display:none;width:20px;height:20px;font-size:0;}
#main .slide-wrap .control-box .arrowSlider .pause{background: url(/_public/images/icon/pause.svg) no-repeat;background-size: cover;}
#main .slide-wrap .control-box .arrowSlider .play{background: url(/_public/images/icon/play.svg) no-repeat;background-size: cover;}
#main .slide-wrap .control-box .arrowSlider button.active{display: block;}
#main .main-movie{display: flex;}
#main .main-movie a{display:block;flex:1;position: relative;overflow: hidden;background-color:#0c0c0c;}
#main .main-movie a > img{display: block;width:100%;max-height:266px;}
#main .main-movie a .txt{text-align: center;position: absolute;width:100%;left:0;bottom:-50px;padding:0 20px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#main .main-movie a .txt i{display: inline-block}
#main .main-movie a .txt i img{display:block}
#main .main-movie a .txt h4{margin-top:10px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #fff;}
#main .main-movie a .txt p{margin-top:10px;font-size: 16px;font-weight: 300;line-height: 1.5;letter-spacing: -0.4px;color: #cecece;  word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px;}
#main .main-movie a:hover .txt{bottom:25px;}
#main .main-group{position:relative;padding:120px 0 178px; background-image: linear-gradient(to bottom, #333130, #0e0d09 50%);overflow: hidden;}
#main .main-group:before{content: "";display: inline-block;position: absolute;top: -190px;right: -80px;width:465px;height:465px;background: url(/_public/images/icon/shape1.svg) no-repeat;background-size: cover;}
#main .main-group:after{content: "";display: inline-block;position: absolute;left:-74px;bottom:-156px;width:680px;height:680px;background: url(/_public/images/icon/shape2.svg) no-repeat;background-size: cover;}
#main .main-group .hgroup{text-align: center;}
#main .main-group .hgroup p{ font-family: adobe-garamond-pro;font-size: 20px;font-weight: normal;color: #bf9f5d;}
#main .main-group .hgroup h3{margin-top:10px;font-size: 36px;font-weight: 600;color: #fff;}
#main .main-group ul{display: flex;margin-top:80px;position: relative;z-index:10;}
#main .main-group ul li{position:relative;flex:1;text-align: center;}
#main .main-group ul li a{display: block;}
#main .main-group ul li figure{position: relative;font-size:0;}
#main .main-group ul li figure img{position: relative;top:0;left:0;display: block;width:100%;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#main .main-group ul li figure figcaption{position:absolute;display: inline-block;width:132px;line-height: 44px;background: rgba(0,0,0,0.65); font-size: 20px;text-align:center;font-weight: 500;letter-spacing: -0.5px;color: #fff;bottom: 60px;left: -35px;}
#main .main-group ul li figure:before{content: "";position:absolute;right:-10px;bottom:-10px;display: block;width:100%;height:100%;border-radius: 200px;box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.24);background-color: #887e6a;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#main .main-group ul li p{margin-top:30px;font-size: 15px;font-weight: normal;line-height: 1.6;letter-spacing: -0.38px;color: #887e6a;}
#main .main-group ul li:hover figure img{top:-20px;left:-20px;}
#main .main-group ul li:hover figure:before{background-color: #bf9f5d;}
#main .main-group ul li + li{margin-left: 50px;}


.page-top{position: relative;}
.page-top .visual{position: relative;padding-top:26%;}
.page-top .visual.sub01{background: url(/_public/images/contents/visual01.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images/contents/visual02.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images/contents/visual03.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images/contents/visual05.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images/contents/visual06.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub06{background: url(/_public/images/contents/visual04.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub07{background: url(/_public/images/contents/visual07.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual h3{position: absolute;left:0;top:60%;transform: translateY(-50%);width:100%;text-align:center;color:#fff; font-size: 38px;font-weight: 500;letter-spacing: -0.95px;}

#pages{}
#pages .contents{padding:80px 0 120px;}

.facility{margin-top:60px;}
.facility .gallery2{margin-top:60px;text-align: center}
.facility .gallery2 .h4{text-align: center; margin-bottom: 0;}
.facility .gallery2 .h4::after { content: ""; left: 30px}
.facility .gallery2 .img-slide .slick-dots{position: relative;width:100%;text-align: center;font-size:0;margin-top:20px;}
.facility .gallery2 .img-slide .slick-dots li{margin:0 6px;display: inline-block;width:10px;height:10px;}
.facility .gallery2 .img-slide .slick-dots li button{display: block;width:100%;height:100%;background:#dedede;border-radius: 100%;font-size:0;}
.facility .gallery2 .img-slide .slick-dots li.slick-active button{background:#BF9F5D;}
.facility2 .gallery2 { margin-top: 40px; text-align: center;}
.facility2 .gallery2 .h4{ text-align: center;margin-bottom: 0;}
.facility2 .gallery2 .h4::after { content: ""; left: 30px}


.gallery{font-size:0;display: flex;justify-content: space-between;}
.gallery .slider-for{position:relative;vertical-align: top;display:inline-block;max-width:1180px;}
.gallery .slider-for .slick-slide{position:relative;}
.gallery .slider-for .slick-slide figcaption{position: absolute;bottom:0;width:100%;background: rgba(0,0,0,0.5);color:#fff;line-height:50px;font-size:18px;padding:0 30px;}
.gallery .slider-for .slick-next{position:absolute;top:50%;transform: translateY(-50%);right:50px;z-index: 10;background:url(/_public/images/contents/gallery_controls.png) no-repeat;width:29px;height:55px;font-size:0;background-size: cover;}
.gallery .slider-for .slick-prev{position:absolute;top:50%;transform: translateY(-50%) rotate(-180deg);left:50px;z-index: 10;background:url(/_public/images/contents/gallery_controls.png) no-repeat;width:29px;height:55px;font-size:0;background-size: cover;}
.gallery .slider-nav{vertical-align: top;display:inline-block;max-width:235px;max-height:792px;overflow: hidden;}
.gallery .slider-nav .slick-slide{opacity: 0.5;}
.gallery .slider-nav .slick-slide.slick-current{opacity: 1;}


/* 폼 */
.form{}
.form .info-txt{margin-top:60px;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #716c63;}
.form .info-txt em{color:#bf9f5d;}
.form .form-box{margin-top:20px;border-top:2px solid #bf9f5d;padding-top:12px;}
.form .form-box .field-wrap{display: flex;}
.form .form-box .field-wrap .field{display: flex;flex:1;align-items: center;}
.form .form-box .field-wrap .field .label{font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;width:27%;}
.form .form-box .field-wrap .field .label em{display:inline-block;position:relative;font-size:0;width:6px;height:6px;background:#bf9f5d;border-radius: 100%;vertical-align: middle;left:2px;top:-13px;}
.form .form-box .field-wrap .field .label p{margin-top:5px;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #716c63;}
.form .form-box .field-wrap .field .col{padding:12px 0;width:73%;}
.form .form-box .field-wrap .field .col input[type="text"],
.form .form-box .field-wrap .field .col input[type="tel"],
.form .form-box .field-wrap .field .col input[type="number"],
.form .form-box .field-wrap .field .col input[type="email"],
.form .form-box .field-wrap .field .col input[type="password"],
.form .form-box .field-wrap .field .col input[type="date"]{width:100%;height:52px; border-radius: 5px;padding:0 20px; font-size: 16px;  color: #0c0c0c;border: solid 1px #cecece;background-color: #fff;}
.form .form-box .field-wrap .field .col textarea{width:100%;height:160px; border-radius: 5px;padding:20px; font-size: 16px;  color: #0c0c0c;border: solid 1px #cecece;background-color: #fff;resize: none;}
.form .form-box .field-wrap .field .col input[type="date"]{background: #fefcf8}
.form .form-box .field-wrap .field .col input[type="text"]::placeholder,
.form .form-box .field-wrap .field .col input[type="tel"]::placeholder,
.form .form-box .field-wrap .field .col input[type="number"]::placeholder,
.form .form-box .field-wrap .field .col input[type="email"]::placeholder,
.form .form-box .field-wrap .field .col input[type="password"]::placeholder,
.form .form-box .field-wrap .field .col input[type="date"]::placeholder{color: #aba495;}
.form .form-box .field-wrap .field .col.col-red input[type="text"]::placeholder {color:#e94615;}
.form .form-box .field-wrap .field .col textarea::placeholder{color: #aba495;}
.form .form-box .field-wrap .field .col input.radio-input2 {margin-top:10px;}
.form .form-box .field-wrap .field .col .radio-group{display: flex;align-items: center;}
.form .form-box .field-wrap .field .col .radio-group .radio-type2 + .radio-type2{margin-left:40px;}
.form .form-box .field-wrap .field .col .radio-group input[type="tel"]{margin-left:20px;width:120px;}
.form .form-box .field-wrap .field .col .radio-group em{display:inline-block;font-size: 16px;margin-left:10px;font-weight: normal;letter-spacing: -0.4px;color: #0c0c0c;width:10%;}
.form .form-box .field-wrap .field .col .radio-group2 {margin-top:10px;}
.form .form-box .field-wrap .field .col .radio-group2 input[type="tel"] {width:100%;background:#FEFCF8;}
.form .form-box .field-wrap .field .col .radio-group2 input[type="tel"]:active,
.form .form-box .field-wrap .field .col .radio-group2 input[type="tel"]:focus {background:#fff;}
.form .form-box .field-wrap .field .col .input-wrap{display: flex;align-items: center;}
.form .form-box .field-wrap .field .col .input-wrap p{display:flex;flex:1;align-items: center;}
.form .form-box .field-wrap .field .col .input-wrap p span{display: inline-block; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #0c0c0c;}
.form .form-box .field-wrap .field .col .input-wrap p input[type="text"]{margin-left:16px;width:151px;}
.form .form-box .field-wrap .field .col .input-wrap p + p{margin-left:40px;}
.form .form-box .field-wrap .field .col .input-wrap2{display: flex;align-items: center;}
.form .form-box .field-wrap .field .col .input-wrap2 em{display: inline-block;margin:0 5px;}
.form .form-box .field-wrap .field .col .radio-box{font-size:0;}
.form .form-box .field-wrap .field .col .radio-box .radio-type2{margin:1%;display: inline-block;width:31.3333%;vertical-align: top;}
.form .form-box .field-wrap .field .col .code{display:flex;align-items: center;}
.form .form-box .field-wrap .field .col .code span{display: inline-block;  border-radius: 5px;background-color: #f5f5f5;padding:10px;font-size:0;}
.form .form-box .field-wrap .field .col .code span img{display: block;}
.form .form-box .field-wrap .field .col .code input[type="text"]{margin-lefT:10px;max-width:160px;}
.form .form-box .field-wrap .field + .field{margin-left: 80px;}
.form .form-box .field-wrap .field.single{}
.form .form-box .field-wrap .field.single .label{max-width:180px;width:13%;}
.form .form-box .field-wrap .field.single .col{width:87%;}
.form .form-box .field-wrap .form-guide {font-size:16px;color:#716C63;margin-top:20px;}

.form .guideline-box {margin:40px 0;border-radius:20px;border:1px solid #BF9F5D;padding:30px;}
.form .guideline-box h3 {font-size:20px;color:#BF9F5D;margin-bottom:25px;}
.form .guideline-box ul li {font-size:16px;position:relative;padding-left:16px;line-height:1.5;}
.form .guideline-box ul li:before {content:"※";display:block;font-size:inherit;color:#BF9F5D;position: absolute;top:0;left:0;}
.form .guideline-box ul li + li {margin-top:20px;}
.form .guideline-box ul li strong {font-weight:500;color:#BF9F5D;}
.form .guideline-box ul li strong.color-red {color:#E94615;}
.form .guideline-box ul li em {font-weight:500;}

.form .bottom-box{margin-top:40px;padding:60px 0;border-radius: 20px;background-color: #f5f5f5;text-align: center;}
.form .bottom-box ul{display: flex;justify-content: center;}
.form .bottom-box ul li{display: inline-block;padding-left:88px;position:relative;}
.form .bottom-box ul li + li{margin-left: 80px;}
.form .bottom-box ul li strong{display: inline-block;position:absolute;top:12px;left:0;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #0c0c0c;}
.form .bottom-box ul li input[type="text"]{width:100%;max-width:320px;height:52px; border-radius: 5px;padding:0 20px; font-size: 16px;  color: #0c0c0c;border: solid 1px #cecece;background-color: #fff;}
.form .bottom-box p{margin-top:56px;font-size: 24px;font-weight: 500;letter-spacing: -0.6px;color: #0c0c0c;}
.form .bottom-box span{display:inline-block;margin-top:32px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #887e6a;}
.form .bottom-box2 ul li > span {border-radius: 5px;border: solid 1px #cecece;background:#fafafa;padding:15px 20px;margin:0;}
.form .bottom-box2 ul li > span em {font-size:18px;font-weight:500;color:#0C0C0C;}
.form .bottom-box2 ul li > span span {font-size:18px;margin:0 0 0 10px;color:#0C0C0C;}
.form .bottom-box2 ul li > span u {font-size:16px;color:#707070;margin-left:20px;text-decoration:none;}

.form .terms-box{margin-top:80px;}
.form .terms-box h4{font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;}
.form .terms-box .txt-box{margin-top:12px;border-radius: 20px;padding:30px;border: solid 1px #cecece;background-color: #fefcf8;height:180px;overflow-y: auto;font-size: 15px;font-weight: normal;line-height: 1.73;letter-spacing: -0.38px;color: #716c63;}
.form .terms-box .chk{text-align: right;margin-top:22px;}
.form .terms-box2 {display:flex;justify-content:space-between;}
.form .terms-box2 .terms-box {width:calc(50% - 20px);}

.form .button-box{margin-top:60px;text-align: center;}
.form .button-box button{display: inline-block;border-radius: 31px;background-color: #bf9f5d;width:330px;text-align: center;height:57px;color:#fff;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #fff;}





.guidance{}
.guidance .tab{margin-top:60px;font-size:0;display: flex;justify-content: center;}
.guidance .tab a{display: inline-block;width:260px;line-height: 64px;text-align: center; font-size: 20px;border:2px solid #bf9f5d;border-radius:38px;font-weight: 500;letter-spacing: -0.5px;color: #bf9f5d;}
.guidance .tab a.active{background: #bf9f5d;color:#fff;}
.guidance .tab a + a{margin-left: 40px;}


.data .media{margin-top:60px;}
.data .media .search{position:relative;font-size:0;text-align: center;background:#f2ecde;padding:30px 40px;}
.data .media .search .input-wrap{position: relative;}
.data .media .search input[type="text"]{display:inline-block;vertical-align: top;width:100%;height:60px;padding:0 70px 0 30px;background:#fff;border-radius:35px;box-sizing: border-box;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;}
.data .media .search input[type="text"]::placeholder{color:#707070}
.data .media .search button{display:inline-block;width:21px;height:21px;background:url(/_public/images/icon/zoom.svg) no-repeat;background-size: cover;font-size:0;position: absolute;right:30px;top:50%;transform: translateY(-50%);}
.data .media .list{margin-top:64px;}
.data .media .list .list-top{font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #0c0c0c;border-bottom:2px solid #bf9f5d;padding-bottom: 20px;}
.data .media .list .list-top em{font-weight: 600;color:#bf9f5d;}
.data .media .list ul{margin:0 -1.5% ;padding-top:40px;font-size:0;}
.data .media .list ul li{position: relative;display:inline-block;width:47%;margin:0 1.5% 54px;vertical-align: top;}
.data .media .list ul li a{display: block;}
.data .media .list ul li .picture{position: relative;}
.data .media .list ul li .picture:after{content: "";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: inline-block;width:83px;height:58px;background: url(/_public/images/icon/youtube2.svg) no-repeat;background-size: cover;}
.data .media .list ul li .picture img{display: block;width:100%;}
.data .media .list ul li .txt-box{margin-top:20px;}
.data .media .list ul li .txt-box h4{font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.data .media .list ul li .txt-box p{margin-top:10px;font-size: 15px;font-weight: normal;letter-spacing: -0.38px;color: #887e6a;}


.performance{}
.performance .schedule{}
.performance .schedule .list{}
.performance .schedule .list .tab{}
.performance .schedule .list .tab{margin-top:60px;font-size:0;display: flex;justify-content: center;}
.performance .schedule .list .tab a{display: inline-block;width:260px;line-height: 64px;text-align: center; font-size: 20px;border:2px solid #bf9f5d;border-radius:38px;font-weight: 500;letter-spacing: -0.5px;color: #bf9f5d;}
.performance .schedule .list .tab a.active{background: #bf9f5d;color:#fff;}
.performance .schedule .list .tab a + a{margin-left: 40px;}
.performance .schedule .list  .board-search{margin-top:60px;}
.performance .schedule .list ul{margin-top:40px;border-top:2px solid #bf9f5d;}
.performance .schedule .list ul li{position: relative;border-bottom:1px solid #cecece;}
.performance .schedule .list ul li a{display:flex;position: relative;padding:40px 200px 40px 0;align-items: center;}
.performance .schedule .list ul li figure{max-width:240px;}
.performance .schedule .list ul li figure img{display: block;width:100%;}
.performance .schedule .list ul li .txt-box{padding-left:60px;width:calc(100% - 240px);}
.performance .schedule .list ul li .txt-box h4{font-size: 28px;font-weight: 600;letter-spacing: -0.7px;color: #0c0c0c;}
.performance .schedule .list ul li .txt-box h4 em{display: inline-block; border-radius: 18px; font-size: 15px;font-weight: 500;line-height: 30px;padding:0 18px;color:#fff;margin-left:12px;vertical-align: middle;position: relative;top:-1px;}
.performance .schedule .list ul li .txt-box h4 em.type1{background: #bf9f5d;}
.performance .schedule .list ul li .txt-box h4 em.type2{background: #cecece;}
.performance .schedule .list ul li .txt-box strong{margin-top:10px;display: block; font-size: 18px;font-weight: bold;letter-spacing: -0.45px;color: #bf9f5d;}
.performance .schedule .list ul li .txt-box dl{margin-top:30px;}
.performance .schedule .list ul li .txt-box dl dt{width:65px; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #bf9f5d;}
.performance .schedule .list ul li .txt-box dl dd{padding:0 0 10px 60px; font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #707070;}
.performance .schedule .list ul li .txt-box .txt{margin-top:25px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.4px;color: #0c0c0c;  display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:58px;}
.performance .schedule .list ul li i{position: absolute;right:40px;top:50%;transform: translateY(-50%);width:60px;height:60px;opacity: 0.3;}
.performance .schedule .list ul li:hover i{opacity: 1;}
.performance .schedule .view{}
.performance .schedule .view .top-box{margin-top:60px;display:flex;padding:60px;border-radius: 40px;
    background-color: #f5f5f5;}
.performance .schedule .view .top-box figure{max-width:420px;}
.performance .schedule .view .top-box figure img{display: block;width:100%;  box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.18);}
.performance .schedule .view .top-box .txt-box{width:calc(100% - 420px);position:relative;padding-left:80px;padding-top:20px;}
.performance .schedule .view .top-box .txt-box h3{ font-size: 28px;font-weight: 600;letter-spacing: -0.7px;color: #0c0c0c;width: 72%;word-break: keep-all;line-height: 1.6;}
.performance .schedule .view .top-box .txt-box dl{margin-top:30px;}
.performance .schedule .view .top-box .txt-box dl dt{font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #bf9f5d;width:105px;}
.performance .schedule .view .top-box .txt-box dl dd{padding:2px 0 10px 105px; font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #0c0c0c;}
.performance .schedule .view .top-box .txt-box a{position:absolute;top:30%;right:20px;display: inline-block;width:290px;line-height: 75px;text-align: center; font-size: 26px;font-weight: 500;letter-spacing: -0.45px;color: #fff;border-radius: 50px;background-color: #b44646;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.performance .schedule .view .top-box .txt-box a:before{content: "";position:absolute;display: block;width:100%;height:75px;border:1px solid #b44646;border-radius: 50px;right:-5px;bottom:-5px;}
.performance .schedule .view .top-box .txt-box a:after{content: "";display: inline-block;width:25px;height:25px;background: url(/_public/images/icon/reserve.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left:10px;position: relative;top:-2px;}
.performance .schedule .view .top-box .txt-box a:hover {top:29%;right:25px;}
.performance .schedule .view .bottom-box .text-content{padding:80px 0 0; font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #0c0c0c;word-break: keep-all;}
.performance .schedule .view .button-box{text-align: center;margin-top:60px;}
.performance .schedule .view .button-box a{display: inline-block;width:330px;line-height: 57px;text-align: center;border-radius: 31px;background-color: #bf9f5d;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #fff;}

.performance .history{margin-top:60px;}
.performance .history .button-box{text-align: right;}
.performance .history .button-box a{position:relative;display: inline-block;width:280px;line-height: 50px;text-align: center; font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #fff;border-radius: 31px;background-color: #bf9f5d;top:0;right:0;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.performance .history .button-box a:before{content: "";position:absolute;display: block;width:100%;height:50px;border:1px solid #bf9f5d;border-radius: 31px;right:-5px;bottom:-5px;}
.performance .history .button-box a:after{content: "";display: inline-block;width:20px;height:20px;background: url(/_public/images/icon/down_icon.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left:10px;position: relative;top:-1px;}
.performance .history .button-box a:hover {top:-5px;right:5px;}
.performance .history .table-box{margin-top:25px;border-top:2px solid #bf9f5d;}
.performance .history .table-box .thead{}
.performance .history .table-box .thead li{display: flex;border-bottom:1px solid #cecece;}
.performance .history .table-box .thead li .col{padding:20px 15px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;text-align: center;background: #f2ecde;border-left: 1px solid #cecece;display: flex;align-items: center;justify-content: center;}
.performance .history .table-box .thead li .col:first-child{border-left:0;}
.performance .history .table-box .thead li .idx{width:10%}
.performance .history .table-box .thead li .subject{width:54%;}
.performance .history .table-box .thead li .date{width:18%;}
.performance .history .table-box .thead li .place{width:18%;}
.performance .history .table-box .tbody{}
.performance .history .table-box .tbody li{display: flex;border-bottom:1px solid #cecece;}
.performance .history .table-box .tbody li .col{padding:15px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #0c0c0c;text-align: center;border-left: 1px solid #cecece;display: flex;align-items: center;justify-content: center;}
.performance .history .table-box .tbody li:nth-child(odd) .col{background: #fefcf8;}
.performance .history .table-box .tbody li .col:first-child{border-left:0;}
.performance .history .table-box .tbody li .idx{width:10%}
.performance .history .table-box .tbody li .subject{width:54%;text-align: left;justify-content: left}
.performance .history .table-box .tbody li .date{width:18%;}
.performance .history .table-box .tbody li .place{width:18%;}

.performance .inquiry .info-box{margin-top:60px;display: flex;}
.performance .inquiry .info-box .box{position:relative;flex:1; max-width:31.3333%;padding: 40px;border-radius: 20px;box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);background-color: #fefcf8;}
.performance .inquiry .info-box .box + .box{margin-left:40px;}
.performance .inquiry .info-box .box h4{font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;}
.performance .inquiry .info-box .box strong{margin-top:10px;display: block;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #bf9f5d;}
.performance .inquiry .info-box .box i{position: absolute;font-size:0;right:40px;top:50%;transform: translateY(-50%);}


/* 개인정보처리방침 */
.policy { margin-top: 100px }
.policy .page-title { margin-bottom: 60px}
.policy .private-box { font-size: 16px}
.policy .private-box .pritop {padding: 30px;font-size: 16px;background: #f5f5f5;border-radius: 10px; margin-bottom: 40px}
.policy .private-box strong { display: block;}
.policy .private-box h4 {font-size: 20px;}
.policy .private-box h5 {font-size: 18px;margin: 40px 0 10px;}
.policy .private-box h6 { font-size: 15px;margin: 40px 0 10px;}
.policy .private-box p.listp {padding: 10px 0; line-height: 26px;}
.policy .private-box p.listtit {  margin: 20px 0 10px;  }
.policy .private-box ul.kolist {margin: 20px;}
.policy .private-box ul.kolist li {line-height: 29px;}
.policy .private-box ul.molist li {line-height: 26px;font-size: 15px; position:relative; padding-left: 10px}
.policy .private-box ul.molist li::before { content: ""; width: 4px; height: 4px; background: #555; top: 10px; left: 0; position: absolute;}
.terms-box.policy .private-box .pritop {padding:0;background:none;}

.private-box2 h5 {font-size:16px;}
.private-box2 p {font-size:15px;}


/* tablet */
@media all and (max-width:1024px) {
    #pagination{margin-top:30px;}

    .radio-type2 label{font-size:14px;padding-left: 25px;}
    .radio-type2 label::before{width:20px;height:20px;}
    .radio-type2 label::after{left: 5px;top: 4px;}
    .filebox .upload-name{padding:0 10px;height:45px;font-size:14px;}
    .filebox label{font-size:14px;line-height: 43px;}
    .checkbox-type1 label{font-size:14px;padding-left:25px;}
    .checkbox-type1 label:before{width:20px;height:20px;}
    .checkbox-type1 label:after{top: 2px;left: 7px;width: 4px;height: 9px;}
    .checkbox-type2 label {font-size:14px;}

    header{}
    header .layout{display: block;padding:12px 20px;position:relative;}
    header .logo{width:260px;}
    header .gnb{position: fixed;top:0;right:-100%;width:100%;height:100%;max-width:100%;background-image: linear-gradient(to bottom, #333130, #0e0d09);z-index: 100;overflow-y: auto;    -moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
    header .gnb.active{right:0;}
    header .gnb ul{display: block;padding:80px 0 60px;}
    header .gnb ul li{}
    header .gnb ul li + li{margin-top:50px;}
    header .gnb ul li a{position:relative;padding:0;line-height: normal;text-align: center; font-size: 20px;}
    header .gnb ul li > a:after{content: "";display: block;margin:5px auto 0;width:20px;height:20px;background: url(/_public/images/icon/plus.svg) no-repeat;background-size: cover;}
    header .gnb ul li > a.on:after{background: url(/_public/images/icon/plus2.svg) no-repeat;background-size: cover;}
    header .gnb ul li .dropdown{position: relative;background: #847b67;margin-top:5px;height:auto;}
    header .gnb ul li .dropdown a{display: block;font-size: 16px;color:#fff;}
    header .gnb ul li .dropdown a + a{margin-top:20px;}
    header .language{width:85px;top:14px;right:80px;}
    header .language button{height:36px; font-size: 14px;}
    header .nav-icon{display: block;}

    footer{padding:30px 0 0 ;}
    footer .f-top{display: block;}
    footer .f-top ul{display: none;}
    footer .f-top .right{text-align: center;}
    footer .f-top .right .f-sns {text-align:center;}
    footer .f-top .right .private-link {text-align:center;}
    footer .f-bottom{margin-top:32px;padding:0 20px;}
    footer .f-bottom address{display:block;}
    footer .f-bottom address p + p{margin-top:24px;}
    footer .f-bottom address p span{display: block;font-size:13px;}
    footer .f-bottom address p span + span{margin-left:0;margin-top:5px;}
    footer .f-bottom address p span:first-child em{display: block;margin-bottom:5px;}
    footer .copyright{margin-top:30px;padding:15px 0;font-size: 13px;}

    #main{}
    #main .slide-wrap .slick-arrow{}
    #main .slide-wrap .control-box{right:inherit;left:50%;transform: translateX(-50%);width:90%;bottom:10%;}
    #main .slide-wrap .control-box .timeline{width: calc(100% - 75px);}
    #main .slide-wrap .control-box .pagingInfo{margin-right:10px;}
    #main .slide-wrap .control-box .arrowSlider{margin-left:10px;}
    #main .main-movie{display: block;}
    #main .main-movie a > img{max-height:none;}
    #main .main-movie a .txt{bottom:25px;}
    #main .main-movie a .txt h4{margin-top:50px;font-size:16px;}
    #main .main-movie a .txt p{display: none;}
    #main .main-group{padding:60px 20px;}
    #main .main-group:before{width:183px;height:183px;top:-31px;right:-71px;}
    #main .main-group:after{width: 312px;height: 312px;left: -35%;bottom: inherit;top: 50%;transform: translateY(-50%);}
    #main .main-group .hgroup p{font-size:14px;}
    #main .main-group .hgroup h3{font-size: 20px;font-weight: 600;color: #fff;}
    #main .main-group ul{margin:40px -5% 0;display: block;font-size:0;}
    #main .main-group ul li{display: inline-block;vertical-align: top;width:40%;margin:5%;}
    #main .main-group ul li + li{margin:5%;}
    #main .main-group ul li figure:before{bottom:-5px;right:-5px;}
    #main .main-group ul li figure figcaption{width:90px;line-height: 29px;font-size:16px;bottom: 20px;left: -25px;}
    #main .main-group ul li p{margin-top:20px;font-size:13px;line-height: 1.48;}
    #main .main-group ul li p br{display: none;}

    .page-top .visual{padding-top:80%;}
    .page-top .visual h3{font-size:25px;}
    .page-top .visual.sub01{background: url(/_public/images/contents/visual01.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub02{background: url(/_public/images/contents/visual02.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub03{background: url(/_public/images/contents/visual03.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub04{background: url(/_public/images/contents/visual05.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub05{background: url(/_public/images/contents/visual06.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub06{background: url(/_public/images/contents/visual04.jpg) 50% 50% no-repeat;background-size: cover;}

    .facility{margin-top:30px;padding:0 20px;}
    .gallery{font-size:0;display:block;justify-content: space-between;}
    .gallery .slider-for{position:relative;vertical-align: top;display:inline-block;max-width:100%;}
    .gallery .slider-for .slick-slide{position:relative;}
    .gallery .slider-for .slick-slide figcaption{position: absolute;bottom:0;width:100%;background: rgba(0,0,0,0.5);color:#fff;line-height:50px;font-size:18px;padding:0 30px;}



    .form{padding:0 20px;}
    .form .info-txt{margin-top: 30px;}
    .form .form-box .field-wrap{display: block;}
    .form .form-box .field-wrap .field + .field{margin-left:0;}
    .form .form-box .field-wrap .field .label{width:20%;font-size:15px;}
    .form .form-box .field-wrap .field .label p{font-size:14px;}
    .form .form-box .field-wrap .field .col{width:80%;}
    .form .form-box .field-wrap .field.single .label{width:20%;}
    .form .form-box .field-wrap .field.single .col{width:80%;}
    .form .bottom-box{margin-top:20px;padding:30px 20px;}
    .form .form-box .field-wrap .field .col input[type="text"],
    .form .form-box .field-wrap .field .col input[type="tel"],
    .form .form-box .field-wrap .field .col input[type="number"],
    .form .form-box .field-wrap .field .col input[type="email"],
    .form .form-box .field-wrap .field .col input[type="password"],
    .form .form-box .field-wrap .field .col input[type="date"]{height:45px;padding:0 10px;font-size:14px;}
    .form .form-box .field-wrap .field .col .radio-group em{font-size:14px;}
    .form .form-box .field-wrap .field .col .radio-group2 input[type="tel"] {width:50%;}
    .form .form-box .field-wrap .field .col textarea{font-size:14px;padding:10px;}
    .form .bottom-box ul li strong{font-size: 14px;}
    .form .bottom-box ul li input[type="text"]{height:45px;padding:0 10px;font-size:14px;}
    .form .bottom-box ul li + li{margin-left: 40px;}
    .form .bottom-box p{margin-top:25px;font-size:18px;}
    .form .bottom-box span{margin-top:20px;font-size:16px;}
    .form .terms-box{margin-top:40px;}
    .form .terms-box .txt-box{padding:15px;font-size:14px;border-radius: 10px;}
    .form .button-box{margin-top: 30px;}
    .form .button-box button{height:45px;font-size:16px;}

    .guidance .tab{margin-top:30px;}
    .guidance .tab a{flex:1;line-height: 45px;font-size:16px;}
    .guidance .tab a + a{margin-left: 20px;}

    .data .media{margin-top:30px;padding:0 20px;}
    .data .media .search{padding:15px 20px;}
    .data .media .search input[type="text"]{height:45px;font-size:14px;padding:0 50px 0 15px;border-radius: 25px;}
    .data .media .search button{right:15px;width:18px;height:18px;}
    .data .media .list{margin-top: 32px;}
    .data .media .list .list-top{font-size:14px;padding-bottom: 10px;}
    .data .media .list ul{padding-top:20px;}
    .data .media .list ul li{width: 48%;margin: 0 1% 25px;}
    .data .media .list ul li .picture:after{width: 35px;height: 25px;}
    .data .media .list ul li .txt-box{margin-top:10px;}
    .data .media .list ul li .txt-box h4{font-size:15px;}
    .data .media .list ul li .txt-box p{margin-top:5px;font-size:13px;}

    .performance .schedule .list .tab{margin-top:30px;}
    .performance .schedule .list .tab a{flex:1;line-height: 45px;font-size:16px;}
    .performance .schedule .list .tab a + a{margin-left: 20px;}
    .performance .schedule .list{padding:0 20px;}
    .performance .schedule .list ul li a{padding:40px 0;}
    .performance .schedule .list ul li .txt-box{padding-left:30px;}
    .performance .schedule .list ul li .txt-box h4{font-size:20px;}
    .performance .schedule .list ul li .txt-box strong{font-size:16px;}
    .performance .schedule .list ul li .txt-box dl dt{font-size:14px;}
    .performance .schedule .list ul li .txt-box dl dd{font-size:14px;}
    .performance .schedule .list ul li .txt-box .txt{font-size: 14px;}
    .performance .schedule .list ul li i{display:none;}
    .performance .schedule .view{padding:0 20px;}
    .performance .schedule .view .top-box{padding:30px;}
    .performance .schedule .view .top-box .txt-box h3{width:100%;}
    .performance .schedule .view .top-box figure{width:30%;}
    .performance .schedule .view .top-box .txt-box{width:70%;}
    .performance .schedule .view .top-box .txt-box a{position: relative;top:0;right:0;margin-top:40px;}
    .performance .inquiry{padding:0 20px;}
    .performance .inquiry .info-box .box{padding:20px;}
    .performance .inquiry .info-box .box + .box{margin-left:20px;}
    .performance .inquiry .info-box .box i{display: block;width:30px;height:30px;top:30%;right:20px;}
    .performance .inquiry .info-box .box h4{font-size:16px;}
    .performance .inquiry .info-box .box strong{font-size:16px;}
}


/* mobile */
@media all and (max-width:640px) {
    #pages .contents{padding:40px 0 60px;}
    #main .main-movie a .txt h4 {font-size:14px;width:100%;margin-top:20px;}
    .page-title{font-size:20px;}
    .page-title:after{width:18px;height:18px;margin-left: -10px;margin-top: -2px;}

    .checkbox {display:flex;flex-wrap:wrap;}
    .checkbox-type2 {width:50%;}
    .checkbox-type2 + .checkbox-type2 {margin-left:0;}
    .checkbox-type2:nth-child(3), .checkbox-type2:nth-child(4) {margin-top:20px;}

    header .logo {width:120px;padding:10px 0;}

    .form .info-txt{font-size:14px;}
    .form .form-box{margin-top:10px;}
    .form .form-box .field-wrap .field{display: block;}
    .form .form-box .field-wrap .field .label{width:100%;margin-top:10px;}
    .form .form-box .field-wrap .field .label p{display: inline-block;margin-left:10px;margin-top:0;}
    .form .form-box .field-wrap .field .col{width:100%;}
    .form .form-box .field-wrap .field .col .radio-group{display: block;}
    .form .form-box .field-wrap .field .col .radio-group .radio-type2 + .radio-type2{margin-left:2%;}
    .form .form-box .field-wrap .field .col .radio-group .radio-type2{width:31%;vertical-align: middle;}
    .form .form-box .field-wrap .field .col .radio-group input[type="tel"]{margin-left:0;margin-top:20px;}
    .form .form-box .field-wrap .field .col .radio-group2 input[type="tel"] {margin-top:0;}
    .form .form-box .field-wrap .field .col .radio-group3 {display:flex;flex-wrap:wrap;}
    .form .form-box .field-wrap .field .col .radio-group3 .radio-type2 {width:48%;margin-left:0 !important;}
    .form .form-box .field-wrap .field .col .radio-group3 .radio-type2:nth-child(n+3) {margin-top:2%;}
    .form .form-box .field-wrap .field .col .input-wrap{display: block;}
    .form .form-box .field-wrap .field .col .input-wrap p{position:relative;padding-left:50px;}
    .form .form-box .field-wrap .field .col .input-wrap p span{position: absolute;left:0;font-size:14px;}
    .form .form-box .field-wrap .field .col .input-wrap p + p{margin-left:0;margin-top:10px;}
    .form .form-box .field-wrap .field .col .input-wrap p input[type="text"]{width:100%;}
    .form .form-box .field-wrap .field .col .radio-box .radio-type2{width:48%;}
    .form .form-box .field-wrap .field.single .label{width:100%;}
    .form .form-box .field-wrap .field.single .col{width:100%;}
    .form .form-box .field-wrap .form-guide {font-size:14px}
    .form .guideline-box {margin:20px 0;padding:25px;}
    .form .guideline-box h3 {font-size:16px;margin-bottom:15px;}
    .form .guideline-box ul li {font-size:14px;padding-left: 12px;}
    .form .guideline-box ul li:before {font-size:14px;}
    .form .guideline-box ul li + li {margin-top:10px;}
    .form .bottom-box ul{display: block;}
    .form .bottom-box ul li{display: block;}
    .form .bottom-box ul li + li{margin-left:0;margin-top:10px;}
    .form .bottom-box p{font-size:15px;}
    .form .bottom-box span{font-size:15px;}
    .form .bottom-box2 ul li {padding-left:0;}
    .form .bottom-box2 ul li strong {display:block;top:-25px;}
    .form .bottom-box2 ul li > span {display:block;margin-top:25px;padding:10px;}
    .form .bottom-box2 ul li > span em {font-size:14px;}
    .form .bottom-box2 ul li > span span {font-size:14px;margin: 5px 0 0 0;}
    .form .bottom-box2 ul li > span u {display:block;font-size:13px;margin:2px 0 0 0;}
    .form .terms-box h4{font-size:16px;}
    .form .terms-box2 {flex-wrap:wrap;}
    .form .terms-box2 .terms-box {width:100%;}
    .form .terms-box2 .terms-box + .terms-box {margin-top:25px;}
    .form .button-box button{width:100%;line-height: 15px;}

    .guidance .tab a{font-size:13px;line-height: normal;padding:10px 0;border-radius: 20px;word-break: keep-all;}
    .guidance .tab a + a{margin-left:10px;}
    .guidance2 {padding: 0 20px;}

    .performance .schedule .list ul li a{display: block;padding:20px 0;}
    .performance .schedule .list ul li figure{max-width:100%;}
    .performance .schedule .list ul li figure img{width:100%;}
    .performance .schedule .list ul li .txt-box h4 em{font-size:13px;padding:0 10px;line-height: 25px;}
    .performance .schedule .list ul li .txt-box{margin-top:20px;padding:0;width:100%;}
    .performance .schedule .list ul li .txt-box dl{margin-top:15px;}
    .performance .schedule .list ul li .txt-box .txt{margin-top:10px;}
    .performance .schedule .view .top-box{margin-top:30px;padding:30px;display: block;border-radius: 20px;}
    .performance .schedule .view .top-box figure{width:100%;max-width: 100%;}
    .performance .schedule .view .top-box .txt-box{padding:0;width:100%;margin-top:20px;}
    .performance .schedule .view .top-box .txt-box h3{font-size:20px;}
    .performance .schedule .view .top-box .txt-box dl dt{font-size:14px;width:70px;}
    .performance .schedule .view .top-box .txt-box dl dd{font-size:14px;padding: 2px 0 10px 70px;}
    .performance .schedule .view .top-box .txt-box a{width:100%;line-height: 45px;font-size:15px;background-color:#b94c48;}
    .performance .schedule .view .top-box .txt-box a:before{height:45px;border:1px solid #b94c48;}
    .performance .schedule .view .top-box .txt-box a:after{width:20px;height:20px;top:-1px;}
    .performance .schedule .view .top-box .txt-box a:hover {top:0;right:0;}
    .performance .schedule .view .bottom-box .text-content{padding-top:40px;font-size:14px;}
    .performance .schedule .view .button-box{margin-top:30px;}
    .performance .schedule .view .button-box a{display: block;width:100%;line-height:45px;font-size:15px;}

    .performance .history{margin-top:30px;padding:0 20px;}
    .performance .history .button-box a{line-height: 45px;font-size:15px;width:auto;padding:-0 15px;}
    .performance .history .button-box a:before{height:45px;}
    .performance .history .table-box .thead li .col{padding:10px;font-size:15px;}
    .performance .history .table-box .thead li .idx{width:20%;}
    .performance .history .table-box .thead li .subject{width:50%;}
    .performance .history .table-box .thead li .date{width:30%;}
    .performance .history .table-box .thead li .place{display: none;}
    .performance .history .table-box .tbody li .col{}
    .performance .history .table-box .tbody li .idx{width:20%;}
    .performance .history .table-box .tbody li .subject{width:50%;}
    .performance .history .table-box .tbody li .date{width:30%;}
    .performance .history .table-box .tbody li .place{display: none;}
    .performance .history .table-box .tbody li .col{padding:7px;font-size:14px;}
    .performance .inquiry .info-box{display: block;}
    .performance .inquiry .info-box .box{max-width: 100%;}
    .performance .inquiry .info-box .box + .box{margin-left:0;margin-top:20px;}
    .performance .inquiry .info-box .box i{display: block;width:30px;height:30px;right:20px;}

    .policy { padding: 0 20px}
    .policy .private-box {font-size:14px;}
    .policy .private-box .pritop {padding:20px;font-size:14px;}
    .policy .private-box h4 {font-size:18px;}
    .policy .private-box h5 {font-size:16px;margin: 24px 0 8px;}
    .policy .private-box h6 {margin:24px 0 8px;}
    .policy .private-box ul.kolist {margin:16px 0;}
    .policy .private-box ul.kolist li {line-height:24px;}
    .policy .private-box ul.molist li {font-size:13px;line-height:22px;}

    .private-box2 h5 {font-size:15px;}
    .private-box2 p {font-size:14px;}

}