@charset "utf-8";
body{}
#wrap{}
/*로그인*/
#top_info {width:200px;float:left;margin-top:190px;z-index:9999;}
#top_info ul {width:100%;float:left;line-height:25px;border-bottom:dotted 1px #343434;}
#top_info ul li {float:left;width:50%;text-align:center;}
#top_info ul li:first-child {border-right:dotted 1px #343434;}
#top_info ul li a {display:block;transition:all 0.3s ease;}
#top_info ul li a:hover {color:#02d55f;}
/*로그인*/
/*왼쪽메뉴*/
#header{position:relative;}
#header_wrap{position:fixed;display:block;width:200px;min-height:680px;height:100%;z-index:3000;overflow:visible;background:#ffffff;}
#header_wrap_bg{position:fixed;display:block;width:200px;height:100%;z-index:9;overflow:visible;background:#111;opacity:0.8;-ms-filter: alpha(opacity=80);filter: alpha(opacity=80);}
#header_wrap h1.logo{position:absolute;top:40px;left:41px;z-index:99}
#header_wrap .menu_line{position:absolute;width:200px;height:2px;background:url() repeat;border-top:dotted 1px #343434;}
#header_wrap .menu_line.first{top:188px;}
#header_wrap .menu_line.second{top:630px;}
#header_wrap .menu_line.third{top:700px;}
#header_wrap .menu_line.forth{top:800px;}
#phone {position:absolute;top:645px;left:20px;}
#fax {position:absolute;top:670px;left:20px;}
#quick_icon{position:absolute;top:650px;left:20px;}
#quick_icon li{float:left;margin-right:15px;}
#gnb{margin:250px 0 0 0px;}
#gnb ul.menu{}
#gnb ul.menu>li{position:relative;height:47px;line-height:47px;}
#gnb ul.menu>li>a{display:block;height:47px;line-height:47px;padding-right:30px;text-align:right;font-size:15px;font-weight:bold;color:#424242;font-weight:600;transition:all 0.3s ease}
#gnb ul.menu>li>a:hover{background:#000;color:#02d55f;text-decoration:none;}
#gnb ul.menu>li>a.selected{color:#02d55f;}
#gnb ul.menu>li.first{background:none;}
#gnb ul.menu li .submenu{position:absolute;width:120px;top:10px;right:-100px;padding-left:0px;display:none;z-index:8000;}
#gnb ul.menu li ul{}
#gnb ul.menu li ul li{}
#gnb ul.menu li ul li a{display:block;line-height:30px;color:#ccc;font-size:13px;letter-spacing:-1px;transition:all 0.3s ease;padding-left:20px;}
#gnb ul.menu li ul li a:hover{color:#02d55f;text-decoration:none;background:#000;}
#gnb ul.menu li ul li a.selected{color:#02d55f;}
/*왼쪽메뉴*/
/*footer*/
#footer{clear:both;position:absolute;width:200px;z-index:10;bottom:30px;font-family:'NanumBarunGothic';}
#footer_wrap{color:#777;text-align:right;padding:0 20px;}
#footer_wrap .footer_info {color:#777;line-height:15px;}
#mfooter{clear:both;font-family:'NanumBarunGothic';}
#mfooter_wrap{position:relative;background:#2d2d2d;padding:20px;color:#969696;}
#mfooter_wrap a{color:#969696;}
#mfooter_wrap .footer_logo{ position:absolute;top:110px;left:0;}
#mfooter_wrap .mfooter_info{margin-left:0px;}
#mfooter_wrap .mfooter_info .coryright{color:#888;line-height:15px;}
/*모바일메뉴*/ 
#mobile_header{position:relative;height:60px;background-color:#303030;display:none;z-index:4000;}
.mobile_menu{position:fixed;top:0;right:-250px;width:250px;height:100%;overflow:auto;background-color:#252525;z-index:4100;}
.mobile_menu .top_link{position:relative;height:60px;line-height:60px;}
.mobile_menu .top_link a{position:absolute;display:block;text-indent:-9999px;overflow:hidden;}
.mobile_menu .top_icon{width:100%;position:relative;border-top:1px solid #444;box-sizing:border-box;font-size:0px;}
.mobile_menu .top_icon a{display:inline-block;font-size:11px;text-align:center;width:50%;box-sizing:border-box;padding:8px 10px;border-bottom:1px solid #444;border-right:solid 1px #444;background:#1c1c1c;transition:all 0.3s ease;color:#fff}
.mobile_menu .top_icon a:nth-child(even) {border-right:0px;}
.mobile_menu .top_icon a span {line-height:1.5;}
.mobile_menu .top_icon a:hover {color:#02d55f;}
.mobile_menu>ul{padding-bottom:150px;}
.mobile_menu>ul>li{border-bottom:1px solid #333;}
.mobile_menu>ul>li>a{display:block;height:46px;line-height:46px;padding:0 0 0 30px;font-size:15px;font-weight:600;color:#ddd;transition:all 0.3s ease;}
.mobile_menu>ul>li>a.opened{background:url(../../img/icon_arrow_up.png) no-repeat 15px 18px; background-size:10px 10px;}
.mobile_menu>ul>li>a:hover{color:#02d55f;text-decoration:none;}
.mobile_menu>ul>li>a.selected{color:#02d55f;}
.mobile_menu li .submenu{background-color:#333;display:none;}
.mobile_menu li ul{}
.mobile_menu li ul li{height:40px;border-bottom:1px solid #3f3f3f;}
.mobile_menu li ul li.last{border:none;}
.mobile_menu li ul li a{display:block;line-height:40px;font-size:13px;font-weight:400;padding-left:30px;color:#ccc;transition:all 0.3s ease;}
.mobile_menu li ul li a:hover{color:#02d55f;text-decoration:none;}
.mobile_menu li ul li a.selected{color:#02d55f;font-weight:bold;}
/*모바일메뉴*/
/*모바일메뉴버튼*/
#callNav {position:absolute; width:30px; height:30px; cursor:pointer; z-index:5005; transition:all 0.3s ease}
#callNav:hover {background:#}
#callNav > div {position:absolute; width:30px; height:2px;background:#fff; transition:all 0.3s ease}
#callNav .bar1 {top:7px}
#callNav .bar2 {top:17px}
#callNav .bar3 {top:27px}
#callNav:hover > div {background:#02d55f;}
#callNav:hover .bar1 {top:5px}
#callNav:hover .bar3 {top:29px}
#callNav.active {background:#}
#callNav.active > div {background:#02d55f;}
#callNav.active .bar1 {top:15px; transform:rotate(225deg)}
#callNav.active .bar2 {display:none}
#callNav.active .bar3 {top:15px; transform:rotate(-225deg)}
/*모바일메뉴버튼*/
/*containter*/
#visual{position:relative;height:500px;}
#visual .sub_typo{position:absolute;width:100%;text-align:right;top:50%;right:50%;right:560px;;;margin-top:95px;}
#visual .sub_line{position:absolute;left:50%;margin-left:-290px;z-index:100;}
#visual .sub_typo .stick{position:absolute;background:#ee1c24;width:15px;height:150px;right:-25px;top:-65px;box-shadow:1px 1px 1px #3C3C3C;}
#visual .sub_typo p {font-size:20px;color:#fff;text-shadow:1px 1px 1px #3C3C3C;font-weight:600;margin-bottom:30px;letter-spacing:10px;}
#visual .sub_typo h2 {margin:0 auto;font-size:50px;letter-spacing:10px;color:#fff;text-shadow:1px 1px 1px #3C3C3C;font-weight:600;}
#visual_m{position:relative;height:425px;display:none;}
#visual_m .m_typo{position:absolute;width:100%;text-align:right;top:50%;;margin-top:55px;right:150px;}
#visual_m .m_typo .stick{position:absolute;background:#ee1c24;width:10px;height:120px;right:-25px;top:-40px;box-shadow:1px 1px 1px #3C3C3C;}
#visual_m .m_typo p {font-size:16px;color:#fff;text-shadow:1px 1px 1px #3C3C3C;font-weight:600;margin-bottom:30px;letter-spacing:10px;}
#visual_m .m_typo h2 {margin:0 auto;font-size:40px;letter-spacing:13px;color:#fff;text-shadow:1px 1px 1px #3C3C3C;font-weight:600;}
#sub {position:relative;}
#sub .location{position:absolute;top:10px;right:0;width:300px;font-size:13px;color:#777;text-align:right;}
#sub .location span.current{color:#a5a5a5;}
#sub .location img{vertical-align:middle;padding-right:2px;margin-top:-3px;width:11px;}
#title_wrap{position:relative;}
#title_area{}
#lnb{width:1200px;height:45px; margin:20px auto 20px;font-size:0;}
#lnb li{display:inline-block;margin-right:1px;height:45px;}
#lnb li a{display:block;width:399px;height:45px;line-height:42px;color:#fff;font-size:15px;letter-spacing:-1px;background-color:#323232;text-align:center;}
#lnb.two li a{display:block;width:599px;height:45px;line-height:42px;color:#fff;font-size:15px;letter-spacing:-1px;background-color:#323232;text-align:center;}
#lnb.two li a{display:block;width:599px;height:45px;line-height:42px;color:#fff;font-size:15px;letter-spacing:-1px;background-color:#323232;text-align:center;}
#lnb.two li a:hover,#lnb li a:hover{color:#fff;background-color:#ee1c24;text-decoration:none;}
#lnb.two li a.selected,#lnb li a.selected{color:#fff;background-color:#ee1c24;font-weight:bold;}
#container {position:relative;padding-top:70px;z-index:2;}
#contents {width:100%;max-width:1140px;min-height:800px;background:#fff url();opacity:0.9;padding:0px 50px 50px 50px;margin-left:440px;overflow:auto;margin-bottom:50px;}
#contents .tit_line{width:80px;border-bottom:2px solid #ebac3b;padding-top:30px;margin-left:5px;}
#contents .bd_intro{font-size:19px;letter-spacing:-1px;padding:0 0 15px;}
#bd_wrap{min-height:600px;}
.fc_sub{color:#e6b318}
#location{width:100%; margin:30px 0 22px 0; overflow:hidden;}
#location ol{margin:0 0 0 0px;}
#location ol li{float:left; color:#777; padding:0 10px 0 6px; line-height:1.1; background:url('../images/bg_location.gif') right 2px no-repeat;}
#location ol li:first-child {padding:0px 10px 0px 0px;}
#location ol li img{padding:2px 0 0 0;}
#location ol li.last{background:url(none);}
#location ol li span{color:#000;font-weight:bold;}
#tab {width:100%;text-align:center;margin-bottom:0px;padding-top:10px;display:inline-block;}
#tab ul {width:100%;float:left;}
#tab ul li {float:left;width:190px;line-height:40px;height:40px;font-size:14px;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9;box-sizing:border-box;transition:all 0.3s ease}
#tab ul li:last-child {border-right:solid 1px #d9d9d9;}
#tab ul li:hover {background:#666;}
#tab ul li a {color:#5c5c5c;display:block;transition:all 0.3s ease}
#tab ul li a:hover {color:#fff;}
#tab ul li.on {background:#000;}
#tab ul li.on a {color:#fff;display:block;}
/*미디어쿼리 start*/
@media screen and (max-width:1600px){
#container {margin-left:200px;}
#contents {margin:0 auto;}
}
@media screen and (max-width:1300px){
#container {padding-top:0px;margin-left:0px;}
#contents {margin-left:200px;width:auto;}
}
@media screen and (max-width:1024px){
#location{margin:0px 0px 20px;}
#tab ul li {float:left;width:19%;line-height:30px;height:30px;font-size:12px;}
}
@media screen and (max-width:950px) {
a.mobile_resrevation{display:block;}
a.mobile_request{display:block;}
/*레이아웃*/
#header{display:none;}
#bd_wrap{min-height:300px;}
#mobile_header{display:block;}
#mobile_header h1.logo{position:absolute;top:15px;left:15px;width:100px;height:29px;margin-left:0;background:url(../images/logo.png) no-repeat 0 0;background-size:100px 29px;text-indent:-9999px;overflow:hidden;z-index:1100;} 
a.open_m_menu{display:block;position:absolute;top:12px;right:15px;width:30px;height:30x;}
#mobile_header h1 a{display:block;width:100%;height:100%;}
#contents {margin-left:0px;padding:20px;min-height:700px;}
#contents h2{font-size:23px;line-height:26px;padding-top:15px;}
#contents .tit_line{display:none;}
#contents .bd_intro{font-size:17px;letter-spacing:-1px;padding:0 0 15px;}
#tab ul li {float:left;width:19%;line-height:30px;height:30px;font-size:12px;}
}
@media screen and (max-width:640px) {
#content {min-height:500px;}
}
@media screen and (max-width:480px) {
#content {padding:10px;}
#content h2{font-size:23px;line-height:23px;padding-top:15px;}
#content .bd_intro{font-size:15px;padding:10px 0 15px;}
}
@media screen and (max-width:320px) {
}
/* 비디오 커버 */
.videoCover {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/main_bg.jpg) no-repeat 0 0;}
.videoCover1 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/sub_bg1.jpg) no-repeat 0 0;}
.videoCover2 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/sub_bg2.jpg) no-repeat 0 0;}
.videoCover3 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/sub_bg3.jpg) no-repeat 0 0;}
.videoCover4 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/sub_bg4.jpg) no-repeat 0 0;}
.videoCover5 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/sub_bg.jpg) no-repeat 0 0;}

.videoCover .mask {position:fixed; top:0; left:0; width:100%; height:100%; background:; opacity:.4; filter:alpha(opacity='40'); z-index:1;}
.videoCover video {position:absolute; top:-100px; left:0; bottom:0; right:0; width:auto; height:130%; object-fit:cover}
@media screen and (max-width:768px) {
.videoCover {display:none !important}
.pc_video {display:none !important;}
}
/* 비디오 커버 */
/*end 미디어쿼리*/



/* 페이지 CSS 추가 */

.history_wrap { font-size:15px; }
.history_wrap .img_box{position:relative;margin-bottom:20px; }
.history_wrap .pTitle { font-size:26px;text-align:center;font-weight:600; }
.history_wrap .pTitle span { color:#009944; }
.history_wrap .tc { text-align:center;font-size:16px;margin-bottom:40px; }
.history_wrap .txt_box { border-top:1px solid #ddd;padding-top:30px; }
.history_wrap .txt_box>section { margin-bottom:30px;border-bottom:1px solid #ddd;padding-bottom:30px;overflow:hidden }
.history_wrap .txt_box>section h4{float:left;width:20%;text-align:center;font-size:36px;color:#222;line-height:1}
.history_wrap .txt_box>section ul{float:right;width:80%}
.history_wrap .txt_box>section ul li{position:relative;margin-bottom:15px;padding-left:20px;font-size:15px; }
.history_wrap .txt_box>section ul li strong {display:inline-block;width:110px; }


.locatiob_warp { width:100%;500px; }
.locatiob_warp .tc { margin-top:20px;text-align:center;font-size:16px; }

.organization_warp { width:100%;text-align:center; }

.coming_wrap  { width:100%;text-align:center;display:block; }
.coming_wrap_m { display:none; }

.character_wrap { width:100%;font-size:15px; }
.ctt h4{font-size:26px;font-weight:300;margin-bottom:10px;position:relative;letter-spacing:-0.03em}
.ctt h4:before{position:absolute;top:0;left:0;background:#009944;width:25px;height:4px;display:inline-block;content:''}
.ctt h4>span{font-size:18px}
.ctt h5{background:url(../images/h5_tit.jpg)0 center no-repeat;padding-left:10px;color:#009944;font-size:20px;font-weight:500;margin:10px 0; }
.list_gray { clear:both;margin-bottom:20px; }
.list_gray li{background:url(../images/dot_gray.png) 0 8px no-repeat;padding-left:13px;margin-bottom:5px}
.list_gray li strong{font-weight:300}

.line_warp { margin:20px 0;border-top:1px solid #ccc;}
.mt30 {margin-top:30px; }


.dataTable {border-top:2px solid #000;  margin-top: 5px; margin-bottom: 15px;}
.dataTable table {width:100%;border-collapse:collapse;border: 1px solid #d0d0d0;border-top: 0px;}
.dataTable table caption {padding: 0; font: 0/0 a;}
.dataTable table thead th {padding: 12px; background:#f2f2f2; color:#000; border:1px solid #d0d0d0; text-align:center; white-space: nowrap;  }
.dataTable table tbody th {padding: 12px; background:#f2f2f2; color:#000; border:1px solid #d0d0d0; text-align:center; white-space: nowrap;  }
.dataTable table td {background:#fff; padding: 12px; border:1px solid #d0d0d0; vertical-align:middle; text-align: center;}
.dataTable table td.text-left {text-align: left;}

.character_info { overflow:hidden; }
.character_info li { width:31%;border:1px solid #ccc; min-height:356px; float:left; padding:0 4%;margin-right:2%; margin-top:23px; box-sizing:border-box;  }
.character_info li h4 { text-align:center; color:#000; font-size:20px; letter-spacing:-0.05em; line-height:25px; padding-top:200px; }
.character_info li h4:after { width:42px; height:2px; background-color:#009944; content:""; display:block; margin:20px auto; }
.character_info li p { text-align:center; color:#000; font-size:15px; letter-spacing:-0.025em; line-height:22px;width:60%;margin:0 auto;word-break : keep-all;padding-bottom:20px; }
.character_info .box { padding:0; }

.character_info1 { background:url('../images/character1.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.character_info2 { background:url('../images/character2.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.character_info3 { background:url('../images/character3.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.character_info4 { background:url('../images/character4.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.character_info5 { background:url('../images/character5.jpg') 0 0 no-repeat; background-size : 100% 180px; }


.stay_info { overflow:hidden; }
.stay_info li { width:31%;border:1px solid #ccc; min-height:250px; float:left; padding:0 4%;margin-right:2%; margin-top:23px; box-sizing:border-box;  }
.stay_info li p { text-align:center; color:#000; font-size:20px; letter-spacing:-0.05em; line-height:25px; padding-top:200px; }
.stay_info .box { padding:0; }

.stay_info1 { background:url('../images/stay1.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info2 { background:url('../images/stay2.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info3 { background:url('../images/stay3.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info4 { background:url('../images/stay4.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info5 { background:url('../images/stay5.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info6 { background:url('../images/stay6.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info7 { background:url('../images/stay7.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info8 { background:url('../images/stay8.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info9 { background:url('../images/stay9.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info10 { background:url('../images/stay10.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info11 { background:url('../images/stay11.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info12 { background:url('../images/stay12.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info13 { background:url('../images/stay13.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info14 { background:url('../images/stay14.jpg') 0 0 no-repeat; background-size : 100% 180px; }
.stay_info15 { background:url('../images/stay15.jpg') 0 0 no-repeat; background-size : 100% 180px; }






.btn_warp { margin:0 32px; }
.request_btn1 {	
	border: 1px solid #64288d;background: #782eab;font-size: 15px;letter-spacing: -0.05em;color: #fff!important;text-align: center;padding: 10px 20px;display: inline-block;	box-shadow: 0 1px rgba( 255, 255, 255,0 ) inset;
	cursor: pointer;margin: 0 3px;box-sizing:border-box;position:relative; }
.request_btn1:hover {border:1px solid #571d7d;background:#64288d;color:#fff }
.request_btn2 {	
	border: 1px solid #0a8546;background: #0e9b52;font-size: 15px;letter-spacing: -0.05em;color: #fff!important;text-align: center;padding: 10px 20px;display: inline-block;	box-shadow: 0 1px rgba( 255, 255, 255,0 ) inset;
	cursor: pointer;margin: 0 3px;box-sizing:border-box;position:relative; }
.request_btn2:hover {border:1px solid #076f39;background:#0a8546;color:#fff }


.greeting_warp { padding-left:420px; background:url(../images/ceo_bg.jpg) no-repeat top left;}
.greeting_warp h3 {margin-bottom:30px; font-size:25px; color:#da251c}
.greeting_warp h3 p {margin:5px 0;color:#111; font-size:18px; }
.greeting_warp strong {display:inline-block;
	margin:14px 0 5px 0;
	font-size:18px;
	font-family:"Nanum Myeongjo", serif;	
	}
.greeting_warp  p {margin-bottom: 20px; font-size: 15px; line-height: 25px;word-break : keep-all;}


@media screen and (max-width:640px) and (min-width:10px) {

.coming_wrap  { display:none; }
.coming_wrap_m { width:100%;text-align:center;display:block; }


.history_wrap { font-size:15px; }
.history_wrap .img_box{position:relative;margin-bottom:20px; }
.history_wrap .pTitle { font-size:26px;text-align:center;font-weight:600; }
.history_wrap .pTitle span { color:#009944; }
.history_wrap .tc { text-align:center;font-size:16px;margin-bottom:40px; }
.history_wrap .txt_box { border-top:1px solid #ddd;padding-top:30px; }
.history_wrap .txt_box>section { margin-bottom:30px;border-bottom:1px solid #ddd;padding-bottom:30px;overflow:hidden }
.history_wrap .txt_box>section h4{float:normal;width:100%;text-align:center;font-size:36px;color:#222;line-height:1}
.history_wrap .txt_box>section ul{float:normal;width:100%; }
.history_wrap .txt_box>section ul li{position:relative;margin-bottom:15px;padding-left:20px;font-size:15px; }
.history_wrap .txt_box>section ul li strong {display:block;width:100%; }



.character_info { overflow:hidden; }
.character_info ul {margin:0 auto;width:80%; }
.character_info li { width:100%;border:1px solid #ccc; min-height:226px; float:normal; padding:0 4%;margin-right:0; margin-top:23px; box-sizing:border-box;  }
.character_info li h4 { text-align:center; color:#000; font-size:20px; letter-spacing:-0.05em; line-height:25px; padding-top:200px; }
.character_info li h4:after { width:42px; height:2px; background-color:#009944; content:""; display:block; margin:20px auto; }
.character_info li p { text-align:center; color:#000; font-size:15px; letter-spacing:-0.025em; line-height:22px;width:80%;margin:0 auto;word-break : keep-all;padding-bottom:20px; }
.character_info .box { padding:0; }

.stay_info { overflow:hidden; }
.stay_info ul {margin:0 auto;width:80%; }
.stay_info li { width:100%;border:1px solid #ccc; min-height:256px; float:normal; padding:0 4%;margin-right:0; margin-top:23px; box-sizing:border-box;  }
.stay_info li p { text-align:center; color:#000; font-size:20px; letter-spacing:-0.05em; line-height:25px; padding-top:200px; }
.stay_info .box { padding:0; }




.btn_warp { display:block;width:100%;text-align:center;margin:10px auto; }


.greeting_warp { padding-left:0; background:none;}
.greeting_warp h3 {margin-bottom:30px; font-size:25px; color:#da251c}
.greeting_warp h3 p {margin:5px 0;color:#111; font-size:18px; }
.greeting_warp strong {display:inline-block;
	margin:14px 0 5px 0;
	font-size:18px;
	font-family:"Nanum Myeongjo", serif;	
	}
.greeting_warp  p {margin-bottom: 20px; font-size: 15px; line-height: 25px;word-break : keep-all;}


}