/**********************************회사홍보소개2 코딩*******************************************/
/*공통*/
.w1720 {width:1720px; margin:0 auto;}
.w1500 {width:1500px; margin:0 auto;}

/*헤더*/
header {position:sticky; position: -webkit-sticky; left:0; top:0; background:#fff; transition: top 0.2s ease-in-out; z-index:9999;}
.nav-up {top: -80px;}
header .w1720 {position:relative; display:flex; justify-content:space-between; align-items:center; z-index:105}
header .header_wrap {position:relative;}
header .logo a {display:block;}
header .depth1 {display:flex; justify-content:end;}
header .depth1>li {position:relative; text-align:center; padding:0 9%;} 
header .depth1>li:hover span {color:var(--txt-color);}
/*
header .depth1>li.on > a {position:relative; color:var(--txt-color);}
header .depth1>li.on > a::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
*/
header .depth1>li>a {display:block; font-size:20px; color:#333333; font-weight:bold; line-height:90px; }
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:90px; white-space:nowrap;  }
header .depth2 {display:none; position:absolute; left:0; /*top:100px; */width:100%; background:#fff; margin-top:1px; padding:15px 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;  }
header .util_wrap>button {border-radius:10px; background-color:var(--bg-color); color:var(--y-txt-color); padding:11px 20px;}
header .util {display:flex; width:40px; align-items:center; flex-wrap:wrap; justify-content:end; margin-left:3%;}
header .util>li {position:relative;}
header .util>li::before {content:""; display:inline-block; width:1px; height:6px; margin:0 12px; background:#aaa;}
header .util>li:first-child::before {display:none;}
header .util>li>a {display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-weight:300; background:#f5f5f5; border-radius:100px;} 
header .util>li i {font-size:20px; vertical-align:middle; color:#4f4f50; }
header .util .quick_my {position:absolute; left:50%; top:50px; transform:translate(-50%, 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; 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:90px; 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; }

/*메인*/
.main_con {overflow:hidden;}

/*메인 비주얼*/
.main_visual .swiper-slide {display:flex; gap:0 4%; justify-content:space-between;}
.main_visual .txt_wrap {display:flex; flex-direction:column; gap:30px; width:calc(100% - 70% - 30px); padding-left:5%; padding-top:5%;}
.main_visual .txt_wrap .main01_txt01 {font-family:'vujahday'; font-size:24px; color:#000000; word-break:keep-all; margin-bottom:30px; line-height:1.4;}
.main_visual .txt_wrap .main01_txt02 {font-family:'hahmlet'; font-size:48px; color:#000000; font-weight:bold; word-break:keep-all; line-height:1.3;}
.main_visual .img_wrap {width:70%;}
.main_visual .img_wrap img {object-fit:cover; width:100%; height:100%;}

.main_visual .s_p_b_wrap {position:absolute; left:0; bottom:35%; width:calc(100% - 70% - 30px);  text-align:left; padding-left:5%; z-index:2}
.main_visual .s_p_b { display:flex; gap:20px; align-items:center; }
.main_visual .s_p_b button {font-size:20px;}
.main_visual .s_p_b button:hover {color:var(--bg-color);}
.main_visual .swiper-pagination {position:initial; display:flex; gap:20px; align-items:center; width:auto !important; }
.main_visual .swiper-pagination span {display:flex; justify-content:center; gap:20px; align-items:center; width:auto; height:auto; opacity:1; font-size:14px; font-weight:bold; color:#222222; }
.main_visual span.swiper-pagination-bullet {background:none;}
.main_visual span.swiper-pagination-bullet-active {position:relative; opacity:1; }
.main_visual span.swiper-pagination-bullet-active::before {position:absolute; left:-8px; content:""; width:34px; height:34px; background-color:var(--bg-opacity20); border-radius:100px;}
.main_visual span.swiper-pagination-bullet-active::after {content:""; display:inline-block; height:2px; background:var(--bg-color); transform:translate(0%, -50%); animation:main_pagination 3.2s 0s forwards; opacity:0;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.main_visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}


.main_visual_wrap {position:relative;}
.main_visual_wrap .quick_wrap {}
.main_visual_wrap .quick_icon {display:flex; gap:10px; position:absolute; left:0; bottom:0; width:calc(100% - 70% - 30px); padding-left:5%; z-index:1; }
.main_visual_wrap .quick_icon li {width:calc((100% - 20px) / 3);}
.main_visual_wrap .quick_icon li:hover a {border-color:var(--bg-opacity20); transition: 0.5s ease-out; }
.main_visual_wrap .quick_icon li:not(:hover) a {transition: 0.5s ease-out; }
.main_visual_wrap .quick_icon a {display:block; width:100%; padding:20px 0; font-size:16px; font-weight:600; font-family:'hahmlet'; border:10px solid #f4f4f4; background-color:#fff; }
.main_visual_wrap .quick_icon img {display:block; width:49px;}
.main_visual_wrap .quick_icon dl {display:flex; gap:10px; align-items:center; flex-direction:column;}
.main_visual_wrap .quick_icon dt {position:relative;}
.main_visual_wrap .quick_icon dt::before {position:absolute; content:""; display:block; width:30px; height:30px; background-color:var(--bg-opacity10); border-radius:100px;}
.main_visual_wrap .quick_icon .icon_01 dt::before {left:0; top:0; }
.main_visual_wrap .quick_icon .icon_02 dt::before {right:0; top:10px; }
.main_visual_wrap .quick_icon .icon_03 dt::before {left:0; top:10px; }

.main_visual_wrap .quick_reserv {position:absolute; right:calc(70% - 115px); top:40%; width:158px; height:158px; border-radius:500px; background-color:var(--bg-color); z-index:99; }
.main_visual_wrap .quick_reserv::before {content:"";  position:absolute;  transform:translate(-50%, -50%); left:50%; top:50%;display:block; width:178px; height:178px; background:rgba(255,255,255,0.15); border-radius:200px; z-index:-1;}
.main_visual_wrap .quick_reserv dl {display:flex; align-items:center; justify-content:center;}
.main_visual_wrap .quick_reserv dt {display:none;}
.main_visual_wrap .quick_reserv::after {content:""; display:block; width:158px; height:158px; background:url('../images/main16/spin_img.png') no-repeat center center / 90%; animation:rotate_image 35s linear infinite; transform-origin:50% 50%;}
.main_visual_wrap .quick_reserv a {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; font-weight:600; text-align:center; z-index:1;}
.main_visual_wrap .quick_reserv:hover::before {background:rgba(255,255,255,0.2);}

@keyframes rotate_image {
100%  {transform:rotate(360deg);}
}
@keyframes main_pagination {
0% {width:1px; opacity:0;}
100% {width:40px; opacity:1;}
}

/*메인 어바웃*/
.main_about {position:relative; display:flex; gap:5%; justify-content:space-between; align-items:flex-start; margin:220px auto 220px auto;}
.main_about .deco_img {position:absolute; width:25%; padding-bottom:33%;}
.main_about .deco_img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.main_about .deco_img1 {left:0; top:-150px;}
.main_about .deco_img2 {right:0; bottom:-150px;}
.main_about .deco_img1 .shadow {position:absolute; right:-20px; bottom:-20px; background-color:rgba(60,62,61,0.1); width:100%; height:100%; z-index:-1;}
.main_about .deco_img2 .shadow {position:absolute; left:-20px; bottom:-20px; background-color:rgba(60,62,61,0.1); width:100%; height:100%; z-index:-1;}
.main_about .text_wrap {width:40%; text-align:center; margin:0 auto;}
.main_about .text_wrap .t1 {font-size:36px; color:#c3c3c3; font-family:'vujahday'; font-weight:500; overflow:hidden;}
.main_about .text_wrap .t1 span {display:block;}
.main_about .text_wrap .bar {overflow:hidden; height:42px;  margin:20px auto;}
.main_about .text_wrap .bar span {display:block; width:2px;  height:100%; background-color:#dbdbdb; margin:0 auto}
.main_about .text_wrap .t2 {font-size:24px; color:#111; font-weight:800; line-height:1.7; word-break:keep-all;}
.main_about .text_wrap .t3 {font-size:22px; color:#222; font-weight:400; line-height:1.8; margin:40px 0; word-break:keep-all;}
.main_about .text_wrap .more {display:inline-block; font-size:16px; color:#222; font-weight:bold; padding:10px; border-top:2px solid #3c3e3d; border-bottom:2px solid #3c3e3d;}
.main_about .text_wrap .more:hover {background-color:#3c3e3d; color:#fff;  transition: 0.3s ease-out; }
.main_about .text_wrap .more:not(:hover) {transition: 1s 1s ease-out; }

/*메인 서비스*/
.main_service .sub_tit {font-size:36px; color:#c3c3c3; font-family:'vujahday'; text-align:center; overflow:hidden;}
.main_service .sub_tit span {display:block;}
.main_service .tit {font-size:30px; color:#111; font-weight:800; margin:20px 0 40px 0; text-align:center; overflow:hidden;}
.main_service .tit span {display:block;}
.main_service ul {display:flex; gap:60px 40px ; flex-wrap:wrap; text-align:center;}
.main_service .img_box {position:relative; padding-bottom:70%; overflow:hidden;}
.main_service .img_box img {position:absolute;  transform:translate(-50%, -50%); left:50%; top:50%; display:block; object-fit:cover; width:100%; height:100%; transition:transform .3s ease-in-out}
.main_service li {width:calc((100% - 80px) / 3);}
.main_service li:hover img {transform:translate(-50%, -50%) scale(1.04)}
.main_service .f_tit {font-size:26px; color:#222222; margin:30px 0 25px 0; font-weight:bold;}
.main_service .f_txt {font-size:15px; color:#555555; line-height:1.4;}

/*메인 프리뷰*/
.main_preview {position:relative; background:url('../images/main16/pattern.png') repeat left top;  margin:150px 0;}
.main_preview::before {content:""; position:absolute; display:block; width:100%; height:100%; background:url('../images/main16/p_bg.webp') no-repeat center center / cover;  opacity:0.3}
.main_preview .w1500 {position:relative;}
.main_preview .btn_wrap {position:absolute; right:0; top:43%; display:flex; justify-content:space-between; align-items:center; z-index:5; width:calc(100% - 40% - 100px); }
.main_preview .btn {display:flex; gap:5px;}
.main_preview .btn button {display:flex; align-items:center; justify-content:center; width:60px; height:60px; line-height:60px; background:#fff; font-size:24px; color:#111; box-shadow:0 0 13px rgba(0,0,0,0.1);}
.main_preview .more {display:flex; align-items:center; justify-content:center; height:60px; padding:0 20px; background-color:#393b3b; color:#fff; }
.main_preview .more::after {content:""; display:inline-block; width:13px; height:1px; background-color:#fff; margin-left:10px;}
.main_preview .txt_wrap {display:none; position:absolute; right:0; top:10%; width:133%; right:-150%; right:calc(-133% - 100px); z-index:99;}
.main_preview .big .txt_wrap {display:block;}
.main_preview .sub_tit {font-size:36px; color:#111; font-family:'vujahday'; margin-bottom:20px;}
.main_preview .tit {font-size:30px; color:#111; font-weight:800; line-height:1.4;}

.main_preview .img_wrap {display:block; width:100%; position:relative; overflow:hidden;}
.main_preview .img_wrap img {position:absolute;  transform:translate(-50%, -50%); left:50%; top:50%; display:block; object-fit:cover; width:100%; height:100%;}
.main_preview .slide_wrap {display:flex; gap:100px; align-items:end; padding:100px 0;}
.main_preview .big {width:40%; box-shadow:20px 20px 0 rgba(0,0,0,0.1);}
.main_preview .big .swiper-container {}
.main_preview .big .img_wrap {padding-bottom:100%;}
.main_preview .big li {}
.main_preview .small {width:calc(100% - 40% - 100px);}
.main_preview .small .swiper-container { overflow:hidden;}
.main_preview .small .img_wrap { padding-bottom:80%; }

/*메인 공지사항*/
.main_notice .w1500 {display:flex; gap:5%; margin-bottom:150px;}
.main_notice .left {width:30%;}
.main_notice .tit {font-size:48px; font-weight:900; color:#111;}
.main_notice .sub_tit {font-size:16px; line-height:1.4; color:#818181; margin:30px 0;}
.main_notice .more {display:inline-block; font-size:16px; color:#222; font-weight:bold; padding:10px; border-top:2px solid #3c3e3d; border-bottom:2px solid #3c3e3d;}
.main_notice .more:hover {background-color:#3c3e3d; color:#fff;  transition: 0.3s ease-out; }
.main_notice .more:not(:hover) {transition: 0.3s ease-out; }
.main_notice .right {display:flex; align-items:center; width:calc(100% - 30% - 5%);}
.main_notice .right .category {display:inline-block; font-size:15px; font-weight:800; color:var(--txt-color); margin-bottom:20px;}
.main_notice .right .title {font-size:22px; font-weight:800; line-height:1.3;}
.main_notice .right .cont {font-size:16px; color:#828282; line-height:1.4;  margin:30px 0;}
.main_notice .right .day {font-size:13px; font-weight:bold; color:#828282;}
.main_notice .right li {width:calc(100% / 2);}
.main_notice .right li:first-child {padding-right:5%;}
.main_notice .right li:nth-child(2) {padding-left:5%; border-left:1px solid #ddd;}
.main_notice .right li:hover .title {text-decoration:underline !important;}

/*메인 지도*/
.main_location {position:relative; margin-bottom:-150px; z-index:1;}
.main_location .w1500 {display:flex; }
.main_location .left {min-width:30%; background-color:#2a2a2a; color:#fff; padding:65px 70px 50px 70px; }
.main_location .tit {font-size:32px; font-weight:900; margin-bottom:40px;}
.main_location .dl_box {display:flex; flex-direction:column; gap:20px; margin-bottom:30px;}
.main_location dl {display:flex; gap:20px;}
.main_location dt {min-width:80px; font-size:16px; font-weight:900; font-size:16px; line-height:1.4;}
.main_location dd {font-size:16px; line-height:1.4;}
.main_location .sns {display:flex; gap:3px; flex-wrap:wrap;}
.main_location .sns img {width:22px;}
.main_location .go a {display:block; color:#fff; padding:18px 10px; font-size:14px; text-align:center;} 
.main_location .go li:first-child {margin-bottom:5px;}
.main_location .go li:first-child a {background-color:#1f201f;}
.main_location .go li:last-child a {border:1px solid rgba(255,255,255,0.5);}
.main_location .map {width:100%; height:100%;}
.main_location .map_comm {width:70%; height:500px;}
.main_location .map_comm.map_img {height:auto;}
.main_location .map_img img {max-width:100%;}

/*푸터*/
footer {background-color:#1b1c1c; padding-top:150px;}
footer .b_link {display:flex; gap:4px 0px; flex-wrap:wrap; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.15);}
footer .b_link a {font-size:16px; font-weight:400; color:#e4e4e4;}
footer .b_link li::before {position:relative; top:-3px; content:""; display:inline-block; width:4px; height:4px; background-color:#c1c1c1; border-radius:100px; margin:0 10px;}
footer .b_link li:first-child::before {display:none;}
footer .wrap {display:flex; gap:20px 40px; align-items:center; flex-wrap:wrap; padding:30px 0 40px 0; }
footer .company_info {color:#e4e4e4; line-height:1.5; font-weight:400; font-size:14px;}



/**********************************회사홍보소개1 마침*******************************************/

/*공통*/
/*html {font-size:62.5%}*/

/*모바일메뉴*/
.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}




/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1720px 이하@@@@@@@@@@해상도1680****************************/
@media all and (max-width:1780px) {
.w1720 {width:100%; padding:0 30px;}

.main_visual .txt_wrap {padding-top:3%;}
.main_visual .s_p_b_wrap {bottom:30%;}
.main_about .deco_img1 {left:30px;}
.main_about .deco_img2 {right:30px;}



}



/****************************@@@@@@@@@@ 1500px 이하@@@@@@@@@@****************************/
@media all and (max-width:1560px) {
.w1500 {width:100%; padding:0 30px;}


.main_preview .btn_wrap {right:30px; top:48%; width:calc(100% - 40% - 100px - 30px)}
.main_preview .txt_wrap {width:130%; right:calc(-130% - 100px)}

}


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

header .depth1>li.on span {line-height:80px;}
header .depth1>li>a {font-size:18px;}
header .menu_bg {top:80px;}

.main_visual .img_wrap {width:65%;}
.main_visual .txt_wrap {width:calc(100% - 65% - 30px); padding-top:2%; padding-left:30px;}
.main_visual .s_p_b_wrap {padding-left:30px; bottom:150px;}
.main_visual_wrap .quick_icon {width:calc(100% - 65% - 30px); padding-left:30px;}
.main_visual_wrap .quick_reserv {right:calc(65% - 90px); width:140px; height:140px;}
.main_visual_wrap .quick_reserv::before {width:160px; height:160px;}
.main_visual_wrap .quick_reserv::after {width:140px; height:140px}
.main_visual_wrap .quick_reserv a {font-size:18px;}
.main_visual .txt_wrap .main01_txt01 {font-size:20px;}
.main_visual .txt_wrap .main01_txt02 {font-size:40px;}
.main_visual_wrap .quick_icon img {width:30px;}
.main_visual_wrap .quick_icon dt::before {width:15px; height:15px;}
.main_visual_wrap .quick_icon a {font-size:15px; }
}

/****************************@@@@@@@@@@ 1280px 이하@@@@@@@@@@****************************/
@media all and (max-width:1280px) {
.main_visual .s_p_b_wrap {background-color:rgba(255,255,255,0.4); padding:10px; border-radius:100px; left:auto; right:20px; bottom:20px;}
.main_visual span.swiper-pagination-bullet-active::before {width:30px; height:30px;}
.main_visual .swiper-pagination {font-size:14px;}
.main_visual .s_p_b_wrap {width:auto;}
.main_visual .s_p_b button {font-size:16px;}
.main_visual .s_p_b {justify-content:center;}
.main_visual_wrap .quick_reserv {right:calc(65% - 90px); top:38%; width:120px; height:120px;}
.main_visual_wrap .quick_reserv::before {width:140px; height:140px;}
.main_visual_wrap .quick_reserv::after {width:120px; height:120px}
.main_visual_wrap .quick_reserv a {font-size:16px;}
.main_visual_wrap .quick_icon a {padding:10px 0;}

.main_about {margin:140px auto 140px auto;}
.main_about .deco_img1 {top:-70px;  width:20%;}
.main_about .deco_img2 {bottom:-70px;  width:20%;}

.main_preview {margin:100px auto;}
.main_preview .slide_wrap {gap:70px;}
.main_preview .txt_wrap {width:136%; top:5%; right:calc(-136% - 70px);}
.main_preview .btn_wrap {width:calc(100% - 40% - 70px - 35px)}
.main_preview .small {width:calc(100% - 40% - 70px)}

.main_location .left {padding:40px 45px 25px 45px;}
}



/****************************@@@@@@@@@@ 1023px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1024px) {
/*공통*/
.w1720 {padding:0 20px;}
.w1500 {padding:0 20px;}

/*헤더*/
header {padding:15px 0; border-bottom:1px solid #ddd;}
header h1 img {max-width:120px;}
header .depth1 {display:none;}
header .util_wrap {display:none;}
header .m_menubtn {display:block; font-size:25px;}

.main_visual_wrap .quick_wrap {display:flex; gap:10px; padding:0 20px; margin-top:30px;}
.main_visual_wrap .quick_icon {position:initial; width:75%; padding-left:0;}
.main_visual_wrap .quick_icon a {padding:20px 0;}
.main_visual_wrap .quick_reserv {position:initial; width:25%; height:auto; background:#fff; border-radius:0; border:10px solid #f4f4f4;}
.main_visual_wrap .quick_reserv a {position:initial; transform:none; color:#000; font-family:'hahmlet'; padding:20px 0;}
.main_visual_wrap .quick_reserv::before,
.main_visual_wrap .quick_reserv::after {display:none;}
.main_visual_wrap .quick_reserv dl {display:flex; flex-wrap:wrap; flex-direction:column; gap:10px;}
.main_visual_wrap .quick_reserv dt {display:block;}
.main_visual_wrap .quick_reserv dt img {width:30px;}
.main_visual .swiper-slide {align-items:center;}
.main_visual .txt_wrap {padding:0 0 0 20px;}
.main_visual .txt_wrap .main01_txt01 {font-size:18px; margin-bottom:20px;}
.main_visual .txt_wrap .main01_txt02 {font-size:35px;}

.main_about {margin:120px auto 120px auto;}
.main_about .deco_img1 {top:-50px; left:20px;}
.main_about .deco_img2 {bottom:-50px; right:20px;}
.main_about .text_wrap .t3 br {display:none;}
.main_about .deco_img2 .shadow {left:-10px; bottom:-10px;}
.main_about .deco_img1 .shadow {right:-10px; bottom:-10px;}

.main_service .f_tit {font-size:22px; margin:25px 0;}
.main_service ul {gap:60px 20px;}
.main_service li {width:calc((100% - 40px) / 3);}

.main_preview .slide_wrap {gap:50px; padding:80px 0;}
.main_preview .txt_wrap {right:calc(-130% - 95px); top:20px;}
.main_preview .small {width:calc(100% - 40% - 50px);}
.main_preview .btn button {width:40px; height:40px; line-height:40px; font-size:20px;}
.main_preview .more {height:40px; font-size:14px; padding:0 15px;}
.main_preview .btn_wrap {width:calc(100% - 40% - 50px - 25px); right:20px;}
.main_preview .sub_tit {font-size:24px;}
.main_preview .tit {font-size:24px;}
.main_preview .big {box-shadow:10px 10px 0 rgba(0,0,0,0.1);}
.main_preview .big .txt_wrap {width:130%; right:calc(-130% - 50px);}

.main_notice .tit {font-size:36px;}

.main_location .w1500 {flex-wrap:wrap;}
.main_location .left {width:100%; padding:40px;}
.main_location .left .go {display:flex; gap:5px;}
.main_location .left .go li {width:50%;}
.main_location .tit {font-size:28px; margin-bottom:35px;}
.main_location .right {width:100%;}
.main_location .map_comm {width:100%; height:350px;}

}

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

.main_visual .swiper-slide {flex-wrap:wrap;}
.main_visual .img_wrap {width:100%;}
.main_visual .txt_wrap {width:100%; padding:20px 15px;}
.main_visual .txt_wrap .main01_txt01 {font-size:16px; margin-bottom:15px;}
.main_visual .txt_wrap .main01_txt02 {font-size:24px;}
.main_visual .s_p_b_wrap {display:none;}
.main_visual_wrap .quick_wrap {flex-wrap:wrap;}
.main_visual_wrap .quick_icon {width:100%;}
.main_visual_wrap .quick_icon a {font-size:14px;}
.main_visual_wrap .quick_reserv {width:100%;}
.main_visual_wrap .quick_reserv dl {flex-direction:row;}
.main_visual_wrap .quick_reserv a {font-size:14px;}


.main_about {flex-wrap:wrap; margin:80px auto 100px auto; gap:30px 20px;}
.main_about .deco_img {position:relative; width:calc((100% - 20px) / 2);}
.main_about .text_wrap {width:100%; order:1; }
.main_about .deco_img1 {order:3;}
.main_about .deco_img2 {order:2;}
.main_about .text_wrap .t1 {font-size:16px;}
.main_about .text_wrap .t2 {font-size:20px;}
.main_about .text_wrap .t3 {font-size:16px; margin:20px 0;}
.main_about .text_wrap .t3 br {display:block;}
.main_about .text_wrap .more {font-size:13px;}
.main_about .deco_img {top:0; left:0; right:0;}


.main_service .sub_tit {font-size:16px;}
.main_service .tit {font-size:22px; margin:20px 0 30px 0;}
.main_service ul {gap:40px 20px;}
.main_service li {width:calc((100% - 20px) / 2); flex-grow:1;}
.main_service .f_tit {font-size:18px; margin:15px 0;}
.main_service .f_txt {font-size:13px;}

.main_preview {margin:80px auto;}
.main_preview .w1500 {display:flex; flex-wrap:wrap;}
.main_preview .slide_wrap {flex-wrap:wrap; gap:10px; width:100%; padding:50px 0; order:1;}
.main_preview .big {width:100%; box-shadow:none;}
.main_preview .big li {display:flex; flex-wrap:wrap;}
.main_preview .big .img_wrap {width:100%; padding-bottom:60%; order:2;}
.main_preview .big .txt_wrap {width:100%; position:initial; width:100%; margin-bottom:20px; order:1;}
.main_preview .small {width:100%; display:none;} /*모바일에선 의미 없는 것 같아서 없애기로*/
.main_preview .small .img_wrap {padding-bottom:60%;}
.main_preview .btn {display:none;}
.main_preview .btn_wrap {width:auto; right:0; top:0;}
.main_preview .tit {font-size:22px;}
.main_preview .sub_tit {font-size:18px;}
.main_preview .more {font-size:13px; height:40px;}
.main_preview .more::after {width:10px;}

.main_notice .w1500 {flex-wrap:wrap; margin-bottom:80px;}
.main_notice .left {display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:20px;}
.main_notice .tit {font-size:20px;}
.main_notice .right {width:100%;}
.main_notice .sub_tit {display:none;}
.main_notice .more {font-size:13px; padding:5px;}
.main_notice .right .category {font-size:13px;}
.main_notice .right .title {font-size:16px;}
.main_notice .right .cont {font-size:13px; margin:20px 0;}
.main_notice .right .day {font-size:12px;}


.main_location .left {padding:25px;}
.main_location .tit {font-size:20px; margin-bottom:25px;}
.main_location .dl_box {gap:15px; }
.main_location dt {min-width:70px; font-size:14px; }
.main_location dd {font-size:14px;}
.main_location .go a {font-size:13px; padding:15px 10px;}
.main_location .map_comm {height:250px;}

footer .b_link a {font-size:13px;}
footer .company_info {font-size:12px;}

}


/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {



/*모바일메뉴*/
.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) {

}