@charset "utf-8";

@import url('/design/common/css/s-core.css');
@import url('/design/common/css/Pretendard.css');
@import url('/design/common/css/GmarketSans.css');

body{font-size: 16rem;  overflow-x: hidden; font-family: 'SCDream', 'sans-serif'; letter-spacing: -0.7rem;}
a{color: #333333;}

h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact;}


#skipBtn a{font-size: 12rem !important;}

/* 메뉴 target="_blank" */
#pc_nav .depth01 a[target="_blank"] span,
#m_nav .depth01 a[target="_blank"] span{position: relative; display: inline-block; padding-right: 19rem;}
#pc_nav .depth01 a[target="_blank"] span::after,
#m_nav .depth01 a[target="_blank"] span::after{position: absolute; content: ""; background: url('/design/smartairdome/img/layout/blank_all.png') no-repeat right center; width: 14rem; height: 14rem; background-position: -13px, -13px; right: 0; top: 50%; transform: translateY(-50%);}
#m_nav a.link::before{display: none;}

/* #pc_nav .depth01 > li > a[target="_blank"] span::before{background-position-x: -42px;}
#m_nav nav .depth01 > li.on > a[target="_blank"] span::before{background-position-x: -14px;} */

#header{height: 100rem; width: 100%;}
#header .wrap1{height: 100%; display: flex; justify-content: space-between; align-items: center;}
h1.logo{margin-left: 45rem;}
h1.logo a{display: inline-block; width: 181rem; height: 51rem; text-indent: -9999px; background: url('/design/smartairdome/img/layout/logo.png') no-repeat left center; background-size: contain; margin-bottom: 4rem;}
#pc_nav{font-family: 'Pretendard'; position: relative;}
#pc_nav .depth01 > li{display: inline-block; margin: 0 28rem; position: relative;}

#pc_nav .depth01 > li > a{color: #363636; font-size: 24rem;  font-weight: 500;  position: relative; display: block; line-height: 100rem;}
#pc_nav .depth01 > li:hover > a,
#pc_nav .depth01 > li.on > a{color: #107810; font-weight: 700;}

#pc_nav .depth01 > li > a span{position: relative;}
#pc_nav .depth01 > li:hover > a span::before,
#pc_nav .depth01 > li.on > a span::before{position: absolute; content: ""; width: 6rem; height: 6rem; border-radius: 50px; background: #107810; right: -5px; top: -5px;}

#pc_nav .depth02{display: none; position: absolute; top: 87rem; left: 50%; transform: translateX(-50%); background: #107810; box-shadow: 10rem 10rem 15rem rgb(0 0 0 / 10%); padding: 20rem 0; z-index: 100;}

#pc_nav .depth02 > li{width: 170rem; text-align: center;}
#pc_nav .depth02 > li > a{display: block; padding: 10rem; color: #fff; font-weight: 400; font-size: 18rem;}
#pc_nav .depth02 > li > a span{position: relative;}
#pc_nav .depth02 > li > a span::before{position: absolute; content: ""; left: 50%; bottom: -6rem; width: 0; height: 1px; background: #fff; z-index: -1; transition: all 0.5s;}
#pc_nav .depth02 > li:hover > a{font-weight: 600;}
#pc_nav .depth02 > li:hover > a span::before{width: 100%; left: 0;}

