@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css

**************************************************************************/

.header{position:fixed;top:0;width:100%;z-index:999;background:transparent;transition:background 0.3s ease;}
.header.scrolled{background:#fff;}
.header .layout{max-width:1700px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0px;}
.header .layout .logo{width:160px;}
.header .layout .middle{display:flex;gap:65px;}
.header .layout .middle .menu{font-size:17px;font-weight:500;}
.header .layout .right{display:flex;gap:30px;}
.header .layout .right .call{color:#935524;font-size:27px;display:flex;gap:5px;align-items: center;font-weight:700;}
.header .layout .right .menu{border:1px solid#935524;color:#935524;border-radius:50px;font-size:15px;padding:8px 30px;}

.header1{position:fixed;top:0;width:100%;z-index:999;background:#935524;transition:background 0.5s ease;}
.header1.scrolled{background:#fff;}
.header1 .layout{max-width:1700px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0px;}
.header1 .layout .logo{width:160px;}
.header1 .layout .middle{display:flex;gap:65px;}
.header1 .layout .middle .menu{font-size:17px;font-weight:500;color:#e7d3c3;}
.header1 .layout .right{display:flex;gap:30px;}
.header1 .layout .right .call{font-size:27px;display:flex;gap:5px;align-items: center;font-weight:700;color:#fff;}
.header1 .layout .right .menu{border:1px solid#fff;color:#fff;border-radius:50px;font-size:15px;padding:8px 30px;}
.header1.scrolled .layout .middle .menu{color:#000;}
.header1.scrolled .layout .right .call{color:#935524;}
.header1.scrolled .layout .right .menu{border:1px solid#935524;color:#935524;}

.bottom{background:#272727;}
.bottom .layout{max-width:1700px;margin:0 auto;display:flex;justify-content:space-between;padding:50px 0px 80px 0px;}
.bottom .layout .left .line01{display:flex;gap:40px;}
.bottom .layout .left .line01 .lv01{color:#9f9f9f;font-size:14px;}
.bottom .layout .left .line01 .lv01 span{color:#fff;font-size:16px;font-weight:600;padding-left:10px;}
.bottom .layout .left .line02{padding-top:30px;line-height:1.5;}
.bottom .layout .left .line02 .lv02{color:#9f9f9f;font-size:14px;}
.bottom .layout .left .line02 .lv02 span{padding-left:10px;}
.bottom .layout .left .lv03{padding-top:30px;color:#9f9f9f;font-size:14px;}
.bottom .layout .right .line03{display:flex;gap:5px;}
.bottom .layout .right .line03 .lv04{background:#fff;padding:10px 25px;font-size:15px;font-weight:600;}
.bottom .layout .right .line03 .lv05{border:1px solid#fff;color:#fff;padding:10px 25px;font-size:15px;}
.bottom .layout .right .lv06{text-align:right;color:#fff;font-size:30px;font-weight:700;margin-top:15px;}

.m_header{display:none;}
.mobile_menu_modal{display:none;}

/* tablet */
@media all and (max-width:1280px) {

.header{display:none;}
.header1{display:none;}

.m_header{display:block;position:fixed;top:0;left:0;width:100%;z-index:999;background:#935524;transition:0.5s;}
.m_header_inner{height:55px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;}
.m_logo img{width:112px;display:block;}
.menu_btn{border:none;background:none;font-size:23px;cursor:pointer;color:#fff;padding:0;transition:0.3s;margin-top:-4px;}
.m_header.scrolled{background:#fff;border-bottom:0px solid #e5e5e5;}
.m_header.scrolled .menu_btn{color:#000;}
.mobile_menu_modal{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:9999;opacity:0;visibility:hidden;transition:0.3s;}
.mobile_menu_modal.active{opacity:1;visibility:visible;}
.mobile_menu_top{height:55px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:0px solid #e5e5e5;}
.close_btn{border:none;background:none;font-size:23px;cursor:pointer;color:#000;padding:0;}
.mobile_menu_list{padding:40px 20px;display:flex;flex-direction:column;gap:25px;}
.mobile_menu_list a{font-size:19px;font-weight:500;color:#353535;text-decoration:none;}

.bottom .layout{padding:50px 20px 70px 20px;flex-direction:column-reverse;}
.bottom .layout .right .line03 .lv04{padding:8px 10px;font-size:13px;}
.bottom .layout .right .line03 .lv05{padding:8px 10px;font-size:13px;}
.bottom .layout .left .line01{margin-top:30px;gap:2px;flex-direction:column;}
.bottom .layout .left .line01 .lv01{font-size:13px;}
.bottom .layout .left .line01 .lv01 span{font-size:14px;}
.bottom .layout .left .line02 .lv02{font-size:13px;}
.bottom .layout .left .lv03{font-size:12px;}
.bottom .layout .right .lv06{text-align:left;font-size:25px;}
}