@charset "utf-8";

#hnn-wrap{}
#hnn-wrap.sub{padding-top:110px;}
.inner{width:1570px;margin:0 auto;position:relative;}

/*header*/
#header {box-sizing:border-box; position:fixed;left:0;top:0;width:100%;z-index:999;transition:0.3s;min-width:1400px;padding-right:120px;text-align:center;}
#header:before {content:"";display:block;width:100%;height:1px;position:absolute;top:109px;left:0;background-color:#dedede;opacity:0;transition:0.3s;z-index:99;}
#header .logo {position:absolute;left:25px;top:43px;}
#header .logo a {display:block;width:282px;height:23px;background:url(../images/logo.png) no-repeat center center;}
#header .gnb {transition:0.3s;text-align:center;height:110px;display:inline-block;padding: 0 80px 0 100px;}
#header .gnb > li {display:inline-block;vertical-align:top;position:relative;}
#header .gnb > li > a {display:block;height:110px;line-height:110px;font-size:15px;color:#fff;padding:0 30px;}
#header .gnb > li > a > span {display:block;position:relative;letter-spacing:-0.05em;}
#header .gnb > li > a > span:before {content:"";display:block;position:absolute;left:50%; margin-left:-5px; width:0;bottom:32px;height:2px;background:#dc6a85;transition:0.3s;opacity:0; padding:0 5px;}
#header .gnb > li > ul {display:none; position:absolute;left:50%;top:100px;width:160px; margin-left:-80px; padding: 20px 0 25px; background:#fff; text-align:center;border:1px solid #dedede;}
#header .gnb > li > ul > li > a {display:block;font-size:14px;color:#4c4c4c;letter-spacing:-0.05em;padding:7px 0;}
#header .tel {position:absolute;white-space:nowrap;right:170px;top:48px;width:120px;height:17px;background:url(../images/tel-icon.png) no-repeat center;background-size:contain;}
#header .gnb > li:hover > a > span:before {left:0;width:100%;opacity:1;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {color:#dc6a85;}
#header .all_btn {position:absolute; top:50px; right: 210px; width:24px; height:15px; background: url(../images/full-btn.png) center center no-repeat; border:none;cursor:pointer;}
#header .yclogo{position:absolute;top:35px;right:0;}
#header .yclogo a{display:block;height:40px;width:139px;background:url(../images/yclogo-on.png) no-repeat center;background-size:contain;}
#header.h_co,
.sub #header{background-color:#fff;border-bottom:1px solid #dedede;}
#header.h_co .logo a,
.sub #header .logo a{background-image:url(../images/logo-on.png);}
#header.h_co .gnb > li > a,
.sub #header .gnb > li > a{color:#3d3d3d;}
#header.h_co .tel,
.sub #header .tel{background-image:url(../images/tel-icon-on.png);}
#header.h_co .all_btn,
.sub #header .all_btn{background-image:url(../images/full-btn-on.png);}
#header.active .yclogo a,
#header.h_co .yclogo a,
.sub #header .yclogo a{background-image:url(../images/yclogo.png);}
#header.active{background-color:#fff;}
#header.active:before{opacity:1;}
#header.active .logo a{background-image:url(../images/logo-on.png);}
#header.active .gnb{height:330px;overflow:hidden;}
#header.active .gnb > li > a{color:#3d3d3d;}
#header.active .gnb > li > ul{background:none;display:block !important;height:auto !important;padding: 20px 0 25px 30px !important;margin-left:0;left:0;top:110px;text-align:left;border:none;}
#header.active .gnb > li > ul > li > a{font-size:14px;}
#header.active .gnb > li > ul > li > a:hover{color:#dc6a85;}
#header.active .tel{background-image:url(../images/tel-icon-on.png);}
#header.active .all_btn{background-image:url(../images/full-close.png);}

