@charset "utf-8";
@import url("common.css");
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap');


a {
  text-decoration-line: none;
/*   text-decoration-line: underline; */
/*   text-decoration-line: overline; */
/*   text-decoration-line: line-through; */
/*   text-decoration-line: underline line-through overline; */
}


#hd_pop {z-index:2000;position:relative;margin:0 auto;height:0}
.hd_pops {max-width:95%; position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {max-width:100%; }
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

@media (max-width: 640px) {
.hd_pops {top:3vh !important; left:2.5% !important}
.hd_pops_con{max-width:100%; height:auto !important; }
}

#main01{width:100%; min-height:1000px; position:relative; }
#main01 #copyright{bottom:11%;}
#main01 .swiper-slide{width:100%; height:100%; }
#main01 .slide01{background:url(../room/room_eunha/img_sample.jpg) top center no-repeat; background-size:cover;}
#main01 .slide02{background:url(../room/room_eunha/img_sample.jpg) top center no-repeat; background-size:cover;}
#main01 .slide03{background:url(../bgimage/seminar_room.jpg) top center no-repeat; background-size:cover;}
#main01 .slide_txt{position:absolute; top:45vh; width:100%; text-align:center; z-index:5;}
#main01 .slide_txt p{font-size:30px; margin-bottom:15px; font-weight:600; position:relative; top:40px; opacity:0;}
#main01 .slide_txt h2{font-size:48px; font-weight:800; position:relative; top:40px; opacity:0;}

@media (max-width: 1200px) {
#main01 .slide_txt p{font-size:28px; margin-bottom:10px;}
#main01 .slide_txt h2{font-size:46px; }
}
@media (max-width: 950px) {
#main01 .slide_txt p{font-size:24px;}
#main01 .slide_txt h2{font-size:42px; }
}
@media (max-width: 768px) {
#main01 .slide01{background:url(../images/m_main1.jpg) top center no-repeat; background-size:cover; }
#main01 .slide02{background:url(../images/m_main2.jpg) top center no-repeat; background-size:cover; }
}
@media (max-width: 640px) {
#main01 .slide_txt p{font-size:18px; }
#main01 .slide_txt h2{font-size:26px; }
}



#main02{width:100%; display:table; }
#main02 .box{width:50%; cursor:pointer; text-align:center; float:left; display:table; position:relative; transition: all 0.6s ease;}
#main02 .box7{width:50%; cursor:pointer; text-align:center; float:left; display:table; position:relative; transition: all 0.6s ease;}
#main02 .box:nth-child(2n+1){clear:both; }
#main02 .box .txt{font-size:32px; font-weight:800; text-align:left; padding:40px 0 0 20px; transition: all 0.5s ease;}
#main02 .box1{background:#b1b1b1; background-size:auto}
#main02 .box2{background:#e3e0dc; background-size:auto}
#main02 .box3{background:url(../images/main_shop_bg.png) top center no-repeat; background-size:100% 100%}
#main02 .box4{background:url(../images/main_develp.jpg) top center no-repeat; background-size:cover;}
#main02 .box1 .txt,
#main02 .box4 .txt{color:#fff; }
#main02 .box2 .txt,
#main02 .box3 .txt{color:#000; }
#main02 .box .img{width:100%; padding-top:18px; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transition: all 0.3s ease-in-out; text-align:center; }
#main02 .box .img img{max-width:95%; max-height:350px; }
#main02 .box4 .img{opacity:0; }
#main02 .box3 .img{text-align:right; }
#main02 .box .hover_bg{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:url(../images/bg_k.png); transition: all 0.5s ease;}
#main02 .box .hover_txt{opacity:0; position:absolute; left:0; top:35%; width:100%; display:table-cell; vertical-align:middle;  z-index:2; transition: all 0.5s ease; color:#fff;}
#main02 .box .hover_txt h2{font-size:40px; font-weight:400; color:#df3c5d}
#main02 .box .hover_txt p{font-size:32px; font-weight:800; margin-top:20px}
#main02 .box .hover_txt button{background:transparent; border:1px solid #fff; padding:5px 10px; color:#fff; font-size:18px; }
#main02 .box .hover_txt button:hover{background:#fff; color:#000; font-weight:600; }
#main02 .box .hover_txt button:focus{outline:none;}
#main02 .box:hover .img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
#main02 .box:hover .txt{opacity:0; }
#main02 .box:hover .hover_bg{opacity:1;}
#main02 .box:hover .hover_txt{opacity:1; }
#main02 .box:hover .hover_txt h2{top:0px;}
#main02 .box:hover .hover_txt p{top:0px;}

@media (max-width: 1230px) {
#main02 .box .img{padding-top:0;}
}
@media (max-width: 950px) {
#main02 .box{width:100%; height: auto; float:none}
}
@media (max-width: 640px) {
#main02 .box .txt{font-size:28px; padding: 30px 0 0 15px;}
#main02 .box:hover .img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
#main02 .box:hover .txt{opacity:1; }
#main02 .box:hover .hover_bg{opacity:0;}
#main02 .box:hover .hover_txt{opacity:0; }
}
@media (max-width: 500px) {
#main02 .box .txt{font-size:20px; padding: 20px 0 0 10px;}
#main02 .box .hover_txt h2{font-size:28px;}
#main02 .box .hover_txt p{font-size:20px;}
#main02 .box .hover_txt button{font-size:13px; }
}

#main03 .m_tit{width:90%; max-width:1300px; margin:150px auto 43px }
#main03 .m_tit .tit{font-size:42px; margin-bottom:20px; font-weight:800; color:#000;}
#main03 .m_tit a.more{font-size:16px;position:relative; left:0; transition: all 0.3s ease;}
#main03 .m_tit a.more:hover{left:10px;}
#main03 .m_tit a.more img{margin-left:8px; position:relative; top:-3px; }
#main03 .m_tit p{margin-top:25px; font-size:20px; }

@media (max-width: 1200px) {
#main03 .m_tit{margin:110px auto 30px }
#main03 .m_tit .tit{font-size:40px; margin-bottom:20px}
#main03 .m_tit a.more{font-size:16px;}
}
@media (max-width: 950px) {
#main03 .m_tit{margin:90px auto 30px}
#main03 .m_tit .tit{font-size:36px; margin-bottom:18px;}
#main03 .m_tit a.more{font-size:14px;}
#main03 .m_tit p{font-size:18px; }
}
@media (max-width: 640px) {
#main03 .m_tit{margin:10px auto 20px}
#main03 .m_tit .tit{font-size:24px; margin-bottom:15px;}
#main03 .m_tit a.more{font-size:13px;}
#main03 .m_tit p{margin-top:20px; font-size:16px; }
#main03 .m_tit a.more:hover{left:0px;}
}

#main03 .ports{width:95%; margin:auto; }
#main03 .ports div.swiper-slide{width:220px; height:auto; margin-bottom:30px; padding:20px 0; cursor:pointer;}
#main03 .ports div img{width:100%; height:100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transition: all 0.3s ease-in-out;}
#main03 .ports div.swiper-slide:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

@media (max-width: 640px) {
#main03 .ports div.swiper-slide:hover img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
}

#main04 .m_tit{width:90%; max-width:1300px; margin:147px auto 140px; text-align:center; }
#main04 .m_tit .tit{font-size:40px; margin-bottom:20px; font-weight:800; color:#000;}
#main04 .m_tit p{font-size:20px; margin-bottom:50px; }
#main04 .m_tit a.more{display:block; font-size:16px; position:relative; left:0; transition: all 0.5s ease;}
#main04 .m_tit a.more:hover{left:10px;}
#main04 .m_tit a.more img{margin-left:10px; position:relative; top:-3px; }

@media (max-width: 640px) {
#main04 .m_tit{margin:127px auto 120px;}
#main04 .m_tit .tit{font-size:32px; margin-bottom:15px}
#main04 .m_tit p{font-size:16px; margin-bottom:30px; }
#main04 .m_tit a.more{font-size:14px;}
#main04 .m_tit a.more:hover{left:0px;}
}
@media (max-width: 450px) {
#main04 .m_tit{margin:107px auto;}
#main04 .m_tit .tit{font-size:26px; margin-bottom:13px}
#main04 .m_tit p{font-size:14px; margin-bottom:20px; word-break:keep-all;}
#main04 .m_tit a.more{font-size:13px;}
}

/*bxslider css*/
.bx-wrapper {border:0; background:none}
.bx-wrapper .bx-controls-direction a {margin-top:-25px; text-indent:0; font:inherit; font-size:0; width:65px; height:55px; background:rgba(0,0,0,0.25); line-height:55px; z-index:10; transition:all 0.3s ease; opacity:0}
.bx-wrapper .bx-controls-direction a {opacity:1}
.bx-wrapper:hover .bx-controls-direction a {opacity:1}
.bx-wrapper .bx-controls-direction a:hover {background:rgba(0,0,0,0.55)}
.bx-wrapper .bx-prev {left:0}
.bx-wrapper .bx-prev:before {content:'\f104'; font-family:'fontAwesome'; color:#fff; font-size:30px; text-align:center; display:block}
.bx-wrapper .bx-next {right:0}
.bx-wrapper .bx-next:before {content:'\f105'; font-family:'fontAwesome'; color:#fff; font-size:30px; text-align:center; display:block}
.bx-wrapper .bx-pager {bottom:80px}
.bx-wrapper .bx-pager.bx-default-pager a {width:25px; height:4px; background:#fff; transition:all 0.3s ease}
.bx-wrapper .bx-pager.bx-default-pager a.active {width:40px; background:#048047}
.owl-dots {display:none;}



#room_eunha_n_01 {width:100%; height:800px; min-height:800px; position:relative; }
#room_eunha_n_01 #copyright{bottom:11%;}
#room_eunha_n_01 .swiper-slide{width:100%; height:100%; }
#room_eunha_n_01 .slide01{background:url(./../room/room_eunha/IMG_0940.JPG) top center no-repeat; background-size:cover;}
#room_eunha_n_01 .slide02{background:url(./../room/room_eunha/img_sample.jpg) top center no-repeat; background-size:cover;}
#room_eunha_n_01 .slide03{background:url(../bgimage/seminar_room.jpg) top center no-repeat; background-size:cover;}
#room_eunha_n_01 .slide_txt{position:absolute; top:45vh; width:100%; text-align:center; z-index:5;}
#room_eunha_n_01 .slide_txt p{font-size:30px; margin-bottom:15px; font-weight:600; position:relative; top:40px; opacity:0;}
#room_eunha_n_01 .slide_txt h2{font-size:48px; font-weight:800; position:relative; top:40px; opacity:0;}

@media (max-width: 1200px) {
#room_eunha_n_01 .slide_txt p{font-size:28px; margin-bottom:10px;}
#room_eunha_n_01 .slide_txt h2{font-size:46px; }
}
@media (max-width: 950px) {
#room_eunha_n_01 .slide_txt p{font-size:24px;}
#room_eunha_n_01 .slide_txt h2{font-size:42px; }
}
@media (max-width: 768px) {
#room_eunha_n_01 .slide01{background:url(../images/m_main1.jpg) top center no-repeat; background-size:cover; }
#room_eunha_n_01 .slide02{background:url(../images/m_main2.jpg) top center no-repeat; background-size:cover; }
}
@media (max-width: 640px) {
#room_eunha_n_01 .slide_txt p{font-size:18px; }
#room_eunha_n_01 .slide_txt h2{font-size:26px; }
}




#room_eunha_n_02{width:100%; display:table; }
#room_eunha_n_02 .box{width:50%; cursor:pointer; text-align:center; float:left; display:table; position:relative; transition: all 0.6s ease;}
#room_eunha_n_02 .box7{width:50%; cursor:pointer; text-align:center; float:left; display:table; position:relative; transition: all 0.6s ease;}
#room_eunha_n_02 .box:nth-child(2n+1){clear:both; }
#room_eunha_n_02 .box .txt{font-size:32px; font-weight:800; text-align:left; padding:40px 0 0 20px; transition: all 0.5s ease;}
#room_eunha_n_02 .box1{background:#b1b1b1; background-size:auto}
#room_eunha_n_02 .box2{background:#e3e0dc; background-size:auto}
#room_eunha_n_02 .box3{background:url(../images/main_shop_bg.png) top center no-repeat; background-size:100% 100%}
#room_eunha_n_02 .box4{background:url(../images/main_develp.jpg) top center no-repeat; background-size:cover;}
#room_eunha_n_02 .box1 .txt,
#room_eunha_n_02 .box4 .txt{color:#fff; }
#room_eunha_n_02 .box2 .txt,
#room_eunha_n_02 .box3 .txt{color:#000; }
#room_eunha_n_02 .box .img{width:100%; padding-top:18px; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transition: all 0.3s ease-in-out; text-align:center; }
#room_eunha_n_02 .box .img img{max-width:95%; max-height:350px; }
#room_eunha_n_02 .box4 .img{opacity:0; }
#room_eunha_n_02 .box3 .img{text-align:right; }
#room_eunha_n_02 .box .hover_bg{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:url(../images/bg_k.png); transition: all 0.5s ease;}
#room_eunha_n_02 .box .hover_txt{opacity:0; position:absolute; left:0; top:35%; width:100%; display:table-cell; vertical-align:middle;  z-index:2; transition: all 0.5s ease; color:#fff;}
#room_eunha_n_02 .box .hover_txt h2{font-size:40px; font-weight:400; color:#df3c5d}
#room_eunha_n_02 .box .hover_txt p{font-size:32px; font-weight:800; margin-top:20px}
#room_eunha_n_02 .box .hover_txt button{background:transparent; border:1px solid #fff; padding:5px 10px; color:#fff; font-size:18px; }
#room_eunha_n_02 .box .hover_txt button:hover{background:#fff; color:#000; font-weight:600; }
#room_eunha_n_02 .box .hover_txt button:focus{outline:none;}
#room_eunha_n_02 .box:hover .img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
#room_eunha_n_02 .box:hover .txt{opacity:0; }
#room_eunha_n_02 .box:hover .hover_bg{opacity:1;}
#room_eunha_n_02 .box:hover .hover_txt{opacity:1; }
#room_eunha_n_02 .box:hover .hover_txt h2{top:0px;}
#room_eunha_n_02 .box:hover .hover_txt p{top:0px;}

@media (max-width: 1230px) {
#room_eunha_n_02 .box .img{padding-top:0;}
}
@media (max-width: 950px) {
#room_eunha_n_02 .box{width:100%; height: auto; float:none}
}
@media (max-width: 640px) {
#room_eunha_n_02 .box .txt{font-size:28px; padding: 30px 0 0 15px;}
#room_eunha_n_02 .box:hover .img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
#room_eunha_n_02 .box:hover .txt{opacity:1; }
#room_eunha_n_02 .box:hover .hover_bg{opacity:0;}
#room_eunha_n_02 .box:hover .hover_txt{opacity:0; }
}
@media (max-width: 500px) {
#room_eunha_n_02 .box .txt{font-size:20px; padding: 20px 0 0 10px;}
#room_eunha_n_02 .box .hover_txt h2{font-size:28px;}
#room_eunha_n_02 .box .hover_txt p{font-size:20px;}
#room_eunha_n_02 .box .hover_txt button{font-size:13px; }
}