@charset "utf-8";

.container{margin-top:10rem;}
@media (max-width: 1200px){
    .container{margin-top:6rem;}
}

/*-----------------------*/
.location_area{padding: 8rem 0; border-bottom: 1px solid #e4e6ea; position:relative; overflow:hidden;}
.location_area a{text-decoration: none; pointer-events:none; cursor: default;}
.location_area .title{ font-size:5rem; font-weight:800; padding-bottom: 5rem; font-family:'NanumSquareNeo'; letter-spacing: -0.033em;}
.location_area .location{ font-size:1.4rem; display:flex; align-items:center;}
.location_area .location a::before{content:"\f105"; font-size: 1.6rem; font-weight:300; margin: 0 1rem; font-family:"Font Awesome 6 Pro";}
.location_area .location a:first-child::before{content:"\f015"; font-size: 1.3rem; font-weight:900; line-height: 1.6; margin:0; vertical-align:top;}
.location_area>.bg_img{ width:90rem; height:auto; position: absolute; bottom:0; right:0; transform: translate(33%,0%); z-index:-1;}
@media (max-width:1200px){
    .location_area{padding: 6rem 0;}
    .location_area .title{font-size:4.6rem; padding-bottom:3rem;}
}
@media (max-width:768px){
    .location_area{padding: 4rem 0;}
    .location_area .title{ font-size:3rem; padding-bottom: 2rem;}
    .location_area>.bg_img{ width:50rem; transform: translate(50%,0%);}
}
/*-------------------------------------------------*/
.category_area{position: absolute; top:28rem; left:50%; transform: translateX(-50%); display:flex; justify-content:flex-end;}
.category_area>a{ 
        color:var(--color_basic1); background-color: var(--color_Brand); 
        padding:1.8rem 3rem; text-decoration:none; transition: all .3s; position: relative; display: flex;
}
.category_area>a:hover { background-color: var(--color_basic2);}
.category_area .on{background-color: var(--color_basic2);}
.category_area>a:first-child{border-radius: 5rem 0 0 5rem; padding-left:4rem; }
.category_area>a:last-child{border-radius: 0 5rem 5rem 0; padding-right:4rem;}  
@media (max-width:1200px){
    .category_area { display:none;}
}


/*----------------------------------------------------------------------*/
.content_area{padding-top:8rem; font-family:'NanumSquareNeo'; font-weight:700;}
@media (max-width: 1200px){
    .content_area{padding-top:6rem;}
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
.ctt_admin i{display:none;}
.ctt_admin{display:flex; justify-content: flex-end;}
.ctt_admin .btn_admin{ color: inherit;
    margin:2rem 0 0; padding: 0.8rem 2rem; border-radius:5rem; 
    background-color:#f5f7f8; transition: all .3s; display:block; vertical-align:top; text-decoration: none;
}
.ctt_admin .btn_admin:hover{color:#fff; background-color: #404247;}
.ctt_admin .btn_admin::before{content:'내용수정';}
/*----------------------------------------------------------------------*/