@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; overflow-x: hidden;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1.6rem; }
#content {	position:relative; width:100%; min-width:320px; font-size:1.6rem; padding-top: 102px;}
.inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1450px;	position:relative;	margin-left:auto;	margin-right:auto;}

@media all and (max-width:1360px){
    #content{padding-top: 72px;}
}

/* 타블렛 가로 */
@media all and (max-width:1399px) {	
.inner {width:94%;}
.s-inner {width:94%;}
}

/* header */
#header{position: fixed; width: 100%; height: 102px; background-color: #fff; z-index: 99; box-sizing: border-box; border-bottom: 1px solid #ebebeb; top: 0;}
#header #logo{position: absolute; left: 70px; top: 25px; z-index: 100;}
#header .consulting{position: absolute; top:32px; right: 70px;}
#header .consulting a{font-size: 1.5rem; color: #38ba8c; border-radius: 10px; border: 1px solid #38ba8c; padding: 12px 30px; display: block; line-height: 1em;}

.pc_nav{}
.pc_nav #gnb{display: flex; justify-content: center;}
.pc_nav #gnb li{}
.pc_nav #gnb li a{display: block; line-height: 102px; font-weight: 500; font-size: 1.7rem; color: #333; padding: 0 24px;}
.pc_nav #gnb li a:hover{color: #00a6e4;}

#menuToggle {display: none; position:absolute; right:2%; top:26px; width:30px; height:22px; cursor:pointer; z-index:101;}
#menuToggle span {display:block; position:relative; left:0; height:2px; background:#222; transition:0.5s all; -webkit-transition:0.5s all;}
#menuToggle span.t {top:0; width:75%}
#menuToggle span.m {top:35%; margin-top:-1px; width:100%}
#menuToggle span.b {bottom:-70%; width:50%;}

/* moMenu */
.moMenu{display: none; max-width: 50px;; position: absolute; right: 15px; top: 25px;}
.moMenu img{width: 100%;}
#moGnb {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    -ms-overflow-style: none;
}
#moGnb::before{
    content: '';
    background: rgba(0,0,0,0.8);
    width: 150vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -50vw;
}
#header.mo_on #moGnb{display: block;}
#moGnb > ul > li > a {
    display: block;
    width: 100%;
    font-size: 1.4em;
    color: #fff;
    line-height: 3em;
    box-sizing: border-box;
    padding: 0 2%;
    position: relative;
    text-align: center;
}

#moGnb > ul > li > ul > li > a {
    display: block;
    width: 100%;
    font-size: 1em;
    color: #fff;
    line-height: 45px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    background: #a5bd6e;
    box-sizing: border-box;
    padding: 0 2%;
}
#moGnb .smenu{padding: 0;}
#moGnb .smenu li{padding: 0;}

.moMenu.active{right: 300px;}

#moGnb{display: none;}
#moGnb #gnb{background-color: #fff;}

#moGnb .gnb_dp1_wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

@media all and (max-width:1600px){
    .pc_nav #gnb{margin-left:190px;}
    #header #logo{left: 2%;}
    #header .consulting{right: 2%;}
}
@media all and (max-width:1360px){
    #header{height: 72px;}
    #header #logo{max-width: 240px; top:16px; }
    #header #logo img{max-width: 100%;}
    #header .consulting{top: 16px; right: 72px;}
    .pc_nav{display: none;}
    #menuToggle{display: block;}
    .moMenu{display: block;}
}
@media all and (max-width:640px){
    #header #logo{max-width: 180px; top:21px; }
    #header .consulting{top: 18px; right: 60px;}
    #header .consulting a{padding: 10px 18px;}
}

/* footer */
#footer {	width:100%;	clear:both;	position:relative;	margin:0 auto;	background:#fff;  padding-bottom: 70px; margin-top: 60px;}
#footer .inner{border-top: 1px solid #dedede;display: flex; padding-top: 50px;}
#footer .inner .f_logo{}
#footer .inner .f_logo img{max-width: 100%;}
#footer .inner .info{padding-left: 50px;}
#footer .inner .info ul{display: flex; margin-bottom: 10px;}
#footer .inner .info ul li{margin-right: 15px;}
#footer .inner .info ul li a{color: #333; font-size: 1.5rem;}
#footer .inner .txt{}
#footer .inner .txt span{font-size: 1.5rem; color: #666; line-height: 1.8em;}
#footer .inner .txt .copy{color: #999; font-size: 1.5rem; margin-top: 5px;}

@media all and (max-width:1280px){
    #footer{margin-top: 4rem; padding-bottom: 5rem;}
    #footer .inner{padding-top: 3.5rem;}
}
@media all and (max-width:999px){
    #footer .inner{flex-direction: column;}
    #footer .inner .f_logo{text-align: center;}
    #footer .inner .f_logo img{max-width: 260px;}
    #footer .inner .f_logo{margin-bottom: 2rem;}
    #footer .inner .info{padding-left: 0; text-align: center;}
    #footer .inner .info ul{justify-content: center;}
}