/*공통*/
.w1400 {width:1400px; margin:0 auto;}

/*헤더*/
header {position:relative; background:#fff; transition: top 0.2s ease-in-out;}
.nav-up {top: -80px;}
header .w1400 {position:relative; display:flex; justify-content:space-between; align-items:center; z-index:105}
header .header_wrap {position:relative;}
header .logo {width:20%;}
header .logo a {display:flex; align-items:center;}
header .logo img {max-width:100%;}
header .depth1 {display:flex; justify-content:center; width:100%; width:60%;}
header .depth1>li {position:relative; text-align:center; padding:0 4%;} 
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1>li>a {display:block; font-size:18px; color:#333333; font-weight:bold; line-height:85px; }
header .depth1>li.on:hover {color:var(--txt-color);}
header .depth1>li.on:hover span::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
header .depth1>li.on span {position:relative; display:block; line-height:85px; white-space:nowrap;  }
header .depth2 {display:none; position:absolute; left:0; /*top:100px; */width:100%; background:#fff; margin-top:1px; padding:20px 0; z-index:101; }
header .depth2:hover { display:block; }
header .depth2.on { display:block }
header .depth2 li a {display:block; font-size:16px; font-weight:500; text-align:center; padding:10px 10px;}
header .depth2 li a:hover {font-weight:600; color:var(--txt-color)}
header .util_wrap {display:flex; align-items:center; justify-content:end; width:20%; }
header .util {display:flex; align-items:center;  justify-content:end; gap:5px;}
header .util>li {position:relative;}
header .util>li>a {display:flex; align-items:center;  justify-content:center;  width:44px; height:44px; border-radius:100px; } 
header .util>li.my a {background-color:#222222; color:#fff; font-size:14px;}
header .util>li.my i {font-size:22px;}
header .util>li.search a {background-color:var(--txt-color); color:var(--y-txt-color2); font-size:15px;}
header .util>li i {font-weight:400;}
header .util .quick_my {position:absolute; left:45%; top:50px; transform:translate(-45%, 0); min-width:130px; border-radius:5px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:88;}
header .util .quick_my li {border-bottom:1px dotted #ddd; }
header .util .quick_my li:last-child {border-bottom:0;}
header .util .quick_my li a {display:block; font-size:14px; color:#555 !important; background-color:#fff; padding:10px 0; text-align:center;}
header .util .quick_my li a:hover {font-weight:bold;}
header .m_menubtn {display:none;}
header .menu_bg {display:none;position:absolute; top:85px; width:100%; height:260px; background:#fff; border-top:1px solid #ddd; z-index:100; /*transition:height 0.3s ease-in-out;*/ box-shadow:0px 5px 10px rgba(0,0,0,0.05); /*display:none;*/ z-index:101;}
header .menu_bg.on { display:block; } /*추가*/
/*header .menu_bg::after {content:""; display:block; position:absolute; top:90px; width:100%; height:1px; background:#ddd; }*/

header.on a { color:#fff !important; }
header.not- {background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.01);}
header.not- a { color:#111 !important; }
header.on .depth2>li a { color:#333 !important; }
header.not- .depth2>li a { color:#333 !important; }
header.on .depth2 { border:none; }


footer {background-color:#fff;}
footer .w_wrap {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:20px 0;}
footer .w_wrap .w1400 {display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px 10px; align-items:center;}
footer .sns {display:flex; flex-wrap:wrap; gap:5px;}
footer .sns img {width:25px;}
footer .b_link {display:flex; gap:5px 20px; font-size:15px; font-weight:450; color:#2f2f2f;}
footer .b_logo {max-width:300px; margin-bottom:20px;}
footer .b_logo a {display:inline-block;}
footer .b_logo img {max-width:100%;}
footer .company_info {font-size:14px; color:#555555; font-weight:450; line-height:1.4; }
footer > .w1400 {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 30px; padding-top:40px; padding-bottom:40px;}
footer .left {flex-direction:column; gap:20px;}
footer .right p {font-size:16px; color:#2f2f2f; font-weight:bold;}
footer .right .num {font-size:34px; color:#2f2f2f; font-weight:900; font-family:'Tmon'; margin:15px 0;}
footer .right .call_time {font-size:14px; line-height:1.4; color:#555555; font-weight:450;}

/*메인*/
.main_con {overflow:hidden;}
.main_visual {position:relative;}
.main_visual .main_txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1400px; }
.main_visual .main_txt .b1 {display:block; color:#7cc6ff; font-size:24px; font-family:'Tmon'; font-weight:900; line-height:1.3;}
.main_visual .main_txt .b2 span {display:block; color:#fff; font-size:55px;  font-family:'Tmon'; font-weight:900; margin:20px 0 30px 0; line-height:1.3;}
.main_visual .main_txt a {display:inline-flex; align-itmes:center; justify-content:space-between; font-size:16px; color:#fff; font-weight:400; padding:13px 20px; background-color:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.5); border-radius:100px;  transition:background-color 0.5s;}
.main_visual .main_txt .b1,
.main_visual .main_txt .b2,
.main_visual .main_txt a {overflow: hidden; vertical-align: top;}
.main_visual .main_txt .b1,
.main_visual .main_txt .b2 span,
.main_visual .main_txt a {transform: translateY(110%); opacity: 0; transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s ease;}
.main_visual .swiper-slide-active .main_txt .b1,
.main_visual .swiper-slide-active .main_txt .b2 span,
.main_visual .swiper-slide-active .main_txt a {transform: translateY(0);opacity: 1;}
.main_visual .swiper-slide-active .main_txt .b1 { transition-delay: 0.1s; }
.main_visual .swiper-slide-active .main_txt .b2 span  { transition-delay: 0.3s; }
.main_visual .swiper-slide-active .main_txt a { transition-delay: 0.7s; }
.main_visual .main_txt a i {padding-left:40px;}
.main_visual .main_txt a:hover {background-color:#fff; color:#555;}

.main_visual .swiper-slide {display:flex; justify-content:center;}
.main_visual .swiper-slide img {display:block; width:100%; height:auto;  margin:0 auto;}
.main_visual .swiper-pagination {display:flex; align-items:center;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, 
.main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, 
.main_visual .swiper-pagination-custom, .swiper-pagination-fraction {position:absolute; top:initial !important; left:50% !important; bottom:10% !important; transform:translate(-50%,0%); width:1400px !important; text-align:left;}
.main_visual .swiper-pagination-bullet {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:100px; opacity:1; background:none;}
.main_visual .swiper-pagination-bullet::before {content:""; display:block; width:4px; height:4px; background:#fff; border-radius:100px;}
.main_visual .swiper-pagination-bullet-active {border:1px solid rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.1);}

/*메인 견적 문의*/
.main_estimate_wrap {position:absolute; bottom:100%; right:0; width:28%;  z-index:1;}
.main_estimate {background-color:#fff; border-radius:20px 0 0 0; padding:25px 25px 30px 25px; }
.main_estimate .title {font-size:20px; font-weight:800; text-align:center; margin-bottom:20px;}
.main_estimate .title b {color:var(--txt-color);}
.main_estimate input {background-color:#f6f6f6; border:1px solid #e9e9e9; border-radius:3px; padding:13px 18px; color:#333; font-size:15px; }
.main_estimate input::placeholder {color:#777777;}
.main_estimate .input_wrap {display:flex; flex-direction:column; gap:5px;}
.main_estimate .i2 {display:flex; gap:5px;}
.main_estimate .i2 input {width:calc((100% - 5px) / 2);}
.main_estimate textarea {height:120px; background-color:#f6f6f6; border:1px solid #e9e9e9; border-radius:3px; padding:15px 18px; color:#333; font-size:15px; }
.main_estimate textarea::placeholder {color:#777777;}
.main_estimate button {width:100%; padding:18px 15px; background-color:#0b142c; color:#fff; font-size:16px; text-align:center; margin-top:10px; border-radius:3px;}

/*메인 퀵*/
.main_quick .w1400 {position:relative; display:flex; }
.main_quick .w1400::before {position:absolute; left:-260px; bottom:0; content:""; display:inline-block; width:260px; height:1px; background-color:#eeeeee;}
.main_quick ul {display:flex; align-items:center; justify-content:space-between; gap:0 3%; width:calc(100% - 28%); padding:40px 4% 40px 0; border-bottom:1px solid #eeeeee;}
.main_quick a {display:flex; align-items:center; gap:0 20px;}
.main_quick a:hover .img {background-color:#eee;}
.main_quick .img {display:flex; align-items:center; justify-content:center; width:92px; height:92px; background-color:#f4f4f4; border-radius:10px; padding:15px;}
.main_quick .img img {width:50px;}
.main_quick dt {font-size:18px; font-weight:800; color:#111111; margin-bottom:10px;}
.main_quick dd {font-size:14px; color:#888888; line-height:1.3;}
.main_customer {display:flex; flex-direction:column; align-items:center; justify-content:center; width:28%; background:var(--gradient); padding:30px 15px; text-align:center; border-radius:0 0 20px 0; color:#fff;}
.main_customer .title {font-size:16px; color:#ffffff;}
.main_customer .num {font-family:'Tmon'; font-weight:900; margin:20px 0; font-size:32px;}
.main_customer .call_time {font-size:14px; line-height:1.4;}

/*메인 서비스*/
.main_service {padding:4.5% 0 4.5% 0; }
.main_service .w1400 { border-bottom:1px solid #eeeeee; padding-bottom:4.5%;}
.main_service .t1 {font-size:19px; font-weight:800; text-align:center; color:var(--txt-color);}
.main_service .t2 {font-size:40px; color:#111111; text-align:center; margin:40px 0; font-family:'JNE'; font-weight:900; line-height:1.4; word-break:keep-all;}
.main_service .t3 {font-size:16px; color:#888888; line-height:1.4; text-align:center; margin-bottom:20px; word-break:keep-all;}
.main_service ul {display:flex; gap:0 4%; align-items:flex-start;}
.main_service ul li {width:calc((100% - 8%) / 3); }
.main_service ul li:nth-child(2) { margin-top:40px;}
.main_service ul a {position:relative; display:block; width:100%; height:100%; border-radius:10px; margin-bottom:25px;  overflow:hidden; }
.main_service ul .img {position:relative; padding-bottom:100%; aspect-ratio:1 / 1.1; }
.main_service ul .img img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; transition: transform 0.5s ease-in-out;}
.main_service ul li:hover .img img {transform:translate(-50%,-50%) scale(1.1);  transition: transform 0.5s ease-in-out;}
.main_service .hover {position:absolute; left:0; top:0; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; align-items:center; opacity:0; clip-path:circle(0% at 50% 50%); transition: all 0.5s ease-in-out; z-index: 1; color:#fff;}
.main_service .hover::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background:var(--gradient); opacity:0.7; }
.main_service ul li:hover .hover {opacity:1; clip-path: circle(100% at 50% 50%);}
.main_service .hover p {position:relative; margin:20px 0 25px 0; font-size:30px; font-weight:bold; z-index:2;}
.main_service .hover strong {position:relative; display:inline-block; width:135px; font-size:16px; padding:13px 10px; background:#fff; border-radius:100px; text-align:center; font-weight:400; color:#214972; z-index:2;}
.main_service .hover span {position:relative; font-size:15px; font-weight:bold; z-index:2;}
.main_service .b1 {font-size:18px; font-weight:800; margin-bottom:15px; color:var(--txt-color);} 
.main_service .b2 {font-size:19px; color:#333333; line-height:1.3;} 

/*메인 견적, 후기*/
.main_board {position:relative; padding:0 0 4.5% 0;}
.main_board::after {position:absolute; bottom:0; content:""; display:block; width:100%; height:350px; background-color:var(--bg-opacity5); clip-path:polygon(0% 100%, 100% 100%, 100% 0);  z-index:-1;}
.main_board .w1400 {display:flex; flex-wrap:wrap; gap:0 5%; }
.main_board .box {width:calc((100% - 5%) / 2);}
.main_board .tit {display:flex; align-items:center; justify-content:space-between; font-size:26px; font-weight:800; margin-bottom:25px;}
.main_board .tit a {padding:8px 15px; border:1px solid var(--bg-opacity30); font-weight:450; 
background-color:var(--bg-opacity5); color:var(--txt-color); font-size:14px; border-radius:100px;}
.main_board .box1 ul li {display:flex; align-items:center; gap:0 13px;  border-radius:5px; border:1px solid #e6e6e6; padding:15px 20px; font-size:15px; color:#555555; line-height:1.3; background-color:#fff;}
.main_board .box2 ul a {display:flex; align-items:center; gap:0 13px;  border-radius:5px; border:1px solid #e6e6e6; padding:15px 20px; font-size:15px; color:#555555; line-height:1.3; background-color:#fff;}
.main_board ul .category {display:inline-block; width:125px; min-width:125px; background:var(--bg-color); color:var(--y-txt-color); border-radius:100px; text-align:center; padding:10px; }
.main_board ul li {margin-bottom:10px; }
.main_board ul li:last-child {margin-bottom:0;}
.main_board .deco {position:absolute; bottom:20px; z-index:-1;}
.main_board .deco01 {left:20px; width:267px; height:286px; background:url('../images/main19/deco_img01.svg') no-repeat left bottom / contain;}
.main_board .deco02 {right:20px; width:575px; height:222px; background:url('../images/main19/deco_img02.svg') no-repeat right bottom / contain;}

/*메인 현장 갤러리*/
.main_gallery {background-color:#fbfbfb; padding-bottom:50px;}
.main_gallery .title {position:relative; width:100%; background:url('../images/main19/back_bg.webp') no-repeat fixed center center / cover; text-align:center; font-size:30px; font-weight:700; padding:70px 0 260px 0; color:#fff; z-index:1;}
.main_gallery .title::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:var(--bg-opacity80); z-index:-2;}
.main_gallery .title::after {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:-1;}
.main_gallery ul {position:relative; display:flex; gap:30px; flex-wrap:wrap; background-color:#fbfbfb; border-radius:20px; padding:50px 50px 0 50px; margin-top:-200px; z-index:2;}
.main_gallery ul li {position:relative; width:calc((100% - 60px) / 3); aspect-ratio:1 / 0.7; border-radius:10px; overflow:hidden; }
.main_gallery ul li img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; object-fit:cover; width:100%; height:100%; transition: transform .3s ease-in-out}
.main_gallery ul li a::before {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity:0.5; z-index:1;}
.main_gallery ul li:hover img {transform:translate(-50%, -50%) scale(1.04); transition:transform .3s ease-in-out;}
.main_gallery ul .tit {position:absolute; left:20px; bottom:20px; color:#fff; font-size:16px; font-weight:bold; z-index:2; }
.main_gallery .more {display:block; max-width:1300px; margin:0 auto; border:1px solid #e5e5e5; border-radius:10px; padding:20px 15px; font-size:18px; color:#555555; margin-top:30px; text-align:center; background-color:#fff; font-weight:450;}


/*공통*/


/*모바일메뉴*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.m_nav .menu_wrap {position:absolute; right:0; width:80%; background:#fff; height:100%;}
.m_nav .m_menu {height:100%;}
.m_nav .m_menu .m_nav_tab {display:flex; padding:15px 15px 0px 15px; }
.m_nav .m_menu .m_nav_tab li {width:50%;cursor:pointer; border:1px solid #ccc; }
.m_nav .m_menu .m_nav_tab li a {display:block; color:#888; font-size:17px; font-weight:600; text-align:center; padding:15px 0; }
.m_nav .m_nav_top {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee;}
.m_nav .m_nav_top .left {display:flex; align-items:center; width:200%; padding:0 0 0 20px;}
.m_nav .m_nav_top .left span {display:inline-block; margin-left:5px;}
.m_nav .m_nav_top .left li {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; }
.m_nav .m_nav_top .left a {display:block; font-size:13px; border:1px solid #aaa; padding:5px; border-radius:3px; color:#222; }
.m_nav .m_nav_top .left .join a {border-color:#ddd; color:#888; }
.m_nav .m_nav_top .right {display:flex; align-items:center; justify-content:end; width:100%;}
.m_nav .m_nav_top .right li {font-size:16px; margin:0 0 0 10px; height:100%;}
.m_nav .m_nav_top .right li a {padding:10px;}
.m_nav .m_nav_top .right li button {font-size:24px; background:#333; color:#fff; padding:10px 15px;}
.m_nav .depth1 {height:100%; padding:10px 20px 60px 20px; overflow-y:scroll; }
.m_nav .depth1 li {border-bottom:1px solid #f4f4f4;}
.m_nav .depth1 li a{display:flex; justify-content:space-between; padding:20px 0 20px 10px; }
.m_nav .depth1 li.on>a {color:blue;}
.m_nav .depth1 li a {font-size:18px; font-weight:600;}
.m_nav .depth2 { display:none; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
.m_nav .depth1 > li.on .depth2 { display:block; }
.m_nav .depth2 li {}
.m_nav .depth2 li a {font-size:15px; font-weight:400; padding:15px 20px}




/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1680px 이하@@@@@@@@@@해상도1680****************************/
@media all and (max-width:1680px) {

}


/****************************@@@@@@@@@@ 1400px 이하@@@@@@@@@@****************************/
@media all and (max-width:1420px) {
/*공통*/
.w1400 {width:100%; max-width:1400px; margin:0 auto; padding:0 30px;}

/*메인*/
.main_visual .main_txt {width:100%; padding:0 30px;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, 
.main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, 
.main_visual .swiper-pagination-custom, .swiper-pagination-fraction {width:100% !important; padding:0 30px;}
.main_visual .swiper-slide img {width:128% !important}

/*메인 견적 문의*/
.main_estimate_wrap {right:30px;}
}

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


}



/****************************@@@@@@@@@@ 1023px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*공통*/

/*헤더*/
header {padding:15px 0;}
header .logo {width:auto;}
header .logo img {max-width:140px;}
header .depth1 {display:none;}
header .util_wrap {display:none;}
header .m_menubtn {display:block; font-size:25px;}

/*메인*/
.main_visual .main_txt .b1 {font-size:26px !important;}
.main_visual .main_txt .b2 span {font-size:34px !important;}
.main_visual .main_txt a {font-size:14px; padding:10px 15px;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, .main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, .main_visual .swiper-pagination-custom, .swiper-pagination-fraction {display:none;}

/*메인 견적 문의*/
.main_estimate_wrap {position:initial; width:calc((100% - 30px) / 2);  order:1;}
.main_estimate {border:1px solid #ddd; border-radius:10px;}

/*메인 퀵*/
.main_quick .w1400 {flex-wrap:wrap; gap:30px;}
.main_quick ul {width:100%; padding:40px 0; order:1;}
.main_customer {width:calc((100% - 30px) / 2); border-radius:10px; order:3; }
.main_quick dd br {display:none;}

/*메인 서비스*/
.main_service {margin:50px 0;}
.main_service .t2 {font-size:35px; margin:35px 0;}
.main_service .t3 {margin-bottom:40px;}

/*메인 견적, 후기*/
.main_board .w1400 {gap:0 4%;}
.main_board .box {width:calc((100% - 4%) / 2);}
.main_board .deco {display:none;}
.main_board ul .category {width:100px; min-width:100px;}

/*메인 현장 갤러리*/
.main_gallery ul {gap:20px; padding:30px 30px 0 30px; }
.main_gallery ul li {width:calc((100% - 40px) / 3);}
}

/****************************@@@@@@@@@@ 768px 이하 / 태블릿미니@@@@@@@@@@****************************/
@media all and (max-width:768px) {
.w1400 {padding:0 15px;}

footer .w_wrap {padding:15px 0;}
footer > .w1400 {padding-top:20px; padding-bottom:20px;}
footer .left {width:100%; order:2; border-top:1px solid #eee; padding-top:20px; }
footer .right {width:100%; order:1;}
footer .right .num {font-size:24px;}
footer .right .call_time {font-size:13px;}
footer .b_link {font-size:13px; gap:5px 10px;}
footer .sns {gap:3px;}
footer .sns img {width:22px;}
footer .company_info {font-size:13px; }

/*메인*/
.main_visual .main_txt {padding:0 15px;}
.main_visual .main_txt .b1 {font-size:20px !important;}
.main_visual .main_txt .b2 span {font-size:25px !important; margin:15px 0 20px 0;}
.main_visual .main_txt a {font-size:17px; padding:10px 13px;}
.main_visual .swiper-slide img {width:150% !important;}

/*메인 견적 문의*/
.main_estimate_wrap {width:100%;}

/*메인 퀵*/
.main_quick .w1400 {gap:20px;}
.main_quick ul {justify-content:space-around; padding:20px 0;}
.main_quick a {flex-direction:column; gap:15px 0;}
.main_quick .img {width:70px; height:70px; }
.main_quick dt {font-size:15px; margin-bottom:0; font-weight:bold;}
.main_quick dd {display:none;}
.main_customer {width:100%; order:2; }
.main_customer .num {font-size:26px;}


/*메인 견적, 후기*/
.main_estimate {padding:20px 20px 25px 20px;}
.main_estimate .title {font-size:17px;}
.main_estimate input {padding:10px 15px; font-size:14px;}
.main_estimate input::plaeholder {font-size:14px;}
.main_estimate textarea {font-size:14px; height:100px;}
.main_estimate textarea::placeholder {font-size:14px;}
.main_estimate button {font-size:14px; padding:15px 13px;}


/*메인 서비스*/
.main_service {padding:0;}
.main_service .w1400 {padding-bottom:50px;}
.main_service .t2 {font-size:26px; margin:22px 0;}
.main_service .t3 {font-size:15px; }
.main_service .t3 br {display:none;}
.main_service .b2 {font-size:16px;}
.main_service .b2 br {display:none;}
.main_service ul li:nth-child(2) {margin-top:0;}

/*메인 견적, 후기*/
.main_board {padding-bottom:50px;}
.main_board .w1400 {gap:40px 0;}
.main_board .box {width:100%;}
.main_board .tit {font-size:20px; margin-bottom:15px;}
.main_board .tit a {font-size:13px; padding:7px 12px; }
.main_board .box1 ul li {padding:15px; font-size:14px;}
.main_board .box2 ul a  {padding:15px; font-size:14px;}
.main_board ul li {margin-bottom:5px;}
.main_board ul .category {width:90px; min-width:90px;padding:7px 8px; font-size:13px;}

/*메인 현장 갤러리*/
.main_gallery .title {font-size:24px; padding:50px 0 240px 0;}
.main_gallery ul {gap:15px; padding:15px 15px 0 15px; margin-top:-190px;}
.main_gallery ul li {width:calc((100% - 30px) / 3)}
.main_gallery .more {font-size:15px; padding:15px 10px; border-radius:5px;}
}

/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*html {font-size:54%}*/
.w1400 {padding:0 10px;}

/*메인*/
.main_visual .main_txt {padding:0 10px;}
.main_visual .main_txt .b1 {font-size:15px !important;}
.main_visual .main_txt .b2 span {font-size:20px !important; margin:10px 0 15px 0;}
.main_visual .main_txt a {font-size:12px; padding:7px 10px;}
.main_visual .swiper-slide img {width:180% !important;}

/*메인 서비스*/
.main_service ul {flex-wrap:wrap;}
.main_service ul li {width:100%;}
.main_service ul {gap:40px 0;}

/*메인 현장 갤러리*/
.main_gallery .title {font-size:20px; padding:40px 0 230px 0;}
.main_gallery ul {gap:10px; border-radius:10px;}
.main_gallery ul li {width:calc((100% - 10px) / 2); border-radius:5px;}
.main_gallery ul .tit {font-size:15px; left:15px; bottom:15px;}
.main_gallery .more {font-size:14px; padding:12px 10px; margin-top:20px;}

/*모바일메뉴*/
.m_nav .m_nav_top .left {padding-left:15px}
.m_nav .depth1 {padding:10px 15px 60px 15px}
.m_nav .depth1 li a {padding:18px 0 18px 10px; font-size:17px;}
.m_nav .depth2 li a {padding:10px 15px; font-size:15px;}
}



/****************************@@@@@@@@@@ 380px 이하@@@@@@@@@@****************************/
@media all and (max-width:380px) {


}

/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {

}