@charset "UTF-8";
@import url(/m/css/ui.css);

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,700);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,300,100,500,700); 


@font-face {
font-family: 'TS-Mobile';
font-weight: 400;
src: url('./fonts/TS-mobile.eot'); 
src: local('TS-mobile'), 
        url('./fonts/TS-mobile.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./fonts/TS-mobile.woff2') format('woff2'),
        url('./fonts/TS-mobile.woff') format('woff'), 
        url('./fonts/TS-mobile.ttf')  format('truetype'); 
}

body{font-family:"Noto Sans KR" }
.global-inner{padding: 0 2rem; box-sizing: border-box;}
.global-inner2{box-sizing: border-box;}
.clearfix::after{content: ''; display: block; clear: both;}
.scrollOff {position:fixed; top:0; left:0; right:0; bottom:0; height:100%; overflow:hidden; touch-action:none;}

.bbs-paging {font-size: 1.4rem;}
.bbs-paging table th,
.bbs-paging table td{padding: 0 .1rem; vertical-align: middle; }
.bbs-paging img{width: auto; height: auto; max-height: 2.5rem; vertical-align: middle;}

header.header{position: fixed;z-index: 999;width: 100%;background-color: #fff}
header.header2{width: 100%; margin: 0 auto 60px 0;}
div.header-area{width: 100%; height: 59.5px;}


.header__top{display: flex; height: 60px; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd;}
.header2__top{height: auto; padding: 0; display: flex; justify-content: center; align-items: center;}
.header__logo{width: 154px; height: 38px;}
.header__logo a{display: block; width: 100%; height: 100%; background: url(../parking_img/group_5422.png) no-repeat 0% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}
.header__logo2{width: 100%; height: 59px; margin:0;}
.header__logo2 a{display: block; width: 100%; height: 100%; background: url(../images/cmn/logoes.png) no-repeat 50% 50%; font-size: 0; text-indent: -9999px; background-size: contain;}
.header__sub-tit button{padding-left: 2.6rem; background: transparent url(../images/cmn/sub_arr.png) no-repeat 0% 50%; background-size: auto 1.8rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box;}
.header__tnb,
.header__tnb li{display: inline-block; vertical-align: middle;}
.header__tnb a{ margin-left: 1.5rem; color: #333; font-size: 1.4rem; font-weight: 500; line-height: 2rem; vertical-align: middle; letter-spacing: -0.065em;}
.header .btn--gnb{display: inline-block; width: 2.4rem; height: 2rem; margin-left: 2rem; background: url(../images/cmn/btn_menu.png) no-repeat 50% 50%; background-size: auto 1.8rem; font-size: 0; text-indent: -9999px; vertical-align: middle;}


.gnb{ position: fixed; right: -100%; top: 0; width: 100%; height: 100vh; background: #fff; z-index: 1000; transition: right ease-out .4s; -webkit-transition: right ease-out .4s; -moz-transition: right ease-out .4s; -ms-transition: right ease-out .4s; -o-transition: right ease-out .4s; }
.gnb.active{right: 0;}
.gnb__head{display: flex; height: 60px; justify-content: space-between; align-items: center; background: #f7f7f7; border: 1px solid #e3e3e3; }
.gnb__tnb li{display: inline-block; position: relative; margin-right: 2rem; font-size: 0; vertical-align: middle;}
.gnb__tnb li + li::before{content: ''; display: block; position: absolute; top: 50%; left: -1rem; width: 1px; height: 1.2rem; margin-top: -0.6rem; margin-left: -0.5px;  background: #ddd;}
.gnb__tnb a{display: block; color: #333; font-size: 16px; letter-spacing: -0.065em;}
.gnb__head .btn--close{width: 1.8rem; height: 2rem; background: url(../images/cmn/btn_close_d.png) no-repeat 50% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}

.gnb__menu{position: relative; height: calc(100vh - 7rem);background-color: #fff;padding: 0 16px;}
.gnb__menu h2{color:#333; font-size: 18px;font-weight: 700;line-height: 1.5;padding:15px 0 ;border-bottom: 1px solid #e3e3e3; display: flex; justify-content: space-between; align-items: center;}
.gnb__menu h2 .minus{display: none}
.gnb__menu h2 .plus{display: block;}
.gnb__menu .active h2 .minus{display:block ;}
.gnb__menu .active h2 .plus{display: none;}
.gnb__menu li .gnb__menu-depth-2{display:none ;padding:15px 0 ; border-bottom: 1px solid #e3e3e3;}
.gnb__menu li.active .gnb__menu-depth-2 {display: block;}
.gnb__menu li .gnb__menu-depth-2 li a{display:block ;font-size: 15px; color:#999;line-height: 2.5;}
.gnb__menu li .gnb__menu-depth-2 li a.on{color:#333;font-weight: 500}

.top-header{width: 100%;position: relative;height: 120px; background-repeat: no-repeat; background-size: cover;}
.top-header h3{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);font-size: 18px; color:#fff;letter-spacing: -.54px;font-weight: 700}

.sub-menu {display: flex; justify-content: space-between; align-items: center;}
.sub-menu >div{width: 50%; height: 50px; border:1px solid #e3e3e3;border-right: 0;position: relative;}
.sub-menu2{display: block; text-align: left; padding: 0 2rem; margin-top: 20px; }
.sub-menu2 >div{width: 50%; height: 50px;}
.sub-menu2 >div div.gnb1{font-size: 24px; color:#333;font-weight: 500; padding: 0px; line-height:50px; position: relative;}
.sub-menu >div.rigth{border-right: 1px solid #e3e3e3;}
.sub-menu >div div.gnb1{font-size: 15px; color:#333;font-weight: 500; padding: 0 15px; line-height:50px; position: relative;}
.sub-menu >div div.gnb1 img{position: absolute; top:50%;right: 16px; transform: translateY(-50%);}
.sub-menu >div ul.gnb2 { display: none; position: absolute; z-index:999; top : 51px; left: -1px; width: 100%;border:1px solid #e3e3e3;border-top:0;background-color: #fff; padding: 20px 0;}
.sub-menu >div:hover ul.gnb2{display: block;}
.sub-menu >div ul.gnb2 >li >a{display: block; font-size: 13px;color:#666;letter-spacing: -.45px; padding-bottom:10px; padding-left: 15px; }
.sub-menu >div ul.gnb2 >li:last-child >a{padding-bottom: 0px;}

.footer{padding: 30px 0;  background: #f1f1f1;}
.footer-inner{position: relative;text-align: left;}
.footer-inner .footer__menu{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}
.footer-inner .footer__menu li a {display: block;margin-right: 10px; font-size: 15px; color:#666;}
.footer-inner .footer__menu li a strong{font-weight: 700;color:#333}
.footer-inner h3{font-size: 16px; color:#666; font-weight: 700;letter-spacing: -.48px; margin: 0 0 6px; line-height: 1.25}
.footer-inner p{font-size: 15px; color:#666; line-height: 1.8;letter-spacing: -.45px; margin: 0 0 10px; white-space: nowrap;}
.footer-inner p.cop{font-size: 13px;}

#btn--scl-top {position: fixed; right: 0; bottom: 0; width: 5rem; height: 5rem; padding-top: 2.6rem; background: #444 url(../images/cmn/btn_top.png) no-repeat 50% .9rem; background-size: 1.6rem auto; color: #fff; font-size: 1.4rem;; font-weight: 500; text-align: center; letter-spacing: -0.065em; box-sizing: border-box; z-index: 700;}

.sub-container{padding-top: 4rem; padding-bottom: 5rem; }
.mypage-nav + .sub-container{padding-top: 2rem;}

.sub-drop-menu{position: relative; border-bottom: 1px solid #ddd;}
.sub-drop-menu .current{display: block; height: 5rem; background: url(/m/images/cmn/drop_arr.png) no-repeat right 2rem top 50%; background-size: 1.3rem auto; color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em; line-height: 5rem; text-align: center;}
.sub-drop-menu.active .current{background-image: url(/m/images/cmn/drop_arr_top.png);}
.sub-drop-menu ul{display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: .5rem 0; border-top: 1px solid #ddd; background: #fff; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.08); z-index: 200;}
.sub-drop-menu li{text-align: center; margin: 1rem 0;}
.sub-drop-menu a{display: block; color: #333; font-size: 1.6rem; line-height: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.sub-drop-menu .on a{color: #146af0;}

.sub-container{padding: 60px 0 90px; padding: 2rem 2rem;}
.sub-container2{padding: 60px auto 90px;}
.snb{float: left; width: 250px; margin-right: 50px;}
.snb__title{margin-bottom: 35px; color: #333; font-size: 24px; letter-spacing: -0.065em;}
.snb__menu{margin-bottom: 40px;}
.snb__menu li{margin-bottom: 5px;}
.snb__menu a{ display: block; height: 47px; padding-left: 18px; background:#fff url(../images/cmn/snb_arr.png) no-repeat right 19px top 50%; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #333; font-size: 16px; letter-spacing: -0.065em; line-height: 45px; box-sizing: border-box;}
.snb__menu .on a{background-color: #146af0; background-image: url(../images/cmn/snb_arr_on.png); border-color: #146af0; color: #fff;}
.sub__contents{float: left; width: 900px;}
.sub__contents2{float: left; width: 900px; margin: 0 150px;}
.sub__head{padding-bottom: 30px; margin-bottom: 50px; border-bottom: 2px solid #999;}
.sub__page-tit{float: left;  color: #333; font-size: 30px; font-weight: 500; letter-spacing: -0.065em;}
.sub__path{float: right; padding-top: 16px; font-size: 0;}
.sub__path span{display: inline-block; position: relative; margin-left: 25px; color: #999; font-size: 14px; letter-spacing: -0.065em; vertical-align: middle}
.sub__path span + span::before{content: ''; position: absolute; left: -14.5px; top: 50%; display: inline-block; width: 6px; height: 10px; margin-top: -5px; background: url(../images/cmn/snb_arr.png) no-repeat 50% 50%;}
.sub__path .current{color: #666;} 


@media screen and (max-width: 767px){
  .cmn-tab a,
  .cmn-tab button{display: flex; height: 4.6rem; justify-content: center;  align-items: center; line-height: 1.8rem; word-break: keep-all;}
}


@media screen and (max-width: 360px){
  .cmn-tab a,
  .cmn-tab button{font-size: 1.35rem; }
}