@charset "UTF-8";
@import url("base.css");

/* ------------------------------------------------------------------------------- */
/* header */
header {position:relative;z-index:1500;}
header hgroup {background:#fff;position:relative;width:100%;height:80px;z-index:1600;/*border-bottom:1px solid #e8e8e8;*/}
header hgroup > h1 {width:150px;height:80px;margin:0 auto;}
header hgroup > h1 a {display:block;}
header nav {width:100%;position:absolute;left:0;top:80px;}
header > nav > ul {background:rgb(255 255 255 / 85%);}
header nav > ul {width:100%;overflow:hidden;}
header nav > ul > li {float:left;/*border-bottom:1px solid #e8e8e8;*/}
header nav > ul > li > a {padding:18px 0 17px;text-align:center;font-size:16px;display:block;}
header nav > ul > li > a.active {background:#06182C;color:#fff;}
header nav > ul > li > a span {display:block;text-align:center;font-size:16px;}
header nav > div {position:relative;height:0;overflow:hidden;}
header nav > div > ul > li {background:rgba(255,255,255,0.9);}
header nav > div > ul > li > a {
	display:block;text-align:center;font-size:16px;padding:17px 0;
	color:#000;border-bottom:1px solid #e8e8e8;
}

/* options */
header nav > ul > li.lst_01 {width:18%;}
header nav > ul > li.lst_02 {width:18%;}
header nav > ul > li.lst_03 {width:18%;}
header nav > ul > li.lst_04 {width:20%;}
header nav > ul > li.lst_05 {width:25%;}
header nav > ul > li.lst_06 {width:25%;}
header nav > ul > li > a {color:#222;font-size:15.5px;font-weight:normal;}

header nav div ul.depth {width:100%;overflow:hidden;}
header nav div ul.depth li {/*float:left;width:25%;*/height:100%;}
header nav div ul.depth li.first {width:100%;}
header nav div ul.depth li.lt a {border-left:1px solid #e8e8e8;}
header nav div ul li a {font-size:16px;}

/* ------------------------------------------------------------------------------- */
/* footer */
footer {position:relative;padding:40px 5%;background:#f3f3f3;}
footer .inner {height:100%;margin-bottom:25px;overflow:hidden;}
footer .inner .f_logo {width:50%;padding-bottom:30px;margin:0 auto;}
footer .inner .f_logo  a {display:block;width:288px;margin:0 auto;}
footer .inner .f_side {width:336px;margin:0 auto;}
footer .inner .f_side ul {overflow:hidden;margin:30px auto;}
footer .inner .f_side ul li {float:left;}
footer .inner .f_side ul li a {display:block;}
footer .inner .f_side ul li.f-sns a {display:block;margin-bottom:20px;}
footer .inner .f_side ul li.f-tel {background:url(../images/common/f_tel.png) no-repeat left top;width:336px;height:86px;}
footer .inner .f_side ul li.f-tel a {font-size:28px;text-align:center;height:30px;padding:27px 0 27px 75px;overflow:hidden;color:#7a7a7a;float:right;padding-right:30px;}

footer .inner .f_adds a {font-size:22px;margin-bottom:15px;display:block;}
footer .inner .f_adds address {margin-top:30px;}
footer .inner .f_adds address > span {line-height:1.5em;display:block;font-style:normal;font-size:14px;color:#7a7a7a;text-align:center;}
footer .inner .f_adds address > a {line-height:1.5em;display:block;font-style:normal;font-size:14px;color:#7a7a7a;margin-top:10px;f}
footer .create {position:relative;height:35px;width:100%;overflow:hidden;}
footer .create a {display:block;color:#7a7a7a;text-align:center;}
footer .top_btn {position:absolute;top:0;right:0;width:61px;z-index:200;}
footer .top_btn a {display:block;}

/* ------------------------------------------------------------------------------- */
/* visual */
#index #visual {background:url(http://woc1.speedgabia.com/_badalove/m/main/1.jpg) no-repeat center center;background-size:cover;}
#location #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/1.jpg) no-repeat center center;background-size:cover;}
#travel #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/1.jpg) no-repeat center center;background-size:cover;}
#rpv #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/4.jpg) no-repeat center center;background-size:cover;}
#fpv #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/2.jpg) no-repeat center center;background-size:cover;}
#spv #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/5.jpg) no-repeat center center;background-size:cover;}
#table #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/6.jpg) no-repeat center center;background-size:cover;}
#reserve #visual {background:url(http://woc1.speedgabia.com/_badalove/m/banner/3.jpg) no-repeat center center;background-size:cover;}

/* ------------------------------------------------------------------------------- */
/* common */
body {width:640px;margin:0 auto;}
body .section #visual {position:relative;width:100%;height:100%;overflow:hidden;/*margin-top:53px;*/}
body .section #visual .scroll {position:absolute;bottom:20px;left:50%;width:82px;height:82px;margin-left:-41px;z-index:250;}
body .section #visual .scroll a {background:url(../images/common/scroll_bg.png) no-repeat left top;position:relative;width:82px;height:82px;display:block;}
body .section #visual .scroll a img {position:absolute;top:50%;left:50%;width:11px;height:17px;margin-left:-5.5px;display:block;}
body .section #visual .scroll a img {-webkit-animation:roll 0.5s infinite alternate linear;-moz-animation:roll 0.5s infinite alternate linear;animation:roll 0.5s infinite alternate linear;}
@keyframes roll {
	from{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; top:40%;}
	to{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; top:50%;}
}
.pv_top {width:100%;height:53px;}
.pv_top ul {width:100%;height:100%;overflow:hidden;}
.pv_top ul li {width:33.33%;float:left;}
.pv_top ul li a {display:block;color:#fff;background:#336f9f;padding:17px 0;text-align:center;}
.pv_top ul li a.active {color:#336f9f;background:#fff;}

.section #visual {position:relative;width:100%;height:450px;}
.section #visual > h2 {position:absolute;left:0;top:50%;font-size:45px;text-align:center;color:#fff;width:100%;font-weight:normal;margin-top:-37.5px;z-index:320;}
.section #visual > h2 span {display:block;margin-bottom:5px;color:#fff;font-size:15px;}

body .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
body .swiper-pagination-bullet {width:3px;height:20px;background:#fff;opacity:1;
	transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out;
	
	-moz-transform: rotate(0);-webkit-transform: rotate(0);
	-o-transform: rotate(0);-ms-transform: rotate(0);
	transform: rotate(0);	
}
body .swiper-pagination-bullet-active {
	-moz-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
/*
body .section .movie {height:360px;}
body .section .cont_txt {position:relative;width:100%;height:100%;}
body .section .pv_top {position:relative;width:90%;margin:0 auto;padding:40px 5% 40px 5%;}
body .section .pv_top h2 {font-size:30px;font-weight:normal;}
body .section .pv_top span {font-size:17px;margin-top:5px;line-height:1.5em;display:block;}
body .section .pv_top > ul {width:100%;margin-top:30px;overflow:hidden;}
body .section .pv_top > ul li {float:left;width:50%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
body .section .pv_top > ul li a {padding:20px 0;text-align:center;display:block;font-size:15px;}
body .section .pv_top > ul li a.active {font-weight:bold;}
*/
/* ------------------------------------------------------------------------------- */
/* index */
#index #visual {position:relative;width:100%;height:700px;overflow:hidden;padding-top:50px;}
#index #visual .MyVideo {position:absolute;left:-25%;}
#index #visual .main {height:700px;}
#index .swiper-button-next, #index .swiper-button-prev {width:35px;height:65px;top:40%;margin-top:-32.5px;z-index:320;}
#index .swiper-button-next {right:5%;background:url(../images/common/next.png) no-repeat 50% 50%;}
#index .swiper-button-prev {left:5%;background:url(../images/common/prev.png) no-repeat 50% 50%;}

#index .mov_ttl {width:350px;height:65px;position:absolute;left:58%;top:55%;z-index:350;overflow:hidden;margin-left:-224px;margin-top:-38px;opacity:0;}
#index .mov_ttl span {display:block;width:350px;height:49px;}
#index .video_btn {position:absolute;left:50%;top:65%;z-index:320;margin-left:-95.5px;opacity:0;}

#index .text_area {position:relative;background:#6094CB;height:300px;}
#index .text_area ul {
	position:absolute;left:50%;top:-59.5px;z-index:320;overflow:hidden;width:592px;margin-left:-294px;
}
#index .text_area ul li {
	float:left;margin-right:2px;
}
#index .text_area ul li a {display:block;opacity:1;}
#index .text_area ul li:hover {margin-top:5px;}
#index .text_area h3 {font-size:110px;color:#336f9f;opacity:0.05;text-align:center;font-weight:bold;font-family:'linotype-didot';position:absolute;left:0;top:55%;width:100%;margin-top:-55px;}
#index .text_area p {position:absolute;left:48%;top:55%;margin:-65px 0 0 -65px;}
#index .text_area p span {display:block;font-family:'futura-pt';font-size:16px;margin-top:5px;}

#index .section #visual {position:relative;width:100%;min-height:700px;}
#index .section #visual > h2 {position:absolute;top:50%;left:50%;z-index:300;width:392px;height:55px;margin:-27.5px 0 0 -196px;z-index:250;}
#index .m_text h3 {position:relative;}
#index .m_text h3 a {display:block;width:150px;height:50px;position:absolute;left:50%;bottom:60px;margin-left:-75px;z-index:320;}
#index img {display:block;}

#index .main_intro h3 {width:100%;background:#06182C;color:#fff;text-align:center;padding:98.5px 0;font-size:32px;}
#index .main_intro h3 span {display:block;margin-top:10px;color:#fff;font-size:15px;}
#index .main_intro .cont_box {
	height:300px;width:100%;position:relative;
	background:url(http://woc1.speedgabia.com/_badalove/m/main/5.jpg) no-repeat 50% 50%;background-size:cover;
}
#index .main_intro .cont_box:after {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);}
#index .main_intro .cont_box p {
	width:100%;font-size:14px;color:#fff;line-height:1.7em; margin-bottom:30px;
	position:absolute;left:0;top:35%;z-index:320;text-align:center;
}
#index .main_intro .cont_box a {
	display:block;width:150px;border:2px solid #fff;text-align:center;color:#fff;z-index:320;
	padding:12px 0;font-size:14px;position:absolute;left:50%;bottom:80px;margin-left:-75px;
}

/* ------------------------------------------------------------------------------- */
/* about */
body .about #visual {position:relative;width:100%;height:450px;}
.about .pv_tops {margin:50px 0 50px 20px;}
.about .pv_tops h2 {font-size:30px;margin-bottom:5px;}
.about h4 {font-size:20px;text-align:center;}
.about h4 span {font-size:15px;font-weight:normal;margin-left:10px;text-align:center;font-weight:bold;}
.about p {line-height:1.7em;text-align:center;font-size:15px;margin-bottom:50px;}
.about .cont_txt {width:100%;height:100%;padding:60px 0;}
.about .cont_txt h2 {font-size:30px;text-align:center;font-weight:normal;}
.about .cont_txt h2 span {font-size:18px;display:block;font-weight:bold;}

#location .pv_tops .addr {text-align:left;margin-top:10px;}
#location #map {width:100%;height:500px;text-align:center;position:relative;z-index:250;}
#location .map_notice {width:90%;margin:60px auto 0;}
#location .map_notice > div {margin-bottom:70px;}
#location .map_notice > div.cars h5 {background:url(../images/common/map_icon_01.png) no-repeat left 50%;}
#location .map_notice > div.metro h5 {background:url(../images/common/map_icon_02.png) no-repeat left 50%;}
#location .map_notice > div h5 {font-size:30px;margin-bottom:10px;padding:10px 0 10px 50px;}
#location .map_notice > div h5 b {color:#d6d6d6;}
#location .map_notice > div p {line-height:1.5em;font-size:15px;margin-bottom:20px;text-align:left;}
#location .map_notice > div p span {display:block;margin-bottom:10px;font-weight:bold;text-align:left;}
/* travel */
.about .travel_tab {display:none;margin-top:50px;}
.about .travel_tab h4 {margin:50px 0 15px 0;}
.about .travel_tab h4 {font-size:20px;text-align:center;}
.about .travel_tab h4 span {font-size:15px;font-weight:normal;margin-left:10px;text-align:center;font-weight:bold;}
.about .travel_tab p {line-height:1.7em;text-align:center;font-size:15px;margin-bottom:50px;}
.about p.about_add {text-align:center;font-size:15px;margin-bottom:50px;}

/* intro */
#intro .cbx h2 {font-size:25px;text-align:center;font-weight:normal;position:relative;margin:30px auto 10px;padding-top:48px;}
#intro .cbx h2 span {display:block;position:absolute;left:0;top:0;border:1px solid #000;width:80px;padding:22.5px 0;opacity:0.5;}
#intro .cbx p span {display:block;font-size:23px;font-weight:bold;margin:35px 0 15px;}

#intro .intro_01 h2 {width:301px;}
#intro .intro_02 h2 {width:398px;}
#intro .intro_03 h2 {width:478px;}

/* travel */
#travel h4 {margin:15px 0;}

/* ------------------------------------------------------------------------------- */
/* previews */
.previews .section #visual {position:relative;width:100%;height:450px;}
.previews .section #visual > h2 {font-size:45px;text-align:center;color:#fff;width:100%;font-weight:normal;z-index:320;}
.previews .section #visual > h2 span {display:block;margin-bottom:5px;color:#fff;font-size:15px;}

.previews .pv_lst {width:100%;height:100%;margin:5px 0 50px;}
.previews .pv_lst ul {width:100%;height:100%;overflow:hidden;}
.previews .pv_lst ul li {float:left;width:100%;margin:0 0.25%;}
.previews .pv_lst ul li .ptx {width:100%;padding:25px 0;}
.previews .pv_lst ul li .ptx h3 {font-size:37px;font-weight:normal;text-align:center;letter-spacing:1px;line-height:1.2em;}
.previews .pv_lst ul li .ptx h3 span {font-size:20px;text-align:center;display:block;letter-spacing:0;}
.previews .pv_lst ul li .ptx a {display:block;width:100%;margin:15px auto 0;}
.previews .pv_lst ul li .rlst_01 p {margin-top:44px!important;}
.previews .pv_lst ul li .rlst_06 p {margin-top:44px!important;}
.previews .pv_lst ul li .ptx p {text-align:center;padding:15.5px 0;width:80%;margin: 0 auto 10px;text-decoration:underline;}
#fpv .pv_lst ul li .ptx h3 {letter-spacing:1px;}

/* ------------------------------------------------------------------------------- */
/* room */
#room {margin-top:53px;}
#room .pv_top ul li a {background:#121213;}
#room .pv_top ul li a.active {background:#fff;}
#room .pv_top ul li {width:16.66%;}
#room h3 {width:100%;height:50px;background:#06182C;text-align:center;color:#fff;font-size:20px;line-height: 35px;position:relative;font-weight:normal;}
#room h3 span {display:block;padding:9px 0;}
#room h3 a {position:absolute;right:0;top:0;}
#room .info {width:100%;height:550px;}
#room .info > h4 {text-align:center;font-size:35px;font-weight:normal;margin:50px 0}
.type_3 .pv_top ul li {width:33.33%!important;}

#room .info_box .room_info {width:85%;margin:0 auto;overflow:hidden;}
#room .info_box .room_info h4 {font-size:15px;color:#111b35;float:left;margin-right:40px;}
#room .info_box .room_info h4 span {display:block;margin-top:5px;font-size:13px;color:#4f5a73;}
#room .info_box .room_info p {font-size:16px;line-height:1.5em;color:#111b35;float:left;}

#room .info_box .room_ame {width:85%;margin:50px auto 0;overflow:hidden;}
#room .info_box .room_ame h4 {font-size:15px;color:#111b35;float:left;width:20%;}
#room .info_box .room_ame h4 span {display:block;margin-top:5px;font-size:13px;color:#4f5a73;}
#room .info_box .room_ame p {font-size:16px;line-height:1.5em;color:#111b35;float:left;width:80%;}

#room .info_box .room_rv {width:150px;display:block;margin:45px auto;}

/* room_bt */
#room .room_bt > div {width:100%;height:230px;}
#room .room_bt > div.middle > div {width:50%;height:100%;float:left;}
#room .room_bt > div.middle > div.service_btn {background:#06182C;position:relative;}
#room .room_bt > div.middle > div.service_btn h5 {color:#fff;position:absolute;left:20px;top:40px;z-index:320;font-size:20px;}
#room .room_bt > div.middle > div.service_btn h5 span {display:block;margin-top:5px;font-size:13px;}
#room .room_bt > div.middle > div.service_btn a {
	display:block;width:200px;padding:15px 0;font-size:15px;text-align:center;color:#fff;
	position:absolute;right:30px;bottom:40px;border:1px solid #fff;z-index:320;
}

#room .room_bt > div.bottom {height:340px;}
#room .room_bt > div.bottom > div {width:33.33%;height:170px;float:left;position:relative;}
#room .room_bt > div.bottom > div p {width:100%;text-align:center;color:#fff;font-size:16px;position:absolute;left:0;top:60%;margin-top:-53.5px;z-index:320;line-height:1.5em;}
#room .room_bt > div.bottom > div p span {display:block;font-size:11px;margin-top:5px;}


#room .room_bt > div.top {background:url(http://woc1.speedgabia.com/_badalove/m/exterior/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.middle > div.img {background:url(http://woc1.speedgabia.com/_badalove/m/special/1/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.bottom > div.type_01 {background:url(http://woc1.speedgabia.com/_badalove/m/room/1/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.bottom > div.type_02 {background:url(http://woc1.speedgabia.com/_badalove/m/room/2/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.bottom > div.type_03 {background:url(http://woc1.speedgabia.com/_badalove/m/room/3/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.bottom > div.type_04 {background:url(http://woc1.speedgabia.com/_badalove/m/room/4/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.bottom > div.type_05 {background:url(http://woc1.speedgabia.com/_badalove/m/room/5/1.jpg) no-repeat 50% 50%; background-size:cover;}
#room .room_bt > div.bottom > div.type_06 {background:url(http://woc1.speedgabia.com/_badalove/m/room/6/1.jpg) no-repeat 50% 50%; background-size:cover;}

/* ------------------------------------------------------------------------------- */
/* facility */
#facility {margin-top:53px;}
#facility .info {margin:50px 0;}
#facility .info h3 {font-size:35px;text-align:center;margin-bottom:20px;}
#facility .info h3 span {font-size:17px;display:block;margin-top:5px;}
#facility .info p {text-align:center;font-size:16px;line-height:1.5em;width:90%;margin:0 auto;}

/* ------------------------------------------------------------------------------- */
/* service */
#service {margin:53px 0 100px;}
#service .info {margin:50px 0;}
#service .info h3 {font-size:35px;text-align:center;margin-bottom:20px;}
#service .info h3 span {font-size:17px;display:block;margin-top:5px;}
#service .info p {text-align:center;font-size:16px;line-height:1.5em;}

/* ------------------------------------------------------------------------------- */
/* reserve */
#reserve #visual {position:relative;width:100%;height:450px;}
#reserve .pv_top ul li {width:50%;}
#reserve #rtp {position:relative;}
#reserve .tabs {margin-top:10px;}
#reserve .re_btn {width:300px; margin:0 auto;padding:50px;}
#reserve .re_btn button{padding:17px 90px; border:1px solid #06182C; border-radius:33px; background-color:#06182C; font-size:16px; color:#fff; font-family:'NanumBarunGothic'; font-weight:700; display:block; margin:0 auto;}
#reserve .re_btn button a{color:#fff;}
#reserve .tab02 {display:block;}
#reserve .tab02 > h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:20px;}
#reserve .tab02 .price {margin:80px 0 70px;}
#reserve .tab02 .price h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:20px;}
#reserve .tab02 .price ul {width:95%;margin: 30px auto 0;}
#reserve .tab02 .price ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;}

#reserve .tab02 .rv_notice {margin:80px 0 70px;}
#reserve .tab02 .rv_notice h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:20px;}
#reserve .tab02 .rv_notice ul {width:95%;margin: 30px auto 0;}
#reserve .tab02 .rv_notice ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;}

#reserve .tab02 .refund {margin-bottom:100px;}
#reserve .tab02 .refund h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:20px;}
#reserve .tab02 .refund h4 {font-size:20px;text-align:left;margin: 20px 0 20px 5%}
#reserve .tab02 .refund table {width:95%;margin:40px auto 0;}
#reserve .tab02 .refund table thead tr th {padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic';}
#reserve .tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #c0c0c0;}
#reserve .tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0;}
#reserve .tab02 .refund table tbody tr td {
	text-align:center;padding:10px 0;color:#a45959;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px;
	border-right:1px solid #c0c0c0;
}
#reserve .tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #c0c0c0;}
#reserve .tab02 .refund ul {margin:30px 0 0 5%;}
#reserve .tab02 .refund ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;}

/* ------------------------------------------------------------------------------- */
/* table */
#table #visual {position:relative;width:100%;height:450px;}
#table .pv_top > ul li {width:100%;}
#table .iframe {width:100%;margin-top:50px;}