.right{display: flex; align-items: center; gap: 60rem;}
.right .l_link{font-size: 14px; font-weight: 400; color: #535353; padding: 8rem 26rem; background: #f5f5f5; border-radius: 50px; }
.right .l_link span{padding-right: 20rem; background: url('/design/smartairdome/img/layout/link_nav.png') no-repeat center right;}
.sitemap{background: #256346 url('/design/smartairdome/img/layout/sitemap.png') no-repeat center center; display: block; text-indent: -9999px; width: 100rem; height: 100rem;}
.sitemap.mobile{display: none;}

#m_nav{visibility: hidden; position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 300;}
#m_nav::before{position: fixed; content: ""; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
#m_nav nav{position: fixed; top: 0; right: -100%; height: 100%; width: 100%; max-width: 350rem; background: #fff; transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1); }

#m_nav.open{visibility: visible;}
#m_nav.open::before{background: rgb(0, 0, 0, 0.7);}
#m_nav.open nav{right: 0;}

#m_nav nav .top{display: flex; gap: 16rem; height: 78rem; align-items: center; width: calc(100% - 55rem); margin: 0 20rem;}
#m_nav nav .top a.mlogo{display: block; text-indent: -9999px; background: url('/design/smartairdome/img/layout/logo.png') no-repeat center center; width: 178rem; height: 50rem; background-size: contain;}
#m_nav nav .top a.link{font-family: 'Pretendard'; font-size: 16rem; font-weight: 600; color: #5a5a5a; padding-top: 6rem;}
#m_nav nav .top a.link span{position: relative; padding-right: 18rem;}
#m_nav nav .top a.link span::after{position: absolute; content: ""; background: url('/design/smartairdome/img/layout/m_blank.png') no-repeat; width: 14rem; height: 14rem; right: 0; top: 2px; background-position: 0, 19px;}

#m_nav nav .close{position: absolute; top: 0; right: 4rem; width: 55rem; height: 78rem; text-indent: -9999px;}
#m_nav nav .close a{display: block; position: absolute; top: 50%; left: 50%; width: 20rem; height: 20rem; z-index: 400; transform: translate(-50%, -50%);}
#m_nav nav .close a span{display: block; position: absolute; top: 50%; left: 0; height: 2rem; width: 100%; background: rgba(255,255,255,0); color: transparent; translate:(0, -50%);}
#m_nav nav .close a span::before,
#m_nav nav .close a span::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 2rem; background: #333;}
#m_nav nav .close a span::before{transform: rotate(45deg);}
#m_nav nav .close a span::after{transform: rotate(-45deg);}


#m_nav nav .depth01{margin: 10rem 20rem; border-top: 2rem solid #333;}
#m_nav nav .depth01 > li{border-bottom: 1px solid #d3d3d3;}
#m_nav nav .depth01 > li > a{display: block;  padding: 14rem 10rem 14rem 20rem; font-size: 16rem; position: relative;}
#m_nav nav .depth01 > li.on > a{background: #1b5c1c; color: #fff;}

#m_nav nav .depth01 > li > a::after{position: absolute; content: ""; right: 20rem; top: 50%; transform: translateY(-50%); background: #505050; width: 9rem; height: 2rem;}
#m_nav nav .depth01 > li.on > a::after{width: 6rem; height: 6rem; border-right: 2rem solid #fff; border-bottom: 2rem solid #fff; background: transparent; transform: rotate(45deg); top: 25rem;}

#m_nav nav .depth02{display: none; background: #f9f9f9;}
#m_nav nav .depth02 > li > a{display: block; padding: 8rem 10rem 8rem 20rem; font-size: 15rem; color: #505050; font-weight: 400;}
@media all and (max-width: 1240px) {
    #header{height: 90rem;}
    h1.logo{margin-left: 30rem;}
    #pc_nav .depth01 > li{margin: 0 20rem;}
    #pc_nav .depth01 > li > a{font-size: 22rem; line-height: 90rem;}
    .right .l_link{display: none;}
    .sitemap{width: 90rem; height: 90rem;}
  }
@media all and (max-width: 1024px) {
    #header{height: 80rem;}
    #pc_nav{display: none;}
    #pc_nav .depth01 > li > a{font-size: 22rem; line-height: 80rem;}
    .sitemap{width: 80rem; height: 81rem;}
    .sitemap.mobile{display: block;}
    .sitemap.pc{display: none;}
}
@media all and (max-width: 480px) {
    h1.logo{margin-left: 10rem;}
    h1.logo a{background-size: 90%;}
}
/* 푸터 */
.wrap2{align-items: baseline; max-width: 1320px; width: 100%; margin: 0 auto; padding: 0 10rem;}
#footer .wrap2{display: flex; justify-content: space-between;}
#footer{background: #4a4a4a; padding: 64rem 0;}
#footer a.logo{display: block; text-indent: -9999px; background: url('/design/smartairdome/img/layout/logo_w.png') no-repeat center center; width: 220rem; height: 68rem;}

#footer .left{display: flex; gap: 118rem; color: #fff; font-weight: 400;}
.footer_info ul{display: flex; gap: 20rem;}
.footer_info ul li a{color: #fff; font-weight: 300; font-size: 17rem; position: relative;}
.footer_info ul li:first-child a{color: #ffc939; font-weight: 400;}
.footer_info ul li:first-child a::before{position: absolute; content: ""; background: #ffc939; width: 100%; height: 1rem; left: 0; bottom: 0;}
.footer_info p{font-weight: 300; font-size: 16rem;}
.footer_info p.address{font-size: 16rem; margin: 22rem 0 9rem 0;}
.footer_info p.address strong{font-weight: 500;}
.footer_info p.copy{font-size: 15rem;}

#footer .right a{display: block; background: #303030 url('/design/smartairdome/img/layout/link_fo.png') no-repeat 160rem 14rem; color: #fff; font-size: 16rem; font-weight: 300; width: 204rem; line-height: 49rem; padding-left: 28rem;}
#footer .right a span{font-weight: 400;}


@media all and (max-width: 1180px) {
    #footer .left{gap: 50rem;}
    .footer_info ul li a{font-size: 16rem;}
    .footer_info p.address{font-size: 15rem;}
    .footer_info p.copy{font-size: 14rem;}
}
@media all and (max-width: 990px) {
    #footer{padding: 40rem 10rem;}
    #footer .wrap2{gap: 20rem; flex-wrap: wrap; justify-content: center;}
    .footer_info{text-align: center; width: 100%;}
    .footer_info ul{justify-content: center;}
    #footer .left{width: 100%; gap: 30rem; flex-wrap: wrap; justify-content: center;}
}
@media all and (max-width: 500px) {
    #footer a.logo{background-size: 90%;}
    .footer_info ul li a{font-size: 15rem;}
    .footer_info ul{gap: 10rem;}
    .footer_info p.address span{display: block; padding-top: 5rem;}
    #footer .left{width: 100%; gap: 30rem; flex-wrap: wrap; justify-content: center;}
}

/* top */
.fixedTop.fixedTop {visibility:hidden; opacity:0; position:fixed; right:1px; bottom:1px; transition:0.3s; z-index: 2;}
.fixedTop a {display:block; width:89px; height:89px; background:url('/design/smartairdome/img/layout/fixedTop.png') no-repeat center; text-indent:-9999px;}
.fixedTop a:focus {border:1px dashed #ddd;}
.fixedTop.shown {visibility:visible; opacity:1;}
@media all and (max-width:1400px){
	.fixedTop.fixedTop {right:0px; bottom:0px;}
	.fixedTop a {width:70px; height:70px; background-size:contain;}
}