@charset "utf-8";

/* header */
#header {background:#0b181d url("../images/common/top_bg.jpg") 50% 0 no-repeat; background-size:100% auto;}
.global h1 {padding:5px 0; text-align:center; border-bottom:1px solid #282828;}
.global h1 img {height:65px;}
.gnb ul:after {content:" "; display:block; clear:both;}
.gnb ul li {float:left; position:relative; width:33.33333333%; text-align:center; box-sizing:border-box;}
.gnb .do li {border-top:1px solid #282828;}
.gnb ul li:after {content:" "; position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background:#282828}
.gnb ul li:first-child::after {display:none;}
.gnb ul li a {display:block; padding:8px 2px; color:#f0f0f0; font-size:13px;}
.gnb ul li.active a {color:#d4ac5b;}

/* main */
.visual-section .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin:0 3px;}
.visual-section .swiper-pagination-bullet {width:12px; height:12px; background:transparent; border:2px solid #fff; border-radius:0; opacity:1;}
.visual-section .swiper-pagination-bullet-active {background:#fff;}

.banner-section {padding:20px 15px;}
.banner-section .row {margin:0 -3px 6px;}
.banner-section .row:after {content:" "; display:block; clear:both;}
.banner-section .col {float:left; width:50%; padding:0 3px;}
.banner-section .swiper-container-horizontal>.swiper-pagination {bottom:inherit; left:inherit; top:7px; right:5px; text-align:right;}
.banner-section .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin:0 2px;}
.banner-section .swiper-pagination-bullet {vertical-align:top; width:8px; height:8px; background:transparent; border:1px solid #fff; border-radius:0; opacity:1;}
.banner-section .swiper-pagination-bullet-active {background:#fff;}

/* sub */
.lnb {background:#d2d2d2; overflow:hidden;}
.lnb ul {margin-bottom:-1px;}
.lnb ul:after {content:" "; display:block; clear:both;}
.lnb li {float:left; width:33.33333333%; display:table; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; text-align:center;}
.lnb li a {display:table-cell; width:100%; height:30px; padding:2px; color:#727272; font-size:13px; line-height:15px; vertical-align:middle;}
.lnb li.active a {color:#fff; background:#d4ac5b;}
.lnb li:nth-child(3n) {border-right:0;} 
@media screen and (max-width: 320px) {
   .lnb li a {font-size:12px;}
}

.real-cont {padding:20px 15px 30px;}

/* quick */
.quick {position:fixed; bottom:0; left:0; width:100%; text-align:center; color:#fff; font-size:15px; line-height:40px; overflow:hidden; z-index:100; display: flex; }
.quick .ico {display:inline-block; position:relative; width:20px; height:20px; vertical-align:middle; margin:-.2em 8px 0 0; background-position:50% 50%; background-repeat:no-repeat; background-size:20px 20px;}
.quick .rental {float:left; width:44%; height:40px; background:#57a1c5;}
.quick .rental .ico {background-image:url("../images/common/icon_tel.png");}
.quick .reser {float:left; width:44%; height:40px; background:#c3991e;}
.quick .reser .ico {background-image:url("../images/common/icon_white.png");}
.quick .top {float:left; width:12%; height:40px; background:#606068 url("../images/common/angle_up.png") 50% 50% no-repeat; background-size:15px auto;}

/* footer */
#footer {padding:15px 5px 55px; background:#0b181d; color:#dadada; font-size:12px; text-align:center; text-align:center;}
#footer .bar {margin:0 8px; opacity:.5;}
.foot-link {margin-bottom:15px;}
.foot-info {font-size:11px;}