/*aside*/
aside{background-color:#fff;width:120px;height:100%;position:fixed;top:0;right:0;z-index:1000;opacity:0;transition:1s;}
aside.on{opacity:1;}
aside ul{padding:60px 0;height:calc(100% - 445px);box-sizing:border-box;border-left:1px solid #dedede;}
aside .top{padding-bottom:35px;width:100%;text-align:center;background:none;border:none;cursor:pointer;border-left:1px solid #dedede;}

/*footer*/
footer{padding:0 20px;}
.foot-wrap{border-top:1px solid #dedede;padding:35px 0 50px;}
.foot-logo{margin-bottom:45px;}
.foot-info{display:flex;align-items:center;justify-content: space-between;margin-bottom:25px;}
footer .info{font-size:14px;color:#999;margin-bottom:20px;line-height:1.5em;}
footer .ori{font-size:12px;color:#999;line-height:20px;font-weight:300;margin-bottom:25px;}
footer .loca{font-size:14px;;color:#777;margin-bottom:5px;}
footer .loca strong{font-weight:600;}
footer address{color:#777;font-size:13px;font-family:'Jost';}
footer .foot-tel{position:absolute;right:0;top:60px;}
@media all and (max-width:1830px){
	footer{padding-right:120px;}
	footer .inner{margin-right: 0;}
}

/*vis*/
#hnn-wrap,
.vis-wrap,
.vis-slide,
.vis,
.vis-bg,
.slick-list,
.slick-track,
.slick-slide > div{height:100%;position:relative;}
.vis-bg{background-repeat:no-repeat;background-size:cover;background-position:center;}
.vis1 .vis-bg{background-image:url(../images/vis1.jpg?ver=1);}
.vis-wrap .vis-txt{position:absolute;left:0;top:22%;width:100%;}
.vis-wrap .vis-txt .inner{max-width:980px;display:flex;align-items:flex-end;justify-content: space-between;}
.vis-wrap .vis-txt .inner > div img{display:block;margin:0 auto;}
.vis-wrap  .vis-tit1 img:first-child{opacity:0;transition:0.6s;transition-delay:0.5s;transform:translate(-30px , 0);}
.vis-wrap  .vis-tit1 img:last-child{opacity:0;transition:0.6s;transition-delay:0.7s;transform:translate(30px , 0);}
.vis-wrap  .vis-tit2 img:first-child{opacity:0;transition:0.6s;transition-delay:1.1s;transform:translate(-30px , 0);}
.vis-wrap  .vis-tit2 img:last-child{opacity:0;transition:0.6s;transition-delay:1.3s;transform:translate(30px , 0);}
.vis-wrap  .vis-logo{text-align:center;}
.vis-wrap  .vis-logo span{display:block;}
.vis-wrap  .vis-logo .vis-icon1{margin-bottom:25px;width:480px;height:18px;position:relative;overflow:hidden;}
.vis-wrap  .vis-logo .vis-icon1::before{content:"";display:block;position:absolute;width:0;height:2px;background-color: rgba(93 , 86 , 70 , 0.5);transition:0.7s;transition-delay:1.6s;left:50%;bottom:0;}
.vis-wrap  .vis-logo .vis-icon1::after{content:"";display:block;height:16px;width:100%;background:url(../images/vis1-icon.png) no-repeat center top;transition:0.7s;transition-delay:2.2s;position:absolute;left:0;top:17px;}
.vis-wrap  .vis-logo .vis-icon2{position:relative;display: inline-block;}
.vis-wrap  .vis-logo .vis-icon2 img{opacity:0;transition:0.5s;transition-delay:3s;}
.vis-wrap  .vis-logo .vis-icon2::after{content:"";display:block;background:url(../images/vis1-logo2.png) no-repeat right center;background-size:cover;width:0;transition:0.4s;transition-delay:3.4s;height:30px;position:absolute;bottom:0;right:104px;}
.vis-wrap .active .vis-tit1 img:first-child,
.vis-wrap .active .vis-tit2 img:first-child{opacity:1;transform:translate(0 , 0);}
.vis-wrap .active .vis-tit1 img:last-child,
.vis-wrap .active .vis-tit2 img:last-child{opacity:1;transform:translate(0 , 0);}
.vis-wrap .active  .vis-logo .vis-icon1::before{width:100%;left:0;}
.vis-wrap .active  .vis-logo .vis-icon1::after{top:0;}
.vis-wrap .active  .vis-logo .vis-icon2 img{opacity:1;}
.vis-wrap .active  .vis-logo .vis-icon2::after{width:102px;right:0;}
/*
.vis-wrap .line{position:absolute;left:0;top:0;width: 100%;box-sizing:border-box;}
.vis-wrap .line .line1{background:url(../images/vis-line.png) no-repeat right 50px bottom;width:100%;height: 110px;display:block;}
.vis-wrap .line .line2{width:1px;height:calc(100vh - 110px);background-color:rgba(255,255,255,0.3);position:absolute;right:50px;top:110px;}
*/
.vis-wrap .scroll{position:absolute;bottom:150px;left:0;z-index:10;width:100%;animation: scroll 2s ease infinite;}
.vis-wrap .scroll span{display:block;;background:url(../images/scroll.png) no-repeat center;background-size:contain;width:13px;height:127px;}
@keyframes scroll {
    0% {bottom:150px}
    50% {bottom:170px}
    100% {bottom:150px}
}

.main1{position:relative;overflow:hidden;padding:0 20px;}
.main1::before{content:"";display:block;opacity:0;position:absolute;top:0;left:0;background:url(../images/main1-bg1.png) no-repeat center;background-size:cover;width:502px;height:376px;transition:0.4s;transition-delay:0.4s;transform:translate(-50px,-50px);z-index:-1;}
.main1::after{content:"";display:block;opacity:0;position:absolute;top:0;right:0;background:url(../images/main1-bg2.png) no-repeat center;background-size:cover;width:645px;height:443px;transition:0.4s;transition-delay:0.2s;transform:translate(50px,-50px);z-index:-1;}
.main1 .inner{display:flex;align-items:flex-end;justify-content: space-between;padding-bottom:200px;}
.main1 .inner::before{content:"";display:block;opacity:0;position:absolute;bottom:0;left:0;background:url(../images/main1-bg3.png) no-repeat center;background-size:cover;width:390px;height:230px;transition:0.4s;transition-delay:0.6s;transform:translate(-50px,50px);z-index:-1;}
/*.main1 .inner::after{content:"";display:block;width:0;height:198px;background:url(../images/main1-line.png) no-repeat right center;background-size:cover;position:absolute;top:0;right:50px;z-index:20;transition:1.2s;transition-delay:1s;}*/
.main1-slide1{width:769px;padding-left:275px;padding-top:160px;background:url(../images/main1-tit.png) no-repeat left bottom 225px;opacity:0;transition:0.6s;transition-delay:1s;}
.main1-slide1 .swiper-container{padding-bottom:80px;}
.main1-slide1 .swiper-slide a{display:block;position:relative;}
.main1-slide1 .swiper-slide .on{position:absolute;opacity:0;transition:0.3s;left:0;top:0;}
.main1-slide1 .swiper-slide a:hover .on{opacity:1;}
.main1-slide1 .swiper-slide p{font-family:'Athena';text-align:center;margin-top:15px;color:#222;font-size:18px;font-weight:400;}
.main1-slide1 .main1-btn{width:60px;height:41px;background-repeat:no-repeat;background-size:contain;cursor:pointer;position:absolute;bottom:0;}
.main1-slide1 .main1-prev{background-image:url(../images/main1-prev.png);left:0;}
.main1-slide1 .main1-next{background-image:url(../images/main1-next.png);right:0;}
.main1-slide1  .main1-txt{position:absolute;top:0;right:0;transform:translate(0,-50%);text-align:right;;opacity:0;transition:0.6s;transition-delay:1s;}
.main1-slide1  .main1-txt img{opacity:0;transition:0.2s;}
.main1-slide1  .main1-txt strong{font-family:'Athena';color:#222;font-size:30px;padding: 5px 0 10px;display:block;transition:0.2s;transform:translate(10px , 0);opacity:0;}
.main1-slide1  .main1-txt p{color:#777;font-size:17px;line-height:28px;transition:0.2s;transition-delay:0.1s;transform:translate(10px , 0);opacity:0;}
.main1-slide1  .main1-txt p span{font-size:14px;}
.main1-slide1  .main1-txt.active img,
.main1-slide1  .main1-txt.active strong,
.main1-slide1  .main1-txt.active p{transform:translate(0 , 0);opacity:1;}
.main1-slide2{width:484px;opacity:0;transition:0.6s;transition-delay:1s;transform:translate(0,-50px);position:relative;padding-bottom: 90px;padding-left:40px;}
.main1-slide2 .swiper-container{border-radius:0 0 500px 500px;overflow:hidden;box-shadow: 30px 30px 20px rgba(0,0,0,0.2);}
.main1-slide2 .swiper-slide{overflow:hidden;}
.main1-slide2 .swiper-slide span{display:block;width:100%;height:737px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.main1-slide2 .rotate{position:absolute;width:165px;height:165px;left:auto;right:-20px;bottom:70px;animation: rotate 8s linear infinite;z-index:10;}
.main1-slide2 .rotate .swiper-pagination-bullet{background-repeat:no-repeat;background-size:contain;background-color:transparent;;width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;margin:0;}
.main1-slide2 .rotate .swiper-pagination-bullet:nth-child(1){background-image:url(../images/rotate1.png);}
.main1-slide2 .rotate .swiper-pagination-bullet:nth-child(2){background-image:url(../images/rotate2.png);}
.main1-slide2 .rotate .swiper-pagination-bullet:nth-child(3){background-image:url(../images/rotate3.png);}
.main1-slide2 .rotate .swiper-pagination-bullet:nth-child(4){background-image:url(../images/rotate4.png);}
.main1-slide2 .rotate .swiper-pagination-bullet:nth-child(5){background-image:url(../images/rotate5.png);}
.main1-slide2 .rotate .swiper-pagination-bullet-active{opacity:1;}
@keyframes rotate {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}
.main1.on::before,
.main1.on::after,
.main1.on .inner::before,
.main1.on .main1-slide1,
.main1.on .main1-slide2{opacity:1;transform:translate(0,0);}
.main1.on .main1-slide1  .main1-txt{opacity:1;}
.main1.on .inner::after{width:913px;}

.main2{padding: 0 20px 180px;position:relative;}
.main2-bg{height:480px;background:url(../images/main2-bg.png) no-repeat center;background-size:cover;background-attachment: fixed;}
.main2-bg a{display:block;width:100%;height:100%;}
.main2-txt{display:flex;align-items:center;justify-content: center;height:100%;width:100%;}
.main2 .leaf{position:absolute;left:0;bottom: -100px;z-index:10;}
.main2 .leaf > div{position:relative;}
.main2 .leaf strong{display:block;}
.main2 .leaf span{display:block;position:absolute;left:0;top:0;}
.main2 .leaf img{position:absolute;top:0;left:0;}
.main2 .leaf .shd{position:static;}
.main2 .leaf1{opacity:0;transition:0.7s;transition-delay:0.5s;transform: translate(0, 50px) rotate(-4deg);}
.main2 .leaf2{opacity:0;transition:0.7s;transition-delay:0.8s;transform: translate(10px, 10px) rotate(-4deg);}
.main2 .leaf3{opacity:0;transition:0.7s;transition-delay:1.1s;transform: translate(-10px, 10px) rotate(10deg);}
.main2 .leaf1 .shd{opacity:0;transition:0.7s;transition-delay:0.5s;transform: translate(-19px, -2px) rotate(-3deg);}
.main2 .leaf2 .shd{opacity:0;transition:0.7s;transition-delay:0.8s;transform: translate(-13px, 7px);}
.main2 .leaf3 .shd{opacity:0;transition:0.7s;transition-delay:1.1s;transform: translate(-19px, -12px);}
.main2.on .leaf1,
.main2.on .leaf2,
.main2.on .leaf3{opacity:1;transform: translate(0, 0) rotate(0);}
.main2.on .leaf1 .shd,
.main2.on .leaf2 .shd,
.main2.on .leaf3 .shd{opacity:1;transform: translate(0, 0) rotate(0);}

.main3{padding: 0 20px 80px;}
.main3-tit{text-align:center;margin-bottom:55px;}
.main3-box{background-color:#f5f3f0;padding: 110px 20px 130px;}
.main3-box ul{width:1370px;margin:0 auto;display:flex;justify-content: space-between;}
.main3-box ul li .box ~ .box{margin-top:25px;}
.main3-box .box a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.main3-box .box .txt{position:absolute;left:0;top:0;transition:0.1s;}
.main3-box .box .ho{position:absolute;left:0;top:0;transition:0.3s;background-repeat:no-repeat;background-position: left center;background-size:cover;width:0;opacity:0;}
.main3-box .box .ho1{background-image:url(../images/main3-ho1.jpg);}
.main3-box .box .ho2{background-image:url(../images/main3-ho2.jpg);}
.main3-box .box .ho3{background-image:url(../images/main3-ho3.jpg);}
.main3-box .box .ho4{background-image:url(../images/main3-ho4.jpg);}
.main3-box .box .ho .ho-txt{opacity:0;transition:0.3s;transition-delay:0.1s;}
.main3-box .box a:hover .txt{opacity:0;}
.main3-box .box a:hover .ho{width:100%;opacity:1;}
.main3-box .box a:hover .ho .ho-txt{opacity:1;}
.main3-box .cen{position:relative;}
.main3-box .cen span{position:absolute;bottom:0;right:1px;opacity:0;transition:0.5s;transition-delay:0.5s;}
.main3.on .main3-box .cen span{opacity:1;bottom:-45px;}

.main4{padding: 80px 20px 165px;}
.main4 ul{display:flex;align-items:center;}
.main4 ul li:first-child{margin-right:25px;}
.main4 ul li:nth-child(2){margin-right:50px;}
.main4 ul li:nth-child(3){width:541px;}
.main4-tit{margin-bottom:90px;opacity:0;transform:translate(-40px , 0);transition:0.5s;}
.main4 .map-btn dl{display:flex;justify-content: space-between;}
.main4 .map-btn dl:nth-child(1){opacity:0;transform:translate(-40px , 0);transition:0.5s;transition-delay:0.3s;}
.main4 .map-btn dl:nth-child(2){margin-top:15px;opacity:0;transform:translate(-40px , 0);transition:0.5s;transition-delay:0.5s;}
.main4 .map-btn dl:nth-child(3){margin-top:15px;opacity:0;transform:translate(-40px , 0);transition:0.5s;transition-delay:0.7s;}
.main4 .map-btn dl dt strong{color:#000;font-size:18px;font-weight:500;}
.main4 .map-btn dl dt p{color:#666;font-size:16px;}
.main4 .map-btn dl dd a{display:block;color:#fff;line-height:55px;padding:0 20px;font-size:16px;position:relative;overflow:hidden;width:210px;}
.main4 .map-btn dl dd a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:-100%;top:0;transition:0.3s;opacity:0;}
.main4 .map-btn dl dd a::after{content:"";display:block;width:10px;height:15px;background-image:url(../images/main4-arr.png);background-repeat:no-repeat;position:absolute;right:25px;top:50%;margin-top:-7px;transition:0.3s;}
.main4 .map-btn dl dd a:hover::before{left:0;opacity:1;}
.main4 .map-btn dl dd a:hover::after{right:15px;}
.main4 .map-btn dl dd a span{position:relative;z-index:10;}
.main4 .map-btn dl dd .btn1{background-color:#442631;}
.main4 .map-btn dl dd .btn1::before{background-color:#dc6a85;}
.main4 .map-btn dl dd .btn2{background-color:#dc6a85;}
.main4 .map-btn dl dd .btn2::before{background-color:#442631;}
.main4 .map-btn dl dd .btn3{background-color:#6b203c;}
.main4 .map-btn dl dd .btn3::before{background-color:#442631;}
.main4.on .main4-tit,
.main4.on .map-btn dl:nth-child(1),
.main4.on .map-btn dl:nth-child(2),
.main4.on .map-btn dl:nth-child(3){opacity:1;transform:translate(0 , 0);}

.svis{background:url(../images/svis.jpg) no-repeat center;background-size:cover;height:318px;padding:0 20px;position:relative;}
.sub-top{padding-top:90px;}
.stit{width:100%;text-align:center;}
.stit strong{display:block;color:#222;font-size:36px;font-weight:600;margin-bottom:10px;}
.stit p{color:#777;font-size:18px;font-weight:300;}
#snb{position:absolute;left:0;bottom:0;width:100%;}
#snb .inner{width:1200px;display:flex;}
#snb .home{width:60px;height:60px;}
#snb .home a{display:block;width:100%;height:100%;background-color:#442631;display:flex;align-items:center;justify-content: center;}
#snb .sub-menu{width:1140px;border: 1px solid #fff;box-sizing:border-box;background-color:rgba(255,255,255,0.4);padding-right:60px;box-shadow: 7px 10px 10px rgba(0,0,0,0.1);}
#snb .sub-menu ._ov ul{text-align:center;}
#snb .sub-menu ._ov ul li{display:inline-block;margin:0 20px;}
#snb .sub-menu ._ov ul li a{display:block;line-height:56px;color:#5e6367;font-size:16px;font-weight:300;position:relative;}
#snb .sub-menu ._ov ul li a::before{content:"";display:block;width:7px;height:7px;background-color:#dc6a85;border-radius:50%;position:absolute;bottom:0;left:50%;display:none;transform:translate(-50%,50%);}
#snb .sub-menu ._ov ul li.active a,
#snb .sub-menu ._ov ul li a:hover{color:#dc6a85;font-weight:400;}
#snb .sub-menu ._ov ul li.active a::before{display:block;}
#hnn-content{padding:80px 0 120px;}
.con-tit{text-align:center;color:#222;font-size:28px;font-weight:300;padding-bottom:30px;position:relative;margin-bottom:30px;}
.con-tit::before{content:"";display:block;width:1px;height:20px;background-color:#dedede;position:absolute;bottom:0;left:50%;}
.subcon{max-width:1200px;margin:0 auto;}
#hnn-tab {width: 100%;margin-bottom:60px;}
#hnn-tab:after {content: ""; display: block; clear: both;}
#hnn-tab li {float: left;text-align: center;line-height: 60px;position: relative;}
#hnn-tab li a {display: block;border: solid #dedede;border-width: 1px 1px 1px 0;font-size: 20px; color: #888; letter-spacing: -0.075em;background:#f0f0f0;font-weight:normal;}
#hnn-tab li:first-child {border-left: 1px solid #dedede;}
.tab1 li {width: 100%;}
.tab2 li {width: 49.95%;}
.tab3 li {width: 33.333%; box-sizing:border-box;}
.tab4 li {width: 24.97%;}
.tab5 li {width: 19.98%;}
#hnn-tab li a:hover,
#hnn-tab li a.active  {border-color: #dc6a85; color: #fff;background:#dc6a85;}
#hnn-tab li a:hover:after,
#hnn-tab li a.active:after  {content: ""; display: block; width: 0; height: 0;position: absolute;left: 50%;margin-left: -7px;border-top:8px solid #dc6a85;border-left:8px solid transparent;border-right:8px solid transparent;}
.tbl{margin-top:30px;}
.tbl table{width:100%;}
.tbl table th{background-color:#442631;color:#fff;font-size:17px;font-weight:500;padding: 25px 0;text-align:center;border-top:1px solid #331a23;}
.tbl table tr:last-child{border-bottom:1px solid #331a23;}
.tbl table td{padding: 25px 0;padding-left:40px;text-align:left;color:#666;font-size:17px;border-top:1px solid #dedede;}
.tbl table tr td:last-child{border-bottom: 1px solid #dedede;}
.sub-ori{padding:35px 40px;max-width:1200px;margin:0 auto;margin-top:60px;background-color:#f5f5f5;text-align:left;box-sizing:border-box;}
.sub-ori p{font-size:13px;line-height:22px;color:#999;padding-left:80px;background: url(../images/ori-icon.png) no-repeat left center;}

.privacy{ margin:30px auto 0; letter-spacing: -0.05em;}
.document{ color:#666; font-size: 12px; line-height:20px; width: 100%;}
.document h2 { line-height: 140%; }
.document table { border-top: 2px solid #333; width: 100%; margin-top: 8px; margin-bottom: 20px;}
.document tr { border-bottom: 1px solid #ddd; }
.document td {padding: 10px;   }
.document td.b_r { border-right: 1px solid #ddd; text-align: center; }
.document2 td {border-right: 1px solid #ddd; text-align: center;}

.agree { color:#666; line-height: 140%; }
.agree * {font-size:15px;}
.agree h5{display:inline-block;}
.agree table {float:right;}
.agree tr { }
.agree td {color:#666; padding-right: 10px; }
.agree div{background-color:#f5f5f5;padding:20px ;}
.agree1{margin-bottom: 10px;}

.board_btn .bobtn_center li{display:inline-block;float:none !important;text-align:center;margin:0 5px;}
.board_btn .bobtn_center li:nth-child(1) a{color:#fff;background-color:#353535;}
.board_btn .bobtn_center li:nth-child(1) a:hover{background-color:#fff;color:#353535;border:1px solid #353535;box-sizing:border-box;width:160px;}
.board_btn .bobtn_center li:nth-child(2) a{background-color:#fff;color:#353535;border:1px solid #353535}
.board_btn .bobtn_center li:nth-child(2) a:hover{color:#fff;background-color:#353535;}


/* 청약가입 */
.ev_1{padding:50px 35px 60px;background:#fcf1f2}
.ev_1 .wid{width:20.355%;}
.ev_1 .lee{width:67.9%;}
.ev_1 .tel{margin-right:11px;}
.ev_1 .lee3{margin-left:11px; margin-right:11px;}
.ev_1 .lee4{margin-left:11px;}
.ev_1 p{text-align:right; font-size:15px}
.ev_1 #boardwrite .boardwrite_table th{padding:25px 0 25px 45px; position:relative;font-size:16px;color:white;background-color:#442631;border-bottom:1px solid #331a23;font-weight:400;background-clip: padding-box;​ }
.ev_1 #boardwrite .boardwrite_table th:before{content: "*";position: absolute; left: 15%; top: 50%;transform: translateY(-34%);font-size:16px;color:#ffff }
.ev_1 #boardwrite .boardwrite_table{border-top:1px solid #ccc}
.ev_1 #boardwrite .boardwrite_table td{background:transparent;}
.ev_1 .required,.ev_1 textarea.required{background:#fff !important;border:0}
.ev_1 #boardwrite .boardwrite_table td{padding:10px 25px;}
.ev_1 #boardwrite select{height:40px}
.ev_1 .bowrite_in{padding:11px 5px;}
.ev_1 select {
	position:relative;
	border-radius:0; 
	-webkit-appearance:none;/
	-moz-appearance:none;
	appearance:none ;
	width: 200px;
padding: .8em .5em;
border: 1px solid #999;
font-family: inherit;
background: #fff url('../images/selcet.png') no-repeat 95% 50% !important;
}
	.ev_1 select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.ev_1 select:before{content:"";position:absolute; background:url(../images/selcet.png)no-repeat right 9px center;top:0; right:0;}
.ev_1 .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
	border:0
}
.ev_1 label.file_1 {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    vertical-align: middle;
    background-color: #555555;
    cursor: pointer;
    height: 20px;
    margin-left: 5px;
	font-size:15px
}
.ev_1 .filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.ev_1 input[type='radio'],
.ev_1 input[type='radio']:checked {
  appearance: none;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 100%;
  margin-right: 0.1rem;
}

.ev_1 input[type='radio'] {
 background: url(../images/check.png)no-repeat;
 
}
 .ev_1 input[type='radio']:checked {
  background: url(../images/check.on.png)no-repeat;


  }
.ev_1 .m-btn--air{background:#fff;border:0;font-size:15px;    margin-left: 5px;    padding: 10px 30px;vertical-align:top;    background-color: #555555;color:#fff}
.ev_1 #boardwrite select{background:#fff; border:0;    padding: 0 30px;}
.ev_1 #boardwrite select ~ select{margin-left:15px;}
.ev_1 #boardwrite .boardwrite_table .sta2{font-size:15px;color:#222222}
.ev_1 .br_n br{display:none;}
.ev_1 #boardwrite .boardwrite_table .sta:before{transform: translateY(-85%);}
.ev_1 #boardwrite .boardwrite_table .stt:before{	top:78% ; -webkit-transform:translateY(-168%);}
.ev_1  #boardwrite .boardwrite_table td{border-bottom:1px solid #ccc}

.location{position:relative;display:inline-block;}
.location_big{position:absolute;top:0;left: 55px;width: 740px;height: 600px;z-index:10;}
.location_bg{position:absolute;top:-50px;left:20px;opacity:0;;z-index:9;transition:0.5s;transform:scale(0);}
.location_bg img{width:800px;height:800px;}
.location_big:hover + .location_bg{opacity:1;transform:scale(1);}

#hnn-tab3 {	width: 100%;text-align:center;margin-bottom:40px;border-top:1px solid #dc6a85; border-bottom:1px solid #dc6a85;}
#hnn-tab3:after {content: ""; display: block; clear: both;}
#hnn-tab3 li {display:inline-flex;align-items:center;justify-content:center;height:70px;margin:0 10px;text-align: center;position: relative;width:18%;}
#hnn-tab3 li a {display:block;line-height:1.5em;font-size:18px;color:#222;}
#hnn-tab3 li a.active {color:#dc6a85;}
#hnn-tab3 li a.active:after  {content: ""; display: block; width: 0; height: 0;position: absolute;left: 50%;margin-left: -7px;bottom:0;border-bottom:8px solid #dc6a85;border-left:8px solid transparent;border-right:8px solid transparent;}

.event-box {padding:0 85px;}
.event-box p{color:#555;font-size:20px;font-weight:500;margin-bottom:40px;text-align:center;}
.event-box:after {content:'';display:block;clear:both;}
.event-box .lef {float:left;}
.event-box .rig {float:right;}
.event-box table {width:480px;border-top:1px solid #ccc;}
.event-box table th, .event-box table td {font-size:15px;text-align:center;padding:14px 0;}
.event-box table th {color:#fff;font-weight:400;background:#dc6a85;border:1px solid #ccc;border-top:none;}
.event-box table td {color:#333;border:1px solid #ccc;}

/*pop*/
.black_overlay22{ position:fixed; top:0px;  left: 0px;  width:100%;  height:100%; background-color: black;   z-index:1180;  -moz-opacity: 0.60;   opacity:.60;   filter: alpha(opacity=50);  } 
.white_content{ margin-left:-700px;  animation-duration:6s;animation-name:pr;width:1400px; height:675px;  position: fixed;  top:100px;    left: 50%;z-index: 90000;} 
#player3 { z-index:10000;animation-duration:6s; animation-name:pr;position: fixed; top: 100px; left: 50%; margin-left: -700px; }
#movie-close { position: absolute; top:0px; right: -40px;z-index: 1189;}
@keyframes pr {
	  0% { opacity:0; margin-top:-1000px; }
	  80%{opacity:0; margin-top:-1000px;}
	  100% { opacity:1;}
	}

.tab_type1{margin-bottom:50px;display:flex;}
.tab_type1.bot{margin-bottom:15px;}
.tab_type1 li{text-align:center;color:#555;font-size:18px;line-height:48px;background-color:#fbf1f0;border:1px solid #cdc9c6;cursor:pointer;}
.tab_type1 li.on{background-color:#442631;color:#fff;}
.tab_type1.tab2 li{width:50%;}
.tab_type1.tab3 li{width:33.33%;}
.tab_type1.tab4 li{width:25%;}
.tab_type1.tab6 li{width:16.66%;}
.tab_type1.tab8 li{width:12.5%;}
.con_type1 > li{display:none;}
.con_type1 > li.on{display:block;}

.tab_type2{margin-bottom:25px;display:flex;justify-content:center;border-top: 1px solid #dc6a85;border-bottom:1px solid #dc6a85;}
.tab_type2.bot{margin-bottom:60px;}
.tab_type2 li{text-align:center;color:#dc6a85;font-size:17px;line-height:45px;cursor:pointer;position:relative;margin:0 30px;}
.tab_type2 li a{color:inherit;display:block;}
.tab_type2 li.on::before,
.tab_type2.ho li:hover::before{content:"";position:absolute;bottom:0;left:50%;margin-left:-8px;;border-bottom:8px solid #dc6a85;border-left:8px solid transparent;border-right:8px solid transparent;}
.tab_type2.tab5 li{width:20%;}
.con_type2 > li{display:none;}
.con_type2 > li.on{display:block;}

.wpop{padding:60px 20px;text-align:center;}
.wpop_tit{text-align:center;margin-bottom:40px;}
.wpop_tit h2{color:#222;font-size:36px;}
.option_img img{max-width:100%;}

.reservation{text-align:center;font-weight:300;font-size: 24px;margin:60px 0;line-height: 1.5em;}
.reservation span{color:#dc6a85;font-weight:500;vertical-align: baseline;}
.board_btn .bobtn_center li button{width: 150px;height: 50px;background: #dc6a85;color: #fff;font-size: 15px;cursor:pointer;}

.compl-msg {position:relative; width:1200px;background:#eee; margin: 0 auto;;padding:60px 300px 100px;box-sizing:border-box;}
.compl-msg > span {display:block;font-size:32px;color:#121212;text-align:center;line-height:52px;font-weight:600;padding:40px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
.compl-tit{color:#121212;font-size:36px;font-weight:300;margin-bottom:20px;text-align:center;}
.compl-txt{color:#121212;font-size:18px;text-align:center;font-weight:300;margin-bottom:30px;}
.botarea {margin-top:80px;text-align:center;}
.cer-btn3 {display:inline-block;width:150px;height:50px;line-height:50px;background: #dc6a85;color:#fff;font-size:15px;}
.cer-btn4 {display:inline-block;width:150px;height:48px;line-height:48px;border:1px solid #444;color:#444;font-size:15px;margin-left:20px;}
.guide-line,
.compl-p{margin-top:20px;text-align:center;color:#444;font-weight:400;font-size:18px;}

.pop_alert{position:absolute;left:8%;bottom:5%;width: 83%;height: 8%;cursor:pointer;border:none;background:none;}