a { color: inherit; text-decoration: none;}
body {letter-spacing:-0.6px; line-height:1; }

.bnSwiperVertical {position:relative;}
.bnSwiperVertical button {position:absolute; top:50%; transform:translateY(-50%); right:100px; font-size:24px; color:#fff; background: transparent; border:none; z-index:2;}
.bnSwiperVertical .swiper-slide {width:100%; height:auto !important; opacity:0;}
.bnSwiperVertical .swiper-slide a {display:block; width:100%;}
.bnSwiperVertical .swiper-slide-active {opacity:1;}
.bnSwiperVertical .swiper-slide img {width:100%;}

.flexWrap {display:flex; flex-direction:row;}
.flexWrap02 {display:flex; flex-direction:row; align-items:center;}
.flexWrap03 {display:flex; flex-direction:row; align-items:baseline;}
.flexBetween02 {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.flexCenter02 {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.flexCenter03 {display:flex; flex-direction:row; justify-content:center;}

@media screen and (min-width: 769px) {
    .flexBetween {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
    .flexCenter {display:flex; flex-direction:row; justify-content:center; align-items:center;}
}
.flexEnd {display:flex; flex-direction:row; align-items:center; justify-content:end;}
.flexEnd02 {display:flex; flex-direction:row; align-items:flex-end; justify-content:center;}
.clear:after {
    content: "";
    display: block;
    clear: both;
}

.aifs{align-items: flex-start !important;}

/* 스킵네비게이션 */
#skip {position:fixed; top:0; left:0; z-index:999999999999999999999; width:100%;}
#skip a { position:absolute; top:-35px; width:100%; height:35px; line-height:35px; background-color:#333; color:#fff; text-align:center; border-bottom:1px solid #fff;}
#skip a:active, #skip a:focus {top:0;}

/* start : header */
#header {position:fixed; top:0; left:0; z-index:99999999; width:100%; max-width:1920px; left:50%; transform:translateX(-50%); background-color:transparent;}
/* #header .bg {content:''; position:fixed; top:0; left:0; width:100%; height:480px; z-index:-1; background-color:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.1); display:none;} */
#header .inner {padding:25px 90px;}

/* 상단 레이아웃 */
#header .memberInfo ul li {margin-right:30px; margin-bottom:25px; position:relative;}
#header .memberInfo ul li::after {content:''; position:absolute; right:-14px; top:55%; transform:translateY(-50%); width:1px; height:80%; display:block; background-color:#fff; opacity:0.3;}
#header .memberInfo ul li:last-child {margin-right:0;}
#header .memberInfo ul li:last-child::after {display:none;}
#header .memberInfo ul li a {font-size:16px; font-weight:300; color:#fff; line-height:1; opacity:0.8;}
#header .memberInfo ul li:hover a {color:var(--color01); opacity:1;}

/* 왼쪽 레이아웃(로고) */
#header #logoBox {align-items:center;}
#header #logoBox a img {width:267px;}
#header #logoBox .off {display:block;}
#header #logoBox .on {display:none;}

/* 오른쪽 레이아웃 */
#header .allBtn {background-color:transparent; line-height:1;}  
#header .allBtn img {width:40px;}
#header .allBtn .on {display:none;}
#header .allBtn:hover .off {display:none;}
#header .allBtn:hover .on {display:block;}

/* 가운데 레이아웃(네비게이션) */
#header #nav {position:relative; z-index:2; width:calc(100% - 430px);}
#header #nav >ul {justify-content:space-between;}
#header #nav >ul >li {position:relative; }
#header #nav .tit::after {content:''; opacity:0; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); width:0; height:3px; background-color:var(--color01); }
#header #nav .tit.on::after {opacity:1; width:40px; transition:all 0.3s ease-out;}
#header #nav .tit.on {color:var(--color01); }
#header #nav .tit.on::after {opacity:1;}
#header #nav >ul >li >a { font-size:20px; font-weight:400; position:relative; color:#fff; letter-spacing:-0.6px;}


#header .navSub {display:none; position:absolute; top:60px; left:50%; transform:translateX(-50%); text-align:center; width:100%; min-width:185px; background-color:#fbfbfb;; border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
#header .navSub.on {display:block;}
#header .navSub li, #header .navSub li a {width:100%;}
#header .navSub li {padding:15px 0;}
#header .navSub li:last-child {margin-bottom:0;}
#header .navSub li a {display:block; font-size:17px; font-weight:400; letter-spacing:-0.6px; color:#333; line-height:1; opacity:1; position:relative; width:100%; height:100%;}
#header .navSub li:hover {background-color:var(--color01);}
#header .navSub li:hover a {color:#fff;}     


/* end : header */

/* start : 전체메뉴 */
body.no-scroll {overflow:hidden;}
#gnb {position:fixed; top:0; right:0; z-index:99999999999999999999;}
#gnb.on {width:100%; height:100vh;}
#gnb.on .bg {display:block;}
#gnb.on .gnb_wrap {display:block; transform:translateX(0%); transition:all 0.6s; opacity:1;}
#gnb .bg {position:fixed !important; top:0 !important; left:0 !important; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.7); display:none;}
#gnb .gnbTopBox {align-items:center;}
#gnb #logoBox02 {align-items:center;}
#gnb #logoBox02 a img {width:200px;}
#gnb #gnb_close {background-color:transparent; font-size:26px; position:absolute; right:30px; top:35px;}
#gnb #gnb_close i {color:#000;}
#gnb .gnb_wrap {width:500px; height:calc(100% - 70px); padding:35px 30px; background-color:#fff; position:fixed; top:0; right:0; z-index:9; transform:translateX(100%); overflow-y:scroll; opacity:0;}
#gnb .gnb_wrap::-webkit-scrollbar { width:1px; -webkit-transition: all 300ms; transition: all 300ms;}
#gnb .gnb_wrap::-webkit-scrollbar-track { width:10px; /* 스크롤바의 너비 */ background-color:#ddd; }
#gnb .gnb_wrap::-webkit-scrollbar-thumb {height:5%; /* 스크롤바의 길이 */ background:#fff; /* 스크롤바의 색상 */ background-clip: padding-box; border:2px solid transparent; border-radius: 8px; }
#gnb .gnb_left, 
#gnb .gnbTopBox {display:none; }
#gnb.on .gnb_left {display:block;}
#gnb.on .gnbTopBox {display:flex;}
#gnb .gnb_left{ width:100%; margin: 0 auto; margin-top:60px; text-align:left; }
#gnb .gnb_left > li > a { display:block; font-family:var(--NotoSans); font-size:18px; font-weight:400; color:#000; padding:20px 0; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
#gnb .gnb_left > li > a.on {color:var(--color01); font-weight:600; border-bottom:1px solid var(--color01);}
#gnb .gnb_left > li > a > span { display:block; width:25px; float:right; text-align:center;}
#gnb .gnb_left > li > a > span::after {content: "\e942"; font-family: 'xeicon' !important; font-size:20px;}
#gnb .gnb_left > li > a > span.on::after {content:"\e945"; font-weight:400;}
#gnb .gnb_sub li a {font-family:var(--NotoSans); font-size:16px; font-weight:400; color:#333; padding:10px 0; display:block;}
#gnb .gnb_sub li a:hover {color:var(--color01); }
#gnb .gnb_left > li:nth-child(1) > a {padding-top:0;}
#gnb .gnb_left ul { display:none; margin:15px 0;}
#gnb .gnb_left ul.on {display:block;}
#gnb .sidemenuMo {margin-top:30px; align-items:center;}
#gnb .sidemenuMo li {margin-right:15px;}
#gnb .sidemenuMo li a:hover i {color:var(--color01); opacity:1;}
#gnb .sidemenuMo li a i {font-size:30px; color:#333; opacity:0.3;}
#gnb .sidemenuMo li:nth-child(2) a i {position:relative; top:0.5px; font-size:31px;}
#gnb .globalLink {margin-top:40px;}
#gnb .globalLink li {margin-right:15px;}
#gnb .globalLink li.active a {font-weight:600; color:var(--color01); border-bottom:1px solid var(--color01); box-sizing:border-box;}
#gnb .globalLink li a {display:block; font-size:16px; font-weight:400; color:#919191; line-height:1.2;}
#gnb .globalLink li:hover a {color:var(--color01);}
/* end : 전체메뉴 */

/* start : 퀵메뉴 */
#quickMenu { text-align:center; padding:35px 5px 5px 5px; border-radius:55px; position:fixed; top:25%; right:23px; z-index:99999999; background-color:#00a1ba; border:2px solid #fff; box-sizing:border-box; box-shadow:0 0 40px rgba(0,0,0,0.2);} 
#quickMenu.active {top:50%; transform:translateY(-50%);}
#quickMenu .tel { padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3); display:block;}
#quickMenu .tel dt {font-size:20px; font-weight:400; color:#fff; margin-bottom:8px;}
#quickMenu .tel .phone a {font-family:'SCDream'; font-size:29px; font-weight:700; color:#fff; margin-bottom:12px; display:block;}
#quickMenu .tel .border {width:15px; height:3px; margin:6px auto; display:block; background-color:#fff;}
#quickMenu .tel .store a {font-size:17px; font-weight:300; color:#fff; line-height:1.2; opacity:0.7; display:block; text-align:center;}
#quickMenu .tel .store a img {display:block; margin:0 auto 7px auto;}
#quickMenu ul li {margin-bottom:20px;}
#quickMenu ul li a .circle {width:52px; height:52px; border-radius:50%; background-color:#fff; margin:0 auto 5px auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#quickMenu ul li a .circle .on {display:none;}
#quickMenu ul li:hover .circle .on {display:block;}
#quickMenu ul li:hover .circle .off {display:none;}
#quickMenu ul li a span {font-size:16px; font-weight:300; color:#fff; opacity:0.7;}
#quickMenu .quickBtn {width:90px; height:90px; margin:0 auto; background-color:var(--color05); border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#quickMenu .quickBtn i {font-size:32px; color:#fff000; margin-bottom:2px;}
#quickMenu .quickBtn {font-size:17px; font-weight:300; color:#fff; line-height:1.1; }
#quickMenu .quickBtn:hover {background-color:rgba(0,0,0,0.9);}

#quickMenu.quickMenuDesign .tel .phone a {margin-bottom:0px;}
#quickMenu.quickMenuDesign .tel {padding-bottom:0; margin-bottom:0; border-bottom:initial; position:relative;}
#quickMenu.quickMenuDesign .lineType {width:70%; height:1px; background-color:#fff; opacity:0.3; display:block; margin:25px auto 10px auto;}

@media screen and (max-width:1680px) {
    #quickMenu {right:20px;}
    #quickMenu button {width:75px; height:75px; font-size:15px;}
    #quickMenu button i {font-size:28px;}
    #quickMenu .tel .phone a {font-size:25px;}
    #quickMenu .tel dt {font-size:18px;}
    #quickMenu ul li a .circle {width:48px; height:48px;}
    #quickMenu ul li:nth-child(1) a .circle img {width:25px;}
    #quickMenu ul li:nth-child(2) a .circle img {width:28px;}
    #quickMenu ul li:nth-child(3) a .circle img {width:23px;}
}
/* end : 퀵메뉴 */




/* start:footer */
.footer {text-align:center; background-image:url(../../_images/common/footer_bg.png); background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.footer.on {background-image:url(../../_images/common/footer_bg02.png);}
.footer .inner {padding:174px 150px 0 150px;}
.footer .snsLink {position:absolute; right:160px; bottom:110px;}
.footer .snsLink li {width:50px; height:50px; border-radius:50%; background-color:rgba(0,0,0,0.2); margin-left:15px;}
.footer .snsLink li a {width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.footer .snsLink li:hover {background-color:#000;}
.footer .snsLink li:nth-child(1) a img {width:30px;}
.footer .snsLink li:nth-child(2) a img {width:25px;}
.footer .snsLink li:nth-child(3) a img {width:29px;}
.footer .snsLink li:nth-child(4) a img {width:31px;}
.footer .info {width:510px; margin:0 auto 35px auto;}
.footer .info a {font-family:'SCDream'; font-size:40px; font-weight:800; color:#fff; display:block; line-height:1; text-align:right;}
.footer .info .footCustomBtn {display: inline-block; padding: 14px 34px; border: 1px solid white; border-radius: 80px; font-size: 20px;}
.footer .info .footCustomBtn:hover {border:1px solid transparent; }
.footer .info p {}
.footer .info .border {display:block; margin:20px 0 22px 0; width:100%; height:1px; background-color:#fff;}
.footer .info ul {width:100%; display:flex; flex-direction:row; flex-wrap:wrap;}
.footer .info ul li {width:50%; display:flex; flex-direction:row; align-items:center; margin-bottom:7px;}
.footer .info ul li:nth-child(2n) {justify-content:end;}
.footer .info ul li p {font-family:'SCDream'; font-size:16px; color:#fff; line-height:1;}
.footer .info ul li .tit {font-weight:300; width:25%; text-align:left;}
.footer .info ul li .txt {width:170px; font-weight:500; text-align:right; line-height:1.3;}
.footer .store {padding-bottom:88px;}
.footer .store a:nth-child(1) {margin-right:30px;}
.footer .store a {width:250px; height:70px; line-height:68px; text-align:center; border:2px solid #fff; box-sizing:border-box; font-family:'SCDream'; font-size:18px; font-weight:500; color:#fff; border-radius:35px;}
.footer .store a.on {background-color:#fff; color:var(--color02);}
.footer .store a:hover {border:none; color:#fff;}
.footer .desc {font-size:16px; font-weight:400; color:#fff; line-height:1.5; padding-bottom:110px;}
.footer .bgnInfo .copyright img {width:150px; margin-right:20px;}
.footer .bgnInfo .copyright p {font-family:'SCDream'; font-size:12px; font-weight:300; color:#fff; opacity:0.5;}
.footer .bgnInfo ul img {width:24px;}
.footer .bgnInfo ul li {margin-left:43px;}
.footer .bgnInfo ul li a {font-size:14px; font-weight:300; color:#fff;}
.footer .bgnInfo ul li.person a {font-weight:500;}
.footer .bgnInfo ul li:hover a {color:#000;}
.footer .bgnInfo ul li img.on {display:none;}
.footer .bgnInfo ul .home:hover img.off {display:none;}
.footer .bgnInfo ul .home:hover img.on {display:block;}
#scrollTopBtn {width:63px; height:63px; background-color:#0069ff; position:absolute; bottom:0; right:0; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer;}
#scrollTopBtn:hover {background-color:#000;}
#scrollTopBtn.active {position:fixed; right:0; bottom:0; z-index:9;}

@media screen and (max-width:1580px) {
    .footer .desc {font-size:15px;}
    .footer .snsLink {right:8%;}
    .footer .snsLink li {width:45px; height:45px; margin-left:8px;}
    .footer .snsLink li:nth-child(1) a img {width:27px;}
    .footer .snsLink li:nth-child(2) a img {width:22px;}
    .footer .snsLink li:nth-child(3) a img {width:26px;}
    .footer .snsLink li:nth-child(4) a img {width:26px;}    
}
@media screen and (max-width:1380px) {
    .footer .snsLink li {width:40px; height:40px; margin-left:8px;}
    .footer .snsLink li:nth-child(1) a img {width:22px;}
    .footer .snsLink li:nth-child(2) a img {width:17px;}
    .footer .snsLink li:nth-child(3) a img {width:21px;}
    .footer .snsLink li:nth-child(4) a img {width:21px;}    
}
/* end:footer */

.sub {margin-top:115px;}
.sub.active {margin-top:139px;}

@media screen and (max-width:1780px) {
    #header .inner {padding:30px 60px;}
}
@media screen and (max-width:1680px) {
    #header .inner {padding:30px 20px;}
    #header #nav >ul >li >a {font-size:18px;}
    #header .navSub li a {font-size:16px;}
    #header #logoBox a img {width:220px;}
    #header .allBtn img {width:35px;}
    #header #nav {width:calc(100% - 330px);}
    .sub {margin-top:134px;} 
    #header .navSub {top:56px;}
}
@media screen and (max-width:1580px) {
    #header #logoBox a img {width:180px;}
    #header #nav {width:calc(100% - 300px);}
}
@media screen and (max-width:1380px) {
    #header #nav >ul >li >a {font-size:16px;}
    #header .navSub li a {font-size:14px;}
}
@media screen and (max-width:1200px) {
    #header {position:absolute; width:1200px; left:0; transform:translateX(0);}
}
@media screen and (max-width:1024px) {
    .sub { margin-top: 60px;}
}

/* 헤더 상태변화 */
#header.active {position:fixed; background-color:#fff; border-bottom:1px solid #e2e2e2; box-sizing:border-box; transition:all 0.6s;}
#header.active .memberInfo ul li a {color:#999999; font-weight:400;}
#header.active .memberInfo ul li::after {background-color:#999999;;}
#header.active #logoBox .off {display:none;}
#header.active #logoBox .on {display:block;}
#header.active #nav >ul >li >a {font-weight:500; color:#333333;}
#header.active .allBtn .off {display:none;}
#header.active .allBtn .on {display:block;}

/* start : 서브페이지 */
.subWrap #header {background-color:#fff; border-bottom:1px solid #e2e2e2; box-sizing:border-box;}
/* .subWrap #header {position:relative;} */
.subWrap #header.active {position:fixed;}
.subWrap #header .memberInfo ul li a {color:#999999; font-weight:400;}
.subWrap #header .memberInfo ul li::after {background-color:#999999;;}
.subWrap #header #logoBox .off {display:none;}
.subWrap #header #logoBox .on {display:block;}
.subWrap #header #nav >ul >li >a {font-weight:500; color:#333333;}
.subWrap #header .allBtn .off {display:none;}
.subWrap #header .allBtn .on {display:block;}
.subWrap #quickMenu {top:55%; transform:translateY(-50%);}


/* end : 서브페이지 */

.root_daum_roughmap .wrap_btn_zoom {z-index:1 !important;}


/* start : 공통 */
@media screen and (max-width: 768px) {
/* start : 공통 */
body {font-size:1em;}

.layoutWrap {flex-wrap:wrap;}
.flexWrap01 {display:flex; flex-direction:row; align-items:center;}
.flexWrap02 {display:flex; flex-direction:row; align-items:baseline;}
.flexWrap03 {display:flex; flex-direction:row;}
.flexWrap04 {display:flex; flex-direction:row; align-items:flex-start;}
.flexCenter01 {display:flex; flex-direction:row; align-items:center; justify-content:center;}
.flexCenter02 {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexCenter03 {display:flex; flex-direction:row; justify-content:center; align-items:flex-start;}
.flexBetween01 { display:flex; flex-direction:row; justify-content:space-between; align-items:center; } 
.flexBetween02 { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; } 
.flexBetween03 { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.flexEnd01 {display:flex; flex-direction:row; justify-content:end; align-items:center;}
.flexEnd02 {display:flex; flex-direction:row; justify-content:end; align-items:flex-start;}
.flexLeft01 {display:flex; flex-direction:row; justify-content:left; align-items:center;}

.center {text-align:center;}
.left {text-align:left;}

.bg {width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}


.sec {width:100%; position:relative;}
.sec .inner,
.sub .sec .inner { width:calc(100% - 80px); padding:0 40px; position:relative;}  
.sec .inner02 {width:calc(100% - 40px); padding-left:40px;}
.sec .inner03 {width:calc(100% - 60px); padding:0 30px;}
.regular { font-weight:400; } 
.bold { font-weight:700; } 

.section {width:100%; position:relative;}
.section .inner {width:calc(100% - 80px); padding:0 40px; position:relative;}

.customCircle {width:45px; height:45px; border-radius:50%; background-color:var(--color05); }

/* end : 공통 */


/* start : header */
#header {position:fixed; padding:20px 0; top:0; left:50%; transform:translateX(-50%); z-index:99999; width:100%; max-width:720px; }
#header #logo img {width:270px;}
#header #logo img.off {display:block;}
#header #logo img.on {display:none;}

#header.active {background-color:rgba(255,255,255,0.7); padding:10px 0; transition:all 0.6s;}
#header.active #logo img.off {display:none;}
#header.active #logo img.on {display:block;}

#allMenuBtn {width:60px; height:60px;}
#allMenuBtn span {display:block; background-color:#fff; height:4px;}
#allMenuBtn span:nth-child(1) {width:30px;}
#allMenuBtn span:nth-child(2) {width:20px; margin:6px 0 6px 10px;}
#allMenuBtn span:nth-child(3) {width:30px;}

.subRenew #header #logo img.off {display:none;}
.subRenew #header #logo img.on {display:block;}

/* end : header */

/* start : 전체메뉴 */
body.no-scroll {overflow:hidden;}
#gnb {position:fixed; width:100%; top:0; left:50%; transform:translateX(-50%); z-index:99999999999; max-width:720px;}
#gnb.on {width:100%; height:100vh;}
#gnb.on .gnb_wrap {display:block; transform:translateX(0%); transition:all 0.6s; opacity:1;}
#gnb .gnbTopBox {align-items:center;}
#gnb #logoBox02 {align-items:center;}
#gnb #logoBox02 a img {width:200px;}
#gnb #gnb_close {background-color:transparent; font-size:26px; position:absolute; right:30px; top:35px;}
#gnb #gnb_close i {color:#000;}
#gnb .gnb_wrap {width:calc(100% - 60px); height:calc(100% - 70px); padding:35px 30px; background-color:#fff; position:fixed; top:0; right:0; z-index:99999999999999999999999999999999999999999; transform:translateX(-100%); overflow-y:scroll; opacity:0;}
#gnb .gnb_wrap::-webkit-scrollbar { width:1px; -webkit-transition: all 300ms; transition: all 300ms;}
#gnb .gnb_wrap::-webkit-scrollbar-track { width:10px;background-color:#ddd; }
#gnb .gnb_wrap::-webkit-scrollbar-thumb {height:5%; background:#fff; background-clip: padding-box; border:2px solid transparent; border-radius: 8px; }
#gnb .gnb_left, 
#gnb .gnbTopBox {display:none; }
#gnb.on .gnb_left {display:block;}
#gnb.on .gnbTopBox {display:flex;}
#gnb .gnb_left{ width:100%; margin: 0 auto; margin-top:60px; text-align:left; }
#gnb .gnb_left > li > a { display:block; font-family:var(--NotoSans); font-size:16px; font-weight:400; color:#000; padding:15px 0; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
#gnb .gnb_left > li > a.on {color:var(--color01); font-weight:600; border-bottom:1px solid var(--color01);}
#gnb .gnb_left > li > a > span { display:block; width:25px; float:right; text-align:center;}
#gnb .gnb_left > li > a > span::after {content: "\e942"; font-family: 'xeicon' !important; font-size:20px;}
#gnb .gnb_left > li > a > span.on::after {content:"\e945"; font-weight:400;}
#gnb .gnb_sub li a {font-family:var(--NotoSans); font-size:16px; font-weight:400; color:#333; padding:10px 0; display:block;}
#gnb .gnb_sub li a:hover {color:var(--color01); }
#gnb .gnb_left > li:nth-child(1) > a {padding-top:0;}
#gnb .gnb_left ul { display:none; margin:15px 0;}
#gnb .gnb_left ul.on {display:block;}
#gnb .sidemenuMo {margin-top:30px; align-items:center;}
#gnb .sidemenuMo li {margin-right:15px;}
#gnb .sidemenuMo li a:hover i {color:var(--color01); opacity:1;}
#gnb .sidemenuMo li a i {font-size:30px; color:#333; opacity:0.3;}
#gnb .sidemenuMo li:nth-child(2) a i {position:relative; top:0.5px; font-size:31px;}
#gnb .globalLink {margin-top:40px;}
#gnb .globalLink li {margin-right:15px;}
#gnb .globalLink li.active a {font-weight:600; color:var(--color01); border-bottom:1px solid var(--color01); box-sizing:border-box;}
#gnb .globalLink li a {display:block; font-size:16px; font-weight:400; color:#919191; line-height:1.2;}
#gnb .globalLink li:hover a {color:var(--color01);}


#gnb .gnb_left > li > a.active {color:var(--color01); font-weight:600; border-bottom:1px solid var(--color01);}
#gnb .gnb_left > li > a > span.active::after {content:"\e945"; font-weight:400;}
#gnb .gnb_left .gnb_sub.active {display:block;}
#gnb .gnb_left .gnb_sub li.active a{color:var(--color01); }

/* end : 전체메뉴 */


/* s:푸터 */
#footer {background-image:url('../../_images/common/footer_bg.png'); background-size:cover; background-repeat:no-repeat; background-position:bottom; padding-top:50px; padding-bottom:188px; width:100%; max-width:720px; left:50%; transform:translateX(-50%);}
#footer .title {background-color:rgba(0,0,0,0.1); width:400px; margin:0 auto; text-align:center; font-family:'SCDream'; font-size:30px; font-weight:400; color:#fff; padding:15px 0; margin-bottom:40px;}
#footer .descBox {margin-bottom:35px;}
#footer .descBox a {width:40%; margin-right:5%; text-align:center; display:block;}
#footer .descBox a span {display:block;}
#footer .descBox a img {margin-bottom:45px;}
#footer .descBox a .border {background-color:#fff; width:30px; height:5px; margin:11px auto;}
#footer .descBox a .text {font-family:'SCDream'; font-size:80px; font-weight:800; color:#fff; line-height:1;}
#footer .descBox ul {width:55%; border-top:1px solid rgba(255,255,255,0.8); }
#footer .descBox ul li {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:12px;}
#footer .descBox ul li:first-child {padding-top:18px;}
#footer .descBox ul li:last-child {margin-bottom:0;}
#footer .descBox ul li .tit {font-family:'SCDream'; font-size:24px; font-weight:300; color:#fff; text-align:left;}
#footer .descBox ul li .txt {font-family:'SCDream'; font-size:24px; font-weight:500; color:#fff; text-align:right;}
#footer .snsLink {margin:40px auto;}
#footer .snsLink li {width:80px; height:80px; border-radius:50%; background-color:rgba(0,0,0,0.2); }
#footer .snsLink li:nth-child(n):not(:last-child) {margin-right:7%;}
#footer .snsLink li a {width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#footer .snsLink li:hover {background-color:#000;}
#footer .snsLink li a img {width:50%;}
#footer .snsLink li:nth-child(1) a img,
#footer .snsLink li:nth-child(3) a img {width:55%;}
#footer .infoBox {text-align:center; margin-bottom:35px;}
#footer .infoBox p {font-size:24px; font-weight:400; color:#fff; opacity:0.5; line-height:1.3;}
#footer .infoBox a {color:#fff;}
#footer .moveList a {font-size:26px; font-weight:300; color:#fff; padding-bottom:10px;}
#footer .moveList li:nth-child(n):not(:last-child) {margin-right:25px;}
#footer .moveList li:nth-child(2) a {font-weight:400; border-bottom:2px solid #fff;}
#footer .footCustomBtn {margin-bottom:20px; display: block; width:100%; padding:10px 0; text-align:center; border:3px solid white; border-radius:18px; font-size: 20px; font-weight:600; color:#fff;}
#footer .footCustomBtn i {position:relative; top:1px;}

/* e:푸터 */

/* s:퀵바 */
#quickMenu {position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:99; width:100%; max-width:720px; padding:25px 0 20px 0; background-color:#fff;}
#quickMenu ul li {width:25%; text-align:center;}
#quickMenu ul li .iconBox {height:56px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#quickMenu ul li:nth-child(1) .iconBox img {width:54px;}
#quickMenu ul li:nth-child(2) .iconBox img {width:52px;}
#quickMenu ul li:nth-child(3) .iconBox img {width:48px;}
#quickMenu ul li:nth-child(4) .iconBox img {width:56px;}
/* #quickMenu ul li:nth-child(1) .iconBox img,
#quickMenu ul li:nth-child(5) .iconBox img {position:relative; top:4px;} */
#quickMenu ul li:nth-child(4) .iconBox img {position:relative; top:4px;}
#quickMenu ul li span {display:block; font-size:25px; font-weight:400; color:#999999; margin-top:10px; line-height:1;}

/* e:퀵바 */
.root_daum_roughmap .wrap_btn_zoom {z-index:1 !important;}
}

@media screen and (max-width:480px) {
    .sec .inner,
    .sub .sec .inner {width:calc(100% - 40px); padding:0 20px;}
    .sec .inner02, .sec .inner03 {width:calc(100% - 40px); padding-left:20px;}

    .section .inner {width:calc(100% - 40px); padding:0 20px;}

    #header #logo img {width:180px;}
    #allMenuBtn {width:45px; height:45px;}
    #allMenuBtn span {height:3px;}
    #allMenuBtn span:nth-child(1) {width:22px;}
    #allMenuBtn span:nth-child(2) {width:15px; margin:5px 0 5px 7px;}
    #allMenuBtn span:nth-child(3) {width:22px;}

    #gnb #logoBox02 a img {width:150px;}
    #gnb #gnb_close {top:30px;}
    #gnb .gnb_wrap {padding:35px 20px; width:calc(100% - 40px);}

    #footer .title {font-size:1.2em; width:300px;}
    #footer {padding-bottom:120px;}
    #footer {padding-top:40px;}
    #footer .descBox a .text {font-size:45px; }
    #footer .descBox ul li .tit,
    #footer .descBox ul li .txt {font-size:1em;}
    #footer .infoBox p {font-size:1em;}
    #footer .snsLink li {width:55px; height:55px;}
    #footer .moveList a {font-size:1.1em; padding-bottom:5px;}
    #footer .moveList li:nth-child(n):not(:last-child) {margin-right:4%;}    
    #footer .snsLink li:nth-child(n):not(:last-child) {margin-right:3.5%;}

    #quickMenu {padding:15px 0;}
    #quickMenu ul li .iconBox {height:34px;}
    #quickMenu ul li:nth-child(1) .iconBox img {width:33px;}
    #quickMenu ul li:nth-child(2) .iconBox img {width:32px;}
    #quickMenu ul li:nth-child(3) .iconBox img {width:27px;}
    #quickMenu ul li:nth-child(4) .iconBox img {width:35px;}
    #quickMenu ul li span {font-size:0.9em; margin-top:5px;}
}