.view768 {display: none;}


/* nav */

#header {width: 100%; height: 90px; position: relative; z-index: 99; background: #fff;}
#header .logo {height: 55px; line-height: 55px;}
#header .logo img {max-width: 100%;}
.nav {width: 100%; height: 750px; background: #fff; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden; -webkit-transition: 0.8s; transition: 0.8s;}
.nav.over {height: 90px; -webkit-transition: 1s; transition: 1s;}

.nav .nav_m {display: inline-block; margin: 32px auto 0; position: relative; width: 100%;}
.nav .nav_m .menu {text-align: left; vertical-align: top; /* float: left; */ display: inline-block; margin-right: 3.2%;}
.nav .nav_m .menu:last-child {margin-right: 0;}
.nav .nav_m .menu > a {color: #aaa; font-size: 16.5px; margin-bottom: 35px;}
.nav .nav_m .menu.on > a, .nav .nav_m .menu:hover > a {color: #020202;}
.nav .nav_m .menu .nav2 ul li {text-align: left; margin-bottom: 23px;}
.nav .nav_m .menu .nav2 ul li a {color: #7e7e7e; font-weight: 100; font-size: 15px;}
.nav .nav_m .menu .nav2 ul li.on a, .nav .nav_m .menu .nav2 ul li:hover a {color: #021D43;}

.nav .lang_list {display: none;}

.r_menu > div {width: 58px; border: 1px solid #021D43; float: left; margin-left: 10px;}
.r_menu .rsvn {width: 160px; background: #021D43;}
/*.r_menu .rsvn a {width: 100%; height: 100%; line-height: 52px; color: #fff; text-align: center;}*/
.r_menu .rsvn_list li a {font-size: 13px;}
.r_menu .language_wrap {background: #fff; overflow: hidden; font-size: 14px;}
.r_menu .language_wrap:hover {background: #021D43;}
.r_menu .language {width: 100%; height: 55px; color: #021D43; text-align: center; padding-top: 13px; background: url(/images/homepage/common/lang-arrow.png) center 37px no-repeat; font-size: 14px;}
.r_menu .language_wrap:hover .language {color: #fff; background: url(/images/homepage/common/lang-arrow-on.png) center 37px no-repeat;}
.r_menu .lang_list {background: #fff; z-index: 11; display: none; width: 100%; padding: 3px 0 8px;}
.r_menu .language_wrap:hover .lang_list {background: #021D43;}
.r_menu .lang_list li {text-align: center; color: #021D43; margin-bottom: 7px; font-size: 13px;}
.r_menu .language_wrap:hover .lang_list li {color: #fff;}
.r_menu .side_menu {position: relative; height: 55px; text-indent: -9999px;}
.r_menu .side_menu span {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.r_menu .side_menu .open_menu {z-index: 2; background: #fff url(/images/homepage/common/nav-menu.png) center center no-repeat;}
.r_menu .side_menu .close_menu {z-index: 1; background: #fff url(/images/homepage/common/nav-close.png) center center no-repeat;}

.nav_bg {width: 100%; height: 140px; position: absolute; top: -140px; left:0; background: #191919; display: block; z-index: 1;}


.r_menu .reservation {width: 100%; height: 55px; padding-top: 13px; color: #fff; text-align: center; background: url(/images/homepage/common/lang-arrow-on.png) center 37px no-repeat; font-size: 14px;}
.r_menu .reservation a {cursor: default;}
.r_menu .reservation_wrap {background: #021D43; text-align: center;}
.r_menu .rsvn_list {background: #021D43; z-index: 11; width: 100%; /* height: 70px; */ padding: 3px 0 8px; display: none;}
.r_menu .rsvn_list li {text-align: center; color: #fff; margin-bottom: 7px; font-size: 13px;}
.r_menu .reservation_wrap:hover .reservation {color: #fff; background: url(/images/homepage/common/lang-arrow-on.png) center 37px no-repeat;}
.r_menu .reservation_wrap:hover .rsvn_list {background: #021D43;}
.r_menu .reservation_wrap:hover .rsvn_list li {color: #fff;}
.r_menu .gnb_btn a {color: #fff; height: 55px; padding: 6px 0; width: 100%;}
.r_menu .gnb_btn a.member {padding: 15px 0;}

.view1200 {display: none !important;}
 
/* container */

#container {width: 100%; margin: 0 auto;}
.wrap1200 {width: 1200px; margin: 0 auto;}

.main_slide {position: relative; overflow: hidden; margin-bottom: 30px;}
.main_slide .bx-wrapper .bx-viewport ul li img {width: 100%; height: auto;}
.main_slide .bx-wrapper .bx-has-pager {position: absolute; top: 50%; margin-top: -82px; right: 35px;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: block; margin-bottom: 10px;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {text-indent: -9999px; width: 4px; height: 35px; background: #ededed;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {background: #c4937e;}

.main_slide ul {overflow: hidden;}
.main_slide li {height: 760px; /*transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s;*/}
.main_slide li div {position: absolute; width: 100%; height: inherit; top: 0; left: 0; transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s; z-index: -1}
/*.main_slide li {width:100%; height: 760px; transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s;}*/
.main_slide.over li.active-slide div {transform: scale3d(1.05, 1.05, 1.05) rotate(0.001deg); transition-duration: .6s;}
.main_slide .slide1 {background: url(/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}
.main_slide .slide2 {background: url(/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}
.main_slide .slide3 {background: url(/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}
.main_slide .slide4 {background: url(/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}

.mainSlide {position: relative; height: 730px;}
.mainSlide .mainSlideTitle {position: relative; z-index: 9; text-align: center; padding-top: 180px;}
.mainSlide .mainSlideTitle h2 {font-size: 68px; color: #021D43; margin-bottom: 32px; height: 154px; font-weight: 700; line-height: 1.2em;}
.mainSlide .mainSlideTitle h3 {font-size: 24px; color: #464f4e; line-height: 1.5em;}
.mainSlide .mainSlideTitle h3 em {color: #021D43; font-weight: 500;}

.mainSlide .slider-wrap {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 730px;}
.mainSlide .slider li {height: 730px; text-indent: -9999px; background-size: cover!important;}
.mainSlide .slider li.main_visual01 {background: url(/images/homepage/index/index_visual.jpg) no-repeat;}
.mainSlide #main-counter {position: absolute; z-index: 3; left: 50%; margin-left: -30px; bottom: 40px; width: 60px; font-size: 20px; font-weight: 100; text-align: center; color: #fff;}
.mainSlide #main-counter span {color: #fff;}
.mainSlide #main-counter .current {font-weight: 500;}
.mainSlide #main-counter .total {font-size: 15px;}

.mainSlide .visual_menu {position: absolute; bottom: 20px; width: 1200px; height: 93px; left: 50%; margin-left: -600px;}
.mainSlide .visual_menu .main_menu {width: 400px; height: 93px; float: left;}
.mainSlide .visual_menu .menu1 {background: url(/images/homepage/index/slide_menu_01.jpg) no-repeat;}
.mainSlide .visual_menu .menu2 {background: url(/images/homepage/index/slide_menu_02.jpg) no-repeat;}
.mainSlide .visual_menu .menu3 {background: url(/images/homepage/index/slide_menu_03.jpg) no-repeat;}
.mainSlide .visual_menu .main_menu .menu_wrap {padding: 27px 0 0 55px; width: 400px; height: 93px;}
.mainSlide .visual_menu .main_menu .menu_wrap p {color: #fff; font-size: 19px; line-height: 1em;}
.mainSlide .visual_menu .main_menu .menu_wrap p small {font-weight: 100; font-size: 14px;}
.mainSlide .visual_menu .menu1 .menu_wrap {background: url(/images/homepage/index/slide_menu_icon_01.png) 17px center no-repeat;}
.mainSlide .visual_menu .menu2 .menu_wrap {background: url(/images/homepage/index/slide_menu_icon_02.png) 17px center no-repeat;}
.mainSlide .visual_menu .menu3 .menu_wrap {background: url(/images/homepage/index/slide_menu_icon_03.png) 17px center no-repeat;}

.middle_menu {width: 100%; overflow: hidden;}
.middle_menu .section {width: 33.3%; height: 600px; float: left; display: table; position: relative; overflow: hidden;}
.middle_menu .section2 {width: 33.4%;}
.middle_menu .section .section_wrap {display: table-cell; vertical-align: middle; text-align: center;}
.middle_menu .middle1 {background: url(/images/homepage/index/middle_menu_01.jpg) center center no-repeat; background-size: cover;}
.middle_menu .middle2 {background: url(/images/homepage/index/middle_menu_02.jpg) center center no-repeat; background-size: cover;}
.middle_menu .middle3 {background: url(/images/homepage/index/middle_menu_03.jpg) center center no-repeat; background-size: cover;}
.middle_menu .section .section_wrap p {color: #fff; font-size: 15px; line-height: 26px;}
.middle_title {font-size: 30px !important; margin-bottom: 22px !important; font-weight: 400 !important;}
.middle_menu .section .section_wrap .view {display: inline-block; border: 1px solid #fff; width: 114px; height: 34px; color: #fff; font-size: 13px; line-height: 30px; margin-top: 40px;}
.middle_menu .section .section_wrap .view span {width: 6px; height: 11px; background: url(/images/homepage/common/view.png) center center no-repeat; margin-left: 5px;}


/* bxslider */

.outside {position: absolute; width: 100%; bottom: 85px; text-align: center; z-index: 9;}
.outside.sub {bottom: 50% !important; height: 80px;}
.outside-wrap {display: inline-block;}
.outside-wrap > span {margin-right: 10px; vertical-align: middle;}
.outside-wrap > span:last-child {margin-right: 0;}
.outside span a {text-indent: -9999px; width: 35px; height: 35px; border-radius: 17px;}
.outside.sub .prev3 {position: absolute; left: 30px;}
.outside.sub .next3 {position: absolute; right: 30px;}
.outside.sub .prev4 {position: absolute; left: 0;}
.outside.sub .next4 {position: absolute; right: 0;}
.outside span.prev2 a, .outside span.next2 a {width: 40px; height: 40px; border: 1px solid #021D43; border-radius: 20px;}
.outside span.prev4 a, .outside span.next4 a {width: 40px; height: 40px; border: 2px solid #021D43; border-radius: 20px;}
.outside span a.bx-prev {background: #fff url(/images/homepage/common/arrow_l_01.png) center center no-repeat;}
.outside span a.bx-prev:hover {background: #021D43 url(/images/homepage/common/arrow_l_on_01.png) center center no-repeat;}
.outside span.prev2 a.bx-prev {width: 40px; height: 40px; background: #fff url(/images/homepage/common/arrow_l_02.png) center center no-repeat;}
.outside span.prev2 a.bx-prev:hover {background: #021D43 url(/images/homepage/common/arrow_l_on_02.png) center center no-repeat;}
.outside span.prev3 a.bx-prev {width: 44px; height: 80px; background: url(/images/homepage/common/arrow_l_03.png) center center no-repeat;}
.outside span.prev4 a.bx-prev {width: 40px; height: 40px; background: #fff url(/images/homepage/common/arrow_l_04.png) center center no-repeat;}
.outside span.prev4 a.bx-prev:hover {background: #021D43 url(/images/homepage/common/arrow_l_on_04.png) center center no-repeat;}
.outside span a.bx-next {background: #fff url(/images/homepage/common/arrow_r_01.png) center center no-repeat;}
.outside span a.bx-next:hover {background: #021D43 url(/images/homepage/common/arrow_r_on_01.png) center center no-repeat;}
.outside span.next2 a.bx-next {background: #fff url(/images/homepage/common/arrow_r_02.png) center center no-repeat;}
.outside span.next2 a.bx-next:hover {background: #021D43 url(/images/homepage/common/arrow_r_on_02.png) center center no-repeat;}
.outside span.next3 a.bx-next {width: 44px; height: 80px; background: url(/images/homepage/common/arrow_r_03.png) center center no-repeat;}
.outside span.next4 a.bx-next {background: #fff url(/images/homepage/common/arrow_r_04.png) center center no-repeat;}
.outside span.next4 a.bx-next:hover {background: #021D43 url(/images/homepage/common/arrow_r_on_04.png) center center no-repeat;}
.outside span a.bx-stop {background: url(/images/homepage/common/stop_01.png) center center no-repeat; border: 1px solid #fff;}
.outside span a.bx-start {background: url(/images/homepage/common/start_01.png) center center no-repeat; border: 1px solid #fff;}

.bx-wrapper .bx-pager.bx-default-pager {text-align: center; margin-top: 25px;}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: inline; padding: 0 7px;}
.bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 20px; height: 20px; border-radius: 10px; background: #fff;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background: #021D43;}


/* main_section */

.main_section {position: relative; padding: 60px 0 75px; background: #f7f7f7;}
.mainTitle {margin-bottom: 40px;}
.mainTitle h3 {font-size: 36px; display: inline-block; margin-right: 15px; font-weight: 700;}
.mainTitle > span {font-size: 20px; font-weight: 100;}

.mainMenu {width: 100%; display: table;}
.mainMenu .bx-wrapper {max-width: 100%!important;}
.mainMenu .bx-viewport {height: inherit!important;}
.mainMenu .slider {}
.mainMenu .slider > li {text-align: center; background: #fff; margin-bottom: 20px; /* min-width: 320px; */}
.mainMenu .slider > li:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.mainMenu .slider > li:last-child {margin-right: 0;}
.mainMenu .slider > li .img {height: 280px; background-size: cover!important;}
/* 메인 프로모션 : main.js 가 <img class="img"> 로 원본 이미지를 삽입한다.
   width 미지정 시 원본 비율대로 슬라이드(376px)보다 넓어져 영역이 가로 스크롤되므로 폭을 고정한다. */
.mainMenu .slider > li img.img {display: block; width: 100%; max-width: 100%; height: 280px; object-fit: cover;}
.mainMenu .slider > li .img.menu01 {background: url(/images/homepage/index/menu_01.jpg) center center no-repeat;}
.mainMenu .slider > li .img.menu02 {background: url(/images/homepage/index/menu_02.jpg) center center no-repeat;}
.mainMenu .slider > li .img.menu03 {background: url(/images/homepage/index/menu_03.jpg) center center no-repeat;}
.mainMenu .slider > li .con {padding: 30px 10px; font-size: 16px;}
.mainMenu .slider > li .con h4 {letter-spacing: 1.5px; font-weight: 500; margin-bottom: 10px;}
.mainMenu .slider > li .con p {color: #838383; font-weight: 100; line-height: 23px;}
.mainMenu .slider > li .con p em {color: #021D43;}
.mainMenu .slider > li .con a {color: #021D43; font-size: 14px; font-weight: 500; margin-top: 25px; background: url(/images/homepage/common/more.png) top center no-repeat; padding-top: 20px;}

.main_acco_slide {height: 500px; position: relative;}
.main_acco_slide ul li {border: 1px solid #dddddd;}
.main_acco_slide ul li .main_acco_zoom {height: 360px; overflow: hidden;}
.main_acco .zoom-over li div {position: absolute; width: inherit; height: inherit; top: 0; left: 0; transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s; z-index: -1}
.main_acco_slide .slide1 {background: url(/images/homepage/index/main_acco_01.jpg) center center no-repeat;}
.main_acco_slide .slide2 {background: url(/images/homepage/index/main_acco_02.jpg) center center no-repeat;}
.main_acco_slide .slide3 {background: url(/images/homepage/index/main_acco_03.jpg) center center no-repeat;}
.main_acco_slide .main_acco_name {width:100%; height: 87px; display: table;}
.main_acco_slide .main_acco_name a {display: table-cell; vertical-align: middle; text-align: center; font-size: 18px;}
.main_acco_slide .outside span a.bx-prev {top: 160px; margin-top: 0;}
.main_acco_slide .outside span a.bx-next {top: 160px; margin-top: 0;}

.menuSlide {position:relative; margin-top: 90px;}
.menuSlide.main {height: 500px;}
.menuSlide.sub {height: 610px; margin-top: 0;}
.menuSlide .slider li {opacity: 0.2;}
.menuSlide .slider li.active {opacity: 1;}
.menuSlide .slider li > img {width: 100%; max-width: 100%;}
.menuSlide .slider li .img, .menuSlide .slider li .con {float: left;}
.menuSlide .slider li .img {width: 610px; height: 100%;}
.menuSlide .slider li .img img {width: 100%; height: 100%;}
.menuSlide .slider li.active .img img {opacity: 1;}
.menuSlide .slider li .con {width: 590px; height: 100%; display: none; padding: 80px 0 0 70px;}
.menuSlide .slider li.active .con {display: block;}
.menuSlide .slider li .con .title {position: relative; margin-bottom: 35px;}
.menuSlide .slider li .con .title h3 {font-size: 38px; font-weight: 700; margin-bottom: 10px;}
.menuSlide .slider li .con .title p {font-size: 17px; font-weight: 100;}
.menuSlide .slider li .con .line {width: 260px; height: 5px; background: #021D43; margin-left: -110px; margin-bottom: 32px;}
.menuSlide .slider li .con .text {font-size: 17px; color: #838383; font-weight: 100;}
.menuSlide .slider li .con .view {width: 72px; margin-top: 40px; padding-bottom: 5px; background: url(/images/homepage/common/view.png) right bottom no-repeat; font-size: 13px; font-weight: 500;}

.menuSlide .bx-controls.bx-has-pager {margin-top: 40px;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager {width: 200px; margin: 0 auto;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #473728;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a.active,
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #473728;}

.menuSlide .outside {/* position: relative;  */ bottom: 0;}
.menuSlide .outside.sub {margin-bottom: -40px;}
.menuSlide .outside .outside-wrap {position: relative; width: 1200px; margin: 0 auto; text-align: right;}
.menuSlide .outside.sub .outside-wrap {height: 80px;}
.menuSlide .outside .outside-wrap > span > a {text-align: left;}
.menuSlide .outside .outside-wrap .pager {letter-spacing: -1px; font-size: 13px;}


/* sub */

.sub_visual {height: 800px; color: #fff; background-size: cover!important;}
.sub_visual.acco {background: url(/images/homepage/acco/visual_01.jpg) 58% no-repeat;}

.sub_visual.din {background: url(/images/homepage/diningBar/visual_01.jpg) 58% no-repeat;}

.sub_visual.fac {background: url(/images/homepage/facilities/visual_01.jpg) 58% no-repeat;}

.sub_visual.local {background: url(/images/homepage/location/visual_01.jpg) 58% no-repeat;}
.sub_visual.about {background: url(/images/homepage/company/visual_01.jpg) 58% no-repeat;}

.sub_visual .wrap1200 {position: relative; height: 100%;}
.sub_visual .visualTitle {position: absolute; left: 0; bottom: 18%;}
.sub_visual .visualTitle h3 {font-size: 25px; margin-bottom: 14px; font-weight: 700;}
.sub_visual .visualTitle h3:after {content: ''; display: block; width: 74px; height: 4px; background: #fff; margin-top: 13px;}
.sub_visual .visualTitle p {font-size: 30px; line-height: 1.3em; font-weight: 100;}

.rsvn-toggle {position: absolute; bottom: 0; right: 0;}
.rsvn-toggle #bookArea {background: rgba(0,0,0,0.2);}
.rsvn-toggle #bookArea .bookIns .fb_rsvn button {background: #021D43;}
.rsvn-toggle #bookArea .bookIns input, .rsvn-toggle #bookArea .bookIns select, .rsvn-toggle #bookArea .bookIns button {color: #666; font-weight: 300;}
.rsvn-toggle #bookArea .bookIns .fb_rsvn button {letter-spacing: 0.1em; font-weight: 300;}

.sub_visual .rsvnBt {width: 318px; height: 70px; text-align: center; font-size: 20px; line-height: 70px; background: #c8b677; cursor: pointer;}
.sub_visual .rsvnBt #rsvnBt {width: 100%;}
.sub_visual .rsvnBt #rsvnBt:after {content: ''; display: inline-block; width: 23px; height: 12px; margin-left: 20px; background: url(/images/homepage/common/arrow_u_01.png) center center no-repeat;}
.sub_visual .rsvnBt.on #rsvnBt:after {background: url(/images/homepage/common/arrow_d_01.png) center center no-repeat;}

.subTitle {margin: 80px 0 60px; text-align: center;}
.subTitle h2 {font-size: 40px; font-weight: 700;}

.subInfo {margin: 50px 0 80px;}
.subInfo .info-top {overflow: hidden; margin-bottom: 60px;}
.subInfo.fac .info-top {padding-left: 83px; position: relative;}
.subInfo.fac .info-top:before {content: ''; position: absolute; top: 20px; left: 0; width: 53px; height: 1px; background: #000;}
.subInfo.acco .info-top .titleWrap {float: left; width: 80%;}
.subInfo .info-top .titleWrap h3 {font-size: 27px; margin-bottom: 12px; font-weight: 500;}
.subInfo .info-top .titleWrap p {font-size: 17px; color: #373737; font-weight: 100;}
.subInfo .info-top .titleWrap.mgt p {margin-top: 20px;}
.subInfo .info-top .titleWrap p.inquire {position: relative; margin-top: 20px; padding-left: 35px; font-weight: 300; min-height: 26px;}
.subInfo .info-top .titleWrap p.inquire:before {content: ''; position: absolute; top: 3px; left: 0; width: 22px; height: 22px; border-radius: 11px; background: #021D43 url(/images/homepage/common/check_01.png) center center no-repeat;}
.subInfo .info-top .titleWrap p.inquire strong {margin-right: 10px;}
.subInfo .info-top .titleWrap p.inquire small {font-size: 15px;}
.subInfo .info-top .titleWrap .local-info {margin-top: 20px;}
.subInfo .info-top .titleWrap .local-info li {display: inline-block; margin-right: 60px; font-size: 17px; font-weight: 100; margin-bottom: 10px;}
.subInfo .info-top .titleWrap .local-info li:last-child {margin-right: 0;}
.subInfo .info-top .titleWrap .local-info li strong {margin-right: 10px; font-weight: 500;}
.subInfo.acco .info-top .btWrap {float: right; margin-top: 15px; text-align: right;}
.subInfo .info-top .btWrap a {border: 1px solid #021D43; width: 165px; height: 60px; color: #021D43; margin-left: 6px; text-align: center; line-height: 57px; font-size: 18px;}
.subInfo .info-top .btWrap a:first-child {margin-left: 0;}
.subInfo .info-top .btWrap a.on {color: #fff; background: #021D43;}

.subInfo.fac .info-con {padding-left: 83px;}
.subInfo .info-con .list {overflow: hidden; padding: 25px 0; border-bottom: 1px solid #ddd;}
.subInfo .info-con .list.first {border-top: 1px solid #565656;}
.subInfo .info-con .list .tit {width: 130px; float: left; font-size: 17px; font-weight: 500;}
.subInfo .info-con .list ul {display: inline-block; width: calc(100% - 130px);}
.subInfo .info-con .list ul li {float: left; color: #595959; margin-bottom: 8px;}
.subInfo .info-con .list ul li:last-child {margin-bottom: 0;}
.subInfo .info-con .list ul.w100 li {float: none; width: 100%;}
.subInfo .info-con .list ul li > span {margin-right: 85px; margin-bottom: 8px; display: block; line-height: 1.6em;}
.subInfo .info-con .list ul.w100 li > span {margin-right: 0;}
.subInfo .info-con .list.first ul li:last-child > span {margin-right: 0;}
.subInfo .info-con .list ul li > span em {color: #021D43;}
.subInfo .info-con .list ul li > span strong {font-weight: 500;}

.subInfo .info-con .info-grid {overflow: hidden;}
.subInfo .info-con .info-grid li {float: left; width: calc(50% - 2.5%); margin-right: 5%;}
.subInfo .info-con .info-grid li:nth-child(2n) {margin-right: 0;}
.subInfo .info-con .info-grid li h4 {font-size: 17px; font-weight: 500; border-bottom: 3px solid #000; padding-bottom: 12px; margin-bottom: 15px;}
.subInfo .info-con .info-grid li p {font-weight: 100; line-height: 1.7em;}

.subInfo .info-con .toggle-list {}
.subInfo .info-con .toggle-list .list {background: url(/images/homepage/common/local_down.png) right 20px top 28px no-repeat;}
.subInfo .info-con .toggle-list .list.on {background: url(/images/homepage/common/local_up.png) right 20px top 28px no-repeat;}
.subInfo .info-con .toggle-list .list h5 {font-size: 23px; font-weight: 500;}
.subInfo .info-con .toggle-list .toggle-box {display: none; padding-top: 12px; color: #565656; font-weight: 100;}

.otherWrap .otherTitle {text-align: center; position: relative; margin-bottom: 40px;}
.otherWrap .otherTitle h3 {font-size: 27px; font-weight: 500;}
.otherWrap .otherTitle .outside {margin-bottom: -20px; height: 40px;}
.otherWrap .slider li .img {width: 100%; max-height: 196px; margin-bottom: 13px;}
.otherWrap .slider li .img img {width: 100%; max-width: 100%;}
.otherWrap .slider li .con {}
.otherWrap .slider li .con h4 {font-size: 20px; margin-bottom: 10px;}
.otherWrap .slider li .con p {color: #838383; font-weight: 100;}

.map {width: 100%; height: 555px; margin-top: 70px;}

.about-wrap {position: relative; padding-bottom: 14px; margin-top: 70px;}
.about-wrap .img {width: 100%; height: 310px; background: url(/images/homepage/company/about_01.jpg) center center no-repeat; background-size: cover;}
.about-wrap h4 {font-size: 45px; letter-spacing: 0.08em; font-weight: 700; line-height: 45px; position: absolute; bottom: 0; left: 15px;}


/* footer */

.footer {position: relative; width: 100%; margin-top: 100px;}
.footer .footer_menu {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0;}
.footer .footer_menu ul li {display: inline-block; margin-right: 15px;color: #595959; font-size: 14px; font-weight: 100;}
.footer .footer_menu ul li:last-child {margin-right: 0;}
.footer .footer_menu ul li:hover {font-weight: 500;}
.footer .footer_info {padding: 30px 0; color: #a6a6a6; font-size: 14px; font-weight: 100; overflow: hidden;}
.footer .footer_info .company_info ul li {display: inline-block; margin-right: 15px; margin-bottom: 10px;}
.footer .footer_info .sns ul li {display: inline-block; margin-left: 25px;}



/* 메인 PROMOTION - 진행중인 프로모션이 없을 때.
   샘플 이미지 대신 빈 영역만 두되, 카드 높이는 다른 메뉴와 동일하게 유지한다. */
.mainMenu .slider > li .img.nodataImg {background: #f7f7f7 none!important;}
/* 다른 카드는 안내문구가 2줄이므로 동일한 높이(23px * 2)를 확보해 카드가 어긋나지 않게 한다. */
.mainMenu .slider > li .con p.nodata {min-height: 46px;}

/* 메인 메뉴 카드 : PC(769px 이상)는 bxSlider 를 사용하지 않고(slides.js) flex 로 3개를 나열한다.
   모바일(768px 이하)은 bxSlider 가 li 에 폭/float 을 직접 지정하므로 여기서는 건드리지 않는다. */
/* 슬라이드 드래그 중 텍스트 선택/이미지 네이티브 드래그가 시작되면 브라우저가 pointercancel 을 보내
   bxSlider 가 제자리로 되돌아가므로(한 방향만 안 넘어가는 증상) 선택과 드래그를 막는다. */
.mainMenu .slider > li, .mainMenu .slider > li * {-webkit-user-select: none; user-select: none; -webkit-user-drag: none;}
/* 터치 스와이프 중 브라우저가 세로 스크롤 제스처로 가로채(pointercancel) 슬라이드가 되돌아가지 않도록 가로 제스처는 JS 가 처리한다 */
.mainMenu .bx-viewport {touch-action: pan-y;}

@media screen and (min-width: 769px) {
	.mainMenu > ul.slider {display: flex; gap: 36px; align-items: stretch;}
	.mainMenu > ul.slider > li {flex: 1 1 0; width: auto; min-width: 0; margin-right: 0;}
}


.r_menu .language_wrap.mypage {width: 70px;}
.r_menu .language_wrap.mypage .language {background: url(/images/homepage/common/mypage.png) center center no-repeat;}
.r_menu .language_wrap.mypage:hover .language {background: url(/images/homepage/common/mypage-on.png) center center no-repeat;}
.r_menu .language_wrap.mypage .language a {text-indent: -9999px